/* ═══════════════════════════════════════════════════════════════════
   Surveys + Courses — Audit A11 · B63-026 (learn.js)
   Only what the app's own grammar does not already draw: the rows are
   `.wl-sumbox`, the pills `.sp-st`, the tags `.mn-tag`, the counters
   `.pe-stepper`, the tiles `.kpi`, the result cards `.card`. Every rule here
   targets a class — never a bare element inside a container that holds a
   `.mi` icon (the icon-font rule).
   ═══════════════════════════════════════════════════════════════════ */

/* ── page lists ─────────────────────────────────────────────────── */
.lr-host{ display:flex;flex-direction:column;min-width:0; }
.lr-list{ display:flex;flex-direction:column;gap:8px; }
.lr-list .wl-sumbox + .wl-sumbox{ margin-top:0; }
.lr-row{ cursor:pointer;padding:11px 12px;gap:11px;min-height:56px; }
.lr-row:hover{ border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); }
.lr-row:focus-visible,.lr-box:focus-visible{ outline:2px solid var(--accent);outline-offset:2px; }
.lr-row .wl-sumbox-t{ font-size:13.5px; }
.lr-row .wl-sumbox-s{ display:flex;align-items:center;flex-wrap:wrap;gap:4px 5px; }
.lr-lead{ flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--accent-soft);color:var(--accent-text,var(--accent)); }
.lr-lead .mi{ font-size:19px; }
.lr-count{ flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--mk-font-ui);color:var(--fg-2);font-variant-numeric:tabular-nums; }
.lr-count b{ color:var(--fg-1);font-weight:800; }
.lr-ok{ display:inline-flex;align-items:center;gap:2px;color:var(--mk-ok,#157F4C);font-weight:700; }
.lr-ok .mi{ font-size:14px; }

/* progress bar (list rows, take header, KPI tiles) */
.lr-prog{ display:inline-block;position:relative;height:6px;border-radius:99px;background:var(--bg-3);overflow:hidden;width:100%;min-width:40px; }
.lr-prog > i{ position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--accent);transition:width .3s var(--mk-ease,ease); }
[dir="rtl"] .lr-prog > i{ inset:0 0 0 auto; }
.lr-prog.sm{ width:46px;height:5px; }

/* ── editor atoms ───────────────────────────────────────────────── */
.lr-seg{ align-self:flex-start;flex-wrap:wrap; }
.lr-ta{ min-height:64px;resize:vertical;padding:9px 11px;line-height:1.45;height:auto; }
.lr-danger{ align-self:flex-start;margin-top:8px;color:var(--mk-danger,#C81E1E); }
.lr-danger[disabled]{ opacity:.45;cursor:not-allowed; }
.lr-date{ display:flex;align-items:center;gap:7px;text-align:start;cursor:pointer;width:100%; }
.lr-date .mi{ font-size:17px;color:var(--fg-3); }
.lr-date .lr-date-x{ margin-inline-start:auto;font-size:16px; }
.lr-bonus .cs{ flex:0 0 92px; }
.lr-bonus .ent-input{ flex:1;min-width:0; }
.lr-qlist,.lr-opts,.lr-steps-ed{ display:flex;flex-direction:column;gap:6px; }
.lr-drow{ display:flex;align-items:center;gap:6px;min-width:0;border-radius:11px; }
.lr-drow > .wl-sumbox{ flex:1;min-width:0;margin:0; }
.lr-drow.dragging{ opacity:.45; }
.lr-drow.drop-before{ box-shadow:0 -2px 0 var(--accent); }
.lr-drow.drop-after{ box-shadow:0 2px 0 var(--accent); }
.lr-grip{ flex:0 0 auto;width:26px;height:34px;border:0;background:transparent;color:var(--fg-3);border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none; }
.lr-grip:hover{ background:var(--bg-2);color:var(--fg-1); }
.lr-grip:active{ cursor:grabbing; }
.lr-grip .mi{ font-size:18px; }
.lr-box{ cursor:pointer;text-align:start; }
.lr-box:hover{ border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); }
.lr-box .wl-sumbox-s{ display:flex;align-items:center;flex-wrap:wrap;gap:4px; }
.lr-kic{ font-size:16px;color:var(--fg-3);flex:0 0 auto; }
.lr-secn{ flex:0 0 auto;width:24px;height:24px;border-radius:7px;background:var(--bg-2);display:inline-flex;align-items:center;justify-content:center;
  font:800 11.5px/1 var(--mk-font-ui);color:var(--fg-2); }
.lr-opt-row .ent-input{ flex:1;min-width:0; }
.lr-right{ flex:0 0 auto;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--fg-3);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center; }
.lr-right.on{ color:var(--mk-ok,#157F4C); }
.lr-right .mi{ font-size:20px; }
.lr-step-row .ent-input{ flex:1;min-width:0; }
.lr-step-row .lr-step-ic{ flex:0 0 108px;font-family:var(--mk-font-mono,ui-monospace,monospace);font-size:11.5px; }
.lr-step-ic-pv{ flex:0 0 auto;font-size:20px;color:var(--accent-text,var(--accent)); }
.lr-hd-act .mi{ font-size:19px; }
.lr-stepper{ display:inline-flex;align-items:center;gap:6px; }
.lr-stepper .lr-step-in{ width:74px;text-align:center;-moz-appearance:textfield; }
.lr-stepper .lr-step-in::-webkit-inner-spin-button,.lr-stepper .lr-step-in::-webkit-outer-spin-button{ -webkit-appearance:none;margin:0; }
.lr-step-suf{ font:600 12px/1 var(--mk-font-ui);color:var(--fg-3); }
.lr-send-btn{ align-self:flex-start; }
.lr-send-btn[disabled]{ opacity:.45;cursor:not-allowed; }
.lr-aud{ display:flex;flex-direction:column; }
.lr-aud-row{ display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--divider,var(--border)); }
.lr-aud-row:last-child{ border-bottom:0; }
.lr-aud-nm{ flex:1;min-width:0;font:600 12.5px/1.3 var(--mk-font-ui);color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.lr-aud-st{ flex:0 0 auto;font:600 11.5px/1.2 var(--mk-font-ui);color:var(--fg-3); }

/* ── taking ─────────────────────────────────────────────────────── */
.lr-pv-note{ margin-bottom:10px; }
.lr-take-meta{ display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px; }
.lr-take-who{ display:flex;flex-direction:column;gap:2px;min-width:0;flex:1; }
.lr-take-who b{ font:700 13px/1.2 var(--mk-font-ui);color:var(--fg-1); }
.lr-take-who em{ font:500 11.5px/1.2 var(--mk-font-ui);color:var(--fg-3);font-style:normal; }
.lr-take-prog{ display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font:600 12px/1.3 var(--mk-font-ui);color:var(--fg-2); }
.lr-take-prog b{ color:var(--fg-1); }
.lr-q{ display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-1);margin-bottom:10px;
  transition:border-color .15s; }
.lr-q.is-missing{ border-color:var(--mk-danger,#C81E1E);box-shadow:inset 3px 0 0 var(--mk-danger,#C81E1E); }
.lr-q-h{ display:flex;align-items:flex-start;gap:9px; }
.lr-qn{ flex:0 0 auto;min-width:22px;height:22px;padding:0 5px;border-radius:7px;background:var(--bg-2);display:inline-flex;align-items:center;justify-content:center;
  font:800 11px/1 var(--mk-font-ui);color:var(--fg-2);margin-inline-end:7px;vertical-align:1px; }
.lr-q-h .lr-qn{ margin-inline-end:0; }
.lr-q-tx{ flex:1;min-width:0;font:600 14px/1.4 var(--mk-font-ui);color:var(--fg-1); }
.lr-q-opt{ flex:0 0 auto;font:600 10.5px/1 var(--mk-font-ui);color:var(--fg-3);padding:4px 7px;border-radius:99px;background:var(--bg-2); }
.lr-q-miss{ display:none;align-items:center;gap:5px;font:600 11.5px/1 var(--mk-font-ui);color:var(--mk-danger,#C81E1E); }
.lr-q-miss .mi{ font-size:15px; }
.lr-q.is-missing .lr-q-miss{ display:flex; }
.lr-choices{ display:flex;flex-direction:column;gap:6px; }
.lr-choice{ display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;
  background:var(--bg-1);color:var(--fg-1);cursor:pointer;text-align:start;font:500 13px/1.35 var(--mk-font-ui);transition:border-color .12s,background .12s; }
.lr-choice:hover{ border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); }
.lr-choice.on{ border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-soft); }
.lr-choice > .mi{ font-size:20px;color:var(--fg-3);flex:0 0 auto; }
.lr-choice.on > .mi{ color:var(--accent-text,var(--accent)); }
.lr-choice-tx{ flex:1;min-width:0; }
.lr-choice[disabled]{ cursor:default; }
.lr-choice.is-right{ border-color:color-mix(in srgb,var(--mk-ok,#157F4C) 55%,transparent);background:color-mix(in srgb,var(--mk-ok,#157F4C) 9%,transparent); }
.lr-choice.is-wrong{ border-color:color-mix(in srgb,var(--mk-danger,#C81E1E) 50%,transparent);background:color-mix(in srgb,var(--mk-danger,#C81E1E) 8%,transparent); }
.lr-choice .lr-choice-ok{ color:var(--mk-ok,#157F4C);font-size:18px; }
.lr-q.is-review.is-wrong{ box-shadow:inset 3px 0 0 var(--mk-danger,#C81E1E); }
.lr-q.is-review.is-right{ box-shadow:inset 3px 0 0 var(--mk-ok,#157F4C); }
.lr-scale{ display:grid;grid-template-columns:repeat(5,1fr);gap:6px; }
.lr-scale-b{ height:44px;border:1px solid var(--border);border-radius:11px;background:var(--bg-1);color:var(--fg-1);cursor:pointer;font:700 15px/1 var(--mk-font-ui); }
.lr-scale-b:hover{ border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); }
.lr-scale-b.on{ background:var(--accent);border-color:var(--accent);color:#fff; }
.lr-scale-ends{ display:flex;justify-content:space-between;gap:10px;font:500 11.5px/1.3 var(--mk-font-ui);color:var(--fg-3); }
.lr-ft{ display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%; }
.lr-ft-st{ font:600 12px/1.3 var(--mk-font-ui);color:var(--fg-3);min-width:0; }
.lr-ft-st.warn{ color:var(--mk-danger,#C81E1E); }
.lr-done{ display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 10px; }
.lr-done > .mi{ font-size:52px;color:var(--mk-ok,#157F4C); }
.lr-done > b{ font:800 18px/1.2 var(--mk-font-ui);color:var(--fg-1); }
.lr-done-tx{ font:500 13px/1.4 var(--mk-font-ui);color:var(--fg-2); }
.lr-paid{ display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0;padding:12px 14px;border-radius:13px;width:100%;text-align:start;
  background:color-mix(in srgb,var(--mk-ok,#157F4C) 10%,transparent);border:1px solid color-mix(in srgb,var(--mk-ok,#157F4C) 30%,transparent); }
.lr-paid > .mi{ font-size:22px;color:var(--mk-ok,#157F4C); }
.lr-paid-tx{ flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font:500 12px/1.3 var(--mk-font-ui);color:var(--fg-2); }
.lr-paid-tx > b{ font:800 15px/1.2 var(--mk-font-ui);color:var(--fg-1); }
.lr-score{ display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 20px; }
.lr-score > b{ font:800 44px/1 var(--mk-font-ui);letter-spacing:-.02em;color:var(--fg-1);font-variant-numeric:tabular-nums; }
.lr-score.ok > b{ color:var(--mk-ok,#157F4C); }
.lr-score > em{ font:500 12px/1 var(--mk-font-ui);font-style:normal;color:var(--fg-3); }
.lr-lstep{ min-height:56px; }
.lr-lstep + .lr-lstep{ margin-top:6px; }
.lr-lst-ic{ font-size:24px;color:var(--fg-3);flex:0 0 auto; }
.lr-lstep.is-passed .lr-lst-ic{ color:var(--mk-ok,#157F4C); }
.lr-lstep.is-next .lr-lst-ic,.lr-lstep.is-open .lr-lst-ic{ color:var(--accent-text,var(--accent)); }
.lr-lstep.is-failed .lr-lst-ic{ color:var(--mk-danger,#C81E1E); }
.lr-lstep[disabled]{ opacity:.55;cursor:not-allowed; }
.lr-lbody{ font:500 14px/1.6 var(--mk-font-ui);color:var(--fg-1);margin-top:14px; }
.lr-rev-sec{ margin-bottom:12px; }
.lr-rev-h{ font:700 12px/1 var(--mk-font-ui);color:var(--fg-3);margin:10px 0 4px; }
.lr-rev-sec .wl-kv-k{ flex-basis:55%; }

/* media (a lesson's information portion) */
.lr-media{ position:relative;border-radius:14px;overflow:hidden;background:var(--bg-3);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center; }
.lr-media > img{ width:100%;height:100%;object-fit:cover;display:block; }
.lr-media-none > .mi{ font-size:40px;color:var(--fg-3); }
.lr-media-cap{ display:flex;align-items:center;gap:6px;margin-top:6px;font:500 11.5px/1.2 var(--mk-font-ui);color:var(--fg-3); }
.lr-media-cap .mi{ font-size:15px; }
.lr-play{ position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;
  background:color-mix(in srgb,#000 55%,transparent);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px); }
.lr-play .mi{ font-size:32px; }
.lr-media.playing .lr-play{ opacity:.0;transition:opacity .2s; }
.lr-media.playing:hover .lr-play{ opacity:1; }
.lr-vbar{ position:absolute;left:12px;right:12px;bottom:12px;height:4px;border-radius:99px;background:color-mix(in srgb,#fff 35%,transparent);overflow:hidden; }
.lr-vbar > i{ position:absolute;inset:0 auto 0 0;background:#fff;width:0; }
.lr-vtime{ position:absolute;right:12px;bottom:22px;font:700 11px/1 var(--mk-font-mono,ui-monospace,monospace);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5); }
.lr-info{ display:flex;flex-wrap:wrap;gap:10px;padding:14px;border-radius:14px;background:var(--accent-soft);counter-reset:none; }
.lr-info-step{ flex:1 1 120px;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 6px; }
.lr-info-ic{ position:relative;width:52px;height:52px;border-radius:50%;background:var(--bg-1);display:inline-flex;align-items:center;justify-content:center;
  color:var(--accent-text,var(--accent));box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 18%,transparent); }
.lr-info-ic > .mi{ font-size:26px; }
.lr-info-ic > b{ position:absolute;top:-4px;inset-inline-end:-4px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;
  font:800 10.5px/20px var(--mk-font-ui);text-align:center; }
.lr-info-tx{ font:600 12.5px/1.35 var(--mk-font-ui);color:var(--fg-1); }
.lr-media-pv{ margin:4px 0; }

/* ── chat card ──────────────────────────────────────────────────── */
.mb.mb-learn{ display:flex;flex-direction:column;gap:10px;min-width:220px;max-width:300px;padding:12px; }
.lr-cc{ display:flex;align-items:center;gap:10px; }
.lr-cc-main{ display:flex;flex-direction:column;gap:2px;min-width:0; }
.lr-cc-main > b{ font:700 13px/1.25 var(--mk-font-ui); }
.lr-cc-main > i{ font:500 11.5px/1.2 var(--mk-font-ui);font-style:normal;opacity:.75; }
.lr-cc-go{ align-self:stretch;justify-content:center; }
.lr-box[disabled]:hover{ border-color:var(--border); }

/* ── results (dashboard-type pages) ─────────────────────────────── */
.lr-kpis{ margin-bottom:16px; }
.lr-kpis .kpi-v small{ font-size:15px;color:var(--fg-3);font-weight:700; }
.lr-kpis .kpi .lr-prog{ margin-top:4px; }
.lr-dash{ display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;align-items:start; }
.lr-card{ gap:12px; }
.lr-card .card-h h3{ display:flex;align-items:flex-start;gap:8px;line-height:1.35; }
.lr-card .card-h h3 .lr-qn{ margin:0; }
.lr-card .card-h p{ display:flex;align-items:center;flex-wrap:wrap;gap:4px; }
.lr-card-wide{ grid-column:1/-1; }
.lr-bars{ display:flex;flex-direction:column;gap:7px; }
.lr-bar{ display:grid;grid-template-columns:minmax(70px,38%) 1fr auto;align-items:center;gap:9px; }
.lr-bar-l{ font:500 12px/1.3 var(--mk-font-ui);color:var(--fg-2);overflow-wrap:anywhere; }
.lr-bar-t{ position:relative;height:9px;border-radius:99px;background:var(--bg-3);overflow:hidden; }
.lr-bar-t > i{ position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--accent); }
[dir="rtl"] .lr-bar-t > i{ inset:0 0 0 auto; }
.lr-bar-v{ font:700 12px/1 var(--mk-font-ui);color:var(--fg-1);font-variant-numeric:tabular-nums;white-space:nowrap; }
.lr-bar-v > em{ font-style:normal;font-weight:600;color:var(--fg-3);margin-inline-start:3px; }
.lr-big{ display:flex;align-items:baseline;gap:7px; }
.lr-big > b{ font:800 28px/1 var(--mk-font-ui);letter-spacing:-.02em;color:var(--fg-1);font-variant-numeric:tabular-nums; }
.lr-big-l{ font:600 12px/1 var(--mk-font-ui);color:var(--fg-3); }
.lr-quotes{ display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto; }
.lr-quote{ display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border-radius:11px;background:var(--bg-2); }
.lr-quote-tx{ flex:1;min-width:0;font:500 12.5px/1.45 var(--mk-font-ui);color:var(--fg-1); }
.lr-anon{ flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--bg-3);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-3); }
.lr-anon .mi{ font-size:13px; }
.lr-mini-kpis{ display:flex;gap:10px; }
.lr-mk{ flex:1;display:flex;flex-direction:column;gap:4px;padding:9px 11px;border-radius:11px;background:var(--bg-2); }
.lr-mini-kpis em{ font:600 11px/1 var(--mk-font-ui);font-style:normal;color:var(--fg-3); }
.lr-mini-kpis b{ font:800 17px/1 var(--mk-font-ui);color:var(--fg-1);font-variant-numeric:tabular-nums; }
.lr-miss{ display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border-radius:11px;background:color-mix(in srgb,var(--mk-danger,#C81E1E) 7%,transparent); }
.lr-miss > .mi{ font-size:17px;color:var(--mk-danger,#C81E1E);flex:0 0 auto; }
.lr-miss-tx{ display:flex;flex-direction:column;gap:3px;font:500 12.5px/1.4 var(--mk-font-ui);color:var(--fg-1);min-width:0; }
.lr-miss em{ font:700 11px/1 var(--mk-font-ui);font-style:normal;color:var(--mk-danger,#C81E1E); }
.lr-ppl{ display:flex;flex-direction:column; }
.lr-ppl-row{ display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--divider,var(--border));flex-wrap:wrap; }
.lr-ppl-row:last-child{ border-bottom:0; }
.lr-ppl-nm{ flex:1 1 140px;min-width:0;font:600 12.5px/1.3 var(--mk-font-ui);color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.lr-ppl-cells{ display:flex;gap:6px;flex-wrap:wrap; }
.lr-cell{ display:inline-flex;align-items:center;gap:3px;min-width:62px;justify-content:center;padding:5px 8px;border-radius:8px;font:700 11.5px/1 var(--mk-font-ui);font-variant-numeric:tabular-nums; }
.lr-cell .mi{ font-size:14px; }
.lr-cell.ok{ background:color-mix(in srgb,var(--mk-ok,#157F4C) 13%,transparent);color:var(--mk-ok,#157F4C); }
.lr-cell.bad{ background:color-mix(in srgb,var(--mk-danger,#C81E1E) 11%,transparent);color:var(--mk-danger,#C81E1E); }
.lr-cell.none{ background:var(--bg-2);color:var(--fg-3); }

/* ── phones ─────────────────────────────────────────────────────── */
@media (max-width:600px){
  .lr-row{ flex-wrap:wrap;row-gap:8px; }
  .lr-row .wl-sumbox-main{ flex:1 1 calc(100% - 90px); }
  .lr-row > .lr-count,.lr-row > .mn-tag,.lr-row > .sp-st,.lr-row > .av-stack{ order:3; }
  .lr-row > .lr-count:first-of-type{ margin-inline-start:45px; }
  .lr-row > .wl-ctc-go{ order:2; }
  .lr-dash{ grid-template-columns:1fr; }
  .lr-step-row .lr-step-ic{ flex-basis:80px; }
}
.lr-num3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.lr-bar.bad .lr-bar-t > i{ background:var(--mk-danger,#C81E1E); }
/* a question or a name is the content itself — it wraps, it is never cut (A10) */
.lr-box .wl-sumbox-t,.lr-row .wl-sumbox-t{ white-space:normal;overflow-wrap:anywhere;line-height:1.3; }
@media (max-width:600px){
  .lr-bar{ grid-template-columns:1fr auto;row-gap:4px; }
  .lr-bar-l{ grid-column:1/-1;white-space:normal; }
}
/* B65 W2 — the "for you" list and the full list sit apart without a title between them */
.lr-list-mine + .lr-list{ margin-top:18px; }

/* ── B65 W13 — results are a main-content slide (065-160 · 161 · 163) ── */
.lr-res-btn{ flex:0 0 auto;margin-inline-start:2px;min-height:32px; }
.lr-res-btn .mi{ font-size:17px; }
.lr-res-h{ display:flex;align-items:center;gap:11px;margin-bottom:16px;min-width:0; }
.lr-back{ flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-input,var(--bg-1));color:var(--fg-1);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer; }
.lr-back:hover{ border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); }
.lr-back:focus-visible{ outline:2px solid var(--accent);outline-offset:2px; }
[dir="rtl"] .lr-back .mi{ transform:scaleX(-1); }
.lr-res-t{ flex:1 1 auto;min-width:0; }
.lr-res-t h3{ margin:0;font:800 17px/1.3 var(--mk-font-ui);color:var(--fg-1);overflow-wrap:anywhere; }
.lr-res-t p{ margin:3px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font:500 12px/1.3 var(--mk-font-ui);color:var(--fg-3); }
.lr-stars{ display:inline-flex;gap:1px; }
.lr-stars .mi{ font-size:14px;color:var(--bg-3); }
.lr-stars .mi.on{ color:var(--mk-warning,#F59E0B); }
.lr-trend .lr-big-l{ display:inline-flex;align-items:center;gap:2px; }
.lr-trend .lr-big-l .mi{ font-size:16px; }
.lr-trend .lr-big-l.up{ color:var(--mk-ok,#157F4C); }
.lr-trend .lr-big-l.down{ color:var(--mk-danger,#C81E1E); }
.lr-chart{ display:block;width:100%;height:112px; }
/* Audit A (B65): the date row mirrors in Arabic (flex under dir=rtl), so the plot mirrors with it — otherwise the
   earliest date sat over the latest value. */
[dir="rtl"] .lr-chart{ transform:scaleX(-1); }
.lr-chart-g{ stroke:var(--divider,var(--border));stroke-width:1;vector-effect:non-scaling-stroke; }
.lr-chart-a{ fill:color-mix(in srgb,var(--accent) 14%,transparent);stroke:none; }
.lr-chart-l{ fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke; }
.lr-chart-x{ display:flex;justify-content:space-between;font:600 11px/1 var(--mk-font-ui);color:var(--fg-3); }
.lr-ppl-q{ flex:0 1 220px;min-width:0; }
.lr-card .card-h{ display:flex;align-items:flex-start;justify-content:space-between;gap:10px; }
.lr-ppl-nm small{ display:block;font:500 11px/1.3 var(--mk-font-ui);color:var(--fg-3);overflow:hidden;text-overflow:ellipsis; }
.lr-more{ align-self:center; }
.lr-more[hidden]{ display:none; }
@media (max-width:600px){
  .lr-res-btn-t{ display:none; }
  .lr-res-btn{ min-width:36px;justify-content:center; }
  .lr-ppl-q{ flex-basis:100%; }
  .lr-card .card-h{ flex-wrap:wrap; }
}
.lr-view.lr-in-res .sec-tabs{ display:none; }