.mobile-nav-label,.mobile-transaction-actions{display:none}
.mobile-account-info{text-align:center;padding:12px}.mobile-account-info .avatar{margin:0 auto 12px;width:54px;height:54px;font-size:18px}
@media screen and (max-width:640px){
 :root{font-size:15px;--muted:#687b72}
 body{overscroll-behavior-y:none}input,select,textarea{font-size:16px;min-height:48px}input[type=checkbox]{width:22px;height:22px;min-height:22px}
 button{min-height:46px;padding:11px 14px}.small,.icon-button{min-height:44px;min-width:44px}.check-label{min-height:44px;line-height:1.6}
 .sidebar,.sidebar.open{inset:auto 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom,0px));transform:none;box-shadow:0 -3px 18px #243e3010;border:0;border-top:1px solid var(--line);padding:4px max(6px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(6px,env(safe-area-inset-left,0px));background:#fdfefbf5;backdrop-filter:blur(16px);z-index:30;display:block}
 .sidebar>.brand,.sidebar>.nav-caption,.sidebar>.sidebar-bottom{display:none}
 .sidebar .nav{display:flex;flex-direction:row;gap:3px;height:60px;width:100%}
 .sidebar .nav a{flex:1;min-width:0;min-height:58px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;border-radius:11px;padding:6px 1px;font-size:11px;line-height:1.3}
 .sidebar .nav a svg{width:22px;height:22px}.sidebar .nav a>span{display:none}.sidebar .nav a>.mobile-nav-label{display:block;font-size:11px}
 .sidebar .nav a.active:after{display:none}.sidebar .nav a.active{background:#e3efe5;color:#195c4d}
 .workspace{margin:0;min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;height:calc(58px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;background:#fafbf8f5;backdrop-filter:blur(14px)}
 .breadcrumb{gap:6px;font-size:13px}.breadcrumb>svg{display:none}.top-right{gap:0}.menu-toggle{display:inline-flex}.top-right .date,.top-right .pill{display:none}
 main{padding:22px 14px calc(90px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:160px}.page-heading{gap:12px;margin-bottom:18px}.page-heading h1{font-size:25px;letter-spacing:.5px;margin-bottom:5px}.page-heading .eyebrow{font-size:9px;margin-bottom:3px}.subtitle{font-size:13px;line-height:1.75}
 #page-actions{width:100%;gap:8px;flex-wrap:wrap}#page-actions:empty{display:none}#page-actions>a,#page-actions>button{flex:1}#page-actions>a button{width:100%}#page-actions button{font-size:13px}
 .metrics{gap:10px}.metric{padding:15px}.metric-top{font-size:12px}.metric .number{font-size:31px;margin:8px 0 3px}.metric .caption{font-size:11px;line-height:1.7}.metric-icon{width:28px;height:28px}
 .columns{gap:14px;margin-bottom:16px}.stack{gap:14px}.panel{border-radius:13px}.panel-head{padding:16px;align-items:center}.panel-head h2{font-size:16px}.panel-body{padding:0 16px 18px}.form-section{padding:16px}.form-section h2{margin-bottom:15px}.form-grid{gap:15px}label{font-size:14px}
 .filters{padding:13px;gap:9px}.filters .search{flex-basis:100%}.filters select{font-size:16px;max-width:100%}.search input{padding-left:38px}.search svg{top:16px}
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.equipment-image{height:130px}.equipment-info{padding:12px}.equipment-info h3{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.equipment-info .row{flex-wrap:wrap;gap:5px}.equipment-info .mono{font-size:11px}.equipment-info .badge{font-size:10px}.equipment-card:hover{transform:none}
 .tabs{padding:0 8px;gap:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{min-height:48px;padding:12px;font-size:13px;flex-shrink:0}.tabs .tab svg{width:19px;height:19px}
 .scan-zone{padding:17px 12px;min-height:185px;gap:9px}.scan-zone>.scan-icon{width:39px;height:39px;border-radius:10px}.scan-zone .scan-icon svg{width:25px;height:25px}.scan-zone h3{font-size:15px}.scan-zone p{font-size:12px}.scan-zone>#start-camera{min-height:48px;width:100%;max-width:320px;margin-top:4px}
 .scan-zone:has(video)>.scan-icon,.scan-zone:has(video)>h3,.scan-zone:has(video)>p:not(#scan-message){display:none}#reader video{border-radius:10px}.scan-entry{margin-top:16px}.scan-entry .row{gap:8px}.scan-entry .row>button{padding:10px;min-width:72px}.scan-entry label.file-link{display:inline-flex;flex-direction:row;align-items:center;min-height:44px;font-size:13px}.scan-entry>.subtitle{font-size:12px}
 .basket-list{padding:0 16px;max-height:340px;overflow-y:auto;overscroll-behavior:contain}.basket-item{gap:9px;padding:13px 0}.basket-item .info{min-width:0}.basket-item strong{font-size:14px;overflow-wrap:anywhere}.basket-item small{font-size:11px}.basket-item .badge{font-size:10px;padding:4px 6px}.basket-item .thumb{width:46px;height:46px}.basket-total{font-size:14px;padding:14px 16px}.empty{padding:26px 16px;font-size:13px}
 .transaction-columns>.stack:last-child>.panel:last-child .panel-body{font-size:12px}.transaction-columns .form-actions{margin-top:18px;padding-top:16px}
 .mobile-transaction-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom,0px));padding:11px 16px;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -4px 18px #2048310b;z-index:25}
 .mobile-transaction-actions>div{display:flex;flex-direction:column;gap:2px}.mobile-transaction-actions span{font-size:11px;color:var(--muted)}.mobile-transaction-actions strong{font-size:16px}.mobile-transaction-actions button{min-width:155px;min-height:48px;font-size:15px}
 body[data-page=transactions][data-has-basket=true] main{padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))}
 #transaction-form{scroll-margin-top:80px}#transaction-form :is(input,select,textarea){scroll-margin-top:95px;scroll-margin-bottom:170px}
 #toast{left:50%;bottom:calc(85px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100vw - 28px);padding:12px 16px;font-size:13px}body[data-has-basket=true] #toast{bottom:calc(160px + env(safe-area-inset-bottom,0px))}
 .table-wrap:has(table.mobile-cards){overflow:visible}.mobile-cards,.mobile-cards tbody{display:block;width:100%;white-space:normal}.mobile-cards thead{display:none}.mobile-cards tbody{padding:0 14px 12px}.mobile-cards tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px 14px;padding:16px 0;border-bottom:1px solid var(--line)}.mobile-cards tbody tr:last-child{border-bottom:0}
 .mobile-cards td{display:block;padding:0;border:0;min-width:0;font-size:13px;overflow-wrap:anywhere}.mobile-cards td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:4px;letter-spacing:.3px}.mobile-cards td:first-child{grid-column:1/-1;font-size:14px}.mobile-cards td:first-child:before{display:none}.mobile-cards td[data-label=""]:before{display:none}.mobile-cards td:last-child:has(button){display:flex;align-items:center;justify-content:flex-end;grid-column:1/-1}.mobile-cards .equipment-cell strong{font-size:14px;white-space:normal;max-width:none}.mobile-cards .equipment-cell small{font-size:12px}.mobile-cards .badge{font-size:11px}.mobile-cards td>.mono{font-size:12px}.mobile-cards .account-table select{max-width:100%}
 .pagination{gap:12px;flex-wrap:wrap;font-size:12px;padding:13px 14px}.pagination>.row{margin-left:auto;gap:8px}.pagination button{font-size:12px}.report-filter{padding:15px;gap:10px}.report-filter label{font-size:13px;min-width:125px}.report-filter>button{flex:1}.report-filter>.subtitle{flex-basis:100%}.chart-layout{gap:16px;justify-content:space-evenly}.legend{font-size:12px}.card-note,.notice{font-size:12px;line-height:1.85}
 dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain}dialog .dialog-head{position:sticky;top:0;background:white;z-index:2;padding:13px 18px}dialog .dialog-head h2{font-size:18px}dialog .dialog-body{padding:18px}.login-actions-intro{font-size:14px;margin-bottom:14px}.login-action-grid{gap:12px;margin-top:14px}.login-action{position:relative;padding:17px 18px 17px 72px;gap:5px;min-height:118px}.login-action-icon{position:absolute;left:16px;top:20px;width:40px;height:40px}.login-action strong{font-size:21px}.login-action>span:not(.login-action-icon):not(.login-action-link){font-size:13px}.login-action .login-action-link{margin-top:4px;font-size:13px}.login-actions-footer{gap:4px;margin-top:13px}.login-actions-footer .check-label{font-size:14px}.login-actions-footer>button{font-size:13px;white-space:normal}
 .login-art{min-height:175px;padding:24px}.login-art h1{font-size:22px;margin:15px 0 0}.login-art .eyebrow{display:none}.login-side{padding:26px 22px}.login-form h2{font-size:24px}.login-help{font-size:12px}.login-form .subtitle{font-size:13px}.login-form button.primary{min-height:50px}
 .dropzone{padding:25px 14px}.dropzone input{font-size:14px;min-height:44px;width:100%}.step p{font-size:12px}.step strong{font-size:14px}.footer-line{font-size:10px;line-height:1.8;flex-wrap:wrap;gap:4px}.gallery img{height:170px}.detail-fields{font-size:14px}.detail-fields small{font-size:12px}.qr-area img{width:180px}
}
@media screen and (max-width:360px){.sidebar .nav a>.mobile-nav-label{font-size:10px}.catalog-grid{grid-template-columns:1fr}.mobile-transaction-actions button{min-width:136px}.metric-top{font-size:11px}.metric .caption{font-size:10px}.login-action{padding-left:64px}.login-action-icon{left:13px;width:36px;height:36px}}