/* ==========================================================================
   MASAR v9.8 — 12-analytics.css
   Reports and AI Insights, redesigned as workspaces: a subject tab, a quiet
   strip of reports, one canvas that reads top to bottom — headline, figures,
   the picture beside the rows. Insights: a briefing band, a feed of findings
   and an inspector that makes one finding checkable. Tokens only.
   ========================================================================== */

/* ---------------------------------------------------------------- Reports */
.p-rp9__bar{display:flex;flex-direction:column;gap:8px;min-width:0}
.p-rp9__strip{max-width:100%;align-self:flex-start}
.p-rp9__tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.p-rp9__period{display:inline-flex;align-items:center;gap:2px;padding:3px 3px 3px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--text-3)}
[dir="rtl"] .p-rp9__period{padding:3px 10px 3px 3px}
.p-rp9__period button{border:0;background:transparent;height:28px;padding:0 10px;border-radius:7px;font:600 12px/1 var(--font);color:var(--text-2);cursor:pointer;white-space:nowrap}
.p-rp9__period button:hover{color:var(--text);background:var(--surface-sunken)}
.p-rp9__period button.is-on{background:var(--accent);color:var(--text-on-accent)}
.p-rp9__period svg{margin-inline-end:4px}
.p-rp9__cmp{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);
  font:600 12px/1 var(--font);color:var(--text-2);cursor:pointer;white-space:nowrap}
.p-rp9__cmp i{position:relative;width:28px;height:16px;border-radius:8px;background:var(--line-strong);transition:background var(--t-fast) var(--ease);flex:0 0 auto}
.p-rp9__cmp i::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:var(--sh-xs);transition:inset-inline-start var(--t-fast) var(--ease)}
.p-rp9__cmp.is-on{border-color:var(--accent);color:var(--text)}
.p-rp9__cmp.is-on i{background:var(--accent)}
.p-rp9__cmp.is-on i::after{inset-inline-start:14px}
.p-rp9__chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 10px;border-radius:var(--r-full);border:1px solid var(--accent-soft-line, var(--accent));
  background:var(--accent-soft);color:var(--accent-press);font:600 12px/1 var(--font);cursor:pointer;white-space:nowrap}
.p-rp9__chip:hover{filter:brightness(.97)}
.p-rp9__main{display:flex;flex-direction:column;min-height:0}
.p-rp9__canvas{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:2px 2px 18px}
.p-rp9__canvas > *{flex:0 0 auto}

.p-rp9__hero{position:relative;display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border-radius:16px;overflow:hidden;
  background:linear-gradient(120deg,var(--accent-soft),var(--surface) 55%);border:1px solid var(--line)}
.p-rp9__hero{background:radial-gradient(260px 160px at 100% 0%,var(--accent-soft),transparent 70%),linear-gradient(120deg,var(--accent-soft),var(--surface) 55%)}
.p-rp9__hic{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:var(--text-on-accent);
  box-shadow:0 10px 22px -10px var(--accent)}
.p-rp9__hx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.p-rp9__hx em{font:700 10.5px/14px var(--font);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-press)}
.p-rp9__hx h2{margin:0;font:700 22px/28px var(--font);letter-spacing:-.01em;color:var(--text)}
.p-rp9__hx p{margin:0;font:500 13.5px/20px var(--font);color:var(--text-2)}
.p-rp9__meta{position:relative;z-index:1;flex:0 0 auto;display:flex;flex-direction:column;gap:8px;margin:0;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line-subtle);max-width:340px}
.p-rp9__meta div{display:flex;gap:10px;font:var(--ty-caption)}
.p-rp9__meta dt{min-width:84px;color:var(--text-3);font-weight:600}
.p-rp9__meta dd{margin:0;color:var(--text);font-weight:600}

.p-rp9__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;border-radius:14px;overflow:hidden;background:var(--line-subtle);border:1px solid var(--line)}
.p-rp9__k{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--surface);min-width:0}
.p-rp9__kl{display:inline-flex;align-items:center;gap:6px;font:600 11px/14px var(--font);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}
.p-rp9__kl svg{color:var(--accent)}
.p-rp9__k > b{font:700 28px/1.05 var(--font);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-rp9__k > b small{font-size:13px;font-weight:600;color:var(--text-3);margin-inline-start:4px;letter-spacing:0}
.p-rp9__k > b em{font-style:normal;font-size:15px;color:var(--text-3);margin-inline-start:4px}
.p-rp9__k.is-crit > b{color:var(--critical)}.p-rp9__k.is-warn > b{color:var(--warn)}.p-rp9__k.is-ok > b{color:var(--ok)}
.p-rp9__kn{font:var(--ty-caption);font-style:normal;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-rp9__d{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:2px 8px;border-radius:var(--r-full);font:700 11.5px/16px var(--font);font-style:normal;background:var(--surface-sunken);color:var(--text-2)}
.p-rp9__d.up{background:var(--ok-soft);color:var(--ok)}
.p-rp9__d.dn{background:var(--crit-soft);color:var(--critical)}
.p-rp9__d span{font-weight:500;color:var(--text-3);margin-inline-start:4px}

.p-rp9__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:14px;align-items:start}
.p-rp9__grid.is-single{grid-template-columns:minmax(0,1fr)}
.p-rp9__panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}
.p-rp9__panel > header{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line-subtle)}
.p-rp9__panel > header h3{margin:0;font:700 13px/18px var(--font);color:var(--text)}
.p-rp9__panel > header > span{font:var(--ty-caption);color:var(--text-3)}
.p-rp9__panel > header .p-rep__dims{margin-inline-start:auto}
.p-rp9__viz{position:sticky;top:0}
.p-rp9__chart{padding:14px 16px 16px}
.p-rp9__tbl{padding:6px 10px 10px}
.p-rp9__tbl .m-pager{position:static}
.p-rp9__note{display:flex;gap:8px;align-items:flex-start;padding:10px 14px;border-radius:12px;background:var(--surface-sunken);font:var(--ty-caption);color:var(--text-3)}
.p-rp9__note svg{flex:0 0 auto;margin-top:2px}
@media (max-width:1280px){.p-rp9__grid{grid-template-columns:minmax(0,1fr)}.p-rp9__viz{position:static}.p-rp9__meta{display:none}}
@media print{
  .p-rp9__canvas{overflow:visible}
  .p-rp9__hero,.p-rp9__meta{display:none}
  .p-rp9__grid{grid-template-columns:1fr}
}
.p-rp9__grid.is-stack{grid-template-columns:minmax(0,1fr)}
.p-rp9__grid.is-stack .p-rp9__viz{position:static}
.p-rp9__grid.is-stack .p-rp9__chart{max-width:1100px}

/* ------------------------------------------------------------- Insights */
.p-in9__main{display:flex;flex-direction:column;min-height:0}
.p-in9__brief{position:relative;display:flex;align-items:center;gap:20px;padding:18px 22px;border-radius:16px;overflow:hidden;
  background:linear-gradient(115deg,#1b2a4a 0%,#2a3f7a 55%,#3b2a74 100%);color:#fff;border:1px solid transparent}
.p-in9__brief::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px 180px at 85% 0%,rgba(140,170,255,.28),transparent 70%),radial-gradient(300px 160px at 10% 120%,rgba(110,240,200,.16),transparent 70%)}
.p-in9__bx{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
.p-in9__bx em{display:inline-flex;align-items:center;gap:6px;font:700 10.5px/14px var(--font);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#b9c7ff}
.p-in9__bx h2{margin:0;font:700 21px/27px var(--font);letter-spacing:-.01em;color:#fff}
.p-in9__bx h2 .is-crit{color:#ffb3b3}
.p-in9__bx p{margin:0;font:500 13px/19px var(--font);color:#d6ddf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-in9__bx p b{color:#fff}
.p-in9__method{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:3px 10px;border-radius:var(--r-full);
  background:rgba(255,255,255,.1);font:600 11px/16px var(--font);color:#dfe6ff;cursor:help}
.p-in9__bk{position:relative;flex:0 0 auto;display:flex;gap:1px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.14)}
.p-in9__bk > div{display:flex;flex-direction:column;gap:4px;padding:12px 18px;background:rgba(10,18,40,.35);min-width:120px}
.p-in9__bk span{font:600 10.5px/14px var(--font);letter-spacing:.05em;text-transform:uppercase;color:#b9c7ff}
.p-in9__bk b{font:700 22px/1.1 var(--font);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.p-in9__bk b.is-crit{color:#ffb3b3}
.p-in9__bar .p-md9__sub{flex:0 1 auto}
.p-in9__sd{width:8px;height:8px;border-radius:50%;flex:0 0 auto}

.p-in9__split{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,34vw,520px);gap:12px}
.p-in9__feed{min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.p-in9__rows{flex:1 1 auto;min-height:0;overflow:auto;padding:6px}
.p-in9__feed > .m-pager{flex:0 0 auto;border-top:1px solid var(--line-subtle)}
.p-in9__row{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:11px;cursor:pointer;
  transition:background var(--t-fast) var(--ease)}
.p-in9__row::before{content:"";position:absolute;inset-inline-start:5px;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--sc)}
.p-in9__row + .p-in9__row{margin-top:2px}
.p-in9__row:hover{background:var(--surface-sunken)}
.p-in9__row.is-on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.p-in9__row:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.p-in9__ric{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-2)}
.p-in9__row.is-on .p-in9__ric{background:var(--surface);color:var(--accent)}
.p-in9__rx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.p-in9__rm{display:flex;align-items:center;gap:8px;font:var(--ty-caption);color:var(--text-3);min-width:0;white-space:nowrap}
.p-in9__rx > b{font:600 13.2px/18px var(--font);color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-in9__sev{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:var(--r-full);font:700 10px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;
  background:var(--surface-sunken);color:var(--text-2)}
.p-in9__sev.is-critical{background:var(--crit-fill);color:#fff}
.p-in9__sev.is-high{background:var(--warn-soft);color:var(--warn)}
.p-in9__sev.is-medium{background:var(--info-soft);color:var(--info)}
.p-in9__tag{display:inline-flex;align-items:center;gap:3px;font-weight:600}
.p-in9__tag.is-ok{color:var(--ok)}.p-in9__tag.is-crit{color:var(--critical)}
.p-in9__rr{flex:0 0 auto;display:flex;align-items:center;gap:12px}
.p-in9__money{font:700 13px/1 var(--font);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:84px;text-align:end}
.p-in9__ring{position:relative;display:inline-grid;place-items:center;flex:0 0 auto}
.p-in9__ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.p-in9__rt{fill:none;stroke:var(--surface-sunken);stroke-width:4}
.p-in9__rv{fill:none;stroke:var(--ok-fill);stroke-width:4;stroke-linecap:round}
.p-in9__ring.is-warn .p-in9__rv{stroke:var(--warn-fill)}
.p-in9__ring b{position:relative;font:700 10.5px/1 var(--font);color:var(--text);font-variant-numeric:tabular-nums}

.p-in9__ins{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);position:relative}
.p-in9__ins::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--sc)}
.p-in9__ins--empty{align-items:center;justify-content:center}
.p-in9__ih{display:flex;flex-direction:column;gap:8px}
.p-in9__ik{display:flex;align-items:center;gap:10px;font:600 12px/1 var(--font);color:var(--text-3)}
.p-in9__ik > span:last-child{display:inline-flex;align-items:center;gap:5px}
.p-in9__ih h3{margin:0;font:700 18px/24px var(--font);color:var(--text);letter-spacing:-.01em}
.p-in9__ih p{margin:0;font:500 13px/20px var(--font);color:var(--text-2)}
.p-in9__kpis{display:grid;grid-template-columns:auto 1fr auto;gap:1px;border-radius:12px;overflow:hidden;background:var(--line-subtle);border:1px solid var(--line-subtle)}
.p-in9__kpis > div{display:flex;flex-direction:column;gap:5px;padding:10px 14px;background:var(--surface);min-width:0}
.p-in9__kpis span{font:600 10.5px/1.2 var(--font);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.p-in9__kpis b{font:700 18px/1.15 var(--font);color:var(--text);font-variant-numeric:tabular-nums}
.p-in9__kpis i{font:var(--ty-caption);font-style:normal;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-in9__kpis .p-in9__ring b{font-size:12px}
.p-in9__rec{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-press)}
.p-in9__rec svg{flex:0 0 auto;margin-top:2px}
.p-in9__rec div{display:flex;flex-direction:column;gap:3px}
.p-in9__rec span{font:700 10.5px/1.2 var(--font);text-transform:uppercase;letter-spacing:.05em}
.p-in9__rec b{font:600 13px/19px var(--font);color:var(--text)}
.p-in9__acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.p-in9__trail{display:flex;gap:10px;padding:10px 12px;border-radius:12px;background:var(--ok-soft);color:var(--ok)}
.p-in9__trail.is-crit{background:var(--crit-soft);color:var(--critical)}
.p-in9__trail div{display:flex;flex-direction:column;gap:3px;min-width:0}
.p-in9__trail b{font:600 12.5px/17px var(--font);color:var(--text)}
.p-in9__trail span{font:var(--ty-caption);color:var(--text-3)}
.p-in9__trail code{font:500 11px/16px var(--font-mono, monospace);color:var(--text-2);word-break:break-all}
.p-in9__sec h4{margin:0 0 8px;font:700 11px/14px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.p-in9__ev{display:flex;flex-direction:column;border:1px solid var(--line-subtle);border-radius:10px;overflow:hidden}
.p-in9__ev > div{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2px 12px;padding:8px 12px;border-top:1px solid var(--line-subtle)}
.p-in9__ev > div:first-child{border-top:0}
.p-in9__ev span{font:var(--ty-caption);color:var(--text-2)}
.p-in9__ev b{font:600 12.5px/17px var(--font);color:var(--text);text-align:end}
.p-in9__ev code{grid-column:1 / -1;font:500 10.5px/14px var(--font-mono, monospace);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-in9__affs{display:flex;flex-wrap:wrap;gap:6px}
.p-in9__basis{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--surface-sunken);font:var(--ty-caption);color:var(--text-3)}
.p-in9__basis svg{flex:0 0 auto;margin-top:2px}

.p-in9__fcs{flex:1 1 auto;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start;padding-bottom:14px}
.p-in9__fc{margin:0 !important;border-radius:14px}
@media (max-width:1280px){.p-in9__split{grid-template-columns:minmax(0,1fr) 360px}.p-in9__fcs{grid-template-columns:1fr}.p-in9__bk > div{min-width:96px;padding:10px 12px}}
.p-in9__ins > *{flex:0 0 auto}
.p-fa9__ins > *{flex:0 0 auto}
.p-in9__ev > div{grid-template-columns:minmax(0,1fr)}
.p-in9__ev b{text-align:start}
.p-in9__fcs{align-items:start}
.p-rp9__k.is-text > b{font-size:18px;line-height:24px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* v10.1 — lists take the full width; the record opens as a dialog */
.p-in9__split.is-single,.p-fa9__split.is-single{grid-template-columns:minmax(0,1fr)}
.p-in9__ins--dlg,.p-fa9__ins--dlg{border:0;border-radius:0;background:transparent;overflow:visible;min-height:auto;padding:4px 20px 20px}
.p-in9__ins--dlg::before,.p-fa9__ins--dlg::before{display:none}
.p-fa9__ins--dlg .p-fa9__gate--lg,.p-fa9__ins--dlg .p-fa9__kpis{margin-inline:0}
.p-fa9__ins--dlg .p-fa9__sec{padding-inline:0}
.p-in9__ins--dlg > *,.p-fa9__ins--dlg > *{flex:0 0 auto}

/* v10.5 — Reports fill the canvas: no hero, figures on the sub-tab bar,
   the picture beside the rows, both the full remaining height */
.p-rp9__canvas{overflow:hidden;padding:0;gap:0}
.p-rp9__bar2{min-width:0}
.p-rp9__bar2 .p-rp9__strip{flex:0 1 auto;overflow-x:auto;scrollbar-width:none}
.p-rp9__grid2{flex:1 1 auto !important;min-height:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px}
.p-rp9__grid2.is-wide{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.p-rp9__grid2.is-single{grid-template-columns:minmax(0,1fr)}
.p-rp9__grid2 > .p-rp9__panel{display:flex;flex-direction:column;min-height:0}
.p-rp9__grid2 .p-rp9__viz{position:static}
.p-rp9__grid2 .p-rp9__viz > header{align-items:flex-start}
.p-rp9__grid2 .p-rp9__viz > header > div{flex:1 1 auto;min-width:0}
.p-rp9__grid2 .p-rp9__viz > header p{margin:2px 0 0;font:var(--ty-caption);color:var(--text-3)}
.p-rp9__hic2{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.p-rp9__grid2 .p-rp9__chart{flex:1 1 auto;min-height:0;overflow:auto}
.p-rp9__grid2 .p-rp9__note{margin:0 12px 12px;flex:0 0 auto}
.p-rp9__grid2 .p-rp9__rows > header > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-rp9__tbl2{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:8px}
.p-rp9__tbl2 > .p-list{flex:1 1 auto;min-height:0;border:0}
@media (max-width:1100px){.p-rp9__grid2{grid-template-columns:minmax(0,1fr);overflow:auto}}