.menu-toggle,.portal-menu-toggle,.nav-backdrop,.mobile-nav-heading{display:none}
.menu-toggle{width:48px;height:48px;padding:8px;border:0;border-radius:12px;background:#eef4ff;color:var(--ink);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor}.menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:760px){body.menu-open{overflow:hidden}.topbar{height:64px;padding:0 12px;z-index:40}.topbar .brand-lockup{min-width:0;gap:8px}.topbar .escone-wordmark small,.topbar .company-mark{display:none}.topbar .brand{font-size:18px}.topbar .escone-brand img{width:34px;height:34px}.menu-toggle,.portal-menu-toggle{display:inline-flex;flex:0 0 auto}.topbar nav,.portal-nav{display:flex!important;position:fixed;inset:0 0 0 auto;width:min(88vw,360px);height:100dvh;padding:18px 18px 30px;align-items:stretch;flex-direction:column;gap:6px;background:#fff;box-shadow:-20px 0 50px rgba(11,23,42,.2);overflow-y:auto;transform:translateX(105%);transition:transform .22s ease;z-index:52;font-size:16px}body.menu-open .topbar nav,body.menu-open .portal-nav{transform:translateX(0)}.topbar nav>a,.topbar nav .button,.topbar nav form,.portal-nav>a,.portal-nav form{display:flex!important;width:100%;min-height:48px;align-items:center;padding:11px 12px;border-radius:10px}.topbar nav>a:hover,.portal-nav>a:hover{background:#eef4ff;color:var(--brand2)}.topbar nav form .link,.portal-nav form .link{width:100%;min-height:44px;text-align:left;color:var(--danger);font-weight:750}.topbar nav .org{display:none}.topbar nav .button{justify-content:flex-start;background:#eef4ff;color:var(--brand2);border:0}.mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 14px;margin-bottom:4px;border-bottom:1px solid var(--line)}.mobile-nav-heading strong{font-size:17px}.mobile-nav-heading button{width:44px;height:44px;border:0;border-radius:50%;background:#eef2f7;font-size:28px;line-height:1;cursor:pointer}.nav-backdrop{position:fixed;inset:0;border:0;background:rgba(5,12,24,.55);z-index:50;cursor:pointer}body.menu-open .nav-backdrop{display:block}.portal-navigation{margin-bottom:18px}.portal-menu-toggle{gap:8px}.portal-nav{z-index:52}.container{width:min(100% - 24px,1180px);padding:24px 0 48px}.hero,.detail-heading,.section-heading{align-items:stretch!important;flex-direction:column;gap:18px}.hero h1,.page-heading h1{font-size:clamp(30px,10vw,42px);letter-spacing:-1.5px;overflow-wrap:anywhere}.actions{width:100%}.actions>.button,.actions>form,.actions>form .button{flex:1 1 150px}.panel,.auth-card,.result-card{padding:20px;border-radius:14px}.auth-card{margin:3vh auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric strong{font-size:25px}.document-row{flex-wrap:wrap}.document-row>div:first-child{min-width:0;flex:1 1 190px}.row-meta{justify-items:start;flex:1 1 120px}.row-meta time{display:block}.detail-grid,.form-grid{grid-template-columns:minmax(0,1fr)}.full{grid-column:auto}dl div{align-items:flex-start;flex-direction:column;gap:5px}dd{text-align:left;overflow-wrap:anywhere}.search{flex-direction:column}.copy-field{grid-template-columns:minmax(0,1fr)}.copy-field input,.copy-field button{border-radius:10px}.copy-field button{margin-top:8px}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px;max-width:100%}}
@media(max-width:390px){.metrics{grid-template-columns:1fr}.sign-actions{grid-template-columns:1fr}.actions>.button,.actions>form{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.topbar nav,.portal-nav{transition:none}}
.warehouse-scanner{margin:20px 0;border-top:4px solid var(--brand)}.warehouse-scanner input{font-size:20px;font-weight:750;letter-spacing:.04em}.loading-sheet table{width:100%;border-collapse:collapse;margin:24px 0}.loading-sheet th,.loading-sheet td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.loading-sheet th{background:#eef4ff}.metrics .metric>strong.metric-label{font-size:16px}@media print{.loading-sheet{box-shadow:none;border:0;padding:0}.loading-sheet table{display:table}.loading-sheet th{background:#eee!important;color:#000}}
.delivery-note header,.kit-sheet header,.delivery-note footer,.kit-sheet footer{display:flex;justify-content:space-between;gap:24px}.delivery-note header{padding-bottom:20px;border-bottom:3px solid var(--brand)}.delivery-note table,.kit-sheet table{width:100%;border-collapse:collapse;margin:24px 0}.delivery-note th,.delivery-note td,.kit-sheet th,.kit-sheet td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}@media(max-width:600px){.delivery-note header,.delivery-note footer,.kit-sheet footer{flex-direction:column}.delivery-note{padding:16px}.delivery-note th,.delivery-note td,.kit-sheet th,.kit-sheet td{padding:8px;font-size:12px}}@media print{.delivery-note,.kit-sheet{box-shadow:none;border:0;padding:0}.delivery-note table,.kit-sheet table{display:table}footer{break-inside:avoid}}
