/* AUZsFinance: the extra-minimal layer on top of the AUZsStyle kit. Few colours (ink, white, wine), big quiet numbers, lots of air. */
.hero-n{display:grid;gap:4px;padding:18px 4px 6px}
.hero-n .k{font-size:13px;color:var(--label2);font-weight:500;letter-spacing:.02em}
.hero-n .n{font-size:46px;font-weight:700;letter-spacing:-.04em;line-height:1.05}
.hero-n.small .n{font-size:34px}
@media (min-width:900px){.hero-n .n{font-size:64px}}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:2px 4px}
.trio .k{font-size:12px;color:var(--label2);font-weight:500}.trio .n{font-size:20px;font-weight:650;letter-spacing:-.02em;margin-top:2px}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bar{width:90px;height:6px;border-radius:3px;background:var(--fill)}.bar i{display:block;height:100%;border-radius:3px;background:var(--tint)}
.flags{display:inline-flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.fab{position:fixed;right:18px;bottom:calc(92px + var(--safe-b));z-index:45;width:58px;height:58px;border-radius:50%;background:var(--tint);color:var(--tint-fg);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .25s var(--ease)}
.fab:active{transform:scale(.94)}
@media (min-width:900px){.fab{display:none}}
.add-side{background:var(--tint)!important;color:var(--tint-fg)!important;margin-bottom:8px}
.amtbox{display:grid;gap:6px;padding:4px 2px}
.amtrow{gap:6px;align-items:baseline}.amtrow .rs{font-size:34px;font-weight:600;color:var(--label3)}
.input.bigamt{font-size:40px;font-weight:700;min-height:64px;letter-spacing:-.03em;background:none;box-shadow:none;padding:0}
.input.bigamt:focus{box-shadow:none}
.preview{background:var(--tint-soft);color:var(--tint-text);border-radius:12px;padding:12px 14px;font-size:15px;display:grid;gap:4px}
.addform .field>label{font-size:12px}
.page{max-width:760px;margin:0 auto;width:100%}
.li .t{font-size:16px}
.kpi .n{font-size:22px}

/* Phase 2: lists are quiet (icon, name, amount); tabs, cards and buttons are flat and light */
.li{min-height:56px;border-radius:0}.li .t{font-weight:550}
.li .tile{width:34px;height:34px;border-radius:10px}
.list{border-radius:16px;box-shadow:none;border:1px solid var(--sep)}
.btn{border-radius:12px;box-shadow:none;font-weight:600}.btn.fill{box-shadow:none}
.seg{border-radius:12px;box-shadow:none}
.kpi{border-radius:16px;box-shadow:none;border:1px solid var(--sep)}
.sheet{border-radius:22px}
.chk{width:22px;text-align:center;font-weight:700;color:var(--tint)}
.sec-h h3{font-size:13px;font-weight:600;color:var(--label2);letter-spacing:.02em;text-transform:none}

/* Phase 4: money line, spend strip, tools tiles */
.flow{width:100%;height:64px;display:block;margin-top:10px;touch-action:none;cursor:crosshair;overflow:visible}
.flow-l{fill:none;stroke:var(--label);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:flowdraw 1.1s var(--ease) .1s forwards}
.flow-a{fill:var(--label);opacity:.05}
.flow-d{fill:var(--tint);stroke:var(--bg);stroke-width:2}
.flow-r{stroke:var(--label3);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}
.flow-cap{display:flex;justify-content:space-between;margin-top:6px;font-size:11px}
@keyframes flowdraw{to{stroke-dashoffset:0}}
.strip{display:flex;height:10px;gap:3px;margin:2px 0 10px}
.strip i{display:block;background:var(--tint);border-radius:5px;min-width:6px;transition:flex-grow .5s var(--ease)}
.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:900px){.tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tool{display:grid;gap:10px;align-content:start;text-align:left;padding:16px;border:1px solid var(--sep);border-radius:16px;background:var(--card,var(--bg2));min-height:104px;transition:transform .2s var(--ease),border-color .2s}
.tool:active{transform:scale(.97)}.tool:hover{border-color:var(--label3)}
.tool .tile{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--fill);color:var(--label)}
.tool b{font-size:15px;font-weight:600}.tool .small{font-size:12px}
.badge-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--tint);color:var(--tint-fg);font-size:11px;font-weight:700;margin-left:6px}
@media (prefers-reduced-motion:reduce){.flow-l{animation:none;stroke-dashoffset:0}}
.taxbox{border:1px solid var(--sep);border-radius:12px;padding:10px 14px}
.taxbox summary{font-size:14px;font-weight:550;cursor:pointer;color:var(--label2);list-style:none}
.taxbox summary::-webkit-details-marker{display:none}
.taxbox[open] summary{color:var(--label)}