/* Relatorio semanal (mods/relatorio.js). Cores sempre pelas variaveis do tema. */
.rel-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.rel-topo .hint{margin:0}
.rel-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}
.rel-largo{grid-column:1/-1}
.rel-var{display:inline-block;margin-right:8px;font-size:12px;font-weight:600;color:var(--muted)}
.rel-var.up{color:var(--ok)}
.rel-var.down{color:var(--bad)}
.rel-horas{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;height:150px;align-items:end}
.rel-hora{height:100%;display:flex;align-items:flex-end;border-radius:4px}
.rel-hora:hover{background:rgba(255,255,255,.035)}
.rel-barra{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--accent);opacity:.4}
.rel-hora.pico .rel-barra{opacity:1}
.rel-eixo{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;margin-top:6px;font-size:11px;color:var(--muted)}
.rel-eixo span{white-space:nowrap;overflow:visible}
.rel-lista{list-style:none;margin:0;padding:0}
.rel-lista li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 2px;border-bottom:1px solid var(--border)}
.rel-lista li:last-child{border-bottom:0}
.rel-nome{min-width:0;overflow-wrap:anywhere;font-size:13.5px;color:var(--text-2)}
.rel-lista b{flex:none;font-variant-numeric:tabular-nums}
.rel-duplas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.rel-dupla{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border)}
.rel-dupla span{font-size:12px;color:var(--muted)}
.rel-dupla b{font-size:20px;font-variant-numeric:tabular-nums}
.rel-dupla small{font-size:12px;color:var(--faint)}
.rel-mini-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rel-mini{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border)}
.rel-mini span{font-size:12px;color:var(--muted)}
.rel-mini b{font-size:18px;font-variant-numeric:tabular-nums;color:var(--text-2)}
.rel-mini.warn b{color:var(--warn)}
.rel-mini.bad b{color:var(--bad)}
.rel-acoes{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.rel-previa{margin-top:12px}
.rel-previa summary{cursor:pointer;font-size:13px;color:var(--text-2)}
.rel-texto{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);font-family:inherit;font-size:13px;line-height:1.5;color:var(--text)}
@media (max-width:640px){
  .rel-horas,.rel-eixo{gap:1px}
  .rel-eixo{font-size:9px}
  .rel-mini-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}