/* The analyzer tab (web/app/analyzer.js), scoped under .dash like dashboard.css. Colour tokens live in index.html. */
.dash{--zone:rgba(35,71,201,.10)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .dash{--zone:rgba(142,166,255,.14)}}
:root[data-theme="dark"] .dash{--zone:rgba(142,166,255,.14)}
.dash .pill.acc{background:var(--accent-soft);color:var(--accent)}
.dash .an-row{font:inherit;color:inherit;text-align:right;width:100%}
.dash .an-row:hover{border-color:var(--accent)}
.dash .an-row .pill{margin-inline-start:4px;vertical-align:2px}
.dash .an-row .why{grid-column:1/-1;font-size:12.5px;color:var(--muted);min-width:0}
.dash .an-tools{display:grid;gap:10px}
.dash .an-empty{display:grid;gap:12px;justify-items:center}
.dash .an-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 10px}
.dash .an-bar .link{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--accent);cursor:pointer}
.dash .an-star{width:auto;padding:6px 12px;font-size:13.5px}
.dash .an-star[aria-pressed="true"]{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}
.dash .hero .label .code{font-family:var(--f-display);font-weight:600;direction:ltr;unicode-bidi:isolate}
.dash .an-kv{margin-top:12px}
.dash ul.an-why{margin:10px 0 0;padding:0 18px 0 0;display:grid;gap:4px;font-size:13.5px}
.dash .chartbox{direction:ltr;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;margin-top:10px}
.dash .chartbox canvas{display:block;width:100%;height:320px}
.dash .chartinfo{direction:ltr;font-size:12px;color:var(--muted);min-height:18px;margin:6px 2px 0;font-variant-numeric:tabular-nums}
.dash .legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin-top:8px}
.dash .legend i{display:inline-block;width:14px;height:3px;border-radius:2px;vertical-align:middle;margin-inline-end:5px}
.dash .pat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 0;border-top:1px solid var(--line)}
.dash .pat:first-child{border-top:0;padding-top:0}
.dash .pat .full{grid-column:1/-1}
@media (min-width:620px){.dash .chartbox canvas{height:380px}}
.dash .an-q{display:grid;gap:4px;margin-top:2px}
.dash .an-q .weight{height:5px}
.dash .pat ul.an-why{margin-top:2px}
.dash .btn.ghost.an-show{margin-top:6px;justify-self:start;width:auto;padding:6px 12px;font-size:13px}
.dash .btn.ghost.an-show[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.dash .an-focus{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 2px;padding:8px 10px;border-radius:10px;background:var(--sunk);font-size:13px;scroll-margin-top:80px}
.dash .an-focus[hidden]{display:none}
/* chart: timeframe + full screen; full screen is a fixed layer (iPhone Safari has no element fullscreen) */
.dash .an-ctop{display:flex;gap:8px;align-items:center}
.dash .an-ctop .seg{flex:1;min-width:0}
.dash .btn.ghost.an-fullbtn{width:auto;padding:7px 10px;font-size:13px;white-space:nowrap}
.dash .card.an-chart.full{background:var(--solid,var(--surface));position:fixed;inset:0;z-index:50;border-radius:0;border:0;margin:0;display:flex;flex-direction:column;gap:6px;
  padding:calc(10px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px))}
.dash .an-chart.full .chartbox{flex:1;min-height:0;touch-action:none;margin-top:4px}
.dash .an-chart.full .chartbox canvas{height:100%}
.dash .an-chart.full .legend{margin-top:0}
body.an-lock{overflow:hidden}
/* what each level means: the first part under the card, «للمزيد» opens the rest */
.dash .an-chelp{margin-top:10px}
.dash .kpi details.an-term,.dash details.an-chelp{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.55;color:var(--muted)}
.dash details.an-term summary{cursor:pointer;list-style:none}
.dash details.an-term summary::-webkit-details-marker{display:none}
.dash details.an-term .more{color:var(--accent);font-weight:600;white-space:nowrap}
.dash details.an-term[open] .more{display:none}
.dash details.an-term p{margin:4px 0 0;color:var(--ink)}
.dash .an-row .an-score{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.dash .an-row .an-score .weight{flex:1}
/* glossary */
.dash .an-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.dash .an-h .link,.dash .an-bar .link#anGl{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--accent);cursor:pointer;white-space:nowrap}
.dash .an-bar{flex-wrap:wrap}
.dash .gl-sec .card{padding-block:4px}
.dash details.gl-item{border-top:1px solid var(--line);padding:10px 0}
.dash details.gl-item:first-child{border-top:0}
.dash details.gl-item summary{cursor:pointer;font-weight:700}
.dash details.gl-item p{margin:6px 0 0;font-size:13.5px;line-height:1.65}
/* back to the scanner / the stock: a clear button with a big arrow (owner, Oct 2026) */
/* two patterns on the same bars: which one the chart shows */
.dash .pat .an-along{margin-top:6px;padding:7px 10px;border-radius:10px;background:var(--accent-soft);line-height:1.6}
/* scanner rows: code, reading, pattern count, «نموذج جديد» (owner, Oct 2026) */
.dash .an-row .an-new{font-weight:700}
.dash .an-sortbar{margin-top:4px}
.dash details.an-order > summary{cursor:pointer;color:var(--accent);font-weight:600}