/* © 2026 bladept696 — Centro de Comando / Hash Commander. Todos os direitos reservados.
   é proibido copiar, modificar, redistribuir ou publicar este ficheiro, no todo ou em parte, sem autorização escrita do autor.
   https://github.com/bladept696/centro-de-comando-v3 */
/* Commander em modo vigia: cartão da página principal + aba */
.cm-card{background:#0d0b16;border:1px solid #3d2e6b;border-radius:16px;position:relative;overflow:hidden;color:#ece6fa}
.cm-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #3d2e6b;flex-wrap:wrap}
.cm-hd h2{margin:0;font-size:13px;letter-spacing:3px;color:#c08aff;font-weight:700}
.cm-pill{font:12px Consolas,monospace;border-radius:999px;padding:3px 10px;white-space:nowrap;border:1px solid #5a4a8a;color:#c8b8f0}
.cm-pill:empty{display:none}
.cm-pill.on{color:#5dffb0;border-color:#2e7a55}
.cm-pill.idle{color:#ffd54f;border-color:#7a6a2e}
.cm-pill.off{color:#9a94b0;border-color:#4a4560}
.cm-brief{padding:14px 16px;font-size:14px;line-height:1.55;color:#e9e2fb}
.cm-brief.big{font-size:17px;line-height:1.6}
.cm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 12px}
.cm-st{background:#14102a;border:1px solid #2c2350;border-radius:10px;padding:8px 10px;min-width:0}
.cm-st span{display:block;font-size:10px;letter-spacing:1px;color:#8f86b0}
.cm-st b{display:block;font:700 18px Consolas,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-st b.g{color:#5dffb0}.cm-st b.c{color:#4fd6ff}.cm-st b.p{color:#ff8ee6}.cm-st b.a{color:#ffb84d}
.cm-tl{padding:0 16px 8px}
.cm-ev{display:grid;grid-template-columns:48px 22px 1fr;gap:6px;align-items:center;padding:6px 0;border-bottom:1px dashed #2c2350;font-size:13px}
.cm-ev .cm-h{font:600 12px Consolas,monospace;color:#a99ad6}
.cm-ev .cm-i{text-align:center}
.cm-ev.ev-temp_pico .cm-i,.cm-ev.ev-offline .cm-i{color:#ffb84d}
.cm-ev.ev-freq_baixa .cm-i,.cm-ev.ev-reinicio .cm-i{color:#4fd6ff}
.cm-ev.ev-melhor_share .cm-i,.cm-ev.ev-aluguer_fim .cm-i{color:#ffd54f}
.cm-ev.ev-online .cm-i{color:#5dffb0}
.cm-empty{padding:18px 16px;color:#8f86b0;font-size:13px;text-align:center}
.cm-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px 14px}
.cm-btn{background:#1a1434;color:#d8c8ff;border:1px solid #5a4a8a;border-radius:999px;padding:6px 14px;font:600 12px inherit;font-family:inherit;cursor:pointer}
.cm-btn:hover{background:#2a2050;border-color:#c08aff}
.cm-btn.pri{background:#5a3aa8;border-color:#c08aff;color:#fff}
.cm-wrap{display:grid;gap:16px;grid-template-columns:1fr 1fr;align-items:start}
.cm-wrap .cm-big{grid-column:1 / -1}
@media (max-width:900px){.cm-wrap{grid-template-columns:1fr}.cm-stats{grid-template-columns:repeat(2,1fr)}}
.cm-scroll{overflow-x:auto}
.cm-table{width:100%;border-collapse:collapse;font-size:13px}
.cm-table th{text-align:left;font-size:11px;letter-spacing:1px;color:#8f86b0;padding:8px 12px;border-bottom:1px solid #2c2350;white-space:nowrap}
.cm-table td{padding:8px 12px;border-bottom:1px dashed #2c2350;white-space:nowrap}
.cm-table td small{display:block;color:#7d7499;font-size:11px}
.cm-form{padding:12px 16px 4px}
.cm-chk{display:block;margin:8px 0;font-size:13px;cursor:pointer}
.cm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0}
.cm-fld span{display:block;font-size:11px;color:#8f86b0;margin-bottom:3px}
.cm-fld input{width:100%;box-sizing:border-box;background:#14102a;color:#ece6fa;border:1px solid #3d2e6b;border-radius:8px;padding:6px 8px;font:13px Consolas,monospace}
.cm-seg{font-size:12px;color:#a99ad6;margin:10px 0 0}
.cm-msg{font-size:12px;color:#5dffb0}
.cm-msg.err{color:#ff7a7a}

/* linha da página principal onde fica o cartão do Commander (ocupa a largura toda) */
.hc-row-rc{display:block;margin:16px 0}
.hc-row-rc > [hidden]{display:none}