/* AR Cash Collector v2 — the shell's sample CTA + the «Сегодня» (Today) tab's
 * few additions to the shared design system (static/css/ar-v2.css).
 * Same rule as ar-v2.css: every class prefixed arv2-, every rule scoped
 * under .arv2. Source of truth for the look: the founder-approved mockup v2
 * (C:/tmp/ar-mockups/index.html, 2026-10-08).
 */

/* ── Shell: the sample's «Example» pill + its one call to action; the role
   title wraps (never clipped) beside the mark at any width ── */
.arv2 .arv2-brand > div{min-width:0}
.arv2 .arv2-role{overflow-wrap:anywhere}
.arv2 .arv2-fact.arv2-example{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--amber-ink);background:var(--amber-s);border-color:var(--amber-b)}
.arv2 .arv2-btn.arv2-cta{border-color:var(--acc);color:var(--acc-ink);align-self:center}
.arv2 .arv2-btn.arv2-cta:hover{background:var(--acc-s)}
.arv2 .arv2-tabs a{color:var(--ink2)}
.arv2 .arv2-tabs a.arv2-on{color:var(--acc)}
.arv2.arv2-shellwrap{background:transparent}

/* ── Today page frame ── */
.arv2.arv2-today{background:transparent}
.arv2 .arv2-notes{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.arv2 .arv2-notes:not(:has(*)){display:none}
.arv2 .arv2-note.arv2-rose{background:var(--rose-s);border-color:var(--rose-b);color:var(--rose-ink)}
.arv2 .arv2-note a{color:inherit;font-weight:650;text-decoration:underline}

/* Read-only toggle (the switch lives on its own tab): state, not a control. */
.arv2 .arv2-tg{cursor:default}
.arv2 .arv2-tg.arv2-tg-on{background:var(--emer)}
.arv2 .arv2-tg.arv2-tg-on::after{left:19px}

/* Data strip */
.arv2 .arv2-src-tag .arv2-bad{width:7px;height:7px;border-radius:50%;background:var(--amber)}
.arv2 .arv2-inline-form{display:inline-flex;margin:0}

/* Hero */
.arv2 .arv2-hero-sub{margin-top:6px}
.arv2 .arv2-hero-full{flex-basis:100%}
.arv2 .arv2-hero-n.arv2-hero-none{font-size:26px}
.arv2 .arv2-hero .arv2-m .arv2-c{color:#A9B4C6}
.arv2 .arv2-htile .arv2-v .arv2-m{font-weight:650}
.arv2 .arv2-htile .arv2-v .arv2-m .arv2-c{font-size:.8em}

/* Owed card share bar */
.arv2 .arv2-share-od{background:var(--ag-3)}
.arv2 .arv2-share-nt{background:var(--ag-unk)}
.arv2 .arv2-legend i.arv2-sw-od{background:var(--ag-3)}
.arv2 .arv2-legend i.arv2-sw-nt{background:var(--ag-unk)}
.arv2 .arv2-legend i.arv2-sw-rest{background:var(--track);box-shadow:inset 0 0 0 1px var(--line2)}

/* Held card */
.arv2 .arv2-held-m{font-size:15px;margin-top:2px}
.arv2 .arv2-held-m .arv2-m{font-weight:700}
.arv2 .arv2-held-p{font-size:13px;color:var(--amber-ink);margin:10px 0 0;line-height:1.5}
.arv2 .arv2-held-p.arv2-held-ok{color:var(--emer-ink)}
.arv2 .arv2-held-link{color:var(--amber-ink)}

/* KPI tiles: as many as the book has currencies, filling the row */
.arv2 .arv2-g-kpi.arv2-g-kpi-fit{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.arv2 .arv2-kpi .arv2-kpi-v + .arv2-kpi-v{margin-top:-2px}
.arv2 .arv2-kpi-check{align-self:flex-start;margin-top:auto;border:0;background:none;padding:0;color:var(--acc);font:650 12.5px/1.4 var(--font);cursor:pointer}
.arv2 .arv2-kpi-check:hover{text-decoration:underline}

/* Company list */
.arv2 .arv2-dx-lazy{display:contents}
.arv2 .arv2-mt .arv2-num small{display:block;font-size:11.5px;font-weight:500;color:var(--ink3);margin-top:1px}
.arv2 .arv2-dx-note{margin-bottom:14px}
.arv2 .arv2-dx-more{margin-top:8px;font-size:12px}
.arv2 .arv2-tl li.arv2-reply::before{background:var(--emer)}
.arv2 .arv2-note-q{margin-bottom:6px}
.arv2 .arv2-owner{margin-left:auto;font-size:12.5px}
.arv2 .arv2-list-foot a{display:inline-flex;align-items:center;gap:6px;font-weight:650}
.arv2 .arv2-list-foot .arv2-sp{flex:1}
.arv2 .arv2-co-h .arv2-sortable{color:inherit}
.arv2 .arv2-c-st .arv2-pill + .arv2-pill{margin-left:0}
.arv2 .arv2-pill.arv2-pill-also{height:22px;padding:0 7px;font-size:11px;font-weight:600;background:#fff}
.arv2 .arv2-task-t span .arv2-m,.arv2 .arv2-task-t span .arv2-c{display:inline}

/* «Подробнее» — the v5 analytics, folded, OUTSIDE the .arv2 root (the old
   partials keep their own v5 line-height and margins). Its frame is the one
   set of rules here not scoped under .arv2 — under the AR root (.cv5-ar),
   prefixed arv2-, so nothing outside the role can match them. */
.arv2 .arv2-main.arv2-main-follow{padding-bottom:34px}
.cv5-ar .arv2-legacy-wrap{max-width:1280px;margin:0 auto;padding:0 32px 72px}
.cv5-ar .arv2-legacy{background:#fff;border:1px solid #e3e7f0;border-radius:14px;box-shadow:0 8px 24px rgba(29,40,72,.045);overflow:hidden}
.cv5-ar .arv2-legacy > summary{list-style:none;cursor:pointer}
.cv5-ar .arv2-legacy > summary::-webkit-details-marker{display:none}
.cv5-ar .arv2-legacy[open] > summary{border-bottom:1px solid #e3e7f0}
.cv5-ar .arv2-legacy[open] > summary .arv2-chev{transform:rotate(90deg)}
.cv5-ar .arv2-legacy-in{padding:18px 22px 22px}
.cv5-ar .arv2-legacy-in > .ar-today-more > * + *{margin-top:16px}
.arv2.arv2-legacy-sum{display:flex;align-items:center;gap:12px;padding:16px 22px;background:transparent}
.arv2.arv2-legacy-sum .arv2-t{flex:1;min-width:0}
.arv2.arv2-legacy-sum .arv2-t b{display:block;font-weight:650;font-size:15px}
.arv2.arv2-legacy-sum .arv2-t span{font-size:12.5px;color:var(--ink3)}
.arv2.arv2-legacy-sum .arv2-chev{color:var(--ink3);transition:transform .15s}

@media (max-width:760px){
  .arv2 .arv2-facts .arv2-example{flex:0 0 auto;align-self:center}
  .arv2 .arv2-facts .arv2-cta{flex:1 1 auto}
  .cv5-ar .arv2-legacy-wrap{padding:0 16px 56px}
  .cv5-ar .arv2-legacy-in{padding:14px 12px 16px}
  .arv2 .arv2-list-foot{flex-wrap:wrap;align-items:flex-start}
  .arv2 .arv2-list-foot > span:not(.arv2-sp){flex:1 1 calc(100% - 30px);min-width:0}
  .arv2 .arv2-list-foot .arv2-sp{display:none}
  .arv2 .arv2-list-foot a{margin-left:22px}
  .arv2 .arv2-owner{margin-left:0;flex-basis:100%}
}