/* Shell, header, page grid, and shared container layout. */
.cw-mobile-nav-toggle{display:none}
.brand .name{font-size:18px;font-weight:800;letter-spacing:0.2px;background:0 0;color:var(--fg);filter:none;user-select:none}.brand{display:flex;align-items:center;gap:0.6rem}.brand .version{margin-left:0.35rem;font-size:0.7rem;font-weight:500;background:0 0;color:var(--fg);opacity:0.9;position:relative;top:-1px}.details-grid{display:grid;grid-template-columns:minmax(0,1fr)320px;gap:16px;align-items:stretch}.details-grid>.det-right{top:28px!important;display:flex;flex-direction:column}.details-grid>.det-right .meta-card{margin-top:28px;flex:1;display:flex;flex-direction:column;justify-content:space-between}#details .details-grid,html.cw-compact #layout{grid-template-columns:1fr!important}
@media(max-width:900px){
.details-grid{grid-template-columns:1fr}
}
#layout{display:grid;gap:16px;align-items:stretch;padding-inline:20px;box-sizing:border-box}#layout:not(.single):not(.full){grid-template-columns:minmax(620px,1fr)minmax(360px,420px);align-items:start;align-content:start}#layout:not(.single):not(.full)>#ops-card,#layout:not(.single):not(.full)>#stats-card{align-self:start;height:auto;min-height:0}#layout.full,#layout.single,.cw-settings-hub--single{grid-template-columns:1fr}.section>.head{position:relative;display:flex;align-items:center;gap:10px;padding:12px 44px 12px 14px;cursor:pointer}.section>.head .chev,.tab-caret{display:inline-block;flex:0 0 auto;font-size:0;line-height:0;color:currentColor}.tab-caret{width:10px;height:6px;margin-left:2px}.tab-caret::before{content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;opacity:0.82}.section>.head .chev{width:12px;height:12px}
.section>.head .chev::before{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid currentColor;opacity:0.82;transition:transform 0.12s ease}.section.open>.head .chev::before{transform:rotate(90deg)}.section>.head:hover{background:#11111a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section{border:1px solid var(--border);border-radius:16px;background:var(--panel2);overflow:hidden;margin-bottom:12px}.section.open .chev{transform:none}.section>.body{display:grid;gap:12px;padding:0 14px;max-height:0;overflow:hidden;transition:none}.section.open>.body{padding:12px 14px;max-height:850px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
@media(max-width:1100px){
#layout,#layout:not(.single):not(.full){grid-template-columns:1fr}
}
@media(max-width:980px){
.cx-top.grid{grid-template-columns:1fr}
}
header{position:sticky;top:0;z-index:10;background:rgba(13,15,20,0.96);padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.cw-tabmenu{position:relative;display:flex}.tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 15px;border:1px solid rgba(255,255,255,0.08);border-radius:17px;cursor:pointer;color:#d9deee;transition:background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease;background:linear-gradient(180deg,rgba(18,21,31,0.94),rgba(10,12,20,0.96));box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 8px 20px rgba(0,0,0,0.22);overflow:hidden;animation:none;font-size:13px;font-weight:800;letter-spacing:-0.01em;white-space:nowrap}
.tab.active{color:#f6f7ff;border-color:rgba(120,104,255,0.55);background:linear-gradient(180deg,rgba(50,42,92,0.98),rgba(34,27,64,0.96));box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 10px 22px rgba(44,30,106,0.24)}.tab:hover{border-color:rgba(255,255,255,0.14);background:linear-gradient(180deg,rgba(24,27,39,0.96),rgba(12,15,25,0.98));transform:translateY(-1px)}.tab.active:hover{border-color:rgba(132,115,255,0.72);background:linear-gradient(180deg,rgba(58,48,104,0.98),rgba(39,31,73,0.98))}
@media(max-width:960px){
header{padding:9px 12px;gap:8px}.tabs{gap:5px}.tab{min-height:34px;padding:0 13px;border-radius:15px;font-size:12px}
}
@media(max-width:720px){
.tabs{width:100%;margin-left:0}
}
.nav{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:34px;height:52px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,0.075);background:rgba(33,39,55,0.58);color:rgba(232,238,252,0.78);cursor:pointer;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);transition:background 0.14s ease,border-color 0.14s ease,color 0.14s ease}.nav:hover,.nav:focus-visible{background:rgba(49,57,78,0.76);border-color:rgba(255,255,255,0.14);color:#fff;outline:none}.nav .material-symbols-rounded{font-size:24px;line-height:1}.nav.prev{left:8px}.nav.next{right:8px}.edge{position:absolute;top:0;bottom:0;width:36px;pointer-events:none}.edge.left{left:0;background:linear-gradient(90deg,var(--panel)0,transparent 100%)}.edge.right{right:0;background:linear-gradient(270deg,var(--panel)0,transparent 100%)}.edge.hide{opacity:0}.meta-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent),var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:0 0 40px #000 inset}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent),var(--panel);border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:0 0 40px #000 inset}main.single #ops-card.card{padding-bottom:120px!important}.brand .logo{width:34px;height:34px;display:inline-block;object-fit:contain;cursor:pointer}.brand .logo,.brand .name{transition:filter 0.2s ease,transform 0.2s ease,text-shadow 0.2s ease}.brand .logo:focus,.brand .logo:hover,.brand .name:focus,.brand .name:hover{filter:none}main.full #stats-card,main.single #stats-card{grid-column:1;grid-row:auto;align-self:start;height:auto}main#layout.details-open #stats-card{align-self:start;height:auto}main#layout.details-open #insights-footer{margin-top:10px}
@media(max-width:1100px){
#ops-card,#placeholder-card,#stats-card{grid-column:1;grid-row:auto}
}
html.cw-compact #stats-card{grid-column:1!important;grid-row:auto!important;align-self:start!important;height:auto!important;padding-bottom:16px!important}html.cw-compact #insights-footer{margin-top:10px!important}html.cw-compact #stats-card .stat-tiles{display:grid!important}html.cw-compact #stats-card .stat-block{display:block!important}html.cw-compact #stats-card #sync-history{max-height:260px;overflow:auto}html.cw-compact #stats-card #stat-providers .tile .mse{z-index:2!important;display:block!important}html.cw-compact main#layout{padding-bottom:24px}
/* Primary navigation */
header .tabs{align-self:stretch;gap:4px}header .tabs .cw-tabmenu{align-self:stretch}header .tabs .tab{position:relative;align-self:stretch;min-height:38px;padding:0 12px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted)!important;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0;transform:none!important;overflow:visible}header .tabs .tab::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform 0.16s ease}header .tabs .tab:hover,header .tabs .tab.active{background:transparent!important;color:var(--fg)!important;box-shadow:none!important;transform:none!important}header .tabs .tab.active::after{transform:scaleX(1)}
header .tabs .tab:focus-visible{outline:2px solid color-mix(in srgb,var(--accent)48%,transparent);outline-offset:-2px}html[data-cw-theme] header .tabs .tab{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important;text-shadow:none!important}html[data-cw-theme] header .tabs .tab:hover,html[data-cw-theme] header .tabs .tab.active{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--fg)!important;-webkit-text-fill-color:var(--fg)!important}html[data-cw-theme] header .tabs .tab :is(span,b,strong){color:inherit!important;-webkit-text-fill-color:inherit!important}

.cw-mobile-navigation{display:contents}
@media(max-width:760px){
body>header{padding:8px 12px;gap:4px;min-height:60px;box-sizing:border-box;flex-wrap:wrap}
body>header .brand{min-width:0;flex:1 0 auto;gap:6px}
body>header .brand-text{min-width:0}
body>header .brand .name{font-size:17px;white-space:nowrap}
body>header .brand .logo{width:28px;height:28px}
body>header .brand .version{display:none}
body>header .cw-mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--fg);font:inherit;cursor:pointer;order:3}
body>header .cw-mobile-nav-toggle>span:not(.material-symbols-rounded){display:none}
body>header .cw-mobile-nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body>header:has(.cw-mobile-nav-toggle)>.tabs{display:contents}
body>header .cw-mobile-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:8px 12px 12px;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;background:var(--cw-theme-surface,var(--panel));border-bottom:1px solid var(--border);box-sizing:border-box;box-shadow:0 12px 24px #0003}
body>header.cw-nav-open .cw-mobile-navigation{display:flex;flex-direction:column;gap:4px}
body>header .tabs .tab{min-height:44px;width:100%;justify-content:flex-start;padding:0 12px}
body>header .tabs .cw-tabmenu{flex-direction:column}
body>header .tabs :is(#cw-settings-menu,#cw-about-menu){position:static!important;inset:auto!important;transform:none!important;width:100%!important;margin:0}
body>header .tabs .cw-menu{min-width:0;max-width:100%;box-sizing:border-box}
body>header .tabs :is(#cw-profile-menu,#cw-settings-menu,#cw-about-menu) .cw-menu-item{min-height:44px;white-space:normal}
body>header #cw-notifications-button{width:44px;height:44px;flex:0 0 44px;margin:0;order:1}
body>header .cw-nav-profile-menu{position:static;order:2;flex:0 0 44px;margin:0}
body>header #cw-nav-profile-link{--cw-account-size:44px;--cw-account-padding:0}
body>header #cw-nav-profile-link .tab-caret{display:none}
body>header #cw-profile-menu.cw-menu{position:absolute;left:12px;right:12px;top:100%;width:auto}
body>header #cw-ask-button{display:none}
body>header>.cw-ui-toggle{display:flex;align-items:center;flex:0 0 auto;margin-left:auto;order:4}

html.cw-compact body>header .cw-mobile-nav-toggle{display:none}
.grid2{grid-template-columns:minmax(0,1fr)}
#page-settings #cw-settings-left{scroll-margin-top:76px}
#layout{padding-inline:12px}
}
@media(max-width:360px){body>header{padding-inline:8px}body>header .brand .name{font-size:15px}body>header .brand .logo{width:24px;height:24px}}
#layout>.tab-page{min-width:0;max-width:100%;box-sizing:border-box}

.cw-ui-mode-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:4px 6px;flex-shrink:0;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.cw-ui-switch-track{display:inline-flex;align-items:center;width:36px;height:22px;padding:3px;box-sizing:border-box;flex-shrink:0}
.cw-ui-switch-thumb{display:block;width:16px;height:16px;transition:transform .15s ease}
html.cw-compact .cw-ui-switch-thumb{transform:translateX(14px)}
@media(prefers-reduced-motion:reduce){.cw-ui-switch-thumb{transition:none}}