html{overflow-x:hidden}body{overflow-wrap:anywhere}.main,.content,.panel,.modal,.field{min-width:0}.mobile-menu{display:none}.side-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.side-heading .brand{min-width:0}.modal{width:min(760px,100%)}.field input,.field select,.field textarea{max-width:100%;min-width:0}.tablewrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.actions{align-items:center}.login-card{max-width:100%}.userbox{min-width:0}.userbox>span:first-child{overflow:hidden;text-overflow:ellipsis}.modal small{color:var(--muted)}
@media(max-width:1100px) and (min-width:761px){.app{grid-template-columns:200px minmax(0,1fr)}.side{padding:18px 10px}.content{padding:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{padding:12px 18px;gap:12px;height:auto;min-height:70px}.userbox{font-size:12px;gap:8px}}
@media(max-width:760px){
 .app{display:block}.side{position:sticky;top:0;z-index:8;display:block;padding:10px 14px}.side-heading .brand{padding:0;font-size:17px}.brand small{font-size:10px}.mobile-menu{display:block;background:#3b3830;border:1px solid #786635;color:#ffbf16;padding:9px 12px;min-height:42px}.side .nav{display:none;margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:65dvh;overflow:auto}.side.is-open .nav{display:grid}.side .nav button{min-width:0;white-space:normal;min-height:44px;padding:10px;font-size:13px}.side-foot{display:none}.top{height:auto;min-height:68px;padding:12px 14px;gap:10px;flex-wrap:wrap}.top h1{font-size:17px}.userbox{gap:8px;max-width:100%;font-size:12px}.userbox>span:first-child{max-width:210px}.avatar{width:28px;height:28px;flex-shrink:0}.content{padding:14px}.toolbar{gap:12px;align-items:flex-start}.toolbar h2{font-size:21px}.toolbar>.actions{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:13px}.stat .value{font-size:20px;overflow-wrap:anywhere}.panel{padding:14px;margin-top:14px}.formgrid{grid-template-columns:1fr;gap:14px}.span2{grid-column:auto}.field input,.field select,.field textarea{font-size:16px;min-height:46px}.field label{font-size:13px}.modalback{padding:12px;align-items:start;overflow-y:auto;overscroll-behavior:contain}.modal{margin:auto;max-height:calc(100dvh - 24px);padding:20px 16px;border-radius:12px}.modal h3{font-size:20px}.modal .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:-20px;background:#fff;padding:12px 0;margin-bottom:-8px}.modal .actions button{min-height:46px}.modal .actions button:only-child{grid-column:1/-1}.hesta-order-modal{width:100%!important;max-height:calc(100dvh - 24px)!important}.hesta-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hesta-order-head{grid-template-columns:1fr}.hesta-order-head .field{border-right:0;border-bottom:1px solid #111}.toast{left:14px;right:14px;bottom:14px;max-width:none}.login{padding:16px}.login-card{padding:24px}.doc-head{gap:12px}.totals{width:100%}button{touch-action:manipulation;min-height:40px}button.small{min-height:36px}
}
@media(max-width:380px){.grid{grid-template-columns:1fr}.userbox>span:first-child{max-width:160px}.modal .actions{grid-template-columns:1fr}}
@media print{.mobile-menu{display:none!important}.side-heading{display:none!important}.modal .actions{position:static}}