/* admin.css — the control center (screens/admin.js, screens/admin-trials.js), shown only in the CRM (crm/index.html,
   crm.varenchi.com). Moved out of account.css on 21.10.2026, so the garage app carries none of it (web/crm/only.json).
   Prefixes: .admin… · Tokens only (tokens.css). Logical properties (RTL). */
.admin__head{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-5)}
.admin__err{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r);
  background:var(--bad-soft);color:var(--text);border:1px solid var(--bad)}

/* ================= admin ================= */
.admin__note{padding:var(--sp-3) var(--sp-4);border-radius:var(--r);background:var(--ember-soft);border:1px solid var(--ember-line);font-size:var(--fs-sm)}
.admin__count{margin:var(--sp-4) 0 var(--sp-2)}
.admin .field{margin-bottom:var(--sp-2)}
.admin-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}
.admin-days{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
/* control center (screens/admin.js) */
.admin__note{display:grid;gap:var(--sp-2)}
.admin-tiles{margin-bottom:var(--sp-4)}
.admin-tiles__net{grid-column:1 / -1}
.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5)}
.admin-up{display:grid;gap:var(--sp-2)}
.admin-up__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) var(--sp-4);
  border-radius:var(--r);background:var(--s1);border:1px solid var(--line)}
.admin-up__row--hot{border-color:var(--ember-line);background:var(--ember-soft)}
.admin-up__text{flex:1 1 220px;min-width:0}
.admin-up__acts{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.admin-flow{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;align-items:end;padding:var(--sp-4) var(--sp-3) var(--sp-3);
  border-radius:var(--r);background:var(--s1);border:1px solid var(--line)}
.admin-flow__m{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.admin-flow__bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;block-size:140px;inline-size:100%}
.admin-flow__bar{display:block;inline-size:min(14px,40%);border-radius:4px 4px 0 0;block-size:2%;transition:block-size var(--t-slow) var(--ease)}
.admin-flow__bar--in{background:var(--ok)}
.admin-flow__bar--out{background:var(--line-strong)}
.admin-flow__m--future .admin-flow__bar{opacity:.4;outline:1px dashed var(--text-3);outline-offset:-1px}
.admin-flow__label{font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap}
.admin-flow__future{font-size:var(--fs-xs);color:var(--text-3)}
.admin-flow__legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--sp-2)}
.admin-dot{display:inline-block;inline-size:10px;block-size:10px;border-radius:3px}
.admin-dot--in{background:var(--ok)}
.admin-dot--out{background:var(--line-strong)}
.admin-usage{display:grid;gap:4px;margin-top:var(--sp-2)}
.admin-usage__bar,.admin-osek__bar{inline-size:100%;block-size:8px;border:0;border-radius:var(--r-pill);background:var(--s3);overflow:hidden;appearance:none;-webkit-appearance:none}
.admin-usage__bar::-webkit-progress-bar,.admin-osek__bar::-webkit-progress-bar{background:var(--s3);border-radius:var(--r-pill)}
.admin-usage__bar::-webkit-progress-value,.admin-osek__bar::-webkit-progress-value{background:var(--y);border-radius:var(--r-pill)}
.admin-usage__bar::-moz-progress-bar,.admin-osek__bar::-moz-progress-bar{background:var(--y);border-radius:var(--r-pill)}
.admin-usage__bar--hot::-webkit-progress-value,.admin-osek__bar--near::-webkit-progress-value,.admin-osek__bar--over::-webkit-progress-value{background:var(--ember)}
.admin-usage__bar--hot::-moz-progress-bar,.admin-osek__bar--near::-moz-progress-bar,.admin-osek__bar--over::-moz-progress-bar{background:var(--ember)}
.admin-osek__bar{block-size:12px}
.admin-osek__big{font-size:var(--fs-lg);font-weight:600}
.admin-row-aside{display:flex;align-items:center;gap:var(--sp-1)}
.admin-more{display:flex;justify-content:center;margin-top:var(--sp-3)}
.admin-will{padding:var(--sp-3) var(--sp-4);border-radius:var(--r);background:var(--y-soft);border:1px solid var(--y-ring)}
@media (max-width:359px){.admin-flow{gap:3px;padding-inline:var(--sp-2)}.admin-flow__bars{block-size:110px}}
/* trial queue, first steps, AI cost, Osek forecast (screens/admin-trials.js, 0024) */
.admin-trials__sub{margin-bottom:var(--sp-3);font-size:var(--fs-sm)}
.admin-steps{display:grid;gap:var(--sp-1);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}
.admin-steps__tip{font-size:var(--fs-sm);color:var(--text-2)}
.admin-steps__more summary{display:flex;align-items:center;min-block-size:48px;cursor:pointer;color:var(--y);font-size:var(--fs-sm)}
.admin-steps__list{display:grid;gap:var(--sp-1);margin:0;padding:0;list-style:none}
.admin-step{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-2)}
.admin-step--done{color:var(--text)}
.admin-step__mark{inline-size:1.2em;text-align:center}
.admin-step--done .admin-step__mark{color:var(--ok)}
.admin-ask{display:grid;gap:var(--sp-2);margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r);background:var(--y-soft);border:1px solid var(--y-ring)}
.admin-ask__btns{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.admin-ai__cost{display:grid;justify-items:end;gap:2px;white-space:nowrap}
.admin-ai__total{border-color:var(--line-strong)}
.admin-ai__note{margin-top:var(--sp-3);overflow-wrap:anywhere}
.admin-osek__fc{font-weight:600}
.admin-osek__bar--fc{block-size:8px;opacity:.75}

/* control center: the sales list (screens/admin-sales.js) */
.sales__sub{margin-bottom:var(--sp-3);font-size:var(--fs-sm)}
.sales__rule{margin:var(--sp-3) 0 var(--sp-2)}
.sales-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2);margin:0;padding:0;list-style:none}
.sales-stage{display:grid;justify-items:center;gap:2px;padding:var(--sp-2) var(--sp-1);border-radius:var(--r-sm);background:var(--s2);border:1px solid var(--line);min-width:0}
.sales-stage__n{font-size:var(--fs-lg);font-weight:700;color:var(--text-3)}
.sales-stage--on .sales-stage__n{color:var(--text)}
.sales-stage--on:not(.sales-stage--lost){border-color:var(--y-ring)}
.sales-stage__label{font-size:var(--fs-xs);color:var(--text-2);text-align:center;overflow-wrap:anywhere}
.sales-h{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-5) 0 var(--sp-2);font-size:var(--fs);font-weight:600}
.sales-group > summary.sales-h{display:list-item;min-block-size:48px;padding-block:12px;margin-block:var(--sp-3) 0;cursor:pointer;color:var(--text-2)}
.sales-lead .card__body{min-width:0}
.sales-lead__note{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-2);overflow-wrap:anywhere}
.sales-lead__acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}
.sales-pick{flex:1 1 140px;max-inline-size:220px}
.sales-find{display:grid;gap:var(--sp-2);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line)}
.sales-find .sales-h{margin:0}
.sales-find__err{padding:var(--sp-3) var(--sp-4);border-radius:var(--r);background:var(--ember-soft);border:1px solid var(--ember-line);font-size:var(--fs-sm)}
.sales-source{overflow-wrap:anywhere}
.sales-details summary{display:flex;align-items:center;min-block-size:48px;cursor:pointer;color:var(--y);font-size:var(--fs-sm)}
@media (min-width:600px){.sales-stages{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* renewals (screens/admin-renewals.js, 0026) */
.admin-ren{display:grid;gap:var(--sp-1);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}
.admin-ren__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-3)}
.admin-ren__now{font-weight:600;color:var(--y)}
.admin-ren__text summary{display:flex;align-items:center;min-block-size:48px;cursor:pointer;color:var(--y);font-size:var(--fs-sm)}
.admin-ren__text .money-chips{margin-bottom:var(--sp-2)}
.admin-ren__text p{margin-top:6px;overflow-wrap:anywhere}
.admin-ren__text p[lang]{padding:10px 12px;border-radius:var(--r-sm);background:var(--s2);color:var(--text);line-height:1.5;white-space:pre-line}
.admin-ren__pay{margin-top:var(--sp-2)}
.admin-ren__pause{display:grid;gap:var(--sp-2);justify-items:start;margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r);
  background:var(--ember-soft);border:1px solid var(--ember-line);font-size:var(--fs-sm)}
