/* UX-01: progressively enhanced visual foundation */
:root{--ux-navy:#142b4d;--ux-primary:#285de5;--ux-paper:#f6f8fc;--ux-outline:#e4ebf5;--ux-focus:#82a8ff}
html{scroll-behavior:smooth}body{background:var(--ux-paper);-webkit-font-smoothing:antialiased}button,select,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ux-focus);outline-offset:3px}.sidebar{background:#112545;border-right:1px solid #254268}.brand{letter-spacing:-.3px}.mark{font-weight:900}.side-btn{min-height:46px;transition:background .15s,color .15s}.side-btn.active{background:#284d80;box-shadow:inset 3px 0 #7ab8ff}.card,.list-card,.order-card-v4{border-color:var(--ux-outline)}.card{box-shadow:0 10px 26px #213e6810}.header{padding-bottom:12px;border-bottom:1px solid var(--ux-outline)}.header h1{font-weight:850}.btn,.filter-chip,.tab,.side-btn{transition:background-color .15s,border-color .15s,transform .15s}.input,.select,.textarea,.user-select{min-height:44px}.ux-page-context{font-size:11px;color:#637590;margin-top:6px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ux-context-link{border:0;background:transparent;color:#355fd3;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit;font-weight:700;min-height:28px}.ux-context-divider{color:#a0adc1}.ux-skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:#fff;border:2px solid var(--ux-primary);padding:12px;border-radius:10px}.ux-skip-link:focus{top:12px}@media(min-width:821px){.main{padding:26px clamp(20px,3vw,48px) 70px}.sidebar{width:244px}.header h1{font-size:27px}.kpi-grid,.machine-grid{gap:15px}}@media(max-width:820px){.main{padding-bottom:calc(95px + env(safe-area-inset-bottom))}.bottomnav{box-shadow:0 -8px 32px #10274618}.bottomnav button{min-height:52px}.bottomnav button.active{color:#285de5;background:#eaf1ff}.ux-page-context{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
