:root { --navy: #17384b; --navy-dark: #0d2737; --blue: #3f8cdd; --gold: #dfbf8f; }
.dashboard-hero { position: relative; min-height: 96px; padding: 8px 70px; color: #fff; background:linear-gradient(90deg,#1c3543 0%,#375261 100%); overflow: visible; }
.dashboard-hero-inner { position: relative; z-index: 2; min-height: 80px; display: flex; align-items: center; }
.user-tools { position:relative; flex:0 0 auto; color:#fff; font-size:13px; }
.user-tools form { margin: 0; }
.voicemail-notification,.phone-presence,.phone-dialer-toggle,.sign-out { min-height:var(--header-control-height); display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; padding:0 11px; border-radius:var(--header-control-radius); color:#fff; font:var(--header-control-font-weight) var(--header-control-font-size) var(--font-family-sans); line-height:1; white-space:nowrap; cursor:pointer; transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.voicemail-notification,.phone-presence,.phone-dialer-toggle { border:1px solid rgba(255,255,255,.22); background:rgba(8,29,43,.34); box-shadow:0 8px 20px rgba(0,0,0,.13); }
.voicemail-notification:hover,.phone-presence:hover,.phone-dialer-toggle:hover { background:rgba(8,29,43,.54); border-color:rgba(255,255,255,.38); transform:translateY(-1px); box-shadow:0 11px 23px rgba(0,0,0,.18); text-decoration:none; }
.voicemail-notification:focus-visible,.phone-presence:focus-visible,.phone-dialer-toggle:focus-visible,.sign-out:focus-visible { outline:3px solid rgba(145,214,255,.42); outline-offset:2px; }
.voicemail-notification svg,.phone-presence svg,.phone-dialer-toggle svg,.sign-out svg { width:14px; height:14px; flex:0 0 14px; }
.phone-presence:disabled { cursor: wait; transform: none; opacity: .84; }
.phone-presence svg { stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.phone-presence-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #aeb9c4; box-shadow: 0 0 0 3px rgba(174,185,196,.14); }
.phone-presence[data-state="connecting"] .phone-presence-dot { background: #f3c66f; box-shadow: 0 0 0 3px rgba(243,198,111,.18); animation: phone-presence-pulse 1.15s ease-in-out infinite; }
.phone-presence[data-state="online"] { background: rgba(18,123,93,.36); border-color: rgba(148,235,204,.38); }
.phone-presence[data-state="online"]:hover { background:rgba(18,123,93,.52); border-color:rgba(148,235,204,.56); }
.phone-presence[data-state="online"] .phone-presence-dot { background: #71e3bb; box-shadow: 0 0 0 3px rgba(113,227,187,.18); }
.phone-presence[data-state="busy"] { background: rgba(176,112,22,.38); border-color: rgba(255,218,145,.42); cursor: default; }
.phone-presence[data-state="busy"]:hover { background:rgba(176,112,22,.48); border-color:rgba(255,218,145,.52); transform:none; }
.phone-presence[data-state="busy"] .phone-presence-dot { background: #ffd27d; box-shadow: 0 0 0 3px rgba(255,210,125,.18); }
.phone-presence[data-state="error"] .phone-presence-dot { background: #ffb8b8; box-shadow: 0 0 0 3px rgba(255,184,184,.16); }
@keyframes phone-presence-pulse { 50% { opacity: .42; transform: scale(.82); } }
.incoming-call { position:fixed; z-index:var(--layer-call-alert)!important; isolation:isolate; top:var(--space-4); left:50%; width:min(var(--kb-modal-width-standard,70rem),calc(100vw - 2rem)); min-height:5.75rem; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--space-4); padding:var(--space-4) var(--space-5); border:1px solid #9ed4d2; border-radius:var(--radius-xl); background:var(--color-accent-soft); color:var(--color-text); box-shadow:var(--kb-modal-shadow); transform:translateX(-50%); }
.incoming-call[hidden] { display: none; }
.incoming-call__icon { width:var(--kb-modal-icon-size); height:var(--kb-modal-icon-size); display:grid; place-items:center; border-radius:var(--radius-lg); background:#d9f6eb; color:var(--color-success); }
.incoming-call__icon svg { width:1.6rem; height:1.6rem; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.incoming-call__copy { min-width: 0; display: grid; gap: 2px; }
.incoming-call__copy strong { color:var(--color-text); font-size:var(--font-size-md); font-weight:600; }
.incoming-call__copy span { color:var(--color-text); font-size:var(--font-size-sm); font-weight:600; }
.incoming-call__copy small { color:var(--color-text-muted); font-size:var(--font-size-xs); font-weight:400; }
.incoming-call__copy small a { color:var(--color-link); font-weight:500; text-decoration:none; transition:none; }
.incoming-call__copy small a:hover { color:var(--color-accent); text-decoration:none; }
.incoming-call__actions { display:flex; align-items:center; gap:var(--space-2); }
.incoming-call__actions time { min-width:3.35rem; color:var(--color-success); font-size:var(--font-size-xs); font-weight:600; text-align:center; }
.incoming-call__actions time[hidden] { display:none!important; }
.incoming-call__actions .kb-button { white-space:nowrap; }
.incoming-call__actions .kb-button[hidden],
.incoming-call__transfer-panel[hidden] { display:none!important; }
.incoming-call__actions .kb-button:disabled { cursor:not-allowed; opacity:.52; transform:none; box-shadow:none; }
.incoming-call__actions .incoming-call__hold[aria-pressed="true"] { border-color:#e4b95f; background:#fff7df; color:#8a6210; }
@media (max-width: 42rem) { .incoming-call { grid-template-columns: auto 1fr; } .incoming-call__actions { grid-column: 1 / -1; justify-content: flex-end; } }
.incoming-call__disposition { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(13rem,.8fr) minmax(16rem,1.4fr) auto; align-items: end; gap: 10px; width: 100%; padding-top: 13px; border-top: 1px solid #c9eadf; }
.incoming-call__disposition[hidden] { display: none; }
.incoming-call__disposition .field label { display:block; margin-bottom:.4375rem; color:#6f7f93; font-size:.8125rem; font-weight:400; }
.incoming-call__disposition .field input,.incoming-call__disposition .field select { width:100%; min-height:3.125rem; padding:0 .9375rem; border:1px solid var(--color-border); border-radius:.875rem; background:#fff; color:var(--color-text); font:normal .875rem var(--font-family-sans); }
.incoming-call__disposition .date-picker > input[data-date-display] { padding-left:2.875rem; padding-right:3rem; cursor:pointer; }
.incoming-call__disposition .date-picker__trigger { min-height:0; padding:0; border:0; border-radius:0; background:transparent; color:#9aa8b7; box-shadow:none; transform:translateY(-50%); }
.incoming-call__disposition .date-picker__trigger:hover { background:transparent; color:#3f7cff; box-shadow:none; transform:translateY(-50%); }
.incoming-call__disposition .field textarea { width:100%; min-height:6.25rem; padding:.875rem .9375rem; border:1px solid var(--color-border); border-radius:.875rem; background:#fff; color:var(--color-text); font:normal .875rem/1.5 var(--font-family-sans); resize:vertical; }
.incoming-call__disposition .field input:hover,.incoming-call__disposition .field select:hover,.incoming-call__disposition .field textarea:hover { border-color:#aebed0; }
.incoming-call__disposition .field input:focus,.incoming-call__disposition .field select:focus,.incoming-call__disposition .field textarea:focus { border-color:var(--color-accent); box-shadow:var(--focus-ring); outline:0; }
.incoming-call__disposition .field select:disabled { color:var(--color-text); opacity:1; }
.incoming-call__disposition button { min-height: 42px; padding: 0 15px; border: 0; border-radius: 12px; background: #15996f; color: #fff; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.incoming-call__disposition>span { grid-column: 1 / -1; color: #c94646; font-size: 11px; }
@media (max-width: 52rem) { .incoming-call__disposition { grid-template-columns: 1fr; } }
.incoming-call-focus-overlay { position:fixed; z-index:calc(var(--layer-call-alert) - 1); inset:-100vh -100vw; background:var(--kb-modal-overlay); backdrop-filter:none; -webkit-backdrop-filter:none; }
.incoming-call-focus-overlay[hidden] { display:none; }
.incoming-call { z-index:var(--layer-call-alert); }
.incoming-call-queue { position:fixed; z-index:var(--layer-call-alert); top:var(--space-4); left:50%; width:min(var(--kb-modal-width-standard),calc(100vw - 2rem)); max-height:min(78vh,46rem); padding:var(--space-4); overflow:hidden; border:1px solid #9ed4d2; border-radius:var(--radius-xl); background:var(--color-surface); color:var(--color-text); box-shadow:var(--kb-modal-shadow); transform:translateX(-50%); }
.incoming-call-queue[hidden] { display:none; }
.incoming-call-queue__header { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); padding:0 var(--space-1) var(--space-3); }
.incoming-call-queue__header>div { display:grid; gap:var(--space-1); }
.incoming-call-queue__header strong { font-size:var(--font-size-lg); font-weight:600; }
.incoming-call-queue__header span:not(.incoming-call-queue__count) { color:var(--color-text-muted); font-size:var(--font-size-xs); font-weight:400; }
.incoming-call-queue__count { color:var(--color-accent); font-size:var(--font-size-xs); font-weight:500; }
.incoming-call-queue__list { display:grid; gap:var(--space-3); max-height:min(64vh,37rem); overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.incoming-call-queue .incoming-call.is-queued { position:static; width:100%; min-height:0; padding:var(--space-3) var(--space-4); border-radius:var(--radius-lg); box-shadow:var(--shadow-card); transform:none; }
.incoming-call-queue .incoming-call.is-queued .incoming-call__icon { width:2.625rem; height:2.625rem; border-radius:var(--radius-md); }
.incoming-call-queue .incoming-call.is-queued .incoming-call__copy strong { color:var(--color-success); font-size:var(--font-size-sm); }
.incoming-call-queue .incoming-call.is-queued .incoming-call__copy span { font-size:var(--font-size-md); }
.incoming-call-queue .incoming-call.is-queued .incoming-call__actions { justify-content:flex-end; }
.incoming-call-queue .incoming-call.is-queued .incoming-call__actions button { min-height:2.375rem; padding:0 var(--space-3); }
@media (max-width:42rem) {
    .incoming-call-queue { top:10px; width:calc(100vw - 1rem); padding:10px; border-radius:18px; }
    .incoming-call-queue .incoming-call.is-queued { grid-template-columns:auto minmax(0,1fr); }
    .incoming-call-queue .incoming-call.is-queued .incoming-call__actions { grid-column:1 / -1; flex-wrap:wrap; }
}
.incoming-call.is-connected { width:min(70rem,calc(100vw - 2rem)); grid-template-columns:auto minmax(0,1fr) auto; }
.incoming-call.is-connected { top:50%; transform:translate(-50%,-50%); }
.incoming-call__transfer-panel { grid-column:1 / -1; width:100%; }
.incoming-call__transfer-panel .incoming-call__transfer-field { margin:0; }
.incoming-call__transfer-panel .incoming-call__transfer-field .field__control { min-height:var(--control-height); padding:0 var(--space-4); border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-surface); color:var(--color-text); font:400 var(--font-size-sm)/var(--line-height-normal) var(--font-family-sans); }
.incoming-call__transfer-panel .browser-softphone__transfer-actions .kb-button { min-width:0; min-height:2.25rem; padding:0 .875rem; border-radius:var(--radius-pill); font:600 var(--font-size-xs)/1 var(--font-family-sans); }
.incoming-call__transfer-panel .browser-softphone__transfer-actions .kb-button--secondary { border-color:var(--color-border); background:var(--color-surface); color:var(--color-text); }
.incoming-call__transfer-panel .browser-softphone__transfer-actions .kb-button--danger { border-color:#d93939; background:linear-gradient(135deg,#ef4b4b,#d93939); color:#fff; }
.incoming-call__transfer-panel .browser-softphone__transfer-actions .kb-button--communication { border-color:#91d8c6; background:#e4f8f1; color:#087a64; }
.incoming-call__disposition { position:relative; z-index:1; display:block; max-height:min(62vh,580px); overflow-y:auto; padding:16px 4px 2px; }
.incoming-call__disposition .communication-subheading { margin-top:0; }
.incoming-call__disposition .field { margin-bottom:.85rem; }
.incoming-call__disposition>button[type="submit"] { display:flex; min-width:160px; margin:12px auto 0; align-items:center; justify-content:center; }
.incoming-call__disposition>[data-incoming-disposition-message] { display:block; margin-top:8px; text-align:center; }
.phone-dialer-toggle svg { fill:currentColor; stroke:currentColor; }
.manual-dial-dialog .manual-dial-mute { border:1px solid #dfb767; background:#fff8e7; color:#8c6517; }
.manual-dial-dialog .manual-dial-end { border:1px solid #e25a5a; background:#e84f4f; color:#fff; }
.sign-out { min-height:var(--header-control-height-compact); gap:6px; padding:0 9px; border:1px solid transparent; border-radius:calc(var(--header-control-radius) - 1px); background:#3e8bd6; box-shadow:0 8px 20px rgba(0,0,0,.16); }
.sign-out:hover { background: #2f79c4; transform: translateY(-1px); box-shadow: 0 11px 24px rgba(0,0,0,.2); }
.sign-out svg { stroke:currentColor; stroke-width:2; }
.kb-account-menu { margin-left:var(--space-2); padding-left:var(--space-4); border-left:1px solid rgba(255,255,255,.22); }
.kb-account-menu::after { content:""; position:absolute; top:100%; right:0; width:100%; height:var(--space-2); }
.dashboard-hero .kb-account-menu > summary { width:auto; min-width:3rem; min-height:var(--header-control-height); justify-content:center; gap:var(--space-2); padding:0 10px; border:1px solid rgba(255,255,255,.22); border-radius:var(--header-control-radius); background:rgba(8,29,43,.34); color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.13); transition:background .18s ease,border-color .18s ease,box-shadow .18s ease; }
.dashboard-hero .kb-account-menu > summary:hover { border-color:rgba(255,255,255,.42); background:rgba(8,29,43,.54); box-shadow:0 11px 23px rgba(0,0,0,.18); }
.dashboard-hero .kb-account-menu[open] > summary { border-color:rgba(255,255,255,.22); background:rgba(8,29,43,.34); box-shadow:0 8px 20px rgba(0,0,0,.13); }
.dashboard-hero .kb-account-menu[open] > summary:hover { border-color:rgba(255,255,255,.42); background:rgba(8,29,43,.54); box-shadow:0 11px 23px rgba(0,0,0,.18); }
.dashboard-hero .kb-account-menu > summary:focus-visible { outline:3px solid rgba(145,214,255,.42); outline-offset:2px; }
.kb-account-menu__trigger > svg { width:14px; height:14px; stroke:currentColor; stroke-width:2; }
.kb-account-menu__chevron { display:inline-flex; align-items:center; justify-content:center; }
.kb-account-menu__chevron svg { width:12px; height:12px; stroke:currentColor; stroke-width:2; }
.dashboard-hero .kb-account-menu__panel { top:calc(100% + var(--space-2)); right:0; left:auto; width:min(16rem,calc(100vw - 2rem)); gap:var(--space-3); padding:var(--space-3); border-color:var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); color:var(--color-text); box-shadow:var(--shadow-dialog); }
.kb-account-menu__identity { min-width:0; display:grid; gap:var(--space-1); padding:var(--space-2); border-bottom:1px solid var(--color-border-soft); }
.kb-account-menu__identity strong,.kb-account-menu__identity span { overflow-wrap:anywhere; }
.kb-account-menu__identity strong { color:var(--color-text); font-size:var(--font-size-sm); font-weight:600; }
.kb-account-menu__identity span { color:var(--color-text-muted); font-size:var(--font-size-xs); font-weight:400; }
.kb-account-menu__links { display:grid; gap:var(--space-1); padding-bottom:var(--space-2); border-bottom:1px solid var(--color-border-soft); }
.kb-account-menu__links a { min-height:2.5rem; display:flex; align-items:center; gap:var(--space-2); padding:0 var(--space-3); border-radius:var(--radius-md); color:var(--color-text); font-size:var(--font-size-sm); font-weight:500; text-decoration:none; }
.kb-account-menu__links a:hover { background:var(--color-accent-soft); color:var(--color-primary); }
.kb-account-menu__links a:focus-visible { outline:0; box-shadow:var(--focus-ring); }
.kb-account-menu__links svg { width:1rem; height:1rem; flex:0 0 auto; stroke:currentColor; }
.kb-account-menu__panel .sign-out { width:100%; min-height:2.5rem; justify-content:flex-start; padding-inline:var(--space-3); border:1px solid transparent; background:#3e8bd6; color:#fff; font-weight:var(--header-control-font-weight); }
.kb-account-menu__panel .sign-out:hover,.kb-account-menu__panel .sign-out:focus-visible { background:#2f79c4; color:#fff; }
.header-row { width:100%; min-height:80px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px; }
.header-brand-navigation { min-width:0; display:flex; align-items:center; gap:34px; }
.header-account-communications { min-width:0; display:flex; align-items:center; justify-content:flex-end; gap:var(--space-2); }
.brand-area { min-width:0; flex:0 0 auto; }
.brand-logo-link { display: inline-block; color: inherit; text-decoration: none; }
.brand-logo { display: flex; align-items: center; gap: 16px; }
.brand-logo h1 { margin: 0; color: #fff; font-size: 1.8rem; }
.brand-logo--image { min-height: 3.375rem; }
.brand-logo--image img { display: block; width: auto; max-width: min(20rem,70vw); height: auto; max-height: 3.75rem; object-fit: contain; object-position: left center; }
.brand-logo--platform img { width:auto; max-width:min(16.75rem,62vw); height:2.25rem; max-height:2.25rem; }
.brand-product-name { padding-left:var(--space-3); border-left:1px solid rgba(195,203,211,.48); color:#c3cbd3; font-size:var(--font-size-sm); font-weight:600; line-height:1; }
.logo-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; background: linear-gradient(135deg,#f2d9ac,var(--gold)); color: var(--navy-dark); font-size: 24px; font-weight: 800; box-shadow: 0 16px 36px rgba(0,0,0,.22); }
.header-communications { display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; gap:10px; min-width:0; margin-left:auto; }
.desktop-nav { display:flex; flex:1 1 auto; align-items:center; justify-content:flex-start; gap:2px 12px; flex-wrap:wrap; margin:0; }
.desktop-nav .nav-link { min-height: 38px; display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 0 12px; border-radius: 14px; color: rgba(255,255,255,.9); font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.desktop-nav .nav-link.active { background: rgba(10,36,56,.58); color: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.desktop-nav .nav-link:not(.disabled) { transition: background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease; }
.desktop-nav .nav-link:not(.disabled):hover { background: rgba(10,36,56,.42); color: #fff; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,.14); }
.desktop-nav .nav-link.disabled { opacity: .48; }
.desktop-nav .nav-link svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 2; }
.dashboard-nav-dropdown { position:relative; }
.desktop-nav .dashboard-nav-dropdown > .nav-link:hover { transform:none; }
.dashboard-nav-dropdown__chevron { width:1rem; height:1rem; display:inline-flex; align-items:center; justify-content:center; margin-left:-.25rem; }
.dashboard-nav-dropdown__chevron svg { width:1rem!important; height:1rem!important; }
.dashboard-nav-dropdown__menu { position:absolute; z-index:var(--layer-dropdown); top:calc(100% - 1px); left:0; min-width:14rem; display:none; gap:4px; padding:10px; border:1px solid rgba(255,255,255,.18); border-radius:var(--radius-lg); background:rgba(10,36,56,.98); box-shadow:0 22px 48px rgba(0,0,0,.28); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.dashboard-nav-dropdown:hover .dashboard-nav-dropdown__menu,.dashboard-nav-dropdown:focus-within .dashboard-nav-dropdown__menu { display:grid; }
.dashboard-nav-dropdown__menu a { min-height:2.75rem; display:flex; align-items:center; gap:var(--space-3); padding:0 var(--space-3); border-radius:var(--radius-md); color:#fff; font-size:var(--font-size-sm); font-weight:600; text-decoration:none; white-space:nowrap; transition:background .18s ease; }
.dashboard-nav-dropdown__menu a:hover,.dashboard-nav-dropdown__menu a:focus-visible,.dashboard-nav-dropdown__menu a[aria-current="page"] { background:rgba(255,255,255,.12); }
.dashboard-nav-dropdown__menu a:focus-visible { outline:3px solid rgba(145,214,255,.42); outline-offset:1px; }
.dashboard-nav-dropdown__menu svg { width:1.25rem; height:1.25rem; flex:0 0 1.25rem; stroke:currentColor; stroke-width:2; }
.mobile-menu-row { position:relative; display: none; margin-top: 26px; }
.mobile-menu-button { width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(10,36,56,.58); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.mobile-menu-button span { display: flex; align-items: center; gap: 10px; }
.mobile-menu-button svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 2; }
.chevron { transition: transform .18s ease; }
.mobile-menu-button.is-open .chevron { transform: rotate(180deg); }
.mobile-nav { position:absolute; z-index:40; top:calc(100% + 10px); right:0; left:0; display:none; margin:0; padding:10px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:rgba(10,36,56,.96); box-shadow:0 22px 48px rgba(0,0,0,.28); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.mobile-nav.is-open { display: grid; gap: 4px; }
.mobile-nav a { min-height:46px; display:flex; align-items:center; gap:10px; padding:0 12px; border-radius:12px; color:#fff; font-size:14px; font-weight:600; text-decoration:none; }
.mobile-nav a span { min-height:0; padding:0; }
.mobile-nav a svg { width:20px; height:20px; flex:0 0 20px; stroke:currentColor; stroke-width:2; }
.mobile-nav a { transition: background .18s ease,transform .18s ease; }
.mobile-nav a:hover,.mobile-nav a:focus-visible,.mobile-nav a[aria-current="page"] { background: rgba(255,255,255,.1); }
.mobile-nav a:hover { transform: translateX(2px); }
.mobile-nav a:focus-visible { outline:3px solid rgba(145,214,255,.42); outline-offset:1px; }
.voicemail-notification { position:relative; text-decoration:none; }
.voicemail-notification svg { stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.voicemail-notification__count { min-width: 1.15rem; min-height: 1.15rem; display: grid; place-items: center; padding: 0 .25rem; border-radius: 999px; color: #fff; font-size: .58rem; }
.voicemail-notification__count[hidden] { display:none!important; }
.voicemail-notification__count--messages { background:#ef4b4b; }
.voicemail-notification__count--missed { margin-left:-.18rem; background:#2f80ed; }
.sms-notification[hidden] { display:none!important; }
.sms-notification__count { background:#00a9d6; }
.app-main-content { min-height: 50vh; }
.dashboard-footer { margin: 12px 0 16px; padding: 4px 10px; color: #8a98aa; font-size: 13px; font-weight: 500; text-align: center; }
@media (max-width: 73.75rem) { .dashboard-hero { padding-inline:38px; } .header-row { gap:20px; } .header-brand-navigation { gap:20px; } .header-communications { justify-content:flex-end; flex-wrap:nowrap; margin-left:auto; } .desktop-nav { justify-content:flex-start; gap:4px 8px; } .desktop-nav .nav-link { padding-inline:9px; } }
@media (max-width: 56.25rem) { .dashboard-hero { min-height:auto; padding:18px 22px 22px; overflow:visible; } .dashboard-hero-inner { min-height:0; display:block; } .header-row { min-height:0; display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"account" "brand" "utilities"; gap:12px; } .header-brand-navigation { grid-area:brand; display:block; } .header-account-communications { display:contents; } .brand-area { min-height:0; } .user-tools { grid-area:account; justify-content:flex-start; margin:0; flex-wrap:wrap; } .kb-account-menu { width:max-content; padding-left:0; border-left:0; } .dashboard-hero .kb-account-menu__panel { right:auto; left:0; } .header-communications { grid-area:utilities; width:100%; min-width:0; justify-content:flex-start; flex-wrap:wrap; margin-left:0; } .desktop-nav { display:none; } .mobile-menu-row { display:block; margin-top:12px; } }
@media (max-width: 35rem) { .dashboard-hero { padding-inline: 16px; } .brand-logo h1 { font-size: 1.45rem; } }
.kb-shell-preview__header { border-radius:var(--radius-card); }
.kb-shell-preview__header--mobile { min-height:auto; padding:18px 16px 22px; overflow:visible; }
.kb-shell-preview__header--mobile .dashboard-hero-inner { min-height:0; display:block; }
.kb-shell-preview__header--mobile .brand-area { min-height:0; }
.kb-shell-preview__header--mobile .header-row { min-height:0; display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"account" "brand" "utilities"; gap:12px; }
.kb-shell-preview__header--mobile .header-brand-navigation { grid-area:brand; display:block; }
.kb-shell-preview__header--mobile .header-account-communications { display:contents; }
.kb-shell-preview__header--mobile .user-tools { grid-area:account; justify-content:flex-start; margin:0; flex-wrap:wrap; }
.kb-shell-preview__header--mobile .header-communications { grid-area:utilities; width:100%; min-width:0; justify-content:flex-start; margin-left:0; flex-wrap:wrap; }
.kb-shell-preview__header--mobile .desktop-nav { display:none; }
.kb-shell-preview__header--mobile .mobile-menu-row { display:block; margin-top:12px; }
.kb-shell-preview__header--mobile .brand-logo--platform img { width:auto; max-width:min(14rem,58vw); height:2rem; max-height:2rem; }
html.is-shell-navigating .app-main-content {
    pointer-events: none;
}

html.is-shell-navigating {
    cursor: progress;
}