/* Chart/checklist follows the phone ledger cards, forms and modal rhythm. */
.mary-web-account #accountLedger{padding:0;border:0;background:transparent;box-shadow:none}
.mary-web-account #ledgerRows{display:grid;gap:12px;margin-block:16px}
.mary-web-account .ledger-account-card{display:block;padding:16px;min-width:0}
.mary-web-account .ledger-account-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mary-web-account .ledger-account-card h3,.mary-web-account .ledger-account-card p,.mary-web-account .ledger-account-card bdi{white-space:normal;overflow-wrap:anywhere}
.mary-web-account .ledger-account-status{font-size:13px;color:var(--muted);margin-block:8px}
.mary-web-account #ledgerEditor{padding:0;margin:0;min-width:0}
.mary-web-account #ledgerEditor .modal-body{min-height:0;overscroll-behavior:contain}
.mary-web-account #ledgerEditor .modal-foot{flex-shrink:0}
.mary-web-account #ledgerFields .ifsec-b{display:grid;gap:12px}
.mary-web-account #ledgerFields .field{min-width:0}
.mary-web-account #ledgerFields input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--gold)}
.mary-web-account #ledgerFields .field:has(input[type=checkbox]){display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px}
.mary-web-account #ledgerFields .field:has(input[type=checkbox]) label{display:flex;align-items:center;min-height:44px;flex:1;cursor:pointer}
.mary-web-account #ledgerFields .setup-checklist{padding-inline-start:24px;margin:0;line-height:1.8}
.mary-web-account #ledgerFields .setup-checklist li{margin-block:8px}
.mary-web-account #ledgerHistory{padding:16px;margin-block:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.mary-web-account .ledger-history-row{padding:12px;border-block-end:1px solid var(--line)}
.mary-web-account .ledger-request-id{display:block;font-size:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-block:8px}
.mary-web-account #accountLedger button,.mary-web-account #accountLedger input,.mary-web-account #accountLedger select{min-height:44px}
.mary-web-account #accountLedger .x{min-width:44px}
.mary-web-account #accountLedger button:focus-visible,.mary-web-account #accountLedger input:focus-visible,.mary-web-account #accountLedger select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.mary-web-account #accountLedger button:disabled{opacity:.55;cursor:wait}
.mary-web-account #accountLedger [role=alert]{color:var(--neg)}
.mary-web-account #ledgerNotice,.mary-web-account #ledgerEditorNotice{line-height:1.7;overflow-wrap:anywhere;scroll-margin-block:24px}
.mary-web-account #accountLedger .ledger-setup{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-block:16px;padding:16px;border:1px solid var(--line);background:var(--surface)}
@media(max-width:600px){.mary-web-account #ledgerFields .grid2{grid-template-columns:minmax(0,1fr)}.mary-web-account .ledger-account-card{padding:14px}.mary-web-account #accountLedger .ledger-setup{align-items:flex-start;flex-direction:column}}