/* ============================================================
   RELATÓRIOS — camada visual
   ============================================================ */
.relat-tabs{margin-bottom:16px}
.relat-view{display:none}
.relat-view.active{display:block}
.relat-note{font-size:11px;color:#5b6f82;background:#eef5fb;border:1px solid #d3e3f0;border-radius:8px;padding:11px 14px;margin-bottom:14px}
.relat-note b{color:#2e6e9b}

/* KPIs do relatório de sessões */
.relat-kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:16px}
.rk{background:#fff;border:1px solid #d5e0e7;border-radius:10px;padding:13px 12px;text-align:center;box-shadow:0 2px 7px #24384a0c}
.rk.alerta{border-color:#c7bce4;background:#f7f4fd}
.rk-ico{display:grid;place-items:center;height:28px;width:28px;border-radius:8px;margin:0 auto 8px;font-size:13px}
.rk-ico.blue{background:#dfeff9}.rk-ico.mint{background:#e0f2e9}.rk-ico.peach{background:#fff0e5}.rk-ico.lilac{background:#e9e9f8}
.rk b{font:700 22px Manrope;color:#182a3d;display:block}
.rk p{font-size:9.5px;color:#62778b;margin:5px 0 0;line-height:1.3}

/* tabela de sessões */
.rs-head,.rs-row{display:grid;grid-template-columns:1.6fr 1.3fr .9fr 1fr 1fr 1.2fr 1fr .9fr;gap:10px;align-items:center;padding:11px 16px}
.rs-head{background:#edf3f6;color:#6c8194;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.rs-row{border-top:1px solid #e0e8ed;font-size:11px;color:#5d7084}
.rs-row b{color:#20364a;font-size:11.5px}
.modo-badge{font-style:normal;font-size:9px;font-weight:600;padding:3px 8px;border-radius:5px}
.modo-badge.on{background:#f0ecf9;color:#6a4f9c}
.modo-badge.pr{background:#e1eff8;color:#336c94}
.freq-na{background:#e9e9f8;color:#5d6398}

/* tabela de anotações */
.ra-head,.ra-row{display:grid;grid-template-columns:1.8fr 1.2fr .7fr .9fr 1.4fr .9fr;gap:10px;align-items:center;padding:11px 16px}
.ra-head{background:#edf3f6;color:#6c8194;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.ra-row{border-top:1px solid #e0e8ed;font-size:11px;color:#5d7084}
.ra-row b{color:#20364a;font-size:11.5px}
.ra-warn{color:#a8505f;font-weight:700}
.ra-pct{display:flex;align-items:center;gap:8px}
.ra-track{flex:1;height:8px;background:#eef3f6;border-radius:4px;overflow:hidden;max-width:110px}
.ra-track i{display:block;height:100%;border-radius:4px}
.ra-pct b{font-size:10.5px;color:#20364a}
.ra-acts{display:flex;gap:5px}
.ra-acts button{border:1px solid #cbd9e3;background:#fff;border-radius:5px;padding:4px 8px;font:700 8.5px 'DM Sans';color:#3d617e}
.ra-acts button:hover{background:#eef6fa;border-color:#8fb6d1}

@media(max-width:1100px){.relat-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){
  .rs-head,.rs-row{grid-template-columns:1.6fr 1.2fr 1fr}
  .rs-head span:nth-child(3),.rs-head span:nth-child(4),.rs-head span:nth-child(5),.rs-head span:nth-child(6),.rs-head span:nth-child(8){display:none}
  .ra-head,.ra-row{grid-template-columns:1.8fr .7fr 1.2fr .9fr}
  .ra-head span:nth-child(2),.ra-head span:nth-child(4){display:none}
}
@media(max-width:700px){.relat-kpis{grid-template-columns:repeat(2,1fr)}}

/* dark mode */
:root[data-theme="dark"] .rk,:root[data-theme="dark"] .rs-row,:root[data-theme="dark"] .ra-row{background:var(--surface);border-color:var(--border-2)}
:root[data-theme="dark"] .rk b,:root[data-theme="dark"] .rs-row b,:root[data-theme="dark"] .ra-row b,:root[data-theme="dark"] .ra-pct b{color:var(--ink)}
:root[data-theme="dark"] .rs-head,:root[data-theme="dark"] .ra-head{background:var(--surface-2);color:var(--muted)}
:root[data-theme="dark"] .rk.alerta{background:#1e1a2e;border-color:#3a3157}
:root[data-theme="dark"] .relat-note{background:#132433;border-color:#264a63;color:#a9c4d8}
:root[data-theme="dark"] .ra-track{background:var(--surface-3)}
:root[data-theme="dark"] .ra-acts button{background:var(--surface-3);border-color:var(--border-2);color:#b9c8d8}