/* Zúčtování záloh (deposit-settlement.js) — blok v Rekapitulaci, stav hlavní akce,
   panel výběru (D-03 varianta B, uvnitř pravého sloupce Kontroly), řádky odpočtů.
   Jen sdílené tokeny (UI-BAS-01, D-10); světlý i tmavý motiv řeší tokens.css. */

[data-ui="v2"] .rv-dep-svgico { width: 14px; height: 14px; flex: 0 0 14px; vertical-align: -2px; }

/* ---------- blok „Zálohy a vyúčtování“ (karta Rekapitulace) ---------- */
[data-ui="v2"] .rv-deposit-host:empty, [data-ui="v2"] .rv-deposit-host[hidden] { display: none; }
[data-ui="v2"] .rv-deposit-host { margin-top: var(--sp-5); min-width: 0; }
[data-ui="v2"] .rv-dep { display: flex; flex-direction: column; gap: var(--sp-4); min-width: 0; padding: var(--sp-5) var(--sp-6);
  border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--surface); color: var(--ink); font-size: 13px; overflow-wrap: anywhere; }
[data-ui="v2"] .rv-dep-quiet { flex-direction: row; align-items: center; padding: 0; border: 0; background: transparent; }
[data-ui="v2"] .rv-dep-ok { border-color: var(--ok); }
[data-ui="v2"] .rv-dep-problem.rv-dep-bad { border-color: var(--bad); }
[data-ui="v2"] .rv-dep-problem.rv-dep-warn { border-color: var(--warn); }
[data-ui="v2"] .rv-dep-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); flex-wrap: wrap; }
[data-ui="v2"] .rv-dep-title { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 14px; font-weight: 650; color: var(--ink); }
[data-ui="v2"] .rv-dep-title .icon { font-size: 18px; color: var(--ink-2); }
[data-ui="v2"] .rv-dep-pill { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
[data-ui="v2"] .rv-dep-pill .icon { font-size: 14px; width: 14px; height: 14px; margin: 0; }
[data-ui="v2"] .rv-dep-lead { display: flex; gap: 6px; align-items: flex-start; margin: 0; line-height: 1.45; color: var(--ink); }
[data-ui="v2"] .rv-dep-lead .icon { font-size: 16px; color: var(--info); }
[data-ui="v2"] .rv-dep-cause { display: flex; flex-direction: row; gap: 8px; align-items: flex-start; margin: 0; line-height: 1.45; }
[data-ui="v2"] .rv-dep-cause .icon { font-size: 18px; flex: 0 0 auto; }
[data-ui="v2"] .rv-dep-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-3) var(--sp-5); margin: 0; }
[data-ui="v2"] .rv-dep-cell { min-width: 0; padding: var(--sp-3) var(--sp-4); border-radius: var(--r-md); background: var(--surface-2); }
[data-ui="v2"] .rv-dep-cell dt { margin: 0 0 2px; font-size: 11.5px; color: var(--ink-2); }
[data-ui="v2"] .rv-dep-cell dd { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font-family: var(--font-mono); font-size: 13.5px; font-weight: 600; color: var(--ink); }
[data-ui="v2"] .rv-dep-cell dd .v2-pill { font-family: var(--font-sans); font-weight: 600; }
[data-ui="v2"] .rv-dep-due { background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); }
[data-ui="v2"] .rv-dep-cell.is-diff dd { color: var(--bad); }
[data-ui="v2"] .rv-dep-actions { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; }
[data-ui="v2"] .rv-dep-actions .v2-btn .icon, [data-ui="v2"] .rv-dep .v2-btn .icon { font-size: 16px; }
[data-ui="v2"] .rv-dep .v2-btn .rv-dep-svgico, [data-ui="v2"] .rv-dep-panel .v2-btn .rv-dep-svgico { width: 15px; height: 15px; margin-right: 5px; }
[data-ui="v2"] .rv-dep-details { min-width: 0; padding-top: var(--sp-2); border-top: 1px solid var(--line); }
[data-ui="v2"] .rv-dep-details[hidden] { display: none; }
[data-ui="v2"] .rv-dep-usages { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--sp-4); }
[data-ui="v2"] .rv-dep-usage-head { display: flex; flex-wrap: wrap; gap: 4px var(--sp-4); align-items: baseline; }
[data-ui="v2"] .rv-dep-usage-head .t-num { margin-left: auto; font-family: var(--font-mono); }
[data-ui="v2"] .rv-dep-usages p { margin: 3px 0 0; }
[data-ui="v2"] .rv-dep-usages-ro li { display: flex; justify-content: space-between; gap: var(--sp-4); }
[data-ui="v2"] .rv-dep-vat { width: 100%; margin-top: var(--sp-3); border-collapse: collapse; font-size: 12px; }
[data-ui="v2"] .rv-dep-vat th, [data-ui="v2"] .rv-dep-vat td { padding: 3px 6px; border-bottom: 1px solid var(--line); text-align: right; }
[data-ui="v2"] .rv-dep-vat th:first-child, [data-ui="v2"] .rv-dep-vat td:first-child { text-align: left; }
[data-ui="v2"] .rv-dep-vat th { color: var(--ink-2); font-weight: 600; }
[data-ui="v2"] .rv-dep-more { margin: 0 0 var(--sp-3); padding-left: 18px; color: var(--ink-2); }
[data-ui="v2"] .rv-dep-fix { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; margin: 0; }
[data-ui="v2"] .rv-dep-checking .rv-dep-lead { color: var(--ink-2); }
[data-ui="v2"] .rv-dep-after { margin-top: var(--sp-5); display: flex; flex-direction: column; gap: var(--sp-4); }
[data-ui="v2"] .rv-dep-after-note { display: flex; flex-direction: row; gap: 8px; align-items: flex-start; }
[data-ui="v2"] .rv-dep-docsum { display: flex; flex-direction: column; gap: var(--sp-3); align-items: flex-start; }
[data-ui="v2"] .rv-dep-docsum .rv-dep-trio { grid-template-columns: minmax(0, 1fr); width: 100%; }

/* ---------- hlavní akce: podtitulek a vysvětlení blokace (vzor is-stock-blocked) ---------- */
[data-ui="v2"] .rv-dep-cta-sub { grid-column: 1 / -1; display: flex; align-items: center; gap: 5px; margin: 0; min-width: 0;
  font-size: 12px; color: var(--ink-2); overflow-wrap: anywhere; }
[data-ui="v2"] .rv-dep-cta-sub[hidden] { display: none; }
[data-ui="v2"] .rv-dep-cta-sub .icon { font-size: 15px; color: var(--ok); }
[data-ui="v2"] .rv-dep-cta-sub.is-blocked .icon { color: var(--bad); }
[data-ui="v2"] .rv-dep-cta-sub .icon.spin { color: var(--info); }
[data-ui="v2"] .rv-deposit-notice .rv-dep-actions { margin-top: var(--sp-3); }
[data-ui="v2"] .rv-deposit-notice .t-meta { margin: 6px 0 0; }
[data-ui="v2"] .rv-dep-payorder-note { display: flex; gap: 5px; align-items: flex-start; grid-column: 1 / -1; margin: 6px 0 0; font-size: 12px; color: var(--ink-2); }
[data-ui="v2"] .rv-dep-payorder-note .icon { font-size: 15px; color: var(--info); }
[data-ui="v2"] .rv-payment-card.rv-dep-payorder-free .v2-credit-spend { display: none; }

/* ---------- řádky odpočtů v tabulce řádků (CONTRACT §8.1) ---------- */
[data-ui="v2"] .rv-rt .rrow.rv-dep-deduction > .td { background: var(--warn-soft); }
[data-ui="v2"] .rv-rt .rrow.rv-dep-deduction.rv-dep-informative > .td { background: var(--surface-2); }
[data-ui="v2"] .rv-rt .rrow.rv-dep-deduction > .td:first-child { box-shadow: inset 3px 0 0 var(--warn); }
[data-ui="v2"] .rv-rt .rv-dep-noterow { display: contents; }
[data-ui="v2"] .rv-dep-noteinner { position: sticky; left: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--sp-4); min-width: 0; }
[data-ui="v2"] .rv-rt .rv-dep-note { grid-column: 1 / -1; display: block;
  min-width: 0; padding: 4px 8px 6px 11px; background: var(--surface-2); font-size: 12px; color: var(--ink-2); border-bottom: 1px solid var(--line); }
[data-ui="v2"] .rv-rt .rv-dep-note.is-active { background: var(--warn-soft); box-shadow: inset 3px 0 0 var(--warn); color: var(--ink); }
[data-ui="v2"] .rv-dep-rowtag { display: inline-flex; align-items: center; gap: 5px; color: var(--warn); }
[data-ui="v2"] .rv-dep-informative + .rv-dep-noterow .rv-dep-rowtag, [data-ui="v2"] .rv-dep-note:not(.is-active) .rv-dep-rowtag { color: var(--ink-2); }
[data-ui="v2"] .rv-dep-rowtag b { font-weight: 650; }
[data-ui="v2"] .rv-dep-rownum { padding: 0 6px; border-radius: var(--r-sm); background: var(--surface); color: var(--ink); font-family: var(--font-mono); }
[data-ui="v2"] .rv-dep-rowtext { min-width: 0; flex: 0 1 auto; }
[data-ui="v2"] .rv-dep-rowact { flex: 0 0 auto; }
[data-ui="v2"] .rv-dep-rowact .icon { font-size: 15px; }

/* ---------- panel výběru (inline v pravém sloupci) ---------- */
[data-ui="v2"] .rv-deposit-panel-host[hidden] { display: none; }
[data-ui="v2"] .rv-wrap.rv-deposit-panel-open #rv-data-columns,
[data-ui="v2"] .rv-wrap.rv-deposit-panel-open #rv-rows-dock,
[data-ui="v2"] .rv-wrap.rv-deposit-panel-open #rv-deposit-notice { display: none; }
/* Kontejner: rozložení tabulky kandidátů se řídí šířkou panelu (pravý sloupec), ne viewportem. */
[data-ui="v2"] .rv-deposit-panel-host { min-width: 0; container: rvdep / inline-size; }
/* .v2-card má overflow:hidden – to by zrušilo lepivé záhlaví i patičku (EX-TABLE-02). */
[data-ui="v2"] .rv-dep-panel { display: flex; flex-direction: column; gap: var(--sp-5); min-width: 0; padding: var(--sp-6) var(--sp-6) 0; overflow: visible; }
[data-ui="v2"] .rv-dep-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--sp-4); flex-wrap: wrap; }
[data-ui="v2"] .rv-dep-panel-title { margin: 2px 0 0; font-size: 17px; font-weight: 650; color: var(--ink); }
[data-ui="v2"] .rv-dep-panel-title:focus { outline: none; }
[data-ui="v2"] .rv-dep-panel-title:focus-visible { outline: 2px solid var(--focus, var(--accent)); outline-offset: 3px; border-radius: var(--r-sm); }
[data-ui="v2"] .rv-dep-panel-intro { margin: 0; }
[data-ui="v2"] .rv-dep-docdeps { padding: var(--sp-4) var(--sp-5); border-radius: var(--r-md); background: var(--surface-2); }
[data-ui="v2"] .rv-dep-docdeps ul { margin: 6px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
[data-ui="v2"] .rv-dep-docdeps li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-3); }
[data-ui="v2"] .rv-dep-docdeps p { margin: 6px 0 0; }
[data-ui="v2"] .rv-dep-toolbar { display: flex; align-items: center; gap: var(--sp-5); flex-wrap: wrap; }
[data-ui="v2"] .rv-dep-exhausted { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; min-height: 32px; }
[data-ui="v2"] .rv-dep-exhausted input { margin: 0; width: 16px; height: 16px; }
/* Bez vlastního posuvu: vnořený scroller by zrušil lepivé záhlaví; úzký panel přepne na karty (@container). */
[data-ui="v2"] .rv-dep-tablewrap { min-width: 0; }
[data-ui="v2"] .rv-dep-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12.5px; }
[data-ui="v2"] .rv-dep-table > thead th { position: sticky; top: var(--rv-dep-sticky-top, 0px); z-index: 2; background: var(--surface); text-align: left; font-weight: 600; color: var(--ink-2);
  padding: 6px 8px; border-bottom: 1px solid var(--line-2, var(--line)); }
[data-ui="v2"] .rv-dep-table > thead th.tr { text-align: right; }
[data-ui="v2"] .rv-dep-table > tbody > tr > td, [data-ui="v2"] .rv-dep-table > tbody > tr > th { padding: 7px 8px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; font-weight: 400; }
[data-ui="v2"] .rv-dep-cand.is-on > td, [data-ui="v2"] .rv-dep-cand.is-on > th { background: var(--ok-soft); }
[data-ui="v2"] .rv-dep-cand.is-restricted > td, [data-ui="v2"] .rv-dep-cand.is-restricted > th { color: var(--ink-2); }
[data-ui="v2"] .rv-dep-c-pick { width: 52px; }
/* Cíl zaškrtávátka 32 px (dotyk 40 px), UI-BAS-03 – celý štítek je klikací. */
[data-ui="v2"] .rv-dep-pickhit { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; margin: -6px 0 0 -7px; cursor: pointer; border-radius: var(--r-sm); }
[data-ui="v2"] .rv-dep-c-pick input { width: 18px; height: 18px; margin: 0; cursor: pointer; }
@media (pointer: coarse) { [data-ui="v2"] .rv-dep-pickhit { min-width: 40px; min-height: 40px; } }
[data-ui="v2"] .rv-dep-nopick { display: inline-flex; color: var(--ink-3); }
[data-ui="v2"] .rv-dep-nopick .icon { font-size: 18px; }
[data-ui="v2"] .rv-dep-c-doc { display: table-cell; min-width: 120px; overflow-wrap: anywhere; }
[data-ui="v2"] .rv-dep-c-doc > * { display: block; }
[data-ui="v2"] .rv-dep-type { font-size: 11px; font-weight: 600; color: var(--ink-2); text-transform: none; }
[data-ui="v2"] .rv-dep-c-doc b { font-weight: 650; color: var(--ink); }
[data-ui="v2"] .rv-dep-c-avail { text-align: right !important; white-space: nowrap; font-family: var(--font-mono); }
[data-ui="v2"] .rv-dep-c-use { min-width: 140px; }
[data-ui="v2"] .rv-dep-c-use > .t-num { display: block; font-family: var(--font-mono); font-weight: 600; }
[data-ui="v2"] .rv-dep-amtwrap { display: inline-flex; align-items: center; gap: 5px; }
[data-ui="v2"] .rv-dep-amt { width: 120px; min-height: 32px; text-align: right; font-family: var(--font-mono); }
[data-ui="v2"] .rv-dep-amt:disabled { background: var(--surface-2); color: var(--ink-3); }
[data-ui="v2"] .rv-dep-amt[aria-invalid="true"] { border-color: var(--bad); box-shadow: 0 0 0 1px var(--bad); }
[data-ui="v2"] .rv-dep-expand { margin-top: 4px; }
[data-ui="v2"] .rv-dep-err { display: flex; align-items: flex-start; gap: 4px; margin: 4px 0 0; color: var(--bad); font-size: 12px; }
[data-ui="v2"] .rv-dep-err .icon { font-size: 14px; }
[data-ui="v2"] .rv-dep-restr { display: inline-flex; align-items: flex-start; gap: 4px; color: var(--warn); }
[data-ui="v2"] .rv-dep-restr .icon { font-size: 14px; }
[data-ui="v2"] .rv-dep-ratesrow[hidden] { display: none; }
[data-ui="v2"] .rv-dep-ratesrow > td { background: var(--surface-2); }
[data-ui="v2"] .rv-dep-rates { width: 100%; border-collapse: collapse; font-size: 12px; }
[data-ui="v2"] .rv-dep-rates th, [data-ui="v2"] .rv-dep-rates td { padding: 4px 6px; text-align: right; border-bottom: 1px solid var(--line); vertical-align: top; }
[data-ui="v2"] .rv-dep-rates th:first-child { text-align: left; }
[data-ui="v2"] .rv-dep-rates thead th { color: var(--ink-2); font-weight: 600; }
[data-ui="v2"] .rv-dep-empty { display: flex; gap: 6px; align-items: flex-start; margin: 0; color: var(--ink-2); }
[data-ui="v2"] .rv-dep-missing { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; }
[data-ui="v2"] .rv-dep-foot-sticky .rv-dep-panel-foot { position: sticky; bottom: var(--rv-dep-sticky-bottom, 0px); }
[data-ui="v2"] .rv-dep-panel-foot { position: relative; z-index: 3; display: flex; flex-direction: column; gap: var(--sp-4);
  margin: 0 calc(-1 * var(--sp-6)); padding: var(--sp-5) var(--sp-6); background: var(--surface);
  border-top: 1px solid var(--line); border-radius: 0 0 var(--r-lg) var(--r-lg); }
[data-ui="v2"] .rv-dep-sums { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
[data-ui="v2"] .rv-dep-panel-btns { display: flex; justify-content: flex-end; gap: var(--sp-3); flex-wrap: wrap; }
[data-ui="v2"] .rv-dep-panel .icon.spin, [data-ui="v2"] .rv-dep .icon.spin { animation: rv-dep-spin 1s linear infinite; }
@keyframes rv-dep-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  [data-ui="v2"] .rv-dep-panel .icon.spin, [data-ui="v2"] .rv-dep .icon.spin, [data-ui="v2"] .rv-dep-cta-sub .icon.spin { animation: none; }
}

/* Telefon: blok záloh v jednom sloupci, panel přes celou šířku. */
@media (max-width: 760px) {
  [data-ui="v2"] .rv-dep-trio { grid-template-columns: minmax(0, 1fr); }
  [data-ui="v2"] .rv-dep { padding: var(--sp-4); }
  [data-ui="v2"] .rv-dep-panel { padding: var(--sp-5) var(--sp-4) 0; border-radius: 0; }
  [data-ui="v2"] .rv-dep-panel-foot { margin: 0 calc(-1 * var(--sp-4)); padding: var(--sp-4); border-radius: 0; }
}
/* Úzký panel (telefon, 200% zoom, úzký pravý sloupec): tabulka kandidátů jako karty s popisky. */
@container rvdep (max-width: 640px) {
  [data-ui="v2"] .rv-dep-table, [data-ui="v2"] .rv-dep-table > tbody, [data-ui="v2"] .rv-dep-table > tbody > tr,
  [data-ui="v2"] .rv-dep-table > tbody > tr > td, [data-ui="v2"] .rv-dep-table > tbody > tr > th { display: block; width: 100%; box-sizing: border-box; }
  [data-ui="v2"] .rv-dep-table > thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  [data-ui="v2"] .rv-dep-table > tbody > tr.rv-dep-cand { margin-bottom: var(--sp-4); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
  [data-ui="v2"] .rv-dep-table > tbody > tr > td[data-label]::before, [data-ui="v2"] .rv-dep-table > tbody > tr > th[data-label]::before {
    content: attr(data-label); display: block; font-size: 11px; font-weight: 600; color: var(--ink-2); margin-bottom: 2px; }
  [data-ui="v2"] .rv-dep-c-avail { text-align: left !important; }
  [data-ui="v2"] .rv-dep-c-pick { width: 100%; }
  [data-ui="v2"] .rv-dep-amt { width: 100%; max-width: 220px; min-height: 40px; }
  [data-ui="v2"] .rv-dep-panel-btns .v2-btn { flex: 1 1 140px; }
  [data-ui="v2"] .rv-dep-pickhit { margin: 0; }
}

/* Poznámky modulu: ikona vedle textu (vzor .rv-priority-note), barva ikony podle tónu.
   Jen uvnitř modulu – soubor se načítá všem, globální pravidlo by přebarvilo ikony poznámek
   ve Výkazech, správě a schvalování i bez modulu (review FE 3. 10. 2026). */
[data-ui="v2"] .rv-dep-panel .v2-note, [data-ui="v2"] .rv-dep .v2-note { flex-direction: row; align-items: flex-start; gap: var(--sp-3); }
[data-ui="v2"] .rv-dep .v2-note > .icon, [data-ui="v2"] .rv-dep-panel .v2-note > .icon, [data-ui="v2"] .rv-dep-after .v2-note > .icon { font-size: 18px; flex: 0 0 auto; }
[data-ui="v2"] :is(.rv-dep, .rv-dep-panel, .rv-dep-after) .v2-note.bad > .icon { color: var(--bad); }
[data-ui="v2"] :is(.rv-dep, .rv-dep-panel, .rv-dep-after) .v2-note.warn > .icon { color: var(--warn); }
[data-ui="v2"] :is(.rv-dep, .rv-dep-panel, .rv-dep-after) .v2-note.ok > .icon { color: var(--ok); }
[data-ui="v2"] .rv-dep-cause:not(.bad):not(.warn) > .icon { color: var(--ink-2); }

/* Telefon a nízké okno / 200% zoom: lepivá lišta akcí nesmí zabrat skoro celou výšku – vysvětlení
   blokace jen s důvody (podtitulek „důvod je uvedený níže“ by ho jen opakoval). Po skrytí oznámení
   křížkem se podtitulek vrátí, aby vysvětlení u akce nezmizelo úplně (SPEC „Kdy blokovat“). */
@media (max-width: 760px), (max-height: 560px) {
  [data-ui="v2"] .rv-deposit-notice > .t-meta { display: none; }
  [data-ui="v2"] .rv-actions:has(#rv-deposit-notice:not([hidden])) .rv-dep-cta-sub.is-blocked { display: none; }
  [data-ui="v2"] .rv-deposit-notice { font-size: 12px; padding: 6px 9px; }
}