/* estilo.css — Time Comercial (#112). Só tokens do tema; três larguras. */
.tc-pergunta { font-size: 14px; color: var(--muted); margin-top: 4px; }
.tc-alerta { border: 1px solid var(--ink-warn); background: var(--panel); border-radius: var(--radius, 14px);
  padding: 10px 14px; margin-bottom: 12px; }
.tc-alerta b { color: var(--ink-warn); }
.tc-erro { border: 1px solid var(--ink-err); background: var(--panel); border-radius: var(--radius, 14px); padding: 12px 14px; }
.tc .ds-kpis, .ds-kpis { margin-bottom: 12px; }
.tc-grade { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 12px; }
.tc-caixa { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius, 14px);
  padding: 14px 16px; margin-bottom: 12px; min-width: 0; }
.tc-caixa h2 { font-size: 14px; margin: 0 0 4px; }
.tc-sus { color: var(--muted); font-size: 12px; }
.tc-sem { color: var(--muted); background: var(--panel-2); border: 1px solid var(--line); border-radius: 999px;
  padding: 1px 8px; font-size: 12px; font-weight: 600; }
.tc-vazio { color: var(--muted); font-size: 13px; padding: 6px 0; }
.tc-chip { border: 1px solid var(--line); background: var(--panel-2); border-radius: 999px; padding: 4px 12px; font-size: 12px; color: var(--muted); }
.tc-chip.on { border-color: var(--orange); color: var(--ink); }
.tc-curva { width: 100%; height: auto; display: block; margin-top: 8px; }
.tc-curva text { fill: var(--muted); font-size: 10px; }
.tc-curva .eixo { stroke: var(--line); }
.tc-curva .dia20 { stroke: var(--ink-warn); stroke-dasharray: 4 4; }
.tc-curva .mes { fill: none; stroke: var(--orange); stroke-width: 2.5; }
.tc-curva .mes.antigo { stroke: var(--muted); stroke-width: 1.5; stroke-dasharray: 3 3; }
.tc-legenda { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--muted); margin-top: 6px; }
.tc-legenda .sw { display: inline-block; width: 14px; height: 3px; margin-right: 6px; vertical-align: middle; background: var(--line); }
.tc-legenda .sw.out { background: var(--orange); }
.tc-legenda .sw.antigo { background: var(--muted); }
.tc-fonte { margin-top: 4px; }
.tc-grade { align-items: start; }
.tc-tab { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 6px; }
.tc-tab th { color: var(--muted); font-size: 11px; font-weight: 600; text-transform: uppercase; text-align: left; }
.tc-tab th, .tc-tab td { padding: 6px 8px; border-bottom: 1px solid var(--line); }
.tc-tab .num { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .tc-grade { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .tc-caixa { padding: 12px; } }