/* "Аналіз моделей" tab in Trader Hourly Calculator — scoped to #pane-model-report.
   Reuses THC dark surface; semantic green/amber/red for forecast error. */
#pane-model-report{
  --mr-good:#3fb950; --mr-ok:#8b949e; --mr-warn:#d29922; --mr-bad:#f85149;
  --mr-accent:#4d8bf0; --mr-card:rgba(255,255,255,.035); --mr-card-b:rgba(255,255,255,.09);
  --mr-ink:#e6edf3; --mr-mut:#8b98a8; --mr-line:rgba(255,255,255,.08);
  color:var(--mr-ink);
}
#pane-model-report h2{font-size:17px;font-weight:700;margin:26px 0 12px;letter-spacing:-.01em}
#pane-model-report h2 .em{font-size:13px;font-weight:500;color:var(--mr-mut);margin-left:8px}
#pane-model-report h3{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--mr-mut);margin:20px 0 9px;font-weight:700}
#pane-model-report .mr-loading{padding:50px;text-align:center;color:var(--mr-mut)}
#pane-model-report .mr-sub{color:var(--mr-mut);font-size:13px;margin:2px 0 6px}
/* KPI cards */
.mr-kpis{display:flex;gap:11px;flex-wrap:wrap;margin:6px 0 8px}
.mr-kpi{flex:1;min-width:135px;background:var(--mr-card);border:1px solid var(--mr-card-b);
  border-left:3px solid var(--mr-accent);border-radius:9px;padding:11px 14px}
.mr-kpi.win{border-left-color:var(--mr-good)}
.mr-kpi .lab{color:var(--mr-mut);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.mr-kpi .val{font-size:21px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}
.mr-kpi .sub{font-size:11px;margin-top:2px;font-variant-numeric:tabular-nums}
/* tables */
.mr-scroll{overflow-x:auto;border:1px solid var(--mr-line);border-radius:11px}
#pane-model-report table.mr{width:100%;border-collapse:collapse;font-size:13px;
  font-variant-numeric:tabular-nums;min-width:620px}
#pane-model-report table.mr th{background:rgba(255,255,255,.03);color:var(--mr-mut);font-weight:600;
  text-align:right;padding:9px 11px;border-bottom:1px solid var(--mr-line);white-space:nowrap;position:sticky;top:0}
#pane-model-report table.mr th:first-child{text-align:left}
#pane-model-report table.mr td{padding:6px 11px;border-bottom:1px solid var(--mr-line);text-align:right;white-space:nowrap}
#pane-model-report table.mr td:first-child{text-align:left;font-weight:700}
#pane-model-report table.mr tr:last-child td{border-bottom:none}
#pane-model-report table.mr tbody tr:hover td{background:rgba(255,255,255,.025)}
.mr td small{opacity:.72;font-size:10.5px;margin-left:2px}
.e-good{color:var(--mr-good)} .e-ok{color:var(--mr-ink)} .e-warn{color:var(--mr-warn)} .e-bad{color:var(--mr-bad)}
.mr td.hc{border-radius:6px}
.hc-good{background:rgba(63,185,80,.13)} .hc-warn{background:rgba(210,153,34,.14)} .hc-bad{background:rgba(248,81,73,.15)}
.mr .star{color:var(--mr-good);font-weight:800}
.mr .actual-c{color:var(--mr-ink);font-weight:700}
/* chart */
.mr-chart-wrap{background:var(--mr-card);border:1px solid var(--mr-card-b);border-radius:11px;padding:14px 16px;margin:4px 0}
.mr-chart-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.mr-btn{background:var(--mr-accent);color:#fff;border:none;padding:4px 13px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600}
#mr-period-ctl .mr-btn{background:transparent;color:var(--mr-mut);border:1px solid var(--mr-card-b)}
#mr-period-ctl .mr-btn.on{background:var(--mr-accent);color:#fff;border-color:var(--mr-accent)}
.mr-hint{color:var(--mr-mut);font-size:11px}
/* distribution chips */
.mr-dist{display:flex;gap:9px;flex-wrap:wrap}
.mr-dist .d{background:var(--mr-card);border:1px solid var(--mr-card-b);border-radius:8px;padding:8px 13px;min-width:96px}
.mr-dist .d .n{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.mr-dist .d .k{font-size:11px;color:var(--mr-mut);font-weight:600}
.mr-dist .d .g{height:5px;border-radius:3px;background:var(--mr-accent);margin-top:6px;opacity:.7}
/* insights */
.mr-ins{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:8px}
.mr-ins li{background:var(--mr-card);border:1px solid var(--mr-card-b);border-radius:9px;padding:10px 13px;font-size:13.5px;line-height:1.5}
.mr-tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.04em;margin-right:8px;vertical-align:1px}
.tg-def{background:rgba(77,139,240,.18);color:var(--mr-accent)}
.tg-warn{background:rgba(210,153,34,.2);color:var(--mr-warn)}
.tg-bad{background:rgba(248,81,73,.2);color:var(--mr-bad)}
.tg-good{background:rgba(63,185,80,.2);color:var(--mr-good)}
/* light theme */
:root[data-rh-theme="light"] #pane-model-report{
  --mr-card:rgba(0,0,0,.025); --mr-card-b:rgba(0,0,0,.09); --mr-ink:#1a1f2b; --mr-mut:#5b6472;
  --mr-line:rgba(0,0,0,.09); --mr-good:#1a7f4b; --mr-warn:#b3771a; --mr-bad:#d13b3b; --mr-accent:#2f6fe0;
}