/* Btw-stand (28 sep 2026, Summa 4.0 blok 2; gebruikerskeuze met voorbeeldbeelden).
 * Vrijgesteld: de Btw-tab toont "Zo rekent Summa" in plaats van kwartalen en tegels.
 * De vraag is een onderblad op mobiel en een venster op de computer. */

.money-vat-exempt { display: none; }
#moneyView.is-vat-exempt .money-vat-exempt { display: block; }
#moneyView.is-vat-exempt .money-vat-quarters-card,
#moneyView.is-vat-exempt .money-tiles[data-money-content="vat"] { display: none !important; }

.money-vat-exempt-list { margin: 12px 0 4px; padding: 0; list-style: none; }
.money-vat-exempt-list li { display: grid; gap: 3px; padding: 14px 0; border-top: 1px solid var(--line); }
.money-vat-exempt-list li[hidden] { display: none; }
.money-vat-exempt-list strong { color: var(--ink); font: 600 15px/1.35 Figtree, sans-serif; }
.money-vat-exempt-list small { color: var(--muted); font: 400 13px/1.45 Figtree, sans-serif; }
/* Niet elke factuur vermeldt de vrijstelling: aandacht (oranje), geen alarm. */
.money-vat-exempt-list li.is-attention small { color: var(--amber); }

/* #vatModeDialog: ruimer dan .reset-dialog p (margin 0, 13px), zoals in het goedgekeurde voorbeeld. */
.vat-mode-dialog { width: min(520px, calc(100vw - 32px)); }
.vat-mode-dialog .bank-edit-head h2 { margin: 0; }
#vatModeDialog .vat-mode-lead { margin: 14px 0 8px; color: var(--ink); font: 400 16px/1.5 Figtree, sans-serif; }
#vatModeDialog .vat-mode-note { margin: 0 0 20px; color: var(--muted); font: 400 15px/1.5 Figtree, sans-serif; }
#vatModeDialog .vat-mode-choices { display: grid; gap: 10px; }
#vatModeDialog .vat-mode-choices button { min-height: 52px; width: 100%; border-radius: var(--radius-pill); font: 600 16px/1.2 Figtree, sans-serif; }
#vatModeDialog .vat-mode-choices button.quiet { border: 1px solid var(--line); background: transparent; color: var(--ink); }
#vatModeDialog .vat-mode-choices button.quiet:hover { background: var(--hover); }
#vatModeDialog .vat-mode-foot { margin: 16px 0 0; color: var(--muted); font: 400 13px/1.45 Figtree, sans-serif; text-align: center; }
#vatModeDialog #vatModeError { margin: 12px 0 0; color: var(--danger); font: 600 14px/1.4 Figtree, sans-serif; }

@media (max-width: 720px) {
  .vat-mode-dialog {
    inset: auto 14px 0;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 28px);
    box-sizing: border-box;
    border-width: 1px 1px 0;
    padding-bottom: calc(22px + env(safe-area-inset-bottom));
  }
  .vat-mode-dialog .mobile-sheet-handle { margin-top: -8px; }
}
/* De titel krijgt de focus bij openen (schermlezer); geen zichtbare rand op een niet-bedienbare kop. */
#vatModeTitle:focus { outline: none; }