/* Shared shell compatibility repair, 2026-09-29.
   The deployed layout uses SVG controls and rich navigation not in app.css v38.
   Keep these rules scoped to the shell; do not change tenant colours or content. */
.topbar-command-group { display: flex; align-items: center; gap: 8px; }
.topbar-tool {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 auto; gap: 7px; min-width: 40px; height: 40px; padding: 0 11px;
    border: 1px solid var(--line); border-radius: 12px; background: var(--paper);
    color: var(--navy-800); font: 600 12px/1 var(--font-ui, sans-serif);
    text-decoration: none; white-space: nowrap; cursor: pointer;
}
.topbar-tool:hover { background: var(--cream); }
.topbar-tool:focus-visible, .topbar-create:focus-visible, .topbar-avatar:focus-visible {
    outline: 2px solid var(--tenant-primary, #08705a); outline-offset: 3px;
}
.topbar-tool svg, .topbar-create svg, .topbar-profile-arrow,
.sidebar .nav-icon svg, .sidebar .nav-chevron {
    display: block; flex: 0 0 auto; width: 20px; height: 20px;
    fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
}
.notification-trigger > i {
    position: absolute; top: -5px; right: -5px; display: grid; place-items: center;
    min-width: 18px; height: 18px; padding: 0 4px; border: 2px solid var(--cream);
    border-radius: 999px; color: #fff; background: var(--gold-600);
    font: 700 9px/1 var(--font-ui, sans-serif);
}
.topbar-search-shortcut {
    display: inline-grid; place-items: center; min-width: 18px; height: 20px;
    border: 1px solid var(--line); border-radius: 4px; color: var(--muted);
    font: 11px/1 var(--font-ui, sans-serif);
}
.topbar-create { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.topbar-create span { font-size: 12px; font-weight: 600; line-height: 1; }
.topbar-profile-arrow { width: 16px; height: 16px; color: var(--muted); }
.topbar-avatar { min-width: 0; }
.topbar-user { min-width: 0; }
.topbar-user strong { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar .nav-item-rich { min-height: 56px; align-items: center; gap: 11px; }
.sidebar .nav-item-rich .nav-icon { flex: 0 0 25px; }
.sidebar .nav-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sidebar .nav-copy strong { color: inherit; font-size: 12px; font-weight: 600; line-height: 1.3; }
.sidebar .nav-copy small { color: #b7c7d5; font-size: 10px; line-height: 1.3; }
.sidebar .nav-item.active .nav-copy small { color: #e1eaf1; }
.sidebar .nav-chevron { width: 15px; height: 15px; margin-left: auto; color: #b7c7d5; transition: transform .18s ease; }
.sidebar .nav-more[open] > summary .nav-chevron { transform: rotate(180deg); }
@media (max-width: 1200px) {
    .topbar-tool-label, .topbar-search-shortcut { display: none; }
    .topbar-tool { width: 40px; padding: 0; }
    .topbar-command-group { gap: 6px; }
}
@media (max-width: 700px) {
    .topbar-actions { gap: 8px; }
    .topbar-command-group { gap: 6px; }
    .topbar-create, .topbar-tool.help-button { display: none; }
    .topbar-profile-arrow { display: none; }
    .topbar-avatar { padding: 0; }
    .notification-panel { position: fixed; top: 72px; right: 12px; width: min(390px, calc(100vw - 24px)); }
}