  #viewReports{flex:1 1 auto;display:none;flex-direction:column;min-height:0}
  .rp-controls{display:flex;gap:12px;align-items:flex-end;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--panel-2);flex-wrap:wrap}
  .rp-controls .fg{display:flex;flex-direction:column;gap:4px}
  .rp-controls label{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint)}
  .rp-controls select,.rp-controls input[type=date]{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:12px;padding:7px 9px;font-family:var(--sans)}
  .rp-gen{padding:8px 16px;border:none;border-radius:8px;background:var(--brand);color:#1a1205;font-weight:700;font-size:12px;cursor:pointer}
  .rp-body{overflow-y:auto;padding:16px 18px;flex:1 1 auto;min-height:0}
  .report{max-width:920px;margin:0 auto}
  .report-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
  .report-h .ico{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--brand);color:#1a1205;font-weight:800}
  .report-h .ti b{font-size:18px} .report-h .ti small{display:block;color:var(--ink-faint);font-size:11px;margin-top:2px}
  .report-h .ex{margin-left:auto;display:flex;gap:7px}
  .report-h .ex button{background:var(--panel);border:1px solid var(--line);color:var(--ink-dim);font-size:11px;padding:6px 11px;border-radius:7px;cursor:pointer}
  .report-h .ex button:hover{border-color:var(--brand);color:var(--brand)}
  .hsum{display:flex;gap:11px;padding:13px;border-radius:11px;background:rgba(167,139,250,.06);border:1px solid rgba(167,139,250,.22);margin-bottom:14px}
  .hsum .hm{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#160f2e;background:var(--haley);flex:0 0 auto}
  .hsum .txt{font-size:12.5px;line-height:1.5;color:var(--ink)}.hsum .txt b{color:#CBBEFB}
  .rp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:14px}
  .rp-kpis .k{background:var(--panel);padding:11px 13px}
  .rp-kpis .k .lab{font-size:9.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint)}
  .rp-kpis .k .v{font-family:var(--mono);font-size:20px;font-weight:600;margin-top:3px}
  .rp-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
  .rp-panel{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:12px 14px}
  .rp-panel h4{margin:0 0 9px;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-dim)}
  .rp-panel ul{margin:0;padding-left:0;list-style:none}
  .rp-panel li{font-size:12px;padding:5px 0;border-bottom:1px solid var(--line-soft);display:flex;gap:8px}
  .rp-panel li:last-child{border-bottom:none}
  .rp-panel li .dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:0 0 auto}
  .dot.r{background:var(--fail)} .dot.w{background:var(--pass)} .dot.a{background:var(--haley)}
  .rp-tablewrap{border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .rp-table{width:100%;border-collapse:collapse;font-size:12px}
  .rp-table th{text-align:left;font-size:9.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint);padding:8px 11px;background:var(--panel-2);border-bottom:1px solid var(--line)}
  .rp-table td{padding:8px 11px;border-bottom:1px solid var(--line-soft);font-family:var(--mono);font-size:11.5px}
  .rp-table tr:last-child td{border-bottom:none}
  .rp-table td.bad{color:var(--fail)} .rp-table td.good{color:var(--pass)}
  .modal-bg{position:fixed;inset:0;background:rgba(4,6,10,.72);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:50;padding:24px}
  .modal-bg.on{display:flex}
  .modal{width:min(760px,96vw);max-height:88vh;background:var(--panel);border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6)}
  .modal-h{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);background:var(--panel-2)}
  .modal-h .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#0A0D13;background:var(--fail)}
  .modal-h .t b{font-size:15px} .modal-h .t small{display:block;color:var(--ink-faint);font-size:11px;margin-top:1px}
  .modal-h .x{margin-left:auto;font-size:20px;color:var(--ink-dim);cursor:pointer;line-height:1;padding:2px 8px;border-radius:7px}
  .modal-h .x:hover{background:var(--line);color:var(--ink)}
  .modal-body{overflow-y:auto;padding:14px 18px}
  .fcall{border:1px solid var(--line-soft);border-left:3px solid var(--fail);border-radius:10px;padding:11px 13px;margin-bottom:10px;background:var(--panel-2)}
  .fcall .top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
  .fcall .top .dt{font-family:var(--mono);font-size:11px;color:var(--ink-dim)}
  .fcall .top .dur{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-left:auto}
  .fcall .why{font-size:12px;margin-top:8px;color:#F3C0C0}.fcall .why b{color:var(--fail);font-weight:700}
  .fcall .fx{display:flex;gap:8px;margin-top:9px;align-items:center}
  .fcall .fx .player{margin:0;flex:1}
  .fcall .toacad{font-size:10px;color:var(--haley);border:1px solid rgba(167,139,250,.3);padding:8px 10px;border-radius:7px;cursor:pointer;background:none;white-space:nowrap;align-self:stretch}
  .fcall .toacad:hover{background:rgba(167,139,250,.1)}
  .modal-foot{padding:10px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-faint);background:var(--panel-2)}

