/* Compact screen layout. Printed owner statements retain their document styling. */
@media screen {
 body{font-size:13px;line-height:1.4}
 main{padding:16px 16px 28px}
 aside{padding:18px 10px}
 .brand{gap:8px;padding:0 4px 16px}.brand strong{font-size:14px}.mark{width:34px;height:34px;border-radius:10px;font-size:21px}
 .nav{gap:3px}.nav button{padding:9px 8px;gap:6px}.aside-note{padding:10px;font-size:11px}
 .topbar{gap:12px;margin-bottom:12px}.topbar h1{font-size:24px;margin:3px 0 4px}.sub{font-size:12px}.actions{gap:6px}
 .btn{padding:7px 10px;border-radius:8px}.btn.sm{padding:4px 6px;font-size:11px}
 .filters{gap:7px;margin-bottom:10px}.filters input,.filters select{padding:6px 8px;max-width:100%}
 .banner{padding:8px 11px;gap:10px;margin-bottom:10px;font-size:12px}
 .grid{gap:10px}.kpis,.entities{margin-bottom:10px}.card{border-radius:11px}.kpi{padding:12px}.kpi .value{font-size:23px;margin:5px 0 2px}.entity{padding:11px}
 .panel-head{padding:11px 12px 8px;gap:8px}.panel-head h2{font-size:15px}.panel-head small{font-size:11px}
 .bulk-bar{padding:0 12px 9px;gap:6px}.bulk-bar small{flex:1 1 240px;font-size:11px}
 .chart{height:195px;padding:6px 12px 12px}.quality{padding:0 12px 10px}.quality-row{padding:8px 0}
 .summary-block{padding:12px}.summary-block h3{margin-bottom:9px}.metric-row{gap:10px;padding:7px 0}.metric-row>*{min-width:0;overflow-wrap:anywhere}
 .table-wrap{width:100%;max-width:100%;overflow:auto}
 table{width:100%;min-width:0;table-layout:fixed}
 th,td{padding:7px 6px;white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:top;line-height:1.4}
 th{font-size:10px;letter-spacing:0;text-transform:none}
 td.amount{font-size:12px;font-variant-numeric:tabular-nums}
 td .pill{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:2px 5px;text-align:center}
 td .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:4px 5px;font-size:11px}
 #transactions table{font-size:12px}
 #transactions th:nth-child(1){width:3%}#transactions th:nth-child(2){width:8%}#transactions th:nth-child(3){width:5%}
 #transactions th:nth-child(4){width:12%}#transactions th:nth-child(5){width:23%}#transactions th:nth-child(6){width:9%}
 #transactions th:nth-child(7){width:11%}#transactions th:nth-child(8){width:6%}#transactions th:nth-child(9){width:5%}
 #transactions th:nth-child(10){width:5%}#transactions th:nth-child(11){width:6%}#transactions th:nth-child(12){width:7%}
 #transactions td:first-child,#transactions th:first-child{text-align:center;padding-left:3px;padding-right:3px}
 #transactions input[type=checkbox]{margin:2px 0;width:13px;height:13px}
 #transactions td:nth-child(9),#transactions td:nth-child(10){text-align:center}
 .report-controls{gap:8px;padding:0 12px 10px}.report-flow{gap:8px;padding:0 12px 12px}.flow-card{padding:9px}.report-note{padding:0 12px 10px}
 .statement-sheet{max-width:none;padding:20px;margin-top:10px}.owner-description{min-width:0}
 .statement-header-info,.statement-bottom{gap:20px}.statement-meta div{gap:10px;min-width:0;overflow-wrap:anywhere}
 .statement-table th,.statement-table td{white-space:normal;overflow-wrap:anywhere}
 .owner-expense-table td:last-child{white-space:normal}
 .field input,.field select{min-width:0;max-width:100%}.profile-actions{flex-wrap:wrap}
}
@media screen and (min-width:1051px){.app{grid-template-columns:170px minmax(0,1fr)}}
@media screen and (min-width:721px) and (max-width:1050px){.app{grid-template-columns:72px minmax(0,1fr)}main{padding:14px 12px 24px}.brand{padding-left:5px}}
@media screen and (max-width:720px){
 main{padding:12px 8px 88px}aside{padding:7px 6px}.topbar h1{font-size:21px}.actions{margin-top:9px}.banner{padding:7px 9px}
 .panel-head{padding:9px 8px 7px}.bulk-bar{padding:0 8px 8px}
 #transactions table{font-size:11px}#transactions th,#transactions td{padding:6px 3px}#transactions td .btn{font-size:10px;padding:3px}
 #transactions td.amount{font-size:11px}.statement-sheet{padding:12px}.statement-header-info,.statement-bottom,.statement-meta{grid-template-columns:1fr}.statement-header-info>div:last-child{justify-self:stretch;min-width:0}
}