html{max-width:100%;overflow-x:hidden}body{max-width:100%;overflow-x:hidden}.table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.table-wrap table{min-width:760px}.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-thumb{border-radius:10px;background:#94a3b8}.table-wrap::-webkit-scrollbar-track{background:#e2e8f0}.hero>div:last-child,.hero>.actions{display:flex;align-items:center;gap:8px}.customer-actions,.product-actions,.actions{gap:6px}.customer-actions form,.product-actions form,.actions form{margin:0}
@media(max-width:700px){.topbar{height:52px;padding:5px max(11px,env(safe-area-inset-right)) 5px max(11px,env(safe-area-inset-left))}.menu-toggle{display:block;min-width:44px;min-height:44px}.topbar nav{position:absolute;left:0;right:0;top:52px;display:none;max-height:calc(100vh - 52px);overflow-y:auto;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#172554;box-shadow:0 12px 30px #0f172a55}.topbar nav.open{display:grid}.topbar nav a{min-height:44px;padding:10px}.page{width:calc(100% - 20px);margin-top:12px}.hero{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.hero>div:last-child,.hero>.actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.btn{min-height:40px}.btn.small{min-height:36px}.table-wrap table{width:max-content;min-width:760px}.table-wrap th,.table-wrap td{white-space:nowrap}.toolbar input,input,select,textarea{font-size:16px!important}.site-footer{align-items:flex-start;flex-direction:column;gap:4px;width:calc(100% - 20px)}.customer-actions,.product-actions,.actions{justify-content:flex-start;flex-wrap:nowrap;min-width:max-content}.card{max-width:100%}.kpis.three,.kpis.four{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions>.btn{flex:0 1 auto}}
@media(max-width:380px){.page{width:calc(100% - 12px)}.hero{padding:17px;border-radius:14px}.hero h1{font-size:20px}.card{border-radius:12px}.toolbar,.card-head{padding-left:14px;padding-right:14px}}
@media print{.table-wrap{overflow:visible!important}.table-wrap table{width:100%!important;min-width:0!important}.menu-toggle{display:none!important}}