/* Shared touch layout. Desktop tables keep their existing spacing. */
@media(max-width:700px){
 .app-body main{padding-left:12px;padding-right:12px;min-width:0}
 .workspace,.panel,.page-heading,.page-heading>div{min-width:0}
 .page-heading{gap:12px;margin-bottom:18px}
 .page-heading h1{font-size:25px;line-height:1.2;letter-spacing:-.5px}
 .page-heading .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:12px}
 .page-heading .actions>*{margin:0;min-width:0;width:100%;min-height:46px;white-space:normal;text-align:center;justify-content:center;font-size:12px;padding:10px}
 .page-heading .actions>:last-child:nth-child(odd){grid-column:1/-1}
 .page-heading>.button{width:100%;margin-top:10px}
 .mobile-records{padding:10px;gap:12px}
 .mobile-record-heading{padding:16px 15px 13px;gap:10px}
 .mobile-record-fields{padding:4px 15px 10px}
 .mobile-record-fields>div{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:10px;padding:10px 0}
 .mobile-record-fields dt{font-size:11px;overflow-wrap:anywhere}
 .mobile-record-fields dd{font-size:13px}
 .mobile-record-details>summary{padding:12px 15px;min-height:44px}
 .mobile-record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;padding:12px;margin:0;background:var(--bg)}
 .mobile-record-actions>a,.mobile-record-actions>button,.mobile-record-actions>form{margin:0!important;min-width:0;width:100%;align-self:stretch}
 .mobile-record-actions>a,.mobile-record-actions>button,.mobile-record-actions>form>button{display:flex;align-items:center;justify-content:center;min-height:46px;height:100%;padding:10px 8px;font-size:12px;line-height:1.35;white-space:normal;text-align:center;overflow-wrap:anywhere;border-radius:9px}
 .mobile-record-actions>form{display:flex;flex-direction:column;justify-content:stretch}
 .mobile-record-actions>form>button{width:100%;flex:1;margin:0}
 .mobile-record-actions>:last-child:nth-child(odd){grid-column:1/-1}
 .mobile-record-actions .registry-edit-link{margin-top:0!important;padding:10px 8px}
 .mobile-record-actions a:focus-visible,.mobile-record-actions button:focus-visible{outline-offset:-3px}
 .mobile-record-title .tv-item-action{margin:12px 0 0}.mobile-record-title .tv-item-action button{width:100%;min-height:46px;white-space:normal}
 .service-item-preview{min-width:0;max-width:100%}.service-item-preview form button{width:100%;min-height:44px}
 .filters{padding:12px;gap:10px;align-items:stretch}
 .filters>.search-select,.filters>input,.filters>select,.filters>label{flex:1 1 100%;width:100%;max-width:none;min-width:0}
 #registry-filter>input[name=Q]{min-width:0;flex-basis:100%}
 .search-select-trigger{min-height:48px;font-size:14px;padding:11px 12px}
 .filters>button{min-height:46px;font-size:13px}
 .form-panel>form,.padded.form-grid{padding:16px}
 .form-grid{gap:16px}.form-grid.two{grid-template-columns:minmax(0,1fr)}
 .form-actions{margin-top:0;padding-top:16px;gap:8px}
 .form-actions>a:not(.button){min-height:46px}
 .form-actions>a,.form-actions>button{margin:0!important;min-height:46px;line-height:1.4}
 .actions:not(.header-actions) form{min-width:0}
 .registry-pagination{gap:8px;padding:8px 10px}
 .registry-page-links{gap:4px}.registry-page-links>a{min-width:40px;min-height:44px}
 .list-page-size{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
 .list-page-size label{min-width:0;flex:1;justify-content:flex-end}
 .list-page-size .search-select{width:80px;flex:0 0 80px}
 .list-page-size>button{min-width:72px;padding:8px 10px}
 .detail-strip{padding:16px;gap:14px}.detail-strip>div{min-width:0;flex:1 1 100%}
 .logout-dialog .actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
 .logout-dialog .actions>button{min-width:0;min-height:46px;padding:10px}
 .registry-column-picker .actions{display:flex;flex-wrap:wrap;gap:8px}.registry-column-picker .actions>button{flex:1 1 140px;min-height:46px;white-space:normal}.registry-column-picker .actions>[role=status]{flex-basis:100%}
}
@media(max-width:360px){
 .mobile-record-actions,.page-heading .actions{grid-template-columns:minmax(0,1fr)}
 .mobile-record-actions>:last-child:nth-child(odd),.page-heading .actions>:last-child:nth-child(odd){grid-column:auto}
 .registry-pagination{justify-content:center}.registry-pagination>span:first-child{width:100%;margin-right:0;text-align:center}
}
