.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-overlay{display:none}
@media(max-width:900px){
 body.mobile-nav-open{overflow:hidden}
 .mobile-nav-toggle{display:flex;position:fixed;top:12px;right:12px;z-index:1002;width:46px;height:46px;border:0;border-radius:13px;background:#16a477;color:#fff;align-items:center;justify-content:center;box-shadow:0 8px 25px #092b3a42;font-size:0}
 .mobile-nav-toggle::before{content:'☰';font-size:25px;line-height:1}
 .mobile-nav-toggle[aria-expanded="true"]::before{content:'×';font-size:31px}
 .mobile-nav-close{display:grid;position:absolute;top:14px;right:14px;width:38px;height:38px;place-items:center;border:1px solid #ffffff38;border-radius:10px;background:#ffffff12;color:#fff;font-size:25px}
 .mobile-nav-overlay{display:block;position:fixed;inset:0;z-index:998;background:#04171fc2;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
 .mobile-nav-overlay.is-open{opacity:1;visibility:visible}
 .nav,.admin-nav{display:flex!important;flex-direction:column;position:fixed!important;inset:0 auto 0 0!important;z-index:1000;width:min(310px,86vw)!important;height:100dvh!important;padding:24px 18px!important;transform:translateX(-105%);transition:transform .24s ease;overflow-y:auto;box-shadow:18px 0 45px #00182055}
 .nav.is-open,.admin-nav.is-open{transform:translateX(0)}
 .nav .brand{justify-content:flex-start!important;padding-right:45px}
 .nav nav,.admin-nav nav{display:grid!important;gap:5px;width:100%;margin-top:28px}
 .admin-nav>small{margin:20px 0 0}
 .nav nav a,.admin-nav nav a{display:block!important;min-height:45px;padding:13px 12px!important}
 .nav nav a[href*="logout"],.admin-nav nav a[href*="logout"]{margin-top:12px;background:#ffffff12;color:#fff!important;border:1px solid #ffffff20}
 .nav .user{display:grid!important;margin-top:auto;padding-bottom:8px}
 .dashboard,.admin-main,.document-page{margin-left:0!important;padding-left:14px!important;padding-right:14px!important}
 .dashboard,.admin-main{padding-top:72px!important}
 .welcome{gap:12px;align-items:flex-start}
 .welcome>button,.welcome>a{flex:0 0 auto}
}
@media(max-width:520px){
 .dashboard,.admin-main{padding-top:68px!important}
 .welcome{display:grid}
 .welcome h1{font-size:22px}
 .trial-banner{align-items:flex-start;flex-wrap:wrap}
 .trial-banner a{width:100%;margin-left:0}
 .document-actions{padding-top:58px}
 .item-editor,.quote-item,.waybill-item{grid-template-columns:1fr!important}
 .paper header{align-items:flex-start;flex-wrap:wrap}
 .paper .doc-title{width:100%;margin-left:0;text-align:left;margin-top:10px}
 .paper{overflow-x:auto}
}
@media print{.mobile-nav-toggle,.mobile-nav-overlay,.mobile-nav-close{display:none!important}}