:root {
  --ink:#252722; --muted:#686b63; --faint:#6b6d64; --paper:#f2efe6; --panel:#faf8f2; --panel-2:#ebe6da;
  --line:rgba(55,52,43,.14); --accent:#87552a; --accent-2:#a98566; --accent-soft:rgba(135,85,42,.11);
  --rail-bg:rgba(237,233,222,.91); --control:rgba(57,54,45,.045); --control-hover:rgba(57,54,45,.085);
  --glow-warm:rgba(193,154,84,.14); --glow-cool:rgba(93,133,139,.09); --shadow:0 20px 55px rgba(68,57,40,.12);
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;
  --heading-font:"Avenir Next Condensed","Avenir Next","Helvetica Neue",sans-serif;
  --text-label:9px; --text-support:10.5px; --text-small:11px; --text-secondary:12px; --text-control:13px; --text-body-sm:14px; --text-body:15px; --text-title:16px;
  color-scheme:light;
}
html[data-appearance="dark"] { color-scheme:dark; }
* { box-sizing:border-box; }
html { min-height:100%; overflow-x:hidden; background:var(--paper); }
body { margin:0; min-width:320px; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 82% 5%,var(--glow-warm),transparent 31rem),radial-gradient(circle at 14% 105%,var(--glow-cool),transparent 33rem),var(--paper); font-family:var(--font); font-size:var(--text-body); line-height:1.42; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; color:inherit; }
button,summary,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { border:1px solid var(--line); border-radius:10px; background:var(--control); cursor:pointer; transition:.18s ease; }
button:hover { background:var(--control-hover); }
button:disabled { cursor:not-allowed; opacity:.62; }
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.skip { position:fixed; z-index:100; top:-70px; left:12px; padding:9px 12px; border-radius:8px; color:var(--paper); background:var(--ink); font-size:var(--text-control); }
.skip:focus { top:10px; }
.app-shell { min-height:100vh; --vmos-control-sidebar-width:132px; }
.room-icon { fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.main-column { width:100%; min-width:0; }
.ledger-shell-header { width:100%; }
.utility-strip { height:30px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 30px; border-bottom:1px solid var(--line); }
.ledger-navigation-strip { height:44px; display:flex; align-items:stretch; gap:18px; padding:0 30px; border-bottom:1px solid var(--line); }
.crumb { color:var(--faint); font-size:var(--text-small); letter-spacing:.02em; }
.crumb strong { color:var(--ink); font-weight:560; }
.area-nav { min-width:0; align-self:stretch; display:flex; align-items:center; justify-content:flex-start; gap:20px; }
.area-nav a,.area-nav .planned-area { position:relative; height:100%; display:flex; align-items:center; color:var(--muted); font-size:var(--text-secondary); font-weight:620; white-space:nowrap; }
.area-nav a::after { content:""; position:absolute; bottom:5px; left:50%; width:4px; height:4px; border-radius:50%; background:transparent; transform:translateX(-50%); }
.area-nav a:hover,.area-nav a.active { color:var(--ink); }
.area-nav a.active::after { background:var(--accent); }
.area-nav .planned-area { color:var(--faint); opacity:.72; cursor:default; }
.mobile-ledger-name,.mobile-bottom-nav { display:none; }
.context-menu { position:relative; flex:0 0 auto; }
.context-menu > summary { height:100%; min-width:86px; display:flex; align-items:center; gap:5px; color:var(--ink); font-size:var(--text-secondary); font-weight:620; list-style:none; cursor:pointer; }
.context-menu > summary::-webkit-details-marker { display:none; }
.context-popover { top:42px; right:auto; left:0; width:150px; }
.context-popover button[aria-current="true"] { color:var(--ink); background:var(--accent-soft); }
.context-popover button:disabled { color:var(--faint); cursor:not-allowed; opacity:.68; }
.top-actions { display:flex; align-items:center; gap:7px; min-width:0; }
.freshness { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:var(--text-label); white-space:nowrap; }
.freshness.unavailable .status-dot { background:var(--faint); box-shadow:none; }
.utility-menu { position:relative; }
.utility-menu > summary { min-width:53px; min-height:27px; display:flex; align-items:center; justify-content:center; gap:4px; padding:0 5px; border-radius:5px; color:var(--muted); font-size:var(--text-label); font-weight:600; list-style:none; cursor:pointer; }
.utility-menu > summary::-webkit-details-marker { display:none; }
.utility-menu > summary:hover,.utility-menu[open] > summary { color:var(--ink); background:var(--control-hover); }
.popover { position:absolute; z-index:40; top:29px; right:0; width:196px; display:grid; gap:3px; padding:6px; border:1px solid var(--line); border-radius:9px; background:color-mix(in srgb,var(--panel) 96%,transparent); box-shadow:var(--shadow); backdrop-filter:blur(18px); }
.popover button { min-height:40px; padding:7px 9px; border-color:transparent; text-align:left; }
.menu-label { margin:2px 5px 5px; color:var(--faint); font-size:var(--text-label); font-weight:650; letter-spacing:.12em; text-transform:uppercase; }
.appearance-popover button { display:grid; grid-template-columns:25px 1fr; align-items:center; gap:8px; }
.appearance-popover button.active { border-color:color-mix(in srgb,var(--accent) 35%,var(--line)); background:var(--accent-soft); }
.appearance-popover strong,.appearance-popover small { display:block; }
.appearance-popover strong { font-size:var(--text-secondary); }
.appearance-popover small { color:var(--faint); font-size:var(--text-small); }
.theme-swatch { width:22px; height:22px; border:1px solid var(--line); border-radius:7px; box-shadow:inset 0 0 0 4px var(--panel); }
.theme-swatch.light { background:#f2efe6; }
.theme-swatch.dark { background:#111315; }
main { width:100%; min-width:0; padding:26px 30px 46px; }
main:focus { outline:none; }
.login-card { width:min(430px,100%); margin:8vh auto; padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--panel); box-shadow:var(--shadow); }
h1,h2,p { margin-top:0; }
h1,h2 { font-family:var(--heading-font); letter-spacing:-.02em; }
h1 { margin-bottom:0; font-size:24px; font-weight:610; line-height:1.08; }
h2 { margin-bottom:0; font-size:var(--text-title); font-weight:620; }
.room-heading { display:flex; align-items:center; gap:10px; min-width:0; }
.room-icon { width:25px; height:25px; flex:0 0 auto; color:var(--accent); }
.eyebrow { margin-bottom:2px; color:var(--faint); font-size:var(--text-label); font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.lede,.quiet { color:var(--muted); }
.lede { margin:12px 0 18px; font-size:var(--text-control); }
form { display:grid; gap:10px; }
label { display:grid; gap:4px; color:var(--muted); font-size:var(--text-small); font-weight:650; }
input,select,textarea { width:100%; min-height:44px; padding:9px 10px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:color-mix(in srgb,var(--panel) 82%,white 18%); }
textarea { min-height:82px; resize:vertical; }
.primary { min-height:44px; padding:9px 14px; border-color:var(--accent); color:var(--paper); background:var(--accent); font-weight:680; }
.primary:hover { background:color-mix(in srgb,var(--accent) 88%,var(--ink)); }
.local-header { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:9px; padding:0 2px 8px; border-bottom:1px solid var(--line); }
.month-state { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:var(--text-small); white-space:nowrap; }
.status-dot { width:5px; height:5px; border-radius:50%; background:#7ca57a; box-shadow:0 0 0 3px rgba(124,165,122,.09); }
.summary-strip { position:relative; height:68px; display:grid; grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(105px,.8fr)); margin-bottom:0; overflow:visible; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.summary-strip > div { height:66px; min-height:66px; padding:10px 13px; background:var(--panel); }
.summary-strip > div:first-child { border-radius:11px 0 0 11px; }
.summary-strip > div:last-child { border-radius:0 11px 11px 0; }
.summary-strip span { display:block; margin-bottom:4px; color:var(--faint); font-size:var(--text-small); }
.summary-strip > div > span,.summary-label-row > span,.summary-strip strong { white-space:nowrap; }
.summary-strip strong { font-family:var(--heading-font); font-size:var(--text-title); font-weight:620; font-variant-numeric:tabular-nums; }
.summary-strip .balance-summary strong { color:var(--accent); font-size:var(--text-title); }
.summary-strip .balance-summary { position:relative; }
.summary-five { grid-template-columns:minmax(198px,1.3fr) minmax(100px,.65fr) minmax(160px,1.05fr) minmax(100px,.65fr) minmax(116px,.75fr); }
.plan-summary { grid-template-columns:minmax(210px,1.4fr) minmax(110px,.7fr) minmax(150px,1fr) minmax(130px,.7fr); }
.documents-summary { grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(120px,.8fr)) minmax(150px,.8fr); }
.summary-label-row { display:flex!important; align-items:baseline; justify-content:flex-start; gap:8px; margin:0!important; }
.summary-label-row > span { min-width:0; }
.summary-calculation { z-index:2; flex:0 0 auto; }
.summary-calculation summary { min-width:44px; min-height:20px; display:flex; align-items:baseline; padding:0; border:0; border-radius:0; color:var(--accent); background:transparent; font-size:var(--text-small); font-weight:400; line-height:1.42; text-decoration:none; list-style:none; cursor:pointer; }
.summary-calculation summary::-webkit-details-marker { display:none; }
.summary-calculation summary > span { margin:0 0 4px; color:var(--accent); font:400 var(--text-small)/1.42 var(--font); }
.calculation-receipt { position:absolute; z-index:20; top:calc(100% + 8px); left:0; width:350px; padding:9px 12px; border:1px solid var(--line); border-radius:9px; color:var(--muted); background:var(--panel); box-shadow:var(--shadow); white-space:normal; }
.calculation-line { min-height:23px; display:grid; grid-template-columns:14px minmax(0,1fr) auto; align-items:center; gap:4px; }
.calculation-line > span { margin:0; color:var(--muted); font-size:var(--text-small); white-space:normal; }
.calculation-line i { color:var(--ink); font-style:normal; font-weight:650; text-align:center; }
.calculation-line strong { font-size:var(--text-control); }
.calculation-total { margin-top:5px; padding-top:6px; border-top:1px solid var(--line); color:var(--ink); }
.calculation-note { margin:6px 0 0; padding-top:6px; border-top:1px solid var(--line); color:var(--faint); font-size:var(--text-small); line-height:1.3; white-space:normal; }
.summary-action { display:grid; align-content:center; }
.summary-action .primary { min-height:44px; padding:7px 10px; border-radius:7px; font-size:var(--text-secondary); }
.surface { min-width:0; }
.text-link { min-height:36px; display:flex; align-items:center; color:var(--accent); font-size:var(--text-small); font-weight:650; }
.record-list { display:grid; }
.record-row { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:7px 12px; border-bottom:1px solid var(--line); }
.record-row:last-child { border-bottom:0; }
.record-row strong,.record-row small { display:block; }
.record-row strong { font-size:var(--text-control); font-weight:620; }
.record-row small { margin-top:2px; color:var(--faint); font-size:var(--text-small); text-transform:capitalize; }
.record-amount { flex:0 0 auto; font-size:var(--text-control); font-variant-numeric:tabular-nums; }
.empty-state { margin:0; padding:14px 12px; color:var(--muted); font-size:var(--text-secondary); }
.plan-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.reserve-progress { min-width:190px; display:grid; gap:5px; text-align:right; }
.reserve-progress > span { height:5px; overflow:hidden; border-radius:9px; background:var(--control-hover); }
.reserve-progress i { height:100%; display:block; background:var(--accent); }
.reserve-progress strong { font-size:var(--text-small); }
.panel,.editor { margin-top:9px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.panel-head,.editor-head { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; border-bottom:1px solid var(--line); }
.panel-head > .quiet { font-size:var(--text-small); }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th,td { padding:8px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
th { color:var(--faint); font-size:var(--text-label); font-weight:650; letter-spacing:.08em; text-transform:uppercase; }
td { font-size:var(--text-secondary); }
td strong { font-size:var(--text-control); font-weight:620; }
td small { font-size:var(--text-small); }
tbody tr:last-child td { border-bottom:0; }
tbody tr:hover { background:color-mix(in srgb,var(--accent) 3%,transparent); }
.context-placeholder-row td { display:table-cell!important; color:var(--muted); text-align:left; }
.amount { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.amount.negative { color:color-mix(in srgb,#a76458 82%,var(--ink)); }
.amount.positive { color:color-mix(in srgb,#55725a 85%,var(--ink)); }
.understanding { display:inline-flex; align-items:center; min-height:24px; padding:2px 7px; border:1px solid transparent; border-radius:5px; color:var(--muted); background:var(--control); font-size:var(--text-small); white-space:nowrap; }
.understanding.done { border-color:color-mix(in srgb,#7ca57a 24%,var(--line)); color:color-mix(in srgb,#55725a 85%,var(--ink)); background:color-mix(in srgb,#7ca57a 9%,transparent); }
.row-actions { display:flex; justify-content:flex-end; gap:3px; }
.row-actions button,.row-actions summary { min-height:36px; display:flex; align-items:center; padding:5px 8px; border-radius:7px; color:var(--muted); font-size:var(--text-small); }
.row-actions button:hover,.row-actions summary:hover { color:var(--ink); }
.row-menu { position:relative; }
.row-menu summary { border:1px solid transparent; list-style:none; cursor:pointer; }
.row-menu summary::-webkit-details-marker { display:none; }
.row-menu div { position:absolute; z-index:30; top:37px; right:0; width:150px; display:grid; gap:2px; padding:5px; border:1px solid var(--line); border-radius:9px; background:var(--panel); box-shadow:var(--shadow); }
.row-menu button { justify-content:flex-start; border-color:transparent; text-align:left; }
.editor { border-color:color-mix(in srgb,var(--accent) 35%,var(--line)); }
.editor form { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
.editor form .wide,.editor-actions { grid-column:1/-1; }
.correction-context { display:grid; gap:2px; padding:8px 10px; border-left:2px solid var(--accent); background:var(--control); }
.correction-context span { color:var(--muted); font-size:var(--text-small); font-weight:650; text-transform:uppercase; letter-spacing:.055em; }
.correction-context strong { font-size:var(--text-secondary); }
.correction-context p { margin:1px 0 0; color:var(--muted); font-size:var(--text-small); }
.editor-actions { display:flex; justify-content:flex-end; gap:6px; }
.documents-toolbar { align-items:center; }
.document-filters { display:flex; align-items:center; gap:6px; }
.document-filters label { display:block; }
.document-filters input,.document-filters select { min-height:36px; padding:5px 8px; font-size:var(--text-small); }
.document-filters input { width:160px; }
.document-inspector-body { padding:12px; }
.document-metadata { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0 0 12px; }
.document-metadata div { padding:9px 10px; border:1px solid var(--line); border-radius:8px; background:var(--control); }
.document-metadata dt { color:var(--faint); font-size:var(--text-small); }
.document-metadata dd { margin:3px 0 0; font-size:var(--text-control); }
.synthetic-suggestion { margin-bottom:12px; padding:10px; border-left:2px solid var(--accent); background:var(--control); font-size:var(--text-small); }
.synthetic-suggestion p { margin:3px 0 0; color:var(--muted); }
.text-button { min-height:36px; padding:5px 8px; border-color:transparent; color:var(--accent); background:transparent; font-size:var(--text-small); font-weight:650; }
.disclosure > summary { min-height:54px; display:flex; align-items:center; justify-content:space-between; padding:8px 12px; list-style:none; cursor:pointer; }
.disclosure > summary::-webkit-details-marker { display:none; }
.disclosure strong { display:block; font-family:var(--heading-font); font-size:var(--text-title); }
.history-list { border-top:1px solid var(--line); }
.history-item { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; min-height:48px; padding:7px 12px; border-bottom:1px solid var(--line); }
.history-item:last-child { border-bottom:0; }
.history-item p { margin:0; font-size:var(--text-secondary); }
.history-item small { color:var(--faint); font-size:var(--text-small); }
.history-item button { min-height:36px; padding:5px 8px; color:var(--muted); font-size:var(--text-small); }
.status { position:fixed; z-index:90; top:50%; left:50%; min-width:230px; max-width:min(360px,42vw); padding:5px 10px; overflow:hidden; border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line)); border-radius:7px; color:var(--ink); background:var(--panel-2); box-shadow:var(--shadow); opacity:0; pointer-events:none; transform:translate(-50%,calc(-50% - 4px)); transition:.2s ease; white-space:nowrap; text-align:center; text-overflow:ellipsis; font-size:var(--text-small); }
.status.visible { opacity:1; transform:translate(-50%,-50%); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[hidden] { display:none!important; }

@media (max-width:1080px) {
  .utility-strip,.ledger-navigation-strip { padding-inline:18px; }
  main { padding-inline:18px; }
  .status { left:50%; }
  th:nth-child(1),td:nth-child(1) { display:none; }
  td:nth-child(2) small { display:none; }
  th,td { padding-inline:7px; }
}
@media (max-width:850px) {
  .summary-strip { height:auto; }
  .summary-strip > div { height:auto; }
  .summary-five { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .summary-five .balance-summary { grid-column:1/-1; }
  .plan-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .plan-summary .balance-summary { grid-column:1/-1; }
  .documents-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .documents-summary .balance-summary { grid-column:1/-1; }
}
@media (max-width:700px) {
  body { min-width:0; }
  .app-shell { display:block; }
  .utility-strip { height:30px; padding-inline:8px; }
  .suite-name { display:none; }
  .top-actions { gap:2px; }
  .utility-strip .utility-menu > summary { min-height:28px; padding-inline:4px; }
  .ledger-navigation-strip { height:44px; padding-inline:12px; }
  .mobile-ledger-name { display:none; }
  .area-nav { display:none; }
  .context-menu { height:100%; }
  .context-menu > summary { min-width:96px; min-height:44px; }
  .context-popover { top:43px; }
  .mobile-bottom-nav { position:fixed; z-index:70; right:0; bottom:0; left:0; height:56px; display:grid; grid-template-columns:minmax(0,3fr) minmax(72px,1fr); padding-bottom:env(safe-area-inset-bottom); border-top:1px solid var(--line); background:color-mix(in srgb,var(--panel) 97%,transparent); backdrop-filter:blur(18px); }
  #mobile-primary-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  #mobile-primary-nav a,.mobile-more-menu > summary { position:relative; min-width:0; height:55px; display:flex; align-items:center; justify-content:center; padding:0 6px; color:var(--muted); font-size:var(--text-small); font-weight:620; list-style:none; }
  #mobile-primary-nav a::after { content:""; position:absolute; bottom:6px; left:50%; width:4px; height:4px; border-radius:50%; background:transparent; transform:translateX(-50%); }
  #mobile-primary-nav a.active { color:var(--ink); }
  #mobile-primary-nav a.active::after { background:var(--accent); }
  .mobile-more-menu { position:relative; border-left:1px solid var(--line); }
  .mobile-more-menu > summary::-webkit-details-marker { display:none; }
  .mobile-more-menu .popover { top:auto; right:6px; bottom:52px; width:218px; }
  .mobile-more-menu .planned-area { min-height:44px; display:flex; align-items:center; padding:7px 9px; border-radius:6px; color:var(--faint); font-size:var(--text-control); white-space:normal; }
  .context-placeholder-row { display:block; padding:12px 10px; }
  .context-placeholder-row td { display:block!important; padding:0; }
  main { padding:12px 8px calc(84px + env(safe-area-inset-bottom)); }
  .login-card { margin:5vh auto; }
  .local-header { min-height:46px; padding-inline:4px; }
  h1 { font-size:21px; }
  .room-icon { width:22px; height:22px; }
  .summary-strip { grid-template-columns:repeat(3,1fr); }
  .summary-strip .balance-summary { grid-column:1/-1; }
  .summary-strip > div { min-height:56px; padding:8px 10px; }
  .summary-five { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .summary-five .balance-summary { grid-column:1/-1; }
  .plan-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plan-summary .balance-summary,.plan-summary .summary-action { grid-column:1/-1; }
  .documents-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .documents-summary .balance-summary,.documents-summary .summary-action { grid-column:1/-1; }
  .summary-calculation summary { min-width:44px; min-height:44px; margin:-12px 0; }
  .summary-five .balance-summary { position:static; }
  .calculation-receipt { top:calc(100% + 8px); right:10px; left:10px; width:auto; }
  .summary-action .primary { width:100%; }
  .plan-columns { grid-template-columns:1fr; }
  .record-row { align-items:flex-start; }
  .reserve-row { display:grid; }
  .reserve-progress { min-width:0; text-align:left; }
  .editor form { grid-template-columns:1fr; }
  .editor form .wide,.editor-actions { grid-column:1; }
  .documents-toolbar { align-items:flex-start; flex-direction:column; }
  .document-filters { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .document-filters input,.document-filters select { width:100%; }
  .document-metadata { grid-template-columns:1fr; }
  .table-wrap { overflow:visible; }
  table,tbody { display:block; width:100%; }
  thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  tbody tr { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"item amount" "date status" "actions actions"; gap:6px 12px; padding:11px 12px; border-bottom:1px solid var(--line); }
  tbody tr:last-child { border-bottom:0; }
  tbody td { min-width:0; padding:0; border:0; }
  tbody td:nth-child(1) { display:block; grid-area:date; color:var(--faint); font-size:var(--text-small); }
  tbody td:nth-child(2) { grid-area:item; }
  tbody td:nth-child(2) strong { font-size:var(--text-body-sm); }
  tbody td:nth-child(3) { display:block; grid-area:status; justify-self:end; }
  tbody td:nth-child(4) { grid-area:amount; align-self:start; font-size:var(--text-control); }
  tbody td:nth-child(5) { grid-area:actions; }
  .documents-panel tbody tr { grid-template-areas:"item amount" "date status" "type type" "actions actions"; }
  .documents-panel tbody td:nth-child(1) { grid-area:date; }
  .documents-panel tbody td:nth-child(2) { grid-area:item; }
  .documents-panel tbody td:nth-child(3) { grid-area:type; color:var(--faint); font-size:var(--text-small); }
  .documents-panel tbody td:nth-child(4) { grid-area:status; }
  .documents-panel tbody td:nth-child(5) { grid-area:amount; }
  .documents-panel tbody td:nth-child(6) { grid-area:actions; }
  .row-actions { justify-content:flex-end; }
  .row-actions button,.row-actions summary { min-height:44px; }
  .row-menu div { top:45px; }
  .status { top:auto; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); left:12px; min-width:0; max-width:none; transform:translateY(5px); white-space:normal; }
  .status.visible { transform:none; }
}
@media (max-width:390px) {
  .month-state { display:none; }
  .summary-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .summary-five,.plan-summary,.documents-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .summary-strip span { font-size:10px; }
  .summary-calculation summary { font-size:10px; line-height:1.42; }
  .summary-calculation summary > span { font:400 10px/1.42 var(--font); }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }