/* Painel único: abas por site e etiquetas coloridas. */
.login-sub { margin: -6px 0 0; color: var(--muted); font-size: 14px; }
.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.tabs button { border: 1.5px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 12px; padding: 10px 14px; font: 700 14px var(--body); cursor: pointer; }
.tabs button span { color: var(--muted); font-weight: 600; margin-left: 4px; }
.tabs button[aria-pressed="true"] { background: var(--navy); border-color: var(--navy); color: #fff; }
.tabs button[aria-pressed="true"] span { color: var(--gold-2); }
.site-tag { display: inline-block; font: 700 11px var(--mono); letter-spacing: .5px; text-transform: uppercase; padding: 2px 8px; border-radius: 6px; margin-right: 6px; vertical-align: 1px; }
.site-carros { background: #e6edf9; color: #1d3f7a; }
.site-internet { background: #fbe4e4; color: #9b1c22; }
.site-cameras { background: #dff1ea; color: #0f6e56; }
.falha { background: #fdeceb; color: var(--danger); border-radius: 12px; padding: 10px 14px; font-weight: 600; }
.atualizado { color: var(--muted); font-size: 12px; text-align: center; margin-top: 28px; }
.temp { font-weight: 700; text-transform: capitalize; }
.temp-quente { color: #c0392b; } .temp-morno { color: #b9770e; } .temp-frio { color: #2471a3; }