/* Screen-only layout. Original palette, font, background, print/export remain unchanged. */
@media screen{.mobile-modal-dismiss{position:sticky;top:0;z-index:6;display:flex;justify-content:flex-end;background:white;padding:4px;margin-bottom:8px}}
@media print{.mobile-modal-dismiss{display:none!important}}
.mobile-apartment-browser,.mobile-history-pager,.mobile-history-detail-action{display:none!important}
.mobile-history-summary>summary{display:none}
@media screen and (min-width:681px){.mobile-history-summary:not([open])> :not(summary){display:block!important}}
@media print{.mobile-history-summary> :not(summary){display:block!important}}
@media screen and (max-width:680px){
 #app .mobile-apartment-source{display:none!important}
 #app [data-panel="apartments"]>p.muted{display:none}
 #app .mobile-apartment-browser{display:block!important}
 #app .mobile-apartment-list{display:grid;gap:8px}
 #app .mobile-apartment-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.96);align-items:center}
 #app .mobile-apartment-card[hidden]{display:none}
 #app .mobile-apartment-number{font-size:16px;color:var(--green)}
 #app .mobile-apartment-owner{grid-column:1/-1;overflow-wrap:anywhere;font-size:15px;line-height:1.3}
 #app .mobile-apartment-balance{grid-column:1;min-width:0;font-size:16px;overflow-wrap:anywhere}
 #app .mobile-apartment-card>button{grid-column:2;min-width:96px}
 #app .mobile-list-pager{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}
 #app .mobile-list-pager>span{font-size:13px;text-align:center}
 #app .mobile-list-pager button:disabled{opacity:.45;cursor:default}
 #app .mobile-history-summary{margin:10px 0;border:1px solid var(--line);border-radius:9px;padding:10px}
 #app .mobile-history-summary>summary{display:list-item;cursor:pointer;min-height:34px;color:var(--green);font-weight:bold}
 #app .mobile-history-summary .history-account-summary{margin:10px 0}
 #app .mobile-history-source .mobile-history-page-hidden{display:none!important}
 #app .mobile-history-source .mobile-history-card>td:nth-child(2),#app .mobile-history-source .mobile-history-card>td:nth-child(4),#app .mobile-history-source .mobile-history-card>td:nth-child(7),#app .mobile-history-source .mobile-history-card>td:nth-child(8){display:none!important}
 #app .mobile-history-source .mobile-history-card>.mobile-history-detail-action{display:block!important;text-align:right!important}
 #app .mobile-history-source .mobile-history-detail-action::before{display:none}
 #app .history-totals{gap:7px;padding:10px;font-size:13px;margin:8px 0}
 body main#app{padding:10px;max-width:100%}
 #app .admin-shell{display:block}
 #app .admin-content,#app .panel,#app .card,#app header{min-width:0;max-width:100%}
 #app .card,#app header{padding:12px;border-radius:12px}
 #app header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;margin-bottom:10px}
 #app header>div{grid-column:1;grid-row:1}
 #app header>button{grid-column:2;grid-row:1;min-width:58px;overflow-wrap:normal}
 #app header>.manager-identity{grid-column:1/-1}
 #app header h1{font-size:20px;margin:3px 0}
 #app header p{margin:4px 0;font-size:13px}
 #app .manager-identity{font-size:12px}
 #app h2{font-size:21px;margin-bottom:10px}
 #app h3{font-size:17px}
 #app p{line-height:1.4;overflow-wrap:anywhere}
 #app .section{margin-top:10px}
 #app .toolbar,#modal .toolbar{gap:7px;margin:10px 0}
 #app .toolbar>button,#modal .toolbar>button{flex:1 1 140px;min-width:0}
 #app button,#modal button{min-height:44px;padding:10px;white-space:normal;overflow-wrap:anywhere}
 #app :is(input,select,textarea),#modal :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px}
 #app input[type=checkbox],#modal input[type=checkbox]{width:auto}
 #app .admin-nav{position:static;margin:0 0 10px;padding:0!important}
 #app .admin-nav>h3{display:none}
 #app .mobile-management-menu>summary,#app .compact-home-menu>summary{min-height:44px;padding:12px;font-weight:bold;color:var(--green);cursor:pointer}
 #app .mobile-management-menu>.admin-nav-list,#app .compact-home-menu>.admin-nav-list{padding:0 7px 7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px}
 #app .admin-nav-list button{margin:0;height:100%}
 #app .admin-nav-list>details{grid-column:1/-1}
 #app .admin-more{margin-top:4px!important;padding-top:4px}
 #app .admin-more[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
 #app .admin-more>summary{grid-column:1/-1}
 #app .grid.cards,#app .financecards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #app .financecards{margin:10px 0}
 #app .financecards>div{padding:12px;min-width:0}
 #app .financecards strong,#app .cards .card strong{font-size:20px;overflow-wrap:anywhere}
 #app .compact-home-shell .home-summary-item{min-height:112px;padding:12px;gap:6px}
 #app .compact-home-shell .home-summary-item strong{font-size:23px}
 #app .compact-home-shell .home-summary-item small{font-size:11px}
 #app .compact-quick h3{margin:12px 0 8px}
 #app .compact-quick-grid>button,#app .compact-unavailable{min-height:54px;padding:10px}
 #app .focus-projects{margin:10px 0;gap:8px}
 #app .staff-expense-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 #app .staff-expense-card{padding:12px}
 #app .staff-expense-body{min-width:0;overflow-wrap:anywhere}
 #app .project-card,#app .campaign-card{min-width:0;padding:12px!important}
 #app :is(.formgrid,.history-filters),#modal .formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #app .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #app .quick-actions button{min-height:54px;font-size:14px}
 #app .sectionhead{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
 #app .sectionhead select{max-width:100%}
 #app .notice,#modal .notice{padding:10px;line-height:1.4;overflow-wrap:anywhere}
 #app .expense-category-group,#modal .expense-category-group{padding:10px;margin:8px 0}
 #app .expense-category-group>summary,#modal .expense-category-group>summary{gap:8px;flex-wrap:wrap;min-height:44px}
 #app .expense-category-group>summary strong,#modal .expense-category-group>summary strong{white-space:normal}
 #app .tablewrap,#modal .tablewrap,#modal .statement-tablewrap{overflow:visible;min-width:0;max-width:100%}
 #modal.modal{padding:8px}
 #modal>.card{width:100%;max-width:100%!important;padding:12px;max-height:calc(100dvh - 16px)}
 #modal .statement-sheet{padding:10px;margin:10px 0;max-width:100%;box-shadow:none}
 #modal .statement-top{flex-wrap:wrap;align-items:start}
 #modal .statement-top h2{font-size:20px;text-align:left}
 #modal .statement-total{padding:9px;gap:8px;flex-wrap:wrap}
 #modal .statement-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;justify-content:start}
 #modal .statement-actions>button{flex:1 1 120px}
 #modal .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #modal .detail-contact{grid-template-columns:minmax(0,1fr);gap:8px}
 #app .mobile-responsive-table,#modal .mobile-responsive-table{display:block;width:100%;min-width:0!important;max-width:100%;background:transparent}
 #app .mobile-responsive-table>thead,#modal .mobile-responsive-table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #app .mobile-responsive-table>tbody,#modal .mobile-responsive-table>tbody,#app .mobile-responsive-table>tfoot,#modal .mobile-responsive-table>tfoot{display:block;width:100%}
 #app .mobile-responsive-table>tbody>tr,#modal .mobile-responsive-table>tbody>tr,#app .mobile-responsive-table>tfoot>tr,#modal .mobile-responsive-table>tfoot>tr{display:block;margin:8px 0;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.96);padding:7px;min-width:0}
 #app .mobile-responsive-table tr[onclick],#modal .mobile-responsive-table tr[onclick]{cursor:pointer}
 #app .mobile-responsive-table tr[onclick]:focus-visible,#modal .mobile-responsive-table tr[onclick]:focus-visible{outline:2px solid var(--green)}
 #app .mobile-responsive-table :is(td,th),#modal .mobile-responsive-table :is(td,th){display:block;width:100%!important;min-width:0!important;max-width:100%;padding:6px 4px;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;border:0;position:static;font-size:13px}
 #app .mobile-responsive-table td[data-mobile-label]:not([data-mobile-label=""]),#modal .mobile-responsive-table td[data-mobile-label]:not([data-mobile-label=""]){display:grid;grid-template-columns:minmax(0,100px) minmax(0,1fr);gap:3px 8px;align-items:start}
 #app .mobile-responsive-table td[data-mobile-label]:not([data-mobile-label=""])::before,#modal .mobile-responsive-table td[data-mobile-label]:not([data-mobile-label=""])::before{content:attr(data-mobile-label);color:#52645e;font-size:12px;font-weight:600;grid-column:1;grid-row:1}
 #app .mobile-responsive-table td[data-mobile-label]>*,#modal .mobile-responsive-table td[data-mobile-label]>*{min-width:0;max-width:100%;grid-column:2}
 #app .mobile-responsive-table td[colspan],#modal .mobile-responsive-table td[colspan]{display:block!important}
 #app .mobile-responsive-table td[colspan]::before,#modal .mobile-responsive-table td[colspan]::before{display:none}
 #app .statement-identity tbody th,#modal .statement-identity tbody th{display:none}
 #app .mobile-responsive-table .actions,#modal .mobile-responsive-table .actions{display:flex;flex-wrap:wrap;gap:6px}
 #app .mobile-responsive-table a,#modal .mobile-responsive-table a{overflow-wrap:anywhere}
 #app .history-current,#modal .history-current{white-space:normal}
}
/* Readability refinement: screen only; printed documents and accounting remain unchanged. */
@media screen{
 #app [data-visual-status="debt"],#modal [data-visual-status="debt"]{color:#b52b26!important;font-weight:700}
 #app [data-visual-status="credit"],#modal [data-visual-status="credit"]{color:#245fa5!important;font-weight:700}
 #app [data-visual-status="paid"],#modal [data-visual-status="paid"]{color:#247044!important;font-weight:700}
 #app .debt,#modal .debt,#app .special-unpaid,#modal .special-unpaid{color:#b52b26!important}
 #app .credit,#modal .credit{color:#245fa5!important}
 #app .approved,#modal .approved,#app .special-paid,#modal .special-paid{color:#247044!important}
 #app .pending,#modal .pending{color:#a45a08!important}
 #app [data-visual-status="paid"],#modal [data-visual-status="paid"]{color:#247044!important;font-weight:700}
 #app [data-visual-status="neutral"],#modal [data-visual-status="neutral"]{color:#24332f!important}
}
@media screen and (max-width:680px){
 body{font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}
 body main#app{padding:10px}
 #app .card,#app header,#modal>.card{padding:15px}
 #app :is(p,label,button,input,select,textarea,td),#modal :is(p,label,button,input,select,textarea,td){font-size:16px}
 #app :is(.muted,small,.eyebrow,.manager-identity,.history-current,.ledger-note,.balance-note),#modal :is(.muted,small,.eyebrow,.history-current,.statement-period,.statement-note,.statement-top span){font-size:14px!important;line-height:1.45}
 #app header p,#app .mobile-list-pager>span,#app .history-totals,#app .quick-actions button{font-size:14px}
 #app h2,#modal h2{font-size:22px;line-height:1.25;overflow-wrap:anywhere}
 #app h3,#modal h3{font-size:18px;line-height:1.3}
 #app :is(.mobile-apartment-owner,.mobile-apartment-number){font-size:16px}
 #app :is(.mobile-apartment-balance,.financecards strong,.cards .card strong,.compact-home-shell .home-summary-item strong),#modal :is(.detail-stat strong,.project-totals strong,.statement-total strong){font-size:20px;font-weight:700;overflow-wrap:anywhere}
 #app :is(.mobile-apartment-card,.staff-expense-card,.project-card,.campaign-card,.detail-stat,.special-cell),#modal :is(.detail-stat,.special-cell){background:#dcece1!important;border:1px solid #aec8b7!important;border-radius:12px;padding:15px!important;min-width:0;height:auto}
 #app .financecards>div,#app .compact-home-shell .home-summary-item{padding:15px;min-height:0;height:auto;border-color:#aec8b7}
 #app .mobile-responsive-table>tbody>tr,#modal .mobile-responsive-table>tbody>tr,#app .mobile-responsive-table>tfoot>tr,#modal .mobile-responsive-table>tfoot>tr{padding:14px;background:#dcece1;border-color:#aec8b7}
 #app .mobile-responsive-table :is(td,th),#modal .mobile-responsive-table :is(td,th){font-size:16px!important;line-height:1.45;padding:6px 0}
 #app .mobile-responsive-table td[data-mobile-label]::before,#modal .mobile-responsive-table td[data-mobile-label]::before{font-size:14px!important}
 #app .mobile-responsive-table td[data-mobile-label]:not([data-mobile-label=""]),#modal .mobile-responsive-table td[data-mobile-label]:not([data-mobile-label=""]){grid-template-columns:minmax(0,94px) minmax(0,1fr)}
 #app .bank-operation-cards td,#modal .bank-operation-cards td{font-size:16px!important}
 #app .bank-operation-cards td::before,#modal .bank-operation-cards td::before{font-size:14px!important}
 #app :is(.project-totals,.special-totals),#modal :is(.project-totals,.special-totals){grid-template-columns:minmax(0,1fr)}
 #app :is(.project-totals,.special-totals)>div,#modal :is(.project-totals,.special-totals)>div{padding:14px}
 #app :is(.staff-expense-body,.campaign-card small,.special-cell small),#modal :is(.special-cell small,.detail-contact){overflow-wrap:anywhere}
 #modal :is(.statement-identity td,.statement-identity th,.statement-ledger td,.statement-ledger th){font-size:16px!important}
 #app :is(.detail-head,.detail-toolbar),#modal :is(.detail-head,.detail-toolbar){flex-wrap:wrap;min-width:0}
 #app :is(.detail-toolbar select,.summary-ledger td:last-child,.summary-ledger .ledger-action),#modal :is(.detail-toolbar select,.summary-ledger td:last-child,.summary-ledger .ledger-action){min-width:0;white-space:normal}
 #app :is(button,a,strong,span),#modal :is(button,a,strong,span){overflow-wrap:anywhere}
}