/* Scoped shell acceptance fixes; retain the shared brand and colour system. */
@media screen {
    .app-layout > header.app-topbar { height: auto; padding-block: 12px; }
    .app-layout .site-context-bar { display: flex; flex: 1; min-width: 0; gap: 16px; align-items: center; }
    .app-layout .app-topbar .working-site { display: grid; gap: 2px; flex: 1; max-width: 420px; min-width: 0; }
    .app-layout .app-topbar #working-site { width: 100%; max-width: 100% !important; }
    #working-site-name { margin: 0; line-height: 1.6; white-space: normal; overflow-wrap: anywhere; font-size: 12px; color: #c4ddce; }
    #working-site-name[hidden] { display: none; }
    .navigation-account { display: flex; align-items: flex-start; gap: 12px; padding-block: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--line); }
    .navigation-account > div { flex: 1; min-width: 0; }
    .navigation-account strong { display: block; overflow-wrap: anywhere; white-space: normal; font-size: 13px; line-height: 1.6; }
    .navigation-account small { display: block; margin-block: 4px 0; }
    .navigation-account button { margin: 0; flex: 0 0 auto; min-height: 44px; }
    .mobile-more-drawer > nav { min-height: 0; flex: 1; }
    .mobile-more-drawer .navigation-account { border-color: #386a50; }
    .mobile-more-drawer .navigation-account button { background: transparent; border-color: #477a61; color: #fff; }
    .mobile-more-drawer .navigation-account small { color: #bcd6c8; }
    .sidebar-section > summary span, .sidebar-group > summary { overflow-wrap: anywhere; min-width: 0; }
    @media (max-width: 800px) {
        .app-layout > header.app-topbar { padding: 0; }
        .app-layout .app-topbar .working-site { gap: 0; max-width: none; }
        .app-layout .app-topbar #working-site-name { padding: 4px 10px 8px; color: var(--muted); }
        .app-layout .app-topbar .site-context-bar { align-items: flex-start; }
        .app-layout .app-topbar .client-preview { align-self: flex-start; white-space: normal; max-width: 90px; }
        .workspace-nav > a { white-space: normal; text-align: center; line-height: 1.35; }
        .workspace-nav > a > span { overflow-wrap: anywhere; }
    }
}
@media print { .navigation-account, #working-site-name { display: none !important; } }