/* HomeStube Operations Center 2027 — consolidated frontend design system. */
:root{--oc-bg:#080d14;--oc-side:#0a1019;--oc-panel:#0e1622;--oc-raised:#131e2c;--oc-line:#213044;--oc-line2:#304158;--oc-text:#edf3fb;--oc-muted:#8495aa;--oc-subtle:#65778f;--oc-blue:#5b94f7;--oc-blue-soft:rgba(91,148,247,.13);--oc-green:#45d18d;--oc-green-soft:rgba(69,209,141,.11);--oc-amber:#efb84e;--oc-red:#ed6974;--oc-radius:12px;--oc-sidebar:236px;--oc-topbar:62px}
:root[data-theme="light"]{--oc-bg:#f3f6fa;--oc-side:#fff;--oc-panel:#fff;--oc-raised:#f6f8fb;--oc-line:#d9e1eb;--oc-line2:#bdc9d8;--oc-text:#152236;--oc-muted:#52657b;--oc-subtle:#728399;--oc-blue:#2563db;--oc-blue-soft:rgba(37,99,219,.09);--oc-green:#148858;--oc-green-soft:rgba(20,136,88,.1)}
*{box-sizing:border-box}html{background:var(--oc-bg)}body{margin:0;background:radial-gradient(circle at 74% -12%,rgba(57,100,186,.12),transparent 34rem),var(--oc-bg);color:var(--oc-text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body.authenticated-shell{padding:var(--oc-topbar) 0 0 var(--oc-sidebar)!important}a{color:inherit}.skip-link{position:fixed;z-index:10000;top:8px;left:8px;transform:translateY(-160%);padding:8px 12px;border-radius:8px;background:var(--oc-blue);color:#fff;text-decoration:none}.skip-link:focus{transform:none}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--oc-blue)!important;outline-offset:2px!important}
/* shell */
.cc-topbar{position:fixed!important;z-index:1100!important;inset:0 0 auto var(--oc-sidebar)!important;height:var(--oc-topbar)!important;min-height:var(--oc-topbar)!important;padding:0 28px!important;border:0!important;border-bottom:1px solid var(--oc-line)!important;background:rgba(8,13,20,.9)!important;backdrop-filter:blur(14px);box-shadow:none!important}.cc-topbar-inner{width:100%!important;max-width:none!important;height:100%;display:flex;align-items:center;gap:12px}.cc-topbar-page{min-width:0}.cc-topbar-page strong{display:block;color:var(--oc-text);font-size:13px;font-weight:700}.cc-topbar-page span{display:block;color:var(--oc-subtle);font-size:10px}.cc-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.cc-menu-toggle{display:none!important}.cc-command-trigger{min-height:34px;padding:5px 7px 5px 11px;border:1px solid var(--oc-line)!important;border-radius:8px;background:transparent!important;color:var(--oc-muted)!important;display:flex;align-items:center;gap:30px}.cc-command-trigger kbd,kbd{padding:3px 6px;border:1px solid var(--oc-line);border-radius:5px;background:var(--oc-raised);color:var(--oc-subtle);font:600 10px/1.4 inherit}.cc-theme-control{display:flex;align-items:center;gap:6px}.cc-theme-label{color:var(--oc-subtle);font-size:8px;text-transform:uppercase}.cc-theme-control input{position:absolute;opacity:0}.cc-theme-switch{position:relative;display:block;width:42px;height:24px;border:1px solid var(--oc-line);border-radius:999px;background:var(--oc-raised)}.cc-theme-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .16s}.cc-theme-control input:checked+.cc-theme-switch:after{transform:translateX(18px)}
.cc-sidebar{position:fixed!important;z-index:1200!important;inset:0 auto 0 0!important;width:var(--oc-sidebar)!important;display:flex!important;flex-direction:column!important;transform:none!important;overflow:hidden;background:var(--oc-side)!important;border:0!important;border-right:1px solid var(--oc-line)!important;box-shadow:none!important}.cc-sidebar-brand{position:relative;flex:0 0 var(--oc-topbar);min-height:var(--oc-topbar)!important;border-bottom:1px solid var(--oc-line)!important;display:flex;align-items:center}.cc-brand-link{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--oc-text);text-decoration:none}.cc-sidebar-logo{width:36px!important;height:36px!important;flex:0 0 36px!important;display:grid;place-items:center;overflow:hidden;border:1px solid #29405e!important;border-radius:10px!important;background:#111e30!important}.cc-sidebar-logo img{width:100%;height:100%;object-fit:contain;padding:3px}.cc-brand-copy small{display:block;color:#7194d1!important;font-size:8px!important;font-weight:850;letter-spacing:.13em}.cc-brand-copy strong{display:block;margin-top:2px;color:var(--oc-text)!important;font-size:13px!important}.cc-sidebar-close{display:none}.cc-sidebar-nav{flex:1;min-height:0;display:flex!important;flex-direction:column;gap:5px;overflow:auto;padding:15px 10px!important}.cc-nav-group{margin:0!important}.cc-nav-group[data-group="overview"]{order:1}.cc-nav-group[data-group="systems"]{order:2}.cc-nav-group[data-group="monitoring"]{order:3}.cc-nav-group[data-group="management"]{order:4;margin-top:7px!important;padding-top:8px;border-top:1px solid var(--oc-line)}.cc-nav-group h2{margin:0}.cc-nav-group-toggle{width:100%;min-height:32px;padding:6px 9px!important;border:0!important;background:transparent!important;color:var(--oc-subtle)!important;text-align:left;font-size:9px!important;font-weight:850;letter-spacing:.14em}.cc-nav-group-toggle i{float:right}.cc-nav-group-items{display:grid;gap:2px}.cc-nav-group-items[hidden]{display:grid!important}.cc-nav-group-items a{position:relative;min-height:38px;margin:0!important;padding:9px 9px 9px 42px!important;border:1px solid transparent!important;border-radius:8px!important;color:var(--oc-muted)!important;text-decoration:none;font-size:12px!important;font-weight:550}.cc-nav-group-items a:before{content:attr(data-icon);position:absolute;left:9px;top:7px;width:24px;height:24px;display:grid;place-items:center;border:0!important;border-radius:7px;background:transparent!important;color:var(--oc-subtle)!important;font-size:8px;font-weight:850;box-shadow:none!important}.cc-nav-group-items a:hover{background:rgba(255,255,255,.035)!important;color:var(--oc-text)!important}.cc-nav-group-items a.active{border-color:rgba(91,148,247,.2)!important;background:linear-gradient(90deg,rgba(91,148,247,.18),rgba(91,148,247,.05))!important;color:var(--oc-text)!important;box-shadow:inset 2px 0 var(--oc-blue)!important}.cc-nav-group-items a.active:before{color:#82adff!important}.cc-sidebar-footer{flex:0 0 auto;padding:10px;border-top:1px solid var(--oc-line)!important}.cc-logout-button{width:100%;min-height:36px;padding:8px 10px;border:1px solid transparent!important;border-radius:8px;background:transparent!important;color:var(--oc-muted)!important;text-align:left}.cc-mobile-dock,.cc-sidebar-backdrop{display:none!important}
/* shared components */
:where(.control-shell,.backup-shell,.cf-shell,.pangolin-shell,.wg-shell,.pelican-shell,.page-center){width:min(100%,1440px)!important;max-width:1440px!important;margin-inline:auto!important;padding:30px clamp(22px,3vw,40px) 52px!important}:where(main){min-width:0;color:var(--oc-text)}:where(.card,.status-card,.health-item,.backup-metric,.backup-target-card,.gateway-row,.status-inventory-row){border:1px solid var(--oc-line)!important;border-radius:var(--oc-radius)!important;background:var(--oc-panel)!important;color:var(--oc-text);box-shadow:none!important}.card{padding:22px}:where(h1,h2,h3,h4){color:var(--oc-text);letter-spacing:-.025em}.eyebrow{margin:0;color:#7397d5!important;font-size:9px!important;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.muted,small{color:var(--oc-muted)}.freshness-pill{padding:6px 9px!important;border:1px solid var(--oc-line)!important;border-radius:999px!important;background:transparent!important;color:var(--oc-subtle)!important;font-size:9px!important}.status-ok{color:var(--oc-green)!important}.status-warn{color:var(--oc-amber)!important}.status-bad,.status-error{color:var(--oc-red)!important}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:40px;border:1px solid var(--oc-line)!important;border-radius:8px!important;background:var(--oc-raised)!important;color:var(--oc-text)!important;box-shadow:none!important}:where(button,.button-link){min-height:38px;border-radius:8px;font-weight:700}:where(button:not(.cc-nav-group-toggle):not(.cc-icon-button):not(.command-palette-backdrop):not(.cc-logout-button):not(.cc-sidebar-close),.button-link){border:1px solid var(--oc-blue)!important;background:var(--oc-blue)!important;color:#fff!important}:where(.secondary-button,button.secondary-button){border-color:var(--oc-line)!important;background:var(--oc-raised)!important;color:var(--oc-text)!important}:where(.danger-button,button.danger-button,[data-danger],[data-delete]){border-color:rgba(237,105,116,.4)!important;background:rgba(237,105,116,.1)!important;color:#ff8e98!important}:where(.table-wrap,.backup-table-wrap){max-width:100%;overflow:auto;border:1px solid var(--oc-line);border-radius:10px}:where(table){width:100%;border-collapse:separate;border-spacing:0;background:var(--oc-panel)}:where(thead th){position:sticky;top:0;z-index:2;padding:10px 12px;border-bottom:1px solid var(--oc-line2);background:var(--oc-raised);color:var(--oc-muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase}:where(tbody td){padding:11px 12px;border-bottom:1px solid var(--oc-line);color:var(--oc-text)}:where(tbody tr:hover td){background:var(--oc-raised)}
/* dashboard */
.dashboard-2027 .control-shell{padding-top:30px!important}.ops-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.ops-page-head h1{margin:5px 0 4px;font-size:clamp(30px,3vw,40px);font-weight:700;letter-spacing:-.045em}.ops-page-head p:last-child{margin:0;font-size:12px}.ops-health-panel{display:grid;grid-template-columns:minmax(310px,1.45fr) repeat(4,minmax(120px,.65fr));overflow:hidden;margin-bottom:14px;border:1px solid var(--oc-line);border-radius:13px;background:var(--oc-panel)}.ops-overall-status{min-width:0;display:flex;align-items:center;gap:13px;padding:20px;border:0!important;border-radius:0!important;background:linear-gradient(90deg,var(--oc-green-soft),transparent)!important}.overall-status-dot{width:10px;height:10px;border-radius:50%;background:var(--oc-amber);box-shadow:0 0 0 6px rgba(239,184,78,.1)}.ops-overall-status.is-ok .overall-status-dot{background:var(--oc-green);box-shadow:0 0 0 6px var(--oc-green-soft)}.ops-overall-status.is-error .overall-status-dot{background:var(--oc-red)}.ops-overall-status small,.ops-kpi span{display:block;color:var(--oc-subtle);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ops-overall-status strong{display:block;margin-top:3px;font-size:14px}.ops-kpi{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:16px 18px;border-left:1px solid var(--oc-line)}.ops-kpi strong{display:block;margin:4px 0 1px;overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.ops-kpi small{font-size:9px}.ops-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.75fr);gap:14px;align-items:start}.ops-telemetry,.ops-modules{min-width:0;padding:20px;border:1px solid var(--oc-line);border-radius:13px;background:var(--oc-panel)}.ops-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.ops-section-head h2{margin:3px 0 0;font-size:19px}.ops-live-indicator{display:flex;align-items:center;gap:7px;color:var(--oc-green);font-size:9px;font-weight:800;text-transform:uppercase}.ops-live-indicator i{width:6px;height:6px;border-radius:50%;background:var(--oc-green)}.ops-traffic-row{display:grid;grid-template-columns:minmax(175px,1.3fr) repeat(4,minmax(88px,.7fr)) 30px;gap:9px;align-items:center;padding:18px 0;border-top:1px solid var(--oc-line)}.ops-traffic-name{display:flex;align-items:center;gap:11px;min-width:0}.ops-service-icon,.ops-module-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:9px;background:#132139;color:#76a4ff;font-size:9px;font-weight:850}.ops-traffic-name h3{margin:0 0 2px;font-size:13px}.ops-traffic-name small{display:block;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ops-traffic-stat{min-width:0;padding-left:12px;border-left:1px solid var(--oc-line)}.ops-traffic-stat span{display:block;color:var(--oc-subtle);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ops-traffic-stat strong{display:block;margin:4px 0 1px;overflow:hidden;font-size:15px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.ops-traffic-stat small{font-size:9px}.ops-count{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--oc-raised);color:var(--oc-muted);font-size:11px;font-weight:800}.ops-module-list{display:grid;gap:5px}.ops-module-list a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px;border:1px solid transparent;border-radius:9px;color:var(--oc-text);text-decoration:none}.ops-module-list a:hover{border-color:var(--oc-line);background:var(--oc-raised)}.ops-module-list a>span:nth-child(2){min-width:0}.ops-module-list strong{display:block;font-size:12px}.ops-module-list small{display:block;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ops-module-list i{color:var(--oc-subtle);font-style:normal}
/* palette */
.command-palette{position:fixed;z-index:9000;inset:0;display:grid;place-items:start center;padding:12vh 16px}.command-palette[hidden]{display:none}.command-palette-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(2,6,12,.75)!important}.command-palette-panel{position:relative;width:min(600px,100%);padding:18px;border:1px solid var(--oc-line2);border-radius:13px;background:var(--oc-panel);box-shadow:0 28px 90px #000}.command-palette-head{display:flex;justify-content:space-between}.command-search-label{position:absolute;width:1px;height:1px;overflow:hidden}.command-search{width:100%;margin:12px 0}.command-results{display:grid;gap:3px;max-height:420px;overflow:auto}.command-result{display:flex;justify-content:space-between;padding:10px;border-radius:8px;text-decoration:none}.command-result:hover,.command-result.is-selected{background:var(--oc-raised)}
/* mobile */
@media(max-width:1023px){body.authenticated-shell{padding:var(--oc-topbar) 0 70px!important}.cc-topbar{left:0!important;height:56px!important;min-height:56px!important;padding:0 14px!important}.cc-menu-toggle{width:38px;height:38px;display:grid!important;place-items:center;border:1px solid var(--oc-line)!important;border-radius:9px;background:var(--oc-raised)!important;color:var(--oc-text)}.cc-menu-lines{width:18px}.cc-menu-lines i{display:block;height:2px;margin:3px;background:currentColor}.cc-command-trigger{display:none}.cc-theme-label{display:none}.cc-sidebar{top:auto!important;right:8px!important;bottom:74px!important;left:8px!important;width:auto!important;max-height:min(72dvh,650px)!important;border:1px solid var(--oc-line2)!important;border-radius:18px!important;transform:translateY(calc(100% + 90px))!important;box-shadow:0 24px 90px rgba(0,0,0,.62)!important;transition:transform .2s ease!important}.cc-sidebar.is-open{transform:none!important}.cc-sidebar-brand{flex:0 0 60px;min-height:60px!important;padding:0 7px}.cc-brand-link{padding:8px 48px 8px 7px}.cc-sidebar-logo{width:34px!important;height:34px!important;flex-basis:34px!important}.cc-sidebar-close{position:absolute;z-index:2;top:12px;right:11px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--oc-line);border-radius:10px;background:var(--oc-raised);color:var(--oc-text);font-size:23px}.cc-sidebar-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;padding:9px!important}.cc-nav-group[data-group]{order:initial;margin:0!important;padding:0!important;border:1px solid var(--oc-line);border-radius:10px;overflow:hidden}.cc-nav-group-toggle{min-height:35px;padding:7px 9px!important}.cc-nav-group-items[hidden]{display:none!important}.cc-nav-group-items{padding:0 5px 5px}.cc-nav-group-items a{min-height:38px;padding-left:38px!important}.cc-nav-group-items a:before{left:7px}.cc-sidebar-footer{padding:8px}.cc-mobile-dock{position:fixed;z-index:1150;right:0;bottom:0;left:0;height:66px;display:grid!important;grid-template-columns:repeat(4,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--oc-line);background:rgba(9,15,24,.96)}.cc-mobile-dock a,.cc-mobile-dock button{display:grid;place-items:center;min-height:48px;padding:4px;border:0!important;border-radius:9px;background:transparent!important;color:var(--oc-muted)!important;text-decoration:none;font-size:9px}.cc-mobile-dock .active,.cc-mobile-dock button.is-active{background:var(--oc-blue-soft)!important;color:#cfe0ff!important}.cc-mobile-dock-icon{display:block;font-size:15px}.cc-sidebar-backdrop:not([hidden]){position:fixed;z-index:1140;inset:0;display:block!important;background:rgba(2,6,14,.7);backdrop-filter:blur(4px)}body.cc-nav-open{overflow:hidden}:where(.control-shell,.backup-shell,.cf-shell,.pangolin-shell,.wg-shell,.pelican-shell,.page-center){padding:20px 14px 34px!important}.ops-page-head{align-items:start;margin-bottom:16px}.ops-page-head h1{font-size:29px}.ops-page-head p:last-child{max-width:270px;font-size:11px}.ops-freshness{display:none}.ops-health-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-overall-status{grid-column:1/-1;min-height:72px}.ops-kpi{min-height:68px;padding:12px 14px;border-top:1px solid var(--oc-line)}.ops-kpi:nth-child(even){border-left:0}.ops-kpi strong{font-size:17px}.ops-dashboard-grid{grid-template-columns:1fr}.ops-telemetry,.ops-modules{padding:16px}.ops-traffic-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px;padding:15px 0}.ops-traffic-name{grid-column:1/-1;padding-bottom:4px}.ops-traffic-stat{padding:9px 10px;border:1px solid var(--oc-line);border-radius:8px}.ops-count{display:none}.ops-module-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-module-list a{min-height:58px}.ops-module-list small{white-space:nowrap}.backup-table-wrap,.table-wrap{overflow-x:auto!important}}
@media(max-width:560px){.cc-topbar-page span{display:none}.cc-theme-control{display:none}.ops-module-list{grid-template-columns:1fr}.ops-page-head h1{font-size:27px}.ops-overall-status strong{font-size:12px}.ops-kpi{padding:11px}.ops-kpi strong{font-size:16px}.cc-sidebar-nav{grid-template-columns:1fr 1fr}.cc-nav-group-items a{font-size:11px!important}}

/* Navigation refinement: compact desktop workspace and a mobile dock that
   remains clear of the device navigation area. */
@media(min-width:1024px){
  :root{--oc-sidebar:264px}
  .cc-sidebar{padding:10px;background:linear-gradient(180deg,#0b121d 0%,#080e17 100%)!important}
  .cc-sidebar-brand{flex-basis:68px;min-height:68px!important;margin-bottom:10px;border:1px solid var(--oc-line)!important;border-radius:12px;background:rgba(255,255,255,.018)}
  .cc-brand-link{padding:10px 12px}
  .cc-sidebar-logo{width:38px!important;height:38px!important;flex-basis:38px!important}
  .cc-brand-copy small{font-size:8px!important;letter-spacing:.16em}
  .cc-brand-copy strong{font-size:13px!important}
  .cc-sidebar-nav{gap:10px;padding:0 2px 10px!important;scrollbar-width:none}
  .cc-sidebar-nav::-webkit-scrollbar{display:none}
  .cc-nav-group{padding:5px 5px 6px!important;border:1px solid transparent;border-radius:11px}
  .cc-nav-group[data-group="management"]{margin-top:0!important;padding-top:5px!important;border-top-color:transparent}
  .cc-nav-group-toggle{min-height:29px;padding:4px 7px!important;color:#6f829b!important;font-size:8px!important;letter-spacing:.17em}
  .cc-nav-group-toggle i{opacity:.5}
  .cc-nav-group-items{gap:3px}
  .cc-nav-group-items a{min-height:37px;padding:8px 9px 8px 43px!important;border-radius:9px!important;font-size:11.5px!important}
  .cc-nav-group-items a:before{left:9px;top:6px;width:25px;height:25px;border:1px solid rgba(112,145,190,.12)!important;background:rgba(91,148,247,.045)!important;color:#7890ad!important}
  .cc-nav-group-items a:hover{background:rgba(91,148,247,.07)!important}
  .cc-nav-group-items a.active{border-color:rgba(91,148,247,.27)!important;background:rgba(91,148,247,.12)!important;box-shadow:inset 3px 0 #6b9df4!important}
  .cc-nav-group-items a.active:before{border-color:rgba(91,148,247,.25)!important;background:rgba(91,148,247,.13)!important;color:#a9c5ff!important}
  .cc-sidebar-footer{padding:8px 2px 0;border-top:1px solid var(--oc-line)!important}
  .cc-logout-button{position:relative;padding-left:43px;min-height:40px;border:1px solid transparent!important;border-radius:9px;color:#8899ae!important;font-size:11.5px}
  .cc-logout-button:before{content:"↪";position:absolute;left:11px;top:7px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(237,105,116,.13);border-radius:7px;background:rgba(237,105,116,.045);color:#c6818a}
  .cc-logout-button:hover{border-color:rgba(237,105,116,.18)!important;background:rgba(237,105,116,.07)!important;color:#f2c4c8!important}
}

@media(max-width:1023px){
  body.authenticated-shell{padding-bottom:132px!important}
  .cc-sidebar{right:12px!important;bottom:126px!important;left:12px!important;max-height:min(68dvh,610px)!important;border-radius:20px!important;background:#0b131f!important}
  .cc-mobile-dock{right:12px;bottom:48px;left:12px;height:68px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px;border:1px solid var(--oc-line2);border-radius:18px;background:rgba(11,18,29,.97);box-shadow:0 16px 48px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
  .cc-mobile-dock a,.cc-mobile-dock button{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:52px;padding:5px 3px;border-radius:12px!important;color:#8393a9!important;font-size:9px;font-weight:700}
  .cc-mobile-dock .active,.cc-mobile-dock button.is-active{border:1px solid rgba(91,148,247,.26)!important;background:linear-gradient(180deg,rgba(91,148,247,.19),rgba(91,148,247,.09))!important;color:#e2ebff!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}
  .cc-mobile-dock-icon{width:24px;height:22px;display:grid;place-items:center;border-radius:7px;color:#a8b6ca;font-size:14px;line-height:1}
  .cc-mobile-dock .active .cc-mobile-dock-icon,.cc-mobile-dock button.is-active .cc-mobile-dock-icon{background:rgba(91,148,247,.13);color:#8fb5ff}
  .cc-mobile-dock-label{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:380px){
  .cc-mobile-dock{right:8px;left:8px}
  .cc-mobile-dock a,.cc-mobile-dock button{font-size:8px}
}

/* Navigation V3 — approved desktop and mobile concepts. */
@media(min-width:1024px){
  :root{--oc-sidebar:272px}
  .cc-sidebar{padding:14px 12px 10px;background:linear-gradient(180deg,#0c1521,#09111b 64%,#080f18)!important}
  .cc-sidebar-brand{flex-basis:76px;min-height:76px!important;margin-bottom:12px;border-color:#26384e!important;background:linear-gradient(145deg,rgba(91,148,247,.07),rgba(255,255,255,.012))}
  .cc-brand-link{gap:12px;padding:11px}
  .cc-sidebar-logo{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:11px!important}
  .cc-brand-copy small{margin-bottom:3px;color:#7fa6e8!important;font-size:7.5px!important}
  .cc-brand-copy strong{font-size:13px!important}
  .cc-sidebar-nav{gap:8px;padding:0 3px 12px!important}
  .cc-nav-group{padding:3px 4px 5px!important}
  .cc-nav-group-toggle{min-height:27px;padding:3px 8px!important;font-size:8px!important}
  .cc-nav-group-toggle i{display:none}
  .cc-nav-group-items{gap:2px}
  .cc-nav-group-items a{min-height:34px;padding:7px 9px 7px 42px!important;border-radius:8px!important;color:#a9b7c9!important;font-size:11.5px!important}
  .cc-nav-group-items a:before{top:5px;width:24px;height:24px;border:0!important;background:transparent!important;color:#8095af!important}
  .cc-nav-group-items a.active{border-color:#315f9f!important;background:linear-gradient(90deg,rgba(48,111,207,.32),rgba(48,111,207,.16))!important;box-shadow:inset 3px 0 #66a0ff!important}
  .cc-nav-group-items a.active:before{background:rgba(91,148,247,.14)!important;color:#a9c9ff!important}
  .cc-sidebar-footer{padding:8px 3px 0}
  .cc-logout-button{color:#d98590!important}
}

@media(max-width:1023px){
  .cc-sidebar{right:10px!important;bottom:126px!important;left:10px!important;max-height:min(76dvh,760px)!important;border-color:#30445f!important;border-radius:22px!important;background:linear-gradient(180deg,#0c1522,#09111b)!important}
  .cc-sidebar-brand{flex:0 0 72px;min-height:72px!important;padding:0 10px;border-bottom-color:#26384d!important}
  .cc-brand-link{gap:12px;padding:10px 54px 10px 3px}
  .cc-sidebar-logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  .cc-brand-copy small{font-size:7.5px!important}
  .cc-brand-copy strong{font-size:13px!important}
  .cc-sidebar-close{top:14px;right:13px;width:42px;height:42px;border-color:#2a3c52;background:#121e2d;font-size:22px}
  .cc-sidebar-nav{display:flex!important;flex-direction:column;gap:9px;overflow-y:auto;padding:12px 12px 15px!important;scrollbar-width:none}
  .cc-sidebar-nav::-webkit-scrollbar{display:none}
  .cc-nav-group[data-group]{order:initial;margin:0!important;padding:0!important;border:0;border-radius:0;overflow:visible}
  .cc-nav-group[data-group="overview"]{order:1}.cc-nav-group[data-group="systems"]{order:2}.cc-nav-group[data-group="monitoring"]{order:3}.cc-nav-group[data-group="management"]{order:4}
  .cc-nav-group-toggle{min-height:28px;padding:3px 8px!important;color:#7e91a9!important;font-size:8px!important;letter-spacing:.17em}
  .cc-nav-group-toggle i{opacity:.55}
  .cc-nav-group-items,.cc-nav-group-items[hidden]{display:grid!important;gap:0;padding:0;overflow:hidden;border:1px solid #26384d;border-radius:12px;background:rgba(10,18,29,.62)}
  .cc-nav-group-items a{min-height:47px;padding:13px 38px 12px 50px!important;border:0!important;border-bottom:1px solid rgba(43,60,82,.75)!important;border-radius:0!important;color:#b1bfd1!important;font-size:12px!important}
  .cc-nav-group-items a:last-child{border-bottom:0!important}
  .cc-nav-group-items a:before{left:12px;top:10px;width:27px;height:27px;border:0!important;background:rgba(119,151,197,.07)!important;color:#91a7c2!important}
  .cc-nav-group-items a:after{content:"›";position:absolute;right:15px;top:10px;color:#71849c;font-size:20px;font-weight:400}
  .cc-nav-group-items a.active{background:linear-gradient(90deg,rgba(69,123,216,.28),rgba(69,123,216,.12))!important;box-shadow:inset 3px 0 #6ea2ff!important;color:#f1f5fb!important}
  .cc-nav-group-items a.active:before{background:rgba(91,148,247,.14)!important;color:#a8c5ff!important}
  .cc-sidebar-footer{padding:9px 12px 12px;border-top-color:#26384d!important}
  .cc-logout-button{position:relative;min-height:44px;padding:10px 12px 10px 46px;color:#d98b95!important}
  .cc-logout-button:before{content:"↪";position:absolute;left:12px;top:9px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(237,105,116,.08)}
}

/* Contrast correction for Pelican navigation and management controls.
   The generic primary-button rule must not turn every tab into the same blue tile. */
.pelican-suite-tabs .pelican-suite-tab,
.pelican-management-tabs .pelican-tab{
  border:1px solid #26384d!important;
  background:#111c2b!important;
  color:#eaf1fa!important;
  box-shadow:none!important;
}
.pelican-suite-tabs .pelican-suite-tab>b,
.pelican-management-tabs .pelican-tab>b{color:#f2f6fc!important}
.pelican-suite-tabs .pelican-suite-tab>small,
.pelican-management-tabs .pelican-tab>small{
  color:#9eafc4!important;
  opacity:1!important;
}
.pelican-suite-tabs .pelican-suite-tab:hover,
.pelican-management-tabs .pelican-tab:hover{
  border-color:#3b5575!important;
  background:#162438!important;
}
.pelican-suite-tabs .pelican-suite-tab.active,
.pelican-management-tabs .pelican-tab.active{
  border-color:#79a9fa!important;
  background:#6ca2fb!important;
  color:#071426!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
.pelican-suite-tabs .pelican-suite-tab.active>b,
.pelican-management-tabs .pelican-tab.active>b{color:#071426!important}
.pelican-suite-tabs .pelican-suite-tab.active>small,
.pelican-management-tabs .pelican-tab.active>small{color:#17345c!important}
.pelican-suite-tabs .pelican-suite-tab.active>span{
  background:rgba(7,20,38,.12)!important;
  color:#071426!important;
}
#pelicanReload{
  border-color:#79a9fa!important;
  background:#6ca2fb!important;
  color:#071426!important;
}

/* V5 — coherent controls, responsive data views and accessible contrast. */
:root{--oc-primary:#3678df;--oc-primary-hover:#4387ee;--oc-primary-text:#fff}

/* Controls are neutral by default. Only explicit primary controls receive the
   accent fill; module-specific danger styles remain authoritative. */
:where(button:not(.cc-nav-group-toggle):not(.cc-icon-button):not(.command-palette-backdrop):not(.cc-logout-button):not(.cc-sidebar-close),.button-link){
  border-color:var(--oc-line2)!important;
  background:var(--oc-raised)!important;
  color:var(--oc-text)!important;
}
:where(button[type="submit"]:not(.secondary-button):not(.danger-button):not(.danger),button.primary,.button-link.primary,.primary-button,.wg-button.primary,.cf-primary,#pelicanReload){
  border-color:var(--oc-primary)!important;
  background:var(--oc-primary)!important;
  color:var(--oc-primary-text)!important;
}
:where(button[type="submit"]:not(.secondary-button):not(.danger-button):not(.danger),button.primary,.button-link.primary,.primary-button,.wg-button.primary,.cf-primary,#pelicanReload):hover:not(:disabled){
  border-color:var(--oc-primary-hover)!important;
  background:var(--oc-primary-hover)!important;
}
:where(.danger-button,button.danger-button,button.danger,.wg-button.danger,.cf-button.danger,.cf-mini.danger,[data-danger],[data-delete]){
  border-color:rgba(237,105,116,.42)!important;
  background:rgba(237,105,116,.10)!important;
  color:#ff9da6!important;
}
:where(.danger-button,button.danger-button,button.danger,.wg-button.danger,.cf-button.danger,.cf-mini.danger,[data-danger],[data-delete]):hover:not(:disabled){
  border-color:rgba(237,105,116,.66)!important;
  background:rgba(237,105,116,.17)!important;
}
button:disabled,.button-link[aria-disabled="true"]{opacity:.48;cursor:not-allowed}

/* Tabs use selection, not decoration, to communicate the current context. */
:where(.pg-tab,.cf-tab,.profile-tab,.user-detail-tab,.pelican-suite-tab,.pelican-tab){
  border-color:var(--oc-line)!important;
  background:#111c2b!important;
  color:#aab9cb!important;
  box-shadow:none!important;
}
:where(.pg-tab,.cf-tab,.profile-tab,.user-detail-tab,.pelican-suite-tab,.pelican-tab):hover{
  border-color:#3b5575!important;background:#162438!important;color:#edf3fb!important;
}
:where(.pg-tab,.cf-tab,.profile-tab,.user-detail-tab,.pelican-suite-tab,.pelican-tab).active,
:where(.pg-tab,.cf-tab,.profile-tab,.user-detail-tab,.pelican-suite-tab,.pelican-tab)[aria-selected="true"]{
  border-color:#4d82d2!important;
  background:rgba(54,120,223,.20)!important;
  color:#f4f8ff!important;
  box-shadow:inset 0 -2px #6ea2ff!important;
}

/* Wide module layouts must stay inside the available application column. */
.system-status-inventory-page .control-shell,.backup-page,.backup-shell,.backup-section,.status-inventory-section{min-width:0;max-width:100%}
.system-status-inventory-page .status-inventory-table,.system-status-inventory-page .gateway-list{min-width:0;max-width:100%;overflow:hidden}
.system-status-inventory-page .status-inventory-head,.system-status-inventory-page .status-inventory-row{
  grid-template-columns:64px minmax(90px,.62fr) minmax(130px,1.05fr) minmax(105px,.82fr) minmax(110px,.88fr) minmax(96px,.72fr) minmax(160px,1.35fr)!important;
  gap:9px!important;
}
.system-status-inventory-page .sort-controls button,.system-status-inventory-page .drag-handle{
  border-color:var(--oc-line)!important;background:transparent!important;color:var(--oc-muted)!important;
}
.backup-page{overflow-x:clip}.backup-shell{width:100%!important}.backup-target-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))!important}
.backup-table-wrap{width:100%;max-width:100%}.backup-table{min-width:920px}.backup-actions{min-width:0}.backup-actions button,.backup-actions .button-link{white-space:nowrap}

/* Dense tab bars remain usable without a permanent browser scrollbar. */
.pg-tabs,.cf-tabs{scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.pg-tabs::-webkit-scrollbar,.cf-tabs::-webkit-scrollbar{display:none}
.pg-tab,.cf-tab{scroll-snap-align:start}

/* Client-side log filtering and paging. */
.log-tools{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(140px,.55fr) minmax(110px,.4fr) auto;gap:10px;align-items:end;margin:18px 0 12px}
.log-tools label{display:grid;gap:6px;color:var(--oc-muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.log-tools input,.log-tools select{width:100%}.log-count{padding:0 0 11px;color:var(--oc-muted);font-size:11px;white-space:nowrap}
.logs-2027 .table-shell-2027{max-height:min(62vh,720px);overflow:auto}.logs-2027 thead th{top:0}
.log-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}.log-pagination span{min-width:110px;color:var(--oc-muted);font-size:11px;text-align:center}
.log-pagination button{min-width:88px}

@media(max-width:1180px){
  .system-status-inventory-page .status-inventory-head{display:none}
  .system-status-inventory-page .status-inventory-row{grid-template-columns:64px repeat(2,minmax(0,1fr))!important}
  .system-status-inventory-page .status-inventory-row>:nth-child(6),.system-status-inventory-page .status-inventory-row>:nth-child(7){grid-column:span 3!important}
  .backup-table{min-width:820px}
}
@media(max-width:760px){
  .system-status-inventory-page .status-inventory-row{grid-template-columns:56px minmax(0,1fr)!important;padding:12px!important}
  .system-status-inventory-page .status-inventory-row>:nth-child(6),.system-status-inventory-page .status-inventory-row>:nth-child(7){grid-column:1/-1!important}
  .backup-table{min-width:0}
  .log-tools{grid-template-columns:1fr 1fr}.log-search,.log-count{grid-column:1/-1}.log-count{padding:0}
  .logs-2027 .table-shell-2027{max-height:none;overflow:visible}.log-pagination{justify-content:space-between}
}
@media(max-width:480px){
  .log-tools{grid-template-columns:1fr}.log-search,.log-count{grid-column:auto}.log-pagination{gap:6px}.log-pagination button{min-width:76px;padding-inline:9px}
}

/* V6 — mobile navigation bottom sheet based on the approved concept. */
.cc-sheet-handle,.cc-mobile-sheet-title,.cc-mobile-nav-search,.cc-nav-search-empty,.cc-mobile-sheet-links{display:none}
@media(max-width:1023px){
  body.authenticated-shell{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}
  .cc-sidebar{
    top:auto!important;right:8px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:8px!important;
    width:auto!important;height:auto!important;max-height:min(76dvh,780px)!important;padding:0!important;
    border:1px solid #304761!important;border-radius:24px!important;
    background:linear-gradient(180deg,#0e1927 0%,#09121d 100%)!important;
    box-shadow:0 28px 90px rgba(0,0,0,.68)!important;
    transform:translateY(calc(100% + 130px))!important;transition:transform .22s ease!important;
  }
  .cc-sidebar.is-open{transform:none!important}
  .cc-sheet-handle{position:absolute;z-index:3;top:9px;left:50%;display:block;width:42px;height:4px;border-radius:99px;background:#7187a2;transform:translateX(-50%)}
  .cc-sidebar-brand{flex:0 0 84px;min-height:84px!important;padding:17px 14px 9px!important;border-bottom:0!important}
  .cc-brand-link{gap:11px;padding:8px 56px 8px 2px!important}
  .cc-sidebar-logo{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:12px!important}
  .cc-brand-copy small{font-size:8px!important;letter-spacing:.16em}.cc-brand-copy strong{font-size:14px!important}
  .cc-sidebar-close{top:22px!important;right:14px!important;width:42px!important;height:42px!important;border-color:#30445d!important;border-radius:12px!important;background:#142235!important;color:#e9f0fa!important}
  .cc-mobile-nav-search{position:relative;display:block;margin:0 14px 10px}
  .cc-mobile-nav-search label{position:absolute;top:0;left:0;width:46px;height:44px;display:grid;place-items:center;pointer-events:none}
  .cc-mobile-nav-search i{width:14px;height:14px;border:2px solid #8da2bd;border-radius:50%}
  .cc-mobile-nav-search i:after{content:"";position:absolute;width:7px;height:2px;margin:12px 0 0 -1px;background:#8da2bd;transform:rotate(45deg);transform-origin:left center}
  .cc-mobile-nav-search input{width:100%;height:44px;min-height:44px;padding:9px 42px 9px 46px!important;border-color:#30465f!important;border-radius:12px!important;background:#101c2b!important;color:#eef4fc!important;font-size:13px}
  .cc-mobile-nav-search input::placeholder{color:#8194ab}
  .cc-nav-search-clear{position:absolute;top:5px;right:5px;width:34px;height:34px;min-height:34px;padding:0!important;border:0!important;background:transparent!important;color:#9badc2!important;font-size:20px}
  .cc-nav-search-empty{display:block;margin:8px 14px 14px;padding:16px;border:1px dashed #30445c;border-radius:12px;color:#91a2b6;text-align:center;font-size:12px}
  .cc-nav-search-empty[hidden]{display:none}
  .cc-sidebar-nav{display:flex!important;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding:2px 14px 12px!important;scrollbar-width:none}
  .cc-sidebar-nav::-webkit-scrollbar{display:none}
  .cc-nav-group[data-group]{order:initial!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:visible!important}
  .cc-nav-group[data-group="overview"]{order:1!important}.cc-nav-group[data-group="systems"]{order:2!important}.cc-nav-group[data-group="monitoring"]{order:3!important}.cc-nav-group[data-group="management"]{order:4!important}
  .cc-nav-group.cc-search-hidden{display:none!important}
  .cc-nav-group h2{display:none}
  .cc-nav-group-items,.cc-nav-group-items[hidden]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}
  .cc-nav-group-items a{min-height:58px;padding:10px 34px 10px 58px!important;border:1px solid #2b4058!important;border-radius:12px!important;background:#0d1825!important;color:#d2dce9!important;font-size:12px!important;font-weight:650!important}
  .cc-nav-group-items a[hidden]{display:none!important}
  .cc-nav-group-items a:before{left:9px!important;top:8px!important;width:40px!important;height:40px!important;border:0!important;border-radius:10px!important;background:#152337!important;color:#a7c6fa!important;font-size:8px!important}
  .cc-nav-group-items a:after{content:"›"!important;position:absolute;right:12px!important;top:13px!important;color:#8fa4bd!important;font-size:21px!important;font-weight:400!important}
  .cc-nav-group-items a:hover{border-color:#3b5877!important;background:#122033!important}
  .cc-nav-group-items a.active{border-color:#4c91ff!important;background:linear-gradient(90deg,rgba(44,105,206,.36),rgba(24,56,105,.32))!important;color:#fff!important;box-shadow:inset 3px 0 #65a1ff!important}
  .cc-nav-group-items a.active:before{background:#2865c6!important;color:#fff!important}
  .cc-sidebar-footer{flex:0 0 auto;padding:10px 14px 14px!important;border-top:1px solid #263b52!important}
  .cc-sidebar-footer form{margin:0}.cc-logout-button{min-height:48px!important;padding:10px 12px 10px 52px!important;border:0!important;background:transparent!important;color:#ff8f9b!important;font-size:13px!important}
  .cc-logout-button:before{left:10px!important;top:9px!important;width:30px!important;height:30px!important;background:rgba(237,105,116,.10)!important;color:#ff8f9b!important}
  .cc-sidebar-backdrop:not([hidden]){background:rgba(2,7,14,.76)!important;backdrop-filter:blur(5px)}
  .cc-mobile-dock{right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;left:8px!important;height:66px!important;padding:6px!important;border-color:#30445e!important;border-radius:18px!important;background:rgba(10,18,29,.98)!important}
}
@media(max-width:520px){
  .cc-sidebar{max-height:min(78dvh,720px)!important}
  .cc-nav-group-items{gap:7px!important}
  .cc-nav-group-items a{min-height:56px;padding-left:52px!important;padding-right:27px!important;font-size:11.5px!important}
  .cc-nav-group-items a:before{width:36px!important;height:36px!important}
}
@media(max-width:370px){
  .cc-nav-group-items{grid-template-columns:1fr!important}
}

/* V7 — exact single-column mobile navigation from the selected reference.
   These final declarations isolate the sheet from legacy grid and form rules. */
@media(max-width:1023px){
  #ccSidebar,#ccSidebar *{box-sizing:border-box}
  #ccSidebar{
    right:8px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;left:8px!important;
    width:calc(100vw - 16px)!important;max-width:680px!important;max-height:calc(100dvh - 94px - env(safe-area-inset-bottom))!important;
    margin:0 auto!important;overflow:hidden!important;border-radius:20px!important;
  }
  #ccSidebar .cc-sheet-handle{display:none!important}
  #ccSidebar .cc-sidebar-brand{flex:0 0 72px!important;min-height:72px!important;padding:9px 14px 4px!important}
  #ccSidebar .cc-sidebar-close{top:14px!important}
  #ccSidebar .cc-mobile-sheet-title{display:block;margin:0;padding:0 20px 10px;color:#edf3fb;font-size:24px;font-weight:700;line-height:1.15;letter-spacing:-.035em}
  #ccSidebar .cc-mobile-nav-search{position:relative;display:block;width:auto!important;max-width:none!important;margin:0 20px 12px!important}
  #ccSidebar .cc-mobile-nav-search label{position:absolute!important;z-index:2!important;top:0!important;left:0!important;width:48px!important;height:44px!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;pointer-events:none!important}
  #ccSidebar .cc-mobile-nav-search label .sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
  #ccSidebar .cc-mobile-nav-search input{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:9px 42px 9px 48px!important;font-size:13px!important;line-height:1.2!important}
  #ccSidebar .cc-nav-search-clear{top:5px!important;right:5px!important}
  #ccSidebar .cc-sidebar-nav{display:flex!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 20px 8px!important;overflow-x:hidden!important;overflow-y:auto!important}
  #ccSidebar .cc-nav-group{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  #ccSidebar .cc-nav-group.cc-search-hidden{display:none!important}
  #ccSidebar .cc-nav-group h2{display:block!important;margin:0!important;padding:9px 4px 6px!important}
  #ccSidebar .cc-nav-group-toggle{display:flex!important;align-items:center!important;width:100%!important;min-height:24px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#8195ae!important;font-size:8px!important;font-weight:850!important;letter-spacing:.18em!important;pointer-events:none!important}
  #ccSidebar .cc-nav-group-toggle i{display:none!important}
  #ccSidebar .cc-nav-group-items,#ccSidebar .cc-nav-group-items[hidden]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important}
  #ccSidebar .cc-nav-group-items a{display:flex!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:9px 38px 9px 54px!important;border:0!important;border-bottom:1px solid rgba(49,69,93,.72)!important;border-radius:0!important;background:transparent!important;color:#c7d2e0!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #ccSidebar .cc-nav-group-items a:before{left:4px!important;top:7px!important;width:36px!important;height:36px!important;border-radius:9px!important;background:#16253a!important;color:#a9c9fa!important}
  #ccSidebar .cc-nav-group-items a:after{right:7px!important;top:10px!important}
  #ccSidebar .cc-nav-group-items a.active{border:1px solid #477fc8!important;border-left:4px solid #68a1ff!important;border-radius:9px!important;background:linear-gradient(90deg,rgba(52,111,208,.30),rgba(27,60,108,.24))!important;color:#fff!important;box-shadow:none!important}
  #ccSidebar .cc-nav-group-items a.active:before{left:1px!important;top:5px!important;background:#2d66bf!important;color:#fff!important}
  #ccSidebar .cc-sidebar-footer{padding:8px 20px 12px!important}
}
@media(max-width:420px){
  #ccSidebar{right:5px!important;left:5px!important;width:calc(100vw - 10px)!important}
  #ccSidebar .cc-mobile-sheet-title{padding-inline:14px;font-size:22px}
  #ccSidebar .cc-mobile-nav-search{margin-inline:14px!important}
  #ccSidebar .cc-sidebar-nav{padding-inline:14px!important}
  #ccSidebar .cc-sidebar-footer{padding-inline:14px!important}
}

/* V8 — independent mobile list. It reuses the same permission checks and
   routes, but no legacy accordion layout can affect its geometry. */
@media(max-width:1023px){
  #ccSidebar .cc-sidebar-nav{display:none!important}
  #ccSidebar .cc-mobile-sheet-links{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0 20px 8px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important}
  #ccSidebar .cc-mobile-sheet-links::-webkit-scrollbar{display:none}
  #ccSidebar .cc-mobile-sheet-links section{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  #ccSidebar .cc-mobile-sheet-links section[hidden]{display:none!important}
  #ccSidebar .cc-mobile-sheet-links h2{margin:0!important;padding:10px 4px 6px!important;color:#8195ae!important;font-size:8px!important;font-weight:850!important;line-height:1.2!important;letter-spacing:.18em!important}
  #ccSidebar .cc-mobile-sheet-links a{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:9px 38px 9px 54px!important;overflow:hidden!important;border:0!important;border-bottom:1px solid rgba(49,69,93,.72)!important;border-radius:0!important;background:transparent!important;color:#c7d2e0!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important}
  #ccSidebar .cc-mobile-sheet-links a[hidden]{display:none!important}
  #ccSidebar .cc-mobile-sheet-links a::before{content:attr(data-icon)!important;position:absolute!important;left:4px!important;top:6px!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;background:#16253a!important;color:#a9c9fa!important;font-size:8px!important;font-weight:850!important;transform:none!important}
  #ccSidebar .cc-mobile-sheet-links a::after{content:"›"!important;position:absolute!important;right:7px!important;left:auto!important;top:9px!important;bottom:auto!important;width:auto!important;height:auto!important;display:block!important;border:0!important;background:transparent!important;color:#8fa4bd!important;font-size:21px!important;font-weight:400!important;line-height:1!important;box-shadow:none!important;transform:none!important}
  #ccSidebar .cc-mobile-sheet-links a.active{margin:2px 0!important;border:1px solid #477fc8!important;border-left:4px solid #68a1ff!important;border-radius:9px!important;background:linear-gradient(90deg,rgba(52,111,208,.30),rgba(27,60,108,.24))!important;color:#fff!important;box-shadow:none!important}
  #ccSidebar .cc-mobile-sheet-links a.active::before{left:1px!important;top:5px!important;background:#2d66bf!important;color:#fff!important}
  #ccSidebar .cc-mobile-sheet-links a.active::after{right:7px!important;left:auto!important;top:9px!important;bottom:auto!important;width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important}
}
@media(max-width:420px){
  #ccSidebar .cc-mobile-sheet-links{padding-inline:14px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}