.mobile-menu,.mobile-table-hint{display:none}
.sidebar{overflow-y:auto}.workspace,.detail-grid>div,.two-columns>*,fieldset{min-width:0}
@media(max-width:760px){
 body{font-size:15px;line-height:1.6}
 .sidebar{padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;overflow:visible}
 .brand{min-width:0;letter-spacing:.3px;gap:10px;font-size:14px}.brand .site-brand-logo{width:40px;height:40px;max-width:40px;max-height:40px;flex-basis:40px}
 .mobile-menu{display:block;min-height:44px;padding:8px 12px;border:1px solid #557086;border-radius:8px;background:#24455f;color:white;font-weight:600}
 .sidebar nav{grid-column:1/-1;display:grid;grid-template-columns:1fr;margin:0;gap:4px}
 .mobile-nav-ready:not(.nav-open) nav{display:none}
 .sidebar nav a{padding:12px;font-size:15px;min-height:44px}
 header{min-height:60px;justify-content:space-between;flex-wrap:nowrap;gap:12px;padding:10px 16px}
 header>a{font-size:12px;min-width:0;overflow-wrap:anywhere}header .link{min-height:44px;padding:8px;white-space:nowrap}
 main{padding:20px 12px}.page-title{gap:12px;margin-bottom:18px}.page-title h1{font-size:25px;overflow-wrap:anywhere}.page-title p{font-size:14px}
 .card{padding:16px;border-radius:12px;margin-bottom:16px}.card h2{font-size:18px;margin-bottom:16px}.table-card{padding:0}
 .stats{gap:8px;margin-bottom:18px}.stat{padding:14px}.stat strong{font-size:28px}.stat span{font-size:13px}.stat small{font-size:11px}
 input,select,textarea{font-size:16px;max-width:100%;min-width:0}input,select{height:48px}textarea{min-height:110px}
 input[type=file]{height:auto;min-height:48px;white-space:normal;font-size:14px}input::file-selector-button{padding:7px;max-width:100%}
 label{font-size:14px;margin-bottom:16px}.check{min-height:44px}.check input{flex:0 0 20px;width:20px;height:20px;min-height:20px}
 .button{min-height:46px;white-space:normal;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;font-size:14px}
 .filters{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.filters label{min-width:0}.filters .button{height:auto}.reset{padding:10px;min-height:44px;text-align:center}
 .actions{flex-wrap:wrap}.actions .button{flex:1}.pagination{padding:14px;gap:12px;flex-wrap:wrap}.pagination>div{display:flex;gap:8px;flex-wrap:wrap}.pagination a{min-height:44px;display:inline-flex;align-items:center;padding:8px}
 .table-heading{padding:16px}.table-scroll{max-width:100%;overscroll-behavior-x:contain}.mobile-table-hint{display:block;font-size:12px;color:var(--muted);padding:0 16px;margin:12px 0}
 .mobile-task-list,.mobile-task-list tbody{display:block;width:100%}.mobile-task-list thead{display:none}
 .mobile-task-list tr{display:block;padding:14px 16px;border-bottom:8px solid var(--bg)}.mobile-task-list tr:last-child{border-bottom:0}
 .mobile-task-list td{display:block;min-width:0!important;padding:7px 0;border:0;overflow-wrap:anywhere;font-size:14px}
 .mobile-task-list td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
 .mobile-task-list .task-title{font-size:17px;line-height:1.45;padding:4px 0}.badge{white-space:normal;font-size:12px}
 .agency-row{flex-wrap:wrap}.push-item,.push-device{overflow-wrap:anywhere}.push-item>div{min-width:0}.file{padding:12px;min-height:44px}
 .login-form{padding:28px 20px}.login-form h2{overflow-wrap:anywhere}.login-shell{min-height:100svh}
 footer{padding:12px 16px max(20px,env(safe-area-inset-bottom));overflow-wrap:anywhere}
 fieldset{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px}legend{font-weight:600;padding:0 6px}
}
