/* The command page's own rules (399-EA-36), on Hardpoint's tokens from the pinned edl-v8-starcraft folder. The cc-
   rules are the walk's mockup's (ops/vault/dashboards/command-mockup-layout3.html), by element; the rest is the build's. */
.cc-bar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--hull-700);box-shadow:var(--shadow-plate);border-bottom:var(--rule-3) solid var(--seam)}
.cc-name{font-size:26px;letter-spacing:.06em;color:var(--ink);text-decoration:none}
.cc-controls{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}
.cc-signout{margin:0}
.cc-status{padding:var(--space-2) var(--space-5);background:var(--hull-800);border-bottom:1px solid var(--seam);overflow-wrap:anywhere}
.cc-main{padding:var(--space-5);display:grid;gap:var(--space-5)}
.cc-narrow{max-width:480px;margin:0 auto}
.cc-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
@media (max-width:1100px){.cc-cols{grid-template-columns:1fr}}
@media (max-width:600px){.cc-main{padding:var(--space-3)}.cc-bar{padding:var(--space-3)}.cc-status{padding:var(--space-2) var(--space-3)}}
.cc-list{list-style:none;margin:0 0 var(--space-3);padding:0}
.cc-list li{padding:var(--space-1) 0;border-bottom:1px solid var(--seam)}
.cc-seat{padding:var(--space-2) 0;border-bottom:1px solid var(--seam)}
.cc-tag{font-family:var(--font-share-mono);font-size:12px;color:var(--phosphor);border:1px solid var(--phosphor-dim);padding:0 4px;white-space:nowrap}
.cc-tag--warn{color:var(--amber);border-color:var(--amber)}
.cc-chip{display:inline-block;margin:2px 6px 2px 0}
.cc-st{font-family:var(--font-share-mono);font-size:12px;padding:0 4px;border:1px solid var(--edge-hi)}
.cc-st--served{color:var(--signal);border-color:var(--signal)}
.cc-st--built,.cc-st--partial{color:var(--amber);border-color:var(--amber)}
.cc-lin,.cc-gate,.cc-more{margin:0}
.cc-lin summary,.cc-gate summary,.cc-more summary{cursor:pointer;list-style:none}
.cc-lin summary::-webkit-details-marker,.cc-gate summary::-webkit-details-marker,.cc-more summary::-webkit-details-marker{display:none}
.cc-lin summary::before,.cc-gate summary::before,.cc-more summary::before{content:"> ";color:var(--phosphor);font-family:var(--font-share-mono)}
.cc-lin[open]>summary::before,.cc-gate[open]>summary::before,.cc-more[open]>summary::before{content:"v "}
.cc-lin{display:inline-block;vertical-align:top}
.cc-lin[open]{display:block}
.cc-lin__body{margin:var(--space-1) 0 var(--space-2) var(--space-4);padding-left:var(--space-3);border-left:2px solid var(--phosphor-dim);font-size:14px}
.cc-lin__body p{margin:var(--space-1) 0}
.cc-gate{padding:var(--space-1) 0;border-bottom:1px solid var(--seam)}
.cc-gn{font-size:18px;margin-right:var(--space-2)}
.cc-v{font-family:var(--font-share-mono);padding:0 6px;margin:0 var(--space-2) 0 0;white-space:nowrap}
.cc-v--ok{background:var(--signal);color:var(--on-signal)}
.cc-v--crit{background:var(--alert);color:var(--on-alert)}
.cc-v--warn{background:var(--amber);color:var(--on-amber)}
.cc-parts{color:var(--ink-muted);font-size:13px}
.cc-gate__ints{margin:var(--space-2) 0 0 var(--space-5)}
.cc-off{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:var(--space-3);margin-bottom:var(--space-3)}
.cc-off>div{padding:var(--space-2);box-shadow:var(--shadow-well);background:var(--hull-800)}
.cc-big{font-family:var(--font-share-mono);font-size:22px;color:var(--phosphor)}
.cc-grey{opacity:.55}
.cc-cols>*,.cc-main>*{min-width:0}
.cc-main .hp-readout,.cc-main .hp-caption,.cc-list li,.cc-off .hp-label,.cc-ids-plain{overflow-wrap:anywhere}
.cc-main .hp-panel__head{flex-wrap:wrap;gap:var(--space-2)}
.cc-main .hp-panel__meta{white-space:normal}
.cc-main h3.hp-label{margin:var(--space-3) 0 var(--space-1)}
.cc-empty{font-family:var(--font-share-mono);color:var(--ink-muted);margin:var(--space-1) 0}
.cc-notice{padding:var(--space-2) var(--space-3)}
.cc-table{border-collapse:collapse;font-size:13px;margin:var(--space-2) 0;width:100%}
.cc-table th,.cc-table td{text-align:left;padding:2px 6px;border-bottom:1px solid var(--seam)}
.cc-table .cc-sub td{color:var(--ink-muted);font-family:var(--font-share-mono)}
.cc-prog{display:grid;gap:var(--space-1)}
.cc-prow{display:grid;grid-template-columns:5em minmax(0,1fr) 9em;gap:var(--space-2);align-items:center}
@media (max-width:600px){.cc-prow{grid-template-columns:4em minmax(0,1fr);}.cc-prem{grid-column:2}}
.cc-spark{width:100%;height:auto;max-height:52px;background:var(--hull-800)}
.cc-p-line{fill:none;stroke:var(--phosphor);stroke-width:1.5}
.cc-p-live{fill:var(--phosphor)}
.cc-p-back{fill:var(--hull-800);stroke:var(--phosphor);stroke-width:1}
.cc-p-none{fill:var(--edge-hi);opacity:.6}
.cc-p-only{fill:var(--amber)}
.cc-p-raised{stroke:var(--amber);stroke-width:1;stroke-dasharray:3 2}
.cc-key{font-family:var(--font-share-mono);font-size:12px;padding:0 4px;border:1px solid var(--edge-hi)}
.cc-key--live{color:var(--phosphor)}.cc-key--back{color:var(--ink-muted)}.cc-key--none{color:var(--ink);background:var(--edge-hi)}
.cc-key--only,.cc-key--raised{color:var(--amber);border-color:var(--amber)}
.cc-foot{padding:var(--space-3) 0;border-top:1px solid var(--seam);overflow-wrap:anywhere}
.cc-foot p{margin:var(--space-1) 0}
a{color:var(--phosphor)}
a:focus-visible,summary:focus-visible,.hp-toggle:focus-visible,.hp-field__input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.cc-census{margin:0 0 var(--space-1);overflow-wrap:anywhere}
.cc-n{color:var(--phosphor)}
.cc-first{margin:var(--space-1) 0 0}
.cc-first li{border-bottom:0;padding:0}
.cc-first li.hp-label{display:inline;margin-right:var(--space-2)}
.cc-first li+li{display:inline}
@media (max-width:600px){
.cc-bar{flex-wrap:nowrap;gap:var(--space-2)}
.cc-name{font-size:20px}
.cc-controls{flex-wrap:nowrap;gap:var(--space-2)}
.cc-controls .hp-toggle__label{display:none}
.cc-controls .hp-btn{padding-left:8px;padding-right:8px}
.cc-parts{font-size:11px;line-height:15px}
.cc-gn{font-size:15px}
.cc-main .hp-panel__head{padding-top:var(--space-2);padding-bottom:var(--space-2)}
.cc-first{font-size:14px}
.cc-hint{display:none}
.cc-gate{padding:2px 0}
.cc-census{font-size:13px;line-height:18px}
}
