/* Manual journals retain the phone app's card, form and modal components. */
.mary-web-account #accountJournal{padding:0;border:0;background:transparent;box-shadow:none}
.mary-web-account #journalRows{display:grid;gap:12px;margin-block:16px}
.mary-web-account .journal-card{display:block;padding:16px;min-width:0}
.mary-web-account .journal-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mary-web-account .journal-card h3,.mary-web-account .journal-card p,.mary-web-account .journal-card bdi{white-space:normal;overflow-wrap:anywhere}
.mary-web-account .journal-card summary{display:flex;align-items:center;min-height:44px;cursor:pointer}
.mary-web-account .journal-card .btn{margin-block-start:12px}
.mary-web-account .journal-entry-lines p{padding-block:8px;border-block-end:1px solid var(--line)}
.mary-web-account #journalEditor{padding:0;margin:0;min-width:0}
.mary-web-account #journalEditor .modal-body{min-height:0;overscroll-behavior:contain}
.mary-web-account #journalEditor .modal-foot{flex-shrink:0}
.mary-web-account #journalFields .ifsec-b{display:grid;gap:10px}
.mary-web-account #journalFields .field{min-width:0}
.mary-web-account #journalTotal{margin-block:12px;overflow-wrap:anywhere}
.mary-web-account .journal-unbalanced,.mary-web-account #accountJournal [role=alert]{color:var(--neg)}
.mary-web-account .journal-history-row{padding:12px;border-block-end:1px solid var(--line)}
.mary-web-account #journalHistory{padding:16px;margin-block:16px}
.mary-web-account #journalPicker{padding:0;margin:0;border:0}
.mary-web-account #journalPickerRows{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mary-web-account #journalPickerRows .ifprow{display:block;width:100%;min-height:56px;font:inherit;text-align:start;color:var(--ink);background:var(--surface);border:0;border-block-end:1px solid var(--line);padding:12px 16px;overflow-wrap:anywhere}
.mary-web-account #journalPicker .directory-pagination{flex-shrink:0;padding:12px;margin:0;border-block-start:1px solid var(--line)}
.mary-web-account #accountJournal button,.mary-web-account #accountJournal input,.mary-web-account #accountJournal select{min-height:44px}
.mary-web-account #accountJournal .x{min-width:44px}
.mary-web-account #accountJournal button:focus-visible,.mary-web-account #accountJournal input:focus-visible,.mary-web-account #accountJournal summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.mary-web-account #accountJournal button:disabled{opacity:.55;cursor:wait}
.mary-web-account #journalNotice,.mary-web-account #journalEditorNotice{line-height:1.7;overflow-wrap:anywhere;scroll-margin-block:24px}
@media(max-width:600px){.mary-web-account #journalFields .grid2{grid-template-columns:minmax(0,1fr)}.mary-web-account .journal-card{padding:14px}}