/* HIC operations board: small semantic SVGs and verified operational figures.
   A dash is unavailable/unconnected, zero is used only with an active trusted source. */
.csc-tile-index{display:inline-flex;align-items:center;gap:9px;color:#a3bac2;font-size:10px;letter-spacing:.09em}
.csc-tile-icon{height:18px;width:18px;flex:0 0 18px;color:#d4be7a}
.csc-tile-head{gap:12px}
.csc-ops-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:5px 0 10px}
.csc-ops-stats>div{min-width:0;background:#0b0e0e;border:1px solid #323b37;padding:10px 11px;display:grid;align-content:start;gap:7px}
.csc-ops-stats span{color:#9daaa8;font-size:10px;line-height:1.45;letter-spacing:.01em}
.csc-ops-stats strong{font:650 23px/1.15 Consolas,"SFMono-Regular",monospace;font-variant-numeric:tabular-nums;color:#ebc86c;overflow-wrap:anywhere}
.csc-ops-source{color:#929d98;font-size:10px;line-height:1.5;display:block;margin:0 0 12px}
.csc-ops-source[data-state="connected"]{color:#a5c3a9}
.csc-ops-source[data-state="unavailable"]{color:#dcba77}
.csc-ops-refresh{padding:7px 8px;min-height:30px;margin-top:2px;border:1px solid #514936;background:#121512;color:#e1c16e;font-size:10px;cursor:pointer;text-align:left}
.csc-ops-refresh:hover{border-color:#d1b66c;background:#202016}
.csc-ops-refresh:disabled{opacity:.5;cursor:wait}
.csc-tile:has(.csc-ops-stats){min-height:253px}
.csc-tile:has(.csc-ops-stats)>p{min-height:0}
@media(max-width:640px){.csc-tile:has(.csc-ops-stats){min-height:0}.csc-ops-stats strong{font-size:21px}}

.csc-quick-actions{border:1px solid #5b5035;background:#111512;padding:17px 18px;margin:15px 0;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:20px;align-items:center}
.csc-quick-actions .hc-overline{color:#e5c26d;font-size:10px}
.csc-quick-actions p{font-size:11px;color:#a7b1ad;line-height:1.6;margin:7px 0 0}
.csc-quick-buttons{display:flex;flex-wrap:wrap;gap:8px}
.csc-quick-buttons button{padding:10px 12px;background:#181b18;border:1px solid #5b5946;color:#e5d397;font-size:10px;font-weight:600;min-height:37px;cursor:pointer}
.csc-quick-buttons button:hover{border-color:#e1c276;background:#26261c}
.csc-quick-buttons [hidden]{display:none!important}
@media(max-width:820px){.csc-quick-actions{grid-template-columns:1fr}}
@media(max-width:460px){.csc-quick-actions{padding:14px}.csc-quick-buttons button{flex:1 1 45%}}