.live-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.live-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#69a9d3}.live-status.error:before{background:#c65e67}.live-overlay{position:fixed;inset:0;z-index:100;background:#11203312;cursor:progress}.live-error{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:min(550px,92vw);z-index:99;background:var(--card);border:1px solid #c65e67;padding:20px;border-radius:18px;box-shadow:0 10px 50px #0002;line-height:1.6}.live-error button{margin:10px 6px 0 0}.setup{max-width:600px;margin:40px auto;padding:32px;background:var(--card);border:1px solid var(--line);border-radius:24px}.setup h1{font-size:28px;margin:15px 0}.setup p{line-height:1.8}.setup .field{margin-top:20px}.setup .btn{margin-top:24px}.live-ready .notice{flex-wrap:wrap;gap:8px}.live-navlink{color:var(--green);text-decoration:none;font-size:12px}body[data-live] .notice{margin-bottom:22px}
/* Keep intrinsic text widths from enlarging mobile grid tracks. */
.cards,.grid,.twocol{min-width:0}.cards>*,.grid>*,.twocol>*{min-width:0}.grow{min-width:0;overflow-wrap:anywhere}.period select{min-width:0;width:auto;max-width:calc(100% - 80px)}
@media(max-width:400px){.cards{grid-template-columns:minmax(0,1fr)}.cards .amount{font-size:28px}.expense-summary{grid-template-columns:minmax(0,1fr)}.formgrid{grid-template-columns:minmax(0,1fr)}.sectiontop{gap:10px;flex-wrap:wrap}}