/* Shell, header, page grid, and shared container layout. */
.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}#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{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%);width:36px;height:64px;border-radius:12px;border:1px solid var(--border);background:rgba(10,10,23,0.6);color:#fff;font-size:24px;line-height:60px;text-align:center;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center}.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}
}
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-size:14px;font-weight:800;letter-spacing:-0.015em;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}