/* Readable topbar typography and explicit contrast in both themes. */
header.corporate-topbar {
    background: #0a2342 !important;
    color: #fff !important;
    font-family: inherit;
    min-height: 72px;
    gap: 14px;
    flex-wrap: wrap;
    z-index: 1030;
}
html[data-theme="dark"] header.corporate-topbar { background: #111c2d !important; }
.corporate-topbar > div { min-width: 0; }
.corporate-topbar > div:last-child { flex-wrap: wrap; }
.corporate-topbar .topbar-brand { color: #fff; min-width: 0; }
.corporate-topbar .topbar-brand > span:last-child { min-width: 0; }
.corporate-topbar .topbar-brand b {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.corporate-topbar .topbar-brand small {
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 2px;
}
.corporate-topbar .topbar-mark { width: 40px; height: 40px; flex-shrink: 0; font-size: 20px; }
.corporate-topbar .topbar-chip,
.corporate-topbar .topbar-quick {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    min-height: 44px;
    height: auto;
    padding: 10px 12px;
}
.corporate-topbar .topbar-chip { color: var(--ink); background: var(--surface-2); }
.corporate-topbar .topbar-chip > span { max-width: 220px; overflow-wrap: anywhere; }
.corporate-topbar .topbar-chip i,
.corporate-topbar .topbar-quick i { font-size: 18px; flex-shrink: 0; }
.corporate-topbar .topbar-chip .notify-count { font-size: 12px; line-height: 1.5; }
.corporate-topbar .topbar-quick kbd { font-size: 11px; }
.corporate-topbar .topbar-theme { width: 44px; height: 44px; font-size: 20px; flex-shrink: 0; }
.corporate-topbar button[onclick="toggleSidebar()"] {
    color: #fff; border-color: #94a3b8; min-width: 44px; min-height: 44px; font-size: 20px;
}
.corporate-topbar a:focus-visible,
.corporate-topbar button:focus-visible { outline: 2px solid #fbbf24; outline-offset: 3px; }
@media (max-width: 991px) {
    .corporate-topbar .topbar-brand b { font-size: 16px; }
    .corporate-topbar .topbar-chip span:not(.notify-count) { display: inline; }
}
@media (max-width: 600px) {
    header.corporate-topbar { gap: 10px; }
    .corporate-topbar > div:last-child { width: 100%; }
    .corporate-topbar .topbar-quick { width: auto; }
    .corporate-topbar .topbar-quick span { display: inline; }
    .corporate-topbar .topbar-chip,
    .corporate-topbar .topbar-quick { font-size: 14px; padding: 9px 10px; }
}