/* Central TI — complementos do layout (só tokens de central-ti.css, nenhuma cor fixa) */
[hidden]{display:none!important}
body{margin:0}

/* avisos no topo da página */
.alert{border-radius:var(--r-sm);padding:10px 14px;font-weight:500;background:var(--ok-soft);color:var(--ok)}
.alert.bad{background:var(--bad-soft);color:var(--bad)}

/* login e páginas avulsas */
.centro{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.login{width:min(400px,100%);display:grid;gap:16px;padding:28px}
.login .brand{padding:0;color:var(--ink)}
.login .brand small{color:var(--muted)}

/* tabelas antigas reaproveitadas e linhas não clicáveis */
.tbl tbody tr.fixa{cursor:default}
.tbl tbody tr.fixa:hover td{background:none}
.tbl td.num{font-variant-numeric:tabular-nums}

/* abas por endereço (#programas, #erros…) */
.aba{display:grid;gap:16px}

/* formulários */
.form{display:grid;gap:12px;max-width:620px}
.form .input{width:100%}
.btn.danger{color:var(--bad);border-color:var(--bad-soft)}
.btn.danger:hover{background:var(--bad-soft)}
details.card>summary{cursor:pointer;padding:14px 18px;font-weight:600;color:var(--ink)}
details.card[open]>summary{border-bottom:1px solid var(--line)}

/* mensagens longas do log do Windows */
pre.log{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);font-size:12px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;margin:8px 0 0;color:var(--text)}
details>summary.mini{cursor:pointer;color:var(--muted);font-size:13px}

/* conversa do chamado */
.thumb{display:block;margin-top:8px}
.thumb img{max-width:min(320px,100%);border:1px solid var(--line);border-radius:var(--r-sm);display:block}
.msg.sys .bubble{background:none;border-style:dashed}

/* lista de avisos do sino vazia */
.notif .vazio{padding:10px;color:var(--muted);font-size:13px}

/* mapa: lista por porta dentro do mesmo cartão */
#mapList .card{box-shadow:none}
/* avisos da página do computador e linha do tempo de ligado/desligado */
.alert.warn{background:var(--warn-soft);color:var(--warn)}
.avisos{display:grid;gap:8px;margin:0 0 16px}
.avisos .alert{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.dia-energia{border-top:1px solid var(--line);padding:12px 0}
.dia-energia:first-child{border-top:0;padding-top:0}
.dia-energia h3{margin:0 0 8px;font-size:14px;color:var(--ink);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ev-energia{display:flex;flex-wrap:wrap;gap:6px}
.ev-energia .badge{font-weight:500}