/* Navigation and mobile interaction overrides; shared style.css stays untouched. */
@media (max-width:760px){
 .tabbar{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:1fr}
 .tabbar a.hidden{display:none}
 #setNav,#setTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px;max-width:100%}
 #setNav a,#setTabs a{white-space:normal;justify-content:center;text-align:center;padding:6px 4px;height:auto;min-height:36px;margin:0}
 #setNav a.on,#setTabs a.on{background:var(--pl);color:var(--p);border-radius:var(--r-md)}
 .oc .cpb,.oc .acts button{min-width:44px;min-height:44px;height:auto;padding:10px;flex-shrink:0}
 .oc .cp{min-width:0;max-width:100%}
 .oc .acts{flex-wrap:wrap;gap:12px}
 .oc .acts [data-call=del]{margin-left:12px;color:var(--er);order:10}
 .bulk{flex-wrap:nowrap;overflow-x:auto;max-width:100%;min-width:0}
 .bulk>*{flex-shrink:0}
 .bulk button{min-height:36px;height:auto}
 .bulk [data-a=bdel],.bulk [data-nb=delete],.bulk [data-nb=purge]{order:10;margin-left:16px;color:var(--er);border-color:var(--er)}
 #rTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}
 #rTabs a{padding:6px 4px;min-height:40px;height:auto;justify-content:center;white-space:normal;margin:0}
 #tab-home [data-go=report],#dRange button,#rpMetric button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;height:auto}
 #dRange{width:auto;flex-shrink:0}
 #tab-report .panel-h,#rpMetric{max-width:100%;min-width:0}
 #rpMetric button{padding:6px 8px}
}
@media (max-width:600px){
 #rpMetric{display:flex;flex-wrap:wrap}
 #rpMetric button{min-height:36px;height:auto;font-size:13px;min-width:0;white-space:normal}
 #moreDlg [data-tab=customers]{display:none}
 #orderForm .modal-b{display:flex;flex-direction:column}
 #orderForm .modal-b>*{flex-shrink:0}
 #orderCustomerGroup{order:1}
 #orderForm .modal-f{display:flex;flex-wrap:nowrap;gap:6px;padding:8px 12px;min-height:0;height:56px;box-sizing:border-box}
 #orderForm .modal-f [data-close]{display:none}
 #orderForm .modal-f .btn{flex:0 1 auto;min-width:0;min-height:40px;height:40px;padding:0 8px;font-size:14px}
 #orderForm .modal-f #saveBtn{flex:1;font-size:14px}
 #orderForm .modal-f #chainExit{background:var(--fill);color:var(--mu);border-color:var(--bd)}
}

.fi input[aria-invalid=true]{border-color:var(--er)}