/* Browser layout: retain the original desktop styling, fit the available screen. */
html,body{width:100%;min-width:0;height:auto;min-height:100dvh;overflow:auto}
.flow-shell{width:calc(100% - 40px);max-width:1720px;height:calc(100dvh - 80px);margin:55px auto 25px;grid-template-rows:auto minmax(0,1fr)}
.flow-header{flex-wrap:wrap}.shortcut-guide{display:none}.flow-layout{grid-template-columns:220px minmax(0,1fr) 340px}.ledger-toolbar{grid-template-columns:minmax(0,1fr);height:auto}.ledger-panel{grid-template-rows:auto auto auto minmax(0,1fr)}.ledger-header{flex-wrap:wrap}.ledger-header-actions{flex-wrap:wrap}.expense-line{grid-template-columns:42px minmax(110px,1fr) 65px 72px 80px 80px 85px;gap:5px}.dp-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.window-controls .minimize{display:none}
@media(max-width:1200px){.flow-shell{height:auto}.flow-layout{grid-template-columns:200px minmax(0,1fr)}.entry-sheet{grid-column:1/-1}.ledger-panel{min-height:500px}.expense-line{grid-template-columns:40px minmax(0,1fr) 90px}.line-main{grid-column:2}.line-date{grid-row:1/3}.line-actions{grid-column:1/-1;justify-content:flex-end}.expense-line>*{min-width:0}.result-columns{grid-template-columns:1fr}}
@media(max-width:700px){
 .flow-shell{width:calc(100% - 24px);margin:48px auto 20px;gap:12px}.flow-layout{display:flex;flex-direction:column}.flow-header{padding:14px;gap:14px}.flow-brand{align-items:flex-start}.brand-mark{display:none}.flow-brand h1{font-size:26px}.flow-brand p{font-size:12px;line-height:1.6}.header-tools{width:100%;flex-wrap:wrap;gap:8px}.header-tools button{flex:1;min-height:44px;font-size:11px}.finance-rail{width:100%}.rail-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rail-navigation>.field-label{grid-column:1/-1}.rail-navigation button{min-height:46px;font-size:11px}.rail-balance,.rail-alert{padding:14px}.ledger-header{padding:14px;gap:12px}.ledger-header h2,.entry-sheet h2{font-size:21px}.ledger-header-actions{width:100%;gap:6px}.ledger-header-actions button{min-height:44px;font-size:10px;flex:1}.ledger-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-summary>div{padding:14px 10px}.ledger-summary strong{font-size:18px}.ledger-summary span:not(.material-symbols-outlined){font-size:10px}.ledger-summary .summary-note{grid-column:1/-1}.summary-note p{font-size:11px}.ledger-toolbar{padding:12px;gap:10px}.ledger-search,.ledger-search input,.toolbar-segment,.toolbar-segment button{height:44px}.ledger-search input,.entry-field input,.entry-field select,.entry-field textarea{font-size:16px}.toolbar-segment button{padding:0 3px;font-size:10px}.agenda-list{overflow:visible;padding:12px}.agenda-day>header{align-items:flex-start;flex-wrap:wrap}.agenda-day h3{font-size:15px}.day-total{font-size:11px;white-space:normal}.expense-line{padding:12px;gap:10px;grid-template-columns:40px minmax(0,1fr) 88px}.line-main strong{font-size:13px;white-space:normal;line-height:1.5}.line-main span{font-size:11px;white-space:normal;line-height:1.5}.line-status,.origin{font-size:10px}.line-actions{gap:8px}.line-actions button{min-width:44px;min-height:44px}.entry-sheet{width:100%;overflow:visible}.entry-two-columns{grid-template-columns:1fr}.entry-sheet-footer{flex-wrap:wrap}.entry-actions{width:100%;gap:8px}.entry-actions button{flex:1;min-height:44px}.save-hint{display:none}.dp-dialog-overlay{padding:12px;overflow:auto}.dp-dialog{width:100%!important;min-width:0!important;max-height:calc(100dvh - 24px);font-size:12px}.dp-dialog button{min-height:44px}.expense-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-detail-total{grid-template-columns:1fr}.expense-detail-payments>div{grid-template-columns:minmax(0,1fr) auto}.expense-detail-payments small{grid-row:2}.expense-detail-attachment{grid-template-columns:24px minmax(0,1fr)}.expense-detail-attachment button{grid-column:1/-1}.hidden-forecast-row,.category-row{grid-template-columns:minmax(0,1fr);gap:10px}.hidden-forecast-main{grid-template-columns:1fr}.hidden-forecast-main small{grid-column:auto}.hidden-forecast-value{text-align:left}.category-row-actions{grid-template-columns:1fr 1fr}.result-cards,.result-columns,.scenario-grid{grid-template-columns:1fr}.monthly-result{padding:12px;overflow:visible}.dp-toast{max-width:calc(100vw - 24px);white-space:normal}.window-controls{top:7px;right:12px}.window-control-btn{width:36px;height:36px}
}

/* Explicit slots prevent expense fields from jumping into implicit grid rows. */
@media(max-width:700px){
 .expense-line{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main value" "date status" "origin category" "actions actions";gap:10px 12px;align-items:start}
 .expense-line>.line-main{grid-area:main;min-width:0}
 .expense-line>.line-value{grid-area:value;align-self:start;font-size:15px}
 .expense-line>.line-date{grid-area:date;grid-row:auto;display:flex;align-items:center;justify-content:flex-start;gap:4px;width:auto;min-height:0;padding:0;border:0;background:none}
 .expense-line>.line-date strong{font-size:13px;line-height:1.5}
 .expense-line>.line-date span{font-size:13px;margin:0}
 .expense-line>.line-date span::before{content:"/"}
 .expense-line>.origin{grid-area:origin;justify-self:start;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .expense-line>.line-category,.expense-line>.line-category-placeholder{grid-area:category;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:right}
 .expense-line>.line-status{grid-area:status;justify-self:end;max-width:100%;white-space:normal}
 .expense-line>.line-status strong{font-size:11px}
 .expense-line>.line-status small{font-size:10px}
 .expense-line>.line-actions{grid-area:actions;grid-column:auto;flex-wrap:wrap}
 .expense-line>.line-actions:empty{display:none}
 .expense-line .line-main strong,.expense-line .line-main span{overflow-wrap:anywhere}
 .expense-detail-grid>div{min-width:0;overflow-wrap:anywhere}
}