/* OR!ON CASHIER Production UI layer — presentation only; existing JS hooks and IDs preserved. */
#app{--wine:var(--orion-navy);--wine2:var(--orion-teal);--cream:var(--orion-bg);--ink:var(--orion-text);--muted:var(--orion-muted);--line:var(--orion-border);--orange:var(--orion-turquoise);--shadow:var(--orion-shadow)}
#app .content{background:linear-gradient(145deg,#F7FBFE 0%,#EAF5FC 100%)!important}
#app .sidebar{background:#fff!important;color:var(--orion-text)!important;border-right:1px solid var(--orion-border)!important;box-shadow:8px 0 28px rgba(6,45,73,.07)}
#app .sidebar-brand{min-height:116px!important;padding:16px 14px!important;border:0!important;border-radius:18px!important;background:#062D49 url('../backgrounds/sidebar-header.svg') center/cover no-repeat!important;box-shadow:0 8px 22px rgba(6,45,73,.16)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden}
#app .sidebar-brand img{width:90%!important;max-width:230px!important;max-height:84px!important;object-fit:contain!important;filter:none!important}
#app .outlet-label{grid-template-columns:48px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;padding:13px!important;border:1px solid #C9EEEB!important;border-radius:18px!important;background:linear-gradient(110deg,#E8FBFA,#DDF6F7)!important;color:var(--orion-text)!important}
#app .outlet-store-icon{width:46px!important;height:46px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#C9F4F2!important;color:var(--orion-navy)!important}
#app .outlet-store-icon svg{width:27px!important;height:27px!important}
#app .outlet-copy small{color:#087F83!important;font-weight:800!important;letter-spacing:.3px!important;font-size:11px!important}
#app .outlet-copy small i{background:var(--orion-success)!important}
#app .outlet-copy strong{color:var(--orion-text)!important;font-size:13px!important}
#app .outlet-copy .pill{background:transparent!important;color:#527482!important;padding:0!important;font-size:10px!important}
#app .outlet-chevron{color:var(--orion-navy)!important}
#app #main-nav .nav-btn,#app #main-nav .nav-subbtn{color:var(--orion-text)!important;border-radius:14px!important;transition:background .18s ease,color .18s ease,transform .18s ease}
#app #main-nav .nav-btn{padding:10px 12px!important;gap:11px!important;font-size:13px!important}
#app #main-nav .nav-btn .nav-icon,#app #main-nav .nav-subbtn .nav-sub-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;background:#DDF8F7!important;display:grid!important;place-items:center!important;color:var(--orion-navy)!important;overflow:hidden}
#app #main-nav .nav-icon img,#app #main-nav .nav-sub-icon img{width:25px!important;height:25px!important;object-fit:contain!important;filter:none!important}
#app #main-nav .nav-btn.active,#app #main-nav .nav-btn:hover,#app #main-nav .nav-subbtn.active,#app #main-nav .nav-subbtn:hover{background:#DDF8F7!important;color:#07566A!important}
#app #main-nav .nav-label,#app #main-nav .nav-subbtn span{color:inherit!important;font-weight:700!important}
#app .sidebar-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:10px!important;border-radius:22px!important;background:#062D49 url('../backgrounds/card-glow.svg') center/cover no-repeat!important;box-shadow:0 8px 22px rgba(6,45,73,.16)!important;overflow:hidden}
#app .sidebar-bottom small{display:none!important}
#app .sidebar-bottom button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;padding:13px 8px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#fff!important;font-size:11px!important;white-space:normal!important}
#app .sidebar-bottom button+button{border-left:1px solid rgba(255,255,255,.28)!important;border-radius:0 12px 12px 0!important}
#app .sidebar-bottom button svg{width:21px!important;height:21px!important;flex:none!important}
#app .sidebar-bottom button span{color:#fff!important}
#app .metric.sales{background:linear-gradient(125deg,#062D49,#087F91 75%,#00A99D)!important;border-color:#087F91!important;color:#fff!important}
#app .metric.sales span,#app .metric.sales small{color:#E8FFFF!important}
#app .metric:not(.sales){background:#fff!important;color:var(--orion-text)!important;border:1px solid var(--orion-border)!important;box-shadow:0 5px 18px rgba(6,45,73,.06)!important}
#app .metric:not(.sales) span,#app .metric:not(.sales) small{color:var(--orion-muted)!important}
#app .btn.primary{background:linear-gradient(110deg,#07506A,#00A99D)!important;color:#fff!important;border-color:#087F91!important;border-radius:14px!important;box-shadow:0 6px 16px rgba(0,143,145,.16)}
#app .btn.outline,#app .btn.ghost{border-radius:14px!important}
#app .nav-edge-toggle{background:linear-gradient(145deg,#064D68,#00A99E)!important;border:1px solid rgba(255,255,255,.6)!important}
#app .nav-scrim{background:rgba(3,28,47,.42)!important}
@media(max-width:780px){#app .sidebar{width:min(55vw,420px)!important;min-width:min(280px,calc(100vw - 80px))!important;max-width:420px!important;background:#fff!important}#app .sidebar-brand{min-height:94px!important;padding:10px!important}#app .sidebar-brand img{max-height:70px!important}#app .sidebar-bottom{position:sticky!important;bottom:0!important;margin-top:auto!important}#app .sidebar-bottom button{font-size:10px!important;padding:12px 5px!important}#app .sidebar-bottom button svg{width:18px!important;height:18px!important}#app .content{background:linear-gradient(145deg,#F7FBFE,#EAF5FC)!important}}
@media(prefers-reduced-motion:reduce){#app .sidebar *{transition:none!important}}