/* Jusuf 3.0: mobile-only refinements. Desktop layout is intentionally unchanged. */
@media(max-width:900px){
 body .main-scroll{width:100%;min-width:0;overflow-x:hidden;scroll-padding-top:76px}
 body .main-scroll>header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));gap:10px}
 body .main-scroll>header>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body .main-scroll main{min-width:0;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 body .main-scroll main>*,body .panel,body .form-columns>*{min-width:0;max-width:100%}
 body .search{min-width:0;width:100%}body .search input{width:100%;min-width:0;flex:1;padding-left:0}
 body .modal{overscroll-behavior:contain;scroll-padding:24px}body .modal :is(input,select,textarea){min-width:0;max-width:100%}
 body .modal .actions{flex-wrap:wrap}body .modal .actions>button{min-height:44px}
 body .table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}
@media(max-width:600px){
 body .main-scroll>header .secure{display:none}
 body .main-scroll h1{font-size:26px;line-height:1.18;letter-spacing:-.7px}
 body .mailbox-card-head{height:auto;min-height:84px;padding:16px 14px;gap:10px}
 body .mailbox-card-head>div{flex:1 1 auto;min-width:0}
 body .mailbox-card-head h3{white-space:normal;overflow-wrap:anywhere;line-height:1.35;display:block}
 body .mailbox-card-head .badge{flex:0 0 auto;width:auto;min-width:28px;text-align:center;justify-content:center}
 body .mailbox-card-icon{width:36px;height:36px;flex:0 0 36px}
 body .dashboard-fold-head>svg{flex:0 0 18px}
 body .dashboard-fold-head>.badge{flex:0 0 auto;width:auto;white-space:nowrap}
 body .dashboard-inbox-todos>.panel>summary{height:auto;min-height:84px;padding:16px;gap:10px}
 body .dashboard-inbox-todos .todo-total{font-size:11px;white-space:normal;text-align:right;max-width:86px}
 body .dashboard-family .family-carousel>.person-card{flex-basis:94%;width:94%}
 body .person-actions :is(button,.button){min-height:44px}
 body .mail-folders{max-height:180px;padding:10px;overscroll-behavior:contain}
 body .folder-account>summary{min-height:44px;padding:12px 10px}
 body .inbox-toolbar{padding:14px;gap:12px}
 body .inbox-list .mail-action-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px;padding:8px 14px 14px}
 body .inbox-list .mail-action-carousel button{min-height:44px;white-space:normal;justify-content:flex-start;overflow-wrap:anywhere}
 body .mail-received{min-width:0;line-height:1.6}
 body .mail-detail-meta,body .focus-reader-content,body .summary{overflow-wrap:anywhere}
 body .reply-addresses,body .form-columns{grid-template-columns:minmax(0,1fr)}
 body .focus-reader-actions{flex-wrap:wrap;gap:8px}body .focus-reader-actions button{min-height:44px}
 body .expense-summary{padding:16px;gap:16px}
 body :is(.heading,.panel-head) .actions{flex-wrap:wrap;gap:8px}
 body .modal{padding:16px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-radius:14px 14px 0 0}
 body .modal-backdrop{align-items:flex-end}
}
@media(prefers-reduced-motion:reduce){body .main-scroll *{scroll-behavior:auto}}