.cc-client-access{display:grid;grid-template-columns:20px 1fr auto 18px;align-items:center;gap:9px;width:100%;min-height:42px;margin:10px 0;padding:0 11px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-text);text-align:left;cursor:pointer}.cc-client-access:hover,.cc-client-access.active{border-color:var(--ui-primary);background:var(--accent-l)}.cc-client-access b{min-width:24px;padding:3px 6px;border-radius:999px;background:var(--ui-surface-hover);font:800 10px var(--mono);text-align:center}.cc-module-list{margin-top:12px}.cc-module-list>summary{display:flex;align-items:center;justify-content:space-between;padding:8px;color:var(--text3);font-size:10px;font-weight:800;text-transform:uppercase;cursor:pointer}.cc-module-list .nav-item{margin:2px 0}
.cc-client-navigator{width:min(440px,100vw);height:100dvh;max-height:none;margin:0 0 0 auto;padding:0;border:0;background:var(--ui-surface-elevated);color:var(--ui-text);box-shadow:var(--ui-shadow-modal)}.cc-client-navigator::backdrop{background:rgba(2,6,23,.7)}.cc-navigator-shell{display:flex;height:100%;flex-direction:column}.cc-navigator-shell>header{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--ui-border)}.cc-navigator-shell h2{margin:0;font-size:20px}.cc-navigator-shell h2 span{display:inline-grid;place-items:center;min-width:25px;height:22px;border-radius:999px;background:var(--ui-surface-hover);font:800 10px var(--mono)}.cc-navigator-shell p{margin:4px 0 0;color:var(--text3);font-size:11px}.cc-nav-search{display:flex;align-items:center;gap:9px;margin:14px;padding:0 12px;border:1px solid var(--ui-border-active);border-radius:var(--ui-radius-md);background:var(--input-bg)}.cc-nav-search input{width:100%;height:42px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.cc-nav-list{flex:1;overflow:auto;padding:0 10px 18px}.cc-nav-list>button{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px;border:0;border-bottom:1px solid var(--ui-border);background:transparent;color:var(--ui-text);text-align:left;cursor:pointer}.cc-nav-list>button:hover,.cc-nav-list>button:focus-visible{background:var(--ui-surface-hover)}.cc-nav-list>button>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.cc-nav-list strong,.cc-nav-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-nav-list strong{font-size:12px}.cc-nav-list small{margin-top:3px;color:var(--text3);font-size:10px}
.cc-filter-bar{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.cc-search{display:flex;align-items:center;gap:8px;min-width:260px;flex:1;padding:0 10px;border:1px solid var(--ui-border-active);border-radius:var(--ui-radius-sm);background:var(--input-bg)}.cc-search input{width:100%;height:36px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.cc-filter-count{color:var(--text3);font-size:10px}.cc-accordion{display:grid;gap:9px}.cc-client-group{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.cc-group-header{display:grid;grid-template-columns:36px minmax(0,1fr) auto 22px;align-items:center;gap:11px;width:100%;min-height:62px;padding:10px 13px;border:0;background:transparent;color:var(--ui-text);text-align:left;cursor:pointer}.cc-group-header:hover{background:var(--ui-surface-hover)}.cc-client-marker{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-l);color:var(--ui-primary);font-size:18px}.cc-client-name{display:flex;min-width:0;flex-direction:column}.cc-client-name strong{overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.cc-client-name small{margin-top:3px;color:var(--text3);font-size:10px}.cc-group-status{display:flex;gap:5px;justify-self:end}.cc-chevron{color:var(--text3);transition:transform .15s}.cc-client-group.is-open .cc-chevron{transform:rotate(180deg)}.cc-group-body{border-top:1px solid var(--ui-border)}
.cc-table-scroll{width:100%;overflow-x:auto}.cc-table{width:100%;border-collapse:collapse;font-size:11px}.cc-table th{height:34px;padding:0 11px;background:var(--ui-surface-subtle);color:var(--text3);font-size:9px;font-weight:800;text-align:left;text-transform:uppercase;white-space:nowrap}.cc-table td{height:49px;padding:7px 11px;border-top:1px solid var(--ui-border);vertical-align:middle}.cc-table td:last-child,.cc-table th:last-child{text-align:right}.cc-table td>strong,.cc-table td>small{display:block}.cc-table td>small{margin-top:2px;color:var(--text3);font-size:9px}.cc-table a{color:var(--accent)}.cc-mono{font-family:var(--mono);font-size:10px}.cc-number{text-align:right;font-variant-numeric:tabular-nums}.cc-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}.cc-more{position:relative}.cc-more>summary{list-style:none}.cc-more[open] .cc-menu{display:grid}.cc-menu{position:absolute;right:0;top:34px;z-index:50;display:none;min-width:150px;padding:5px;border:1px solid var(--ui-border-active);border-radius:var(--ui-radius-sm);background:var(--ui-surface-elevated);box-shadow:var(--ui-shadow-elevated)}.cc-menu button,.cc-menu a{min-height:34px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--ui-text);font:600 10px var(--font);text-align:left;cursor:pointer}.cc-menu button:hover,.cc-menu a:hover{background:var(--ui-surface-hover)}.cc-menu .danger{color:var(--ui-danger)}
.cc-table tr.contract-deadline-expiring td,.op-table tr.contract-deadline-expiring td{background:var(--yellow-l);border-top-color:color-mix(in srgb,var(--yellow) 28%,var(--ui-border))}.cc-table tr.contract-deadline-expiring td:first-child,.op-table tr.contract-deadline-expiring td:first-child{box-shadow:inset 3px 0 var(--yellow)}.cc-table tr.contract-deadline-expired td,.op-table tr.contract-deadline-expired td{background:var(--red-l);border-top-color:color-mix(in srgb,var(--red) 28%,var(--ui-border))}.cc-table tr.contract-deadline-expired td:first-child,.op-table tr.contract-deadline-expired td:first-child{box-shadow:inset 3px 0 var(--red)}
.cc-client-group.contract-group-expiring{border-color:color-mix(in srgb,var(--yellow) 48%,var(--ui-border))}.cc-client-group.contract-group-expiring>.cc-group-header{background:color-mix(in srgb,var(--yellow) 12%,var(--ui-surface));box-shadow:inset 4px 0 var(--yellow)}.cc-client-group.contract-group-expiring>.cc-group-header:hover{background:color-mix(in srgb,var(--yellow) 17%,var(--ui-surface))}.cc-client-group.contract-group-expiring .cc-client-marker{background:var(--yellow-l);color:var(--yellow)}.cc-client-group.contract-group-expired{border-color:color-mix(in srgb,var(--red) 52%,var(--ui-border))}.cc-client-group.contract-group-expired>.cc-group-header{background:color-mix(in srgb,var(--red) 12%,var(--ui-surface));box-shadow:inset 4px 0 var(--red)}.cc-client-group.contract-group-expired>.cc-group-header:hover{background:color-mix(in srgb,var(--red) 17%,var(--ui-surface))}.cc-client-group.contract-group-expired .cc-client-marker{background:var(--red-l);color:var(--red)}
.cc-client-group.website-group-amber{border-color:color-mix(in srgb,var(--yellow) 34%,var(--ui-border))}.cc-client-group.website-group-amber>.cc-group-header{background:color-mix(in srgb,var(--yellow) 7%,var(--ui-surface));box-shadow:inset 3px 0 var(--yellow)}.cc-client-group.website-group-amber>.cc-group-header:hover{background:color-mix(in srgb,var(--yellow) 11%,var(--ui-surface))}.cc-client-group.website-group-amber .cc-client-marker{background:var(--yellow-l);color:var(--yellow)}.cc-client-group.website-group-red{border-color:color-mix(in srgb,var(--red) 52%,var(--ui-border))}.cc-client-group.website-group-red>.cc-group-header{background:color-mix(in srgb,var(--red) 12%,var(--ui-surface));box-shadow:inset 4px 0 var(--red)}.cc-client-group.website-group-red>.cc-group-header:hover{background:color-mix(in srgb,var(--red) 17%,var(--ui-surface))}.cc-client-group.website-group-red .cc-client-marker{background:var(--red-l);color:var(--red)}
.cc-website-row.website-health-amber{background:color-mix(in srgb,var(--yellow) 7%,var(--ui-surface));box-shadow:inset 3px 0 var(--yellow)}.cc-website-row.website-health-red{background:color-mix(in srgb,var(--red) 12%,var(--ui-surface));box-shadow:inset 4px 0 var(--red)}
.cc-client-group.nas-group-amber{border-color:color-mix(in srgb,var(--yellow) 34%,var(--ui-border))}.cc-client-group.nas-group-amber>.cc-group-header{background:color-mix(in srgb,var(--yellow) 7%,var(--ui-surface));box-shadow:inset 3px 0 var(--yellow)}.cc-client-group.nas-group-amber>.cc-group-header:hover{background:color-mix(in srgb,var(--yellow) 11%,var(--ui-surface))}.cc-client-group.nas-group-amber .cc-client-marker{background:var(--yellow-l);color:var(--yellow)}.cc-client-group.nas-group-red{border-color:color-mix(in srgb,var(--red) 52%,var(--ui-border))}.cc-client-group.nas-group-red>.cc-group-header{background:color-mix(in srgb,var(--red) 12%,var(--ui-surface));box-shadow:inset 4px 0 var(--red)}.cc-client-group.nas-group-red>.cc-group-header:hover{background:color-mix(in srgb,var(--red) 17%,var(--ui-surface))}.cc-client-group.nas-group-red .cc-client-marker{background:var(--red-l);color:var(--red)}
.cc-nas-row.nas-health-amber{background:color-mix(in srgb,var(--yellow) 7%,var(--ui-surface));box-shadow:inset 3px 0 var(--yellow)}.cc-nas-row.nas-health-red{background:color-mix(in srgb,var(--red) 12%,var(--ui-surface));box-shadow:inset 4px 0 var(--red)}
.cc-nas-extra{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.cc-nas-signal{min-width:0;padding:9px 11px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);font-size:11px}.cc-nas-signal strong{display:block;margin-bottom:3px}.cc-nas-signal span:not(.material-symbols-rounded){color:var(--text3);overflow-wrap:anywhere}.cc-nas-signal.is-warning{border-color:color-mix(in srgb,var(--yellow) 55%,var(--ui-border))}.cc-nas-signal.is-error{border-color:color-mix(in srgb,var(--red) 55%,var(--ui-border))}.cc-nas-signal summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.cc-nas-signal summary>span:nth-child(2){flex:1}.cc-nas-signal ul{margin:8px 0 0;padding:8px 0 0 17px;border-top:1px solid var(--ui-border)}.cc-nas-signal li{margin:5px 0;overflow-wrap:anywhere}.cc-nas-signal li small{display:block;color:var(--text3)}
@media(max-width:767px){.cc-nas-extra{grid-template-columns:minmax(0,1fr)}}
.cc-operational-list{display:grid}.cc-op-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(420px,2.2fr) auto minmax(170px,auto);align-items:center;gap:14px;min-height:72px;padding:10px 13px;border-top:1px solid var(--ui-border)}.cc-op-row:first-child{border-top:0}.cc-op-row>div:first-child{display:flex;min-width:0;flex-direction:column}.cc-op-row>div:first-child strong,.cc-op-row>div:first-child a,.cc-op-row>div:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-op-row>div:first-child a,.cc-op-row>div:first-child small{margin-top:3px;color:var(--text3);font-size:9.5px}.cc-op-row dl{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:12px;margin:0}.cc-op-row dl>div{min-width:0}.cc-op-row dt{color:var(--text3);font-size:8.5px;font-weight:800;text-transform:uppercase}.cc-op-row dd{margin:3px 0 0;overflow:hidden;font-size:10.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:1279px){.sidebar:not(.collapsed){width:220px}.cc-op-row{grid-template-columns:minmax(170px,1fr) minmax(330px,1.8fr) auto}.cc-op-row dl>div:nth-child(3){display:none}.cc-op-row>.cc-actions{grid-column:2/-1}.cc-group-header{min-height:58px}}
@media(max-width:900px){.cc-website-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:8px;padding:12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-subtle)}.cc-website-row dl{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.cc-website-row>.op-status{grid-column:2;grid-row:1;align-self:start;max-width:220px;white-space:normal;text-align:center}.cc-website-row>.cc-actions{grid-column:1/-1}.cc-website-row .cc-site-metric-response{display:none}}
@media(max-width:767px){.sidebar{display:none!important}.main{margin-left:0!important}.topbar{left:0!important}.cc-client-navigator{width:100vw}.cc-filter-bar{align-items:stretch;flex-direction:column}.cc-search{width:100%;min-width:0}.cc-filter-count{display:none}.cc-group-header{grid-template-columns:34px minmax(0,1fr) 20px;padding:9px}.cc-group-status{display:none}.cc-table-scroll{overflow:visible}.cc-table thead{display:none}.cc-table,.cc-table tbody,.cc-table tr,.cc-table td{display:block;width:100%}.cc-table tr{position:relative;padding:11px;border-top:1px solid var(--ui-border)}.cc-table td{height:auto;padding:3px 0;border:0}.cc-table td:nth-last-child(n+4):not(:first-child){display:none}.cc-table td:last-child{margin-top:8px;text-align:left}.cc-actions{justify-content:flex-start}.cc-actions .btn{min-height:40px}.cc-operational-list{gap:8px;padding:8px}.cc-op-row{display:grid;grid-template-columns:1fr auto;gap:10px;min-height:0;padding:12px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-subtle)}.cc-op-row dl{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:9px}.cc-op-row dl>div:nth-child(3){display:block}.cc-op-row>.op-status{align-self:start}.cc-op-row>.cc-actions{grid-column:1/-1}.cc-menu{position:fixed;right:12px;bottom:12px;top:auto;min-width:200px}.op-page-header{padding-top:4px}}
@media(max-width:767px){.cc-website-row .cc-site-metric-response{display:block}}
@media(max-width:430px){.cc-op-row dl{grid-template-columns:1fr 1fr}.cc-website-row .cc-site-metric-php{display:none}.cc-website-row>.op-status{grid-column:1/-1;grid-row:2;justify-self:start;max-width:100%}.cc-website-row dl{grid-row:3}.cc-client-name small{white-space:normal}.cc-actions .btn{padding:0 10px}.cc-navigator-shell>header{padding:16px}}
@media(max-width:767px){.sidebar{display:flex!important;transform:translateX(-105%)}.mobile-navigation-open .sidebar{transform:translateX(0)}}
.cc-select{display:flex;align-items:center;gap:7px;color:var(--text3);font-size:9px;font-weight:800;text-transform:uppercase}.cc-select select{height:38px;min-width:180px;border:1px solid var(--ui-border-active);border-radius:var(--ui-radius-sm);background:var(--input-bg);color:var(--ui-text);font-size:10px}
.cc-secret,.cc-revealed-secret{display:block;margin-top:3px;color:var(--text3);font:600 9px var(--mono)}.cc-revealed-secret{max-width:220px;overflow-wrap:anywhere;color:var(--ui-text)}.cc-terminal{flex:0 0 auto;margin-top:16px;padding:12px;overflow:visible}.cc-terminal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cc-terminal #ssh-xterm{height:clamp(520px,calc(100dvh - 220px),900px);min-height:0;padding:8px;border-radius:var(--ui-radius-sm);background:#0c0c1d}
@media(max-width:1024px){.cc-terminal #ssh-xterm{height:max(480px,calc(100dvh - 190px))}}
@media(max-width:600px){.cc-terminal{padding:8px}.cc-terminal #ssh-xterm{height:max(520px,calc(100dvh - 160px));padding:6px}}
@media(max-width:767px){.cc-table td,.cc-table td:nth-last-child(n+4):not(:first-child){display:grid;grid-template-columns:minmax(78px,34%) minmax(0,1fr);align-items:center;gap:8px;text-align:right}.cc-table td::before{content:attr(data-label);color:var(--text3);font-size:8px;font-weight:800;text-align:left;text-transform:uppercase}.cc-table td:first-child{font-size:12px}.cc-table td:last-child{grid-template-columns:78px minmax(0,1fr)}.cc-table td:last-child .cc-actions{justify-content:flex-end}}
.wp-fleet-control{margin:0 0 16px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);display:grid;gap:14px}.wp-fleet-heading,.wp-fleet-heading>div,.wp-fleet-actions,.wp-fleet-name{display:flex;align-items:center;gap:10px}.wp-fleet-heading{justify-content:space-between}.wp-fleet-heading .material-symbols-rounded{color:var(--accent);font-size:24px}.wp-fleet-heading h2{margin:0;font-size:16px}.wp-fleet-heading p{margin:2px 0 0;color:var(--text3);font-size:12px}.wp-fleet-metrics{margin:0;display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px}.wp-fleet-metrics div{padding:9px 11px;border-radius:9px;background:var(--surface2)}.wp-fleet-metrics dt{font-size:10px;text-transform:uppercase;color:var(--text3);font-weight:700}.wp-fleet-metrics dd{margin:2px 0 0;font-weight:800}.wp-fleet-actions{flex-wrap:wrap}.wp-fleet-selector{display:flex;align-items:center;justify-content:center}.wp-fleet-selector input{width:17px;height:17px;accent-color:var(--accent)}
@media(max-width:768px){.wp-fleet-heading{align-items:flex-start;gap:8px}.wp-fleet-metrics{grid-template-columns:repeat(2,minmax(90px,1fr))}.wp-fleet-actions .btn{flex:1 1 150px}}