/* «تقرير المالك التنفيذي» (public/owner-report.js): LAYOUT + --exr-* tokens only. Cards, headings, buttons and badges are the
   standard components (.sec-card, .sec-h, .btn, .icon-btn.float, .badge) from theme-components.css (docs/THEME-RULES.md). */
.exr{display:flex;flex-direction:column;gap:var(--exr-gap);width:100%;max-width:var(--exr-max);margin:0 auto}
.exr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) var(--space-1) 0}
.exr-ht{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.exr-ht b{font-size:var(--exr-head-fs);font-weight:var(--fw-bold);color:var(--exr-kv-ink);line-height:1.3}
.exr-ht small{color:var(--text3);font-size:var(--fs-xs)}
.exr-hb{display:flex;gap:var(--space-2);flex:none}
.exr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--exr-gap)}
.exr-kpi{display:flex;flex-direction:column;gap:6px;padding:var(--space-4);background:var(--exr-kpi-bg);border:.5px solid var(--exr-kpi-border);border-radius:var(--exr-kpi-radius);box-shadow:var(--shadow-card);min-width:0}
.exr-kl{font-size:var(--fs-sm);color:var(--exr-kl-ink)}
.exr-kv{font-size:var(--exr-kv-fs);font-weight:var(--fw-bold);color:var(--exr-kv-ink);line-height:1.15;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}
.exr-kv small{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--exr-kf-ink)}
.exr-kf{font-size:var(--fs-xs);color:var(--exr-kf-ink)}
.exr-kpi.up .exr-kv{color:var(--exr-up)}
.exr-kpi.down .exr-kv{color:var(--exr-down)}
.exr-kpis.ghost .exr-kpi{box-shadow:none}
.exr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--exr-gap)}
.exr-wide{grid-column:1/-1}
.exr-sec{min-width:0}
.exr-pair{display:flex;gap:var(--space-4);font-size:var(--fs-sm);color:var(--text3)}
.exr-pair b{color:var(--exr-kv-ink);font-weight:var(--fw-bold)}
.exr-tot{font-size:var(--fs-lg);font-weight:var(--fw-bold)}
.exr-chart{display:block;width:100%;height:180px}
.exr-b-rev{fill:var(--exr-rev)}
.exr-b-exp{fill:var(--exr-exp)}
.exr-b-axis{stroke:var(--exr-axis);stroke-width:1}
.exr-months{display:flex;justify-content:space-around;font-size:var(--fs-xs);color:var(--text3);margin-top:-6px}
/* charts are drawn oldest→newest left to right; in Arabic the timeline and bar fills run from the right */
[dir=rtl] .exr-chart,[dir=rtl] .exr-hb-svg{transform:scaleX(-1)}
.exr-legend{display:flex;gap:var(--space-4);font-size:var(--fs-xs);color:var(--text3)}
.exr-lg{display:inline-flex;align-items:center;gap:6px}
.exr-lg::before{content:'';width:10px;height:10px;border-radius:3px;background:var(--exr-rev)}
.exr-lg.exp::before{background:var(--exr-exp)}
.exr-rows{display:flex;flex-direction:column}
.exr-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 0;border-bottom:.5px solid var(--exr-row-sep);font-size:var(--fs-sm);color:var(--text2)}
.exr-row:last-child{border-bottom:0}
.exr-row b{color:var(--exr-kv-ink);font-weight:var(--fw-bold);white-space:nowrap}
.exr-row b small{color:var(--text3);font-weight:var(--fw-medium)}
.exr-replist{display:flex;flex-direction:column;gap:var(--space-2)}
.exr-rep{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);text-align:start;color:inherit;font:inherit;background:transparent;border:.5px solid var(--exr-row-sep);border-radius:var(--radius-md);cursor:pointer}
.exr-rep:active{background:var(--hover)}
.exr-rep-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--hover);color:var(--text2);flex:none}
.exr-rep-ic svg{width:18px;height:18px}
.exr-rep-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.exr-rep-t b{font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exr-sk{height:96px;border-radius:var(--sec-radius);background:var(--exr-sk)}
.exr-sk.tall{height:220px}
/* supervisor report blocks */
.exr-tw{overflow:auto}
.exr-tb{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.exr-tb th{color:var(--text3);font-weight:var(--fw-medium);text-align:start;padding:8px 10px;border-bottom:.5px solid var(--exr-axis);white-space:nowrap}
.exr-tb td{padding:8px 10px;border-bottom:.5px solid var(--exr-row-sep);color:var(--text)}
.exr-hbars{display:flex;flex-direction:column;gap:10px}
.exr-hb-row{display:grid;grid-template-columns:minmax(80px,22%) 1fr auto;align-items:center;gap:var(--space-3);font-size:var(--fs-sm)}
.exr-hb-svg{width:100%;height:14px}
.exr-hb-track{fill:var(--exr-track)}
.exr-hb-fill{fill:var(--exr-rev)}
.exr-text{font-size:var(--fs);line-height:1.9;color:var(--text2)}
/* full-screen view: one paper + the floating vertical toolbar on the leading edge */
.exr-view{position:fixed;inset:0;z-index:var(--exr-z);overflow:auto;background:var(--exr-view-bg);padding:var(--space-6) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom))}
.exr-paper{max-width:var(--exr-paper-max);margin:0 auto;background:var(--exr-paper);border-radius:var(--sec-radius);box-shadow:var(--exr-paper-shadow);padding:var(--exr-pad);display:flex;flex-direction:column;gap:var(--space-4)}
.exr-ph{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:.5px solid var(--exr-axis)}
.exr-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-bold);color:var(--text2);font-size:var(--fs-sm)}
.exr-pt{margin:var(--space-2) 0 0;font-size:28px;line-height:1.3;font-weight:var(--fw-bold);color:var(--exr-kv-ink)}
.exr-ps{margin:0;color:var(--text3);font-size:var(--fs-sm)}
.exr-pbody{display:flex;flex-direction:column;gap:var(--exr-gap)}
.exr-pbody .exr-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}
.exr-pf{padding-top:var(--space-3);border-top:.5px solid var(--exr-row-sep)}
.exr-tools{position:fixed;inset-inline-end:var(--exr-tools-edge);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--exr-tools-gap);z-index:calc(var(--exr-z) + 1)}
html.exr-open{overflow:hidden}
/* mobile: KPIs 2-up, sections stacked, toolbar keeps to the edge */
@media (max-width:760px){
  .exr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exr-grid,.exr-pbody .exr-grid.full{grid-template-columns:1fr}
  .exr-kv{font-size:20px;white-space:normal;overflow-wrap:anywhere}
  .exr-view{padding:var(--space-3) var(--space-3) var(--space-6)}
  .exr-paper{padding:var(--space-4) var(--space-4) var(--space-5);margin-inline-end:calc(var(--icon-btn-float) + var(--space-2))}
  .exr-tools{inset-inline-end:var(--space-2)}
  .exr-pt{font-size:22px}
}
/* print / PDF: only the paper, full width, no toolbar, no app behind it */
@media print{
  body>*:not(.exr-view){display:none!important}
  .exr-view{position:static;overflow:visible;padding:0;background:none}
  .exr-paper{box-shadow:none;max-width:none;padding:0}
  .exr-tools{display:none}
  .exr-kpi,.exr-sec{break-inside:avoid}
}

/* Mobile compact card → full report (UI four 2026-10-26) */
.exr-compact{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:var(--space-4);text-align:start;color:inherit;font:inherit;cursor:pointer;border:.5px solid var(--exr-kpi-border);border-radius:var(--sec-radius);background:var(--exr-kpi-bg);box-shadow:var(--shadow-sm,none)}
.exr-compact:active{background:var(--hover)}
.exr-compact .exr-head{padding:0;align-items:center}
.exr-compact .exr-go{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--hover);color:var(--text2);flex:none}
.exr-compact .exr-go svg{width:18px;height:18px}
.exr-compact .exr-kpis.mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.exr-compact .exr-kpis.mini .exr-kpi{padding:var(--space-3)}
.exr-compact-hint{color:var(--text3);font-size:var(--fs-xs)}
.exr-compact-body{padding:0}
.exr-side .exr-compact{max-width:none}