/* PDV OASIS — design system 1.0. New styling layer. Original license headers remain in source. */
:root{color-scheme:dark;--oasis-void:#020b1d;--oasis-bg:#06152d;--oasis-pane:#0a2040;--oasis-pane2:#0e2a4c;--oasis-border:#1b4a78;--oasis-blue:#075af5;--oasis-cyan:#08d4fb;--oasis-text:#f5f9ff;--oasis-muted:#a6bddd;--oasis-green:#04ca96;--oasis-gradient:linear-gradient(112deg,#00baf7 0%,#006fff 46%,#0039e6 100%);--color-brand-50:#e8f6ff;--color-brand-100:#c6ecff;--color-brand-200:#90d8ff;--color-brand-300:#4bc0ff;--color-brand-400:#0ca4fd;--color-brand-500:#0670f9;--color-brand-600:#0557d9;--color-brand-700:#0642b3;--color-brand-800:#092e78;--color-brand-900:#081d4b;--jd-red:#0670f9;--jd-red-hover:#0755d2;--jd-red-dark:#033e9b;--smb-accent:#0c90ff;--smb-lime:#087fff;--smb-olive:#071b35}
html{scroll-behavior:smooth}body.smb-store-theme{background:radial-gradient(ellipse at 76% -12%,#0b3c84 0%,transparent 36%),linear-gradient(130deg,#030e20,#071a35 65%,#041124)!important;color:var(--oasis-text)!important;font-family:Outfit,Inter,ui-sans-serif,system-ui,sans-serif!important;--jd-red:#087dff;--jd-black:#06152d;--jd-canvas:#06152d;--jd-text:#ecf6ff;--jd-muted:#a6bddd;--jd-border:#214c75;--smb-bg:#06152d;--smb-ink:#eaf3ff}
body.smb-store-theme #sidebar{background:linear-gradient(174deg,#020d21 0%,#051a36 72%,#062658 100%)!important;border-right:1px solid #1a416d!important;color:#d9eaff!important;box-shadow:8px 0 38px #01081346!important}
body.smb-store-theme #sidebar a,body.smb-store-theme #sidebar button,body.smb-store-theme #sidebar span{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
body.smb-store-theme #sidebar .menu-item-active{background:linear-gradient(100deg,#078cf7,#003bd3)!important;color:#fff!important;border:1px solid #338bea!important;box-shadow:inset 3px 0 0 #00e0fa,0 8px 18px #003bf151!important;border-radius:12px!important}
body.smb-store-theme #sidebar .menu-item-inactive{color:#c4d8f8!important;border-radius:10px!important}
body.smb-store-theme #sidebar .menu-item-inactive:hover{background:#14365b!important;color:#fff!important;transform:translateX(2px)}
body.smb-store-theme #sidebar .menu-dropdown-item-active{background:#103c6c!important;color:#30d7ff!important;border-left:3px solid #00cfff!important;border-radius:7px!important}
body.smb-store-theme #sidebar .menu-dropdown-item-inactive{color:#abc4e8!important}
body.smb-store-theme #sidebar .menu-dropdown-item-inactive:hover{background:#0c3359!important;color:#fff!important}
body.smb-store-theme #sidebar h2,body.smb-store-theme #sidebar h3,body.smb-store-theme #sidebar p,body.smb-store-theme #sidebar .text-gray-400,body.smb-store-theme #sidebar .text-gray-500{color:#bcd2f0!important}
body.smb-store-theme .smb-app-header{background:linear-gradient(98deg,#06152f,#071f42 68%,#072d57)!important;border-bottom:1px solid #1a4777!important;box-shadow:0 8px 24px #0209156b!important;color:white!important}
body.smb-store-theme .smb-app-header .text-gray-500,body.smb-store-theme .smb-app-header .text-gray-600,body.smb-store-theme .smb-app-header .text-gray-700,body.smb-store-theme .smb-app-header .text-gray-800{color:#bed2ee!important}
body.smb-store-theme .smb-app-header button{border-color:#24517a!important;color:#d9eeff!important}
body.smb-store-theme .smb-content-shell{background:transparent!important;padding-top:20px;padding-bottom:28px}
body.smb-store-theme .smb-content-shell h1,body.smb-store-theme .smb-content-shell h2,body.smb-store-theme .smb-content-shell h3,body.smb-store-theme .smb-content-shell h4{color:#f4faff!important;letter-spacing:-.015em}
body.smb-store-theme .smb-content-shell :is(.bg-white,.bg-gray-50,.bg-gray-100,.dark\:bg-gray-900,.dark\:bg-gray-800){background:#0b2443!important}
body.smb-store-theme .smb-content-shell :is(.border-gray-100,.border-gray-200,.border-gray-300,.dark\:border-gray-700){border-color:#24537c!important}
body.smb-store-theme .smb-content-shell :is(.text-gray-800,.text-gray-900,.text-gray-700,.text-black){color:#f2f7ff!important}
body.smb-store-theme .smb-content-shell :is(.text-gray-400,.text-gray-500,.text-gray-600){color:#adc6e5!important}
body.smb-store-theme .smb-content-shell :is(.rounded-xl,.rounded-2xl,.rounded-lg){border-radius:14px}
body.smb-store-theme .smb-content-shell :is(.shadow-theme-sm,.shadow-theme-xs,.shadow-sm,.shadow-md){box-shadow:0 9px 28px #010b1f66!important}
body.smb-store-theme .smb-content-shell :is(button.bg-brand-500,a.bg-brand-500,.bg-brand-500,button[type=submit].bg-brand-500){background:var(--oasis-gradient)!important;border-color:#178cff!important;color:#fff!important;box-shadow:0 8px 20px #0358f34d!important}
body.smb-store-theme .smb-content-shell button:hover,body.smb-store-theme .smb-content-shell a:hover{transition:all .16s ease}
body.smb-store-theme .smb-content-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#0a2342!important;color:#f8fbff!important;border-color:#2a5e8d!important;border-radius:10px!important;min-height:40px}
body.smb-store-theme .smb-content-shell :is(input,textarea)::placeholder{color:#839ec1!important}
body.smb-store-theme :is(input,select,textarea,button,a):focus-visible{outline:2px solid #00d8ff!important;outline-offset:2px!important}
body.smb-store-theme .smb-content-shell table{border-collapse:separate;border-spacing:0;background:#0a2040!important;border:1px solid #27567b!important;border-radius:12px;overflow:hidden}
body.smb-store-theme .smb-content-shell thead,body.smb-store-theme .smb-content-shell th{background:#0c315d!important;color:#eaf8ff!important;border-color:#1b739c!important}
body.smb-store-theme .smb-content-shell :is(td,tr){border-color:#245076!important;color:#dceafb!important}
body.smb-store-theme .smb-content-shell tbody tr:hover{background:#123458!important}
body.smb-store-theme .smb-app-footer{background:#04132a!important;border-color:#22517a!important;color:#acbed9!important}
body.smb-store-theme .smb-app-footer p{color:#acc4e5!important}
body.smb-store-theme .sorus-product-signature{background:linear-gradient(110deg,#092f67,#052148)!important;border:1px solid #196fb8!important;color:#eaf6ff!important;border-radius:12px}
/* Generic overlay/dialog treatment, no changes to event handlers. */
body.smb-store-theme :is([role=dialog],.modal-content,.modal-box,.modal-panel){background:linear-gradient(140deg,#092546,#05162f)!important;border:1px solid #276ba0!important;border-radius:18px!important;box-shadow:0 25px 70px #000a20c9!important;color:#eaf7ff!important}
body.smb-store-theme :is([role=dialog],.modal-content,.modal-box,.modal-panel) :is(h1,h2,h3){color:#fff!important}
body.smb-store-theme .bg-brand-100{background:#0b3b76!important}
body.smb-store-theme .text-brand-600{color:#42b9ff!important}
/* Existing fullscreen POS screens preserve dedicated grid sizing; only token colors inherited. */
body.smb-store-theme.smb-fullscreen{--jd-pos-header:#06152e;--jd-pos-accent:#058dff;background:#06152d!important}
/* Authentication: premium two-panel presentation while retaining existing form behavior. */
body.smb-store-theme.smb-fullscreen>div.relative,body.smb-store-theme.smb-fullscreen #app{background:transparent!important}
body.smb-store-theme.smb-fullscreen .lg\:flex-row{background:radial-gradient(circle at 80% 25%,#0758b54a,transparent 33%),radial-gradient(circle at 22% 63%,#0454d34f,transparent 35%),#030f25!important}
body.smb-store-theme.smb-fullscreen .lg\:w-1\/2{position:relative}
body.smb-store-theme.smb-fullscreen .lg\:w-1\/2:first-child{background:linear-gradient(135deg,#051a36d6,#071d3ddd)!important}
body.smb-store-theme.smb-fullscreen .lg\:w-1\/2:first-child .max-w-md{position:relative;z-index:1}
body.smb-store-theme.smb-fullscreen h1{color:#f6fbff!important;font-size:clamp(27px,3vw,37px)!important;letter-spacing:-.035em!important}
body.smb-store-theme.smb-fullscreen p,body.smb-store-theme.smb-fullscreen label,body.smb-store-theme.smb-fullscreen .text-gray-500,body.smb-store-theme.smb-fullscreen .text-gray-600{color:#b2c8e6!important}
body.smb-store-theme.smb-fullscreen :is(input:not([type=checkbox]),select){background:#102e53!important;color:#fff!important;border:1px solid #33618d!important;border-radius:11px!important;height:49px!important}
body.smb-store-theme.smb-fullscreen input::placeholder{color:#92acd1!important}
body.smb-store-theme.smb-fullscreen button[type=submit]{background:var(--oasis-gradient)!important;color:#fff!important;border-radius:12px!important;min-height:52px!important;box-shadow:0 11px 28px #0468f45c!important}
body.smb-store-theme.smb-fullscreen button[type=submit]:hover{filter:brightness(1.15)}
body.smb-store-theme.smb-fullscreen :is(.text-brand-600,.text-brand-400){color:#20c8ff!important}
@media(max-width:1023px){body.smb-store-theme .smb-content-shell{padding-top:12px}body.smb-store-theme #sidebar{box-shadow:10px 0 35px #000b23a8!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.smb-store-theme *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* OASIS navigation and login identity — original artworks and license headers retained in the historical reference. */
.oasis-brand-lockup{height:53px;min-width:42px;text-decoration:none!important}
.oasis-brand-symbol{position:relative;display:inline-block;width:43px;height:43px;flex:0 0 43px;border-radius:50%;background:conic-gradient(from 32deg,#00d8ef 0%,#008eff 32%,#0036cf 63%,#02dcfb 98%);box-shadow:0 0 21px #058bff57,inset 2px 2px 4px #a9fcff45}
.oasis-brand-symbol:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#041530;box-shadow:inset 0 0 9px #041027}
.oasis-brand-type{display:flex;flex-direction:column;line-height:1;letter-spacing:-.05em;white-space:nowrap;color:#fff!important}
.oasis-brand-type small{font-weight:600;font-size:12px;letter-spacing:.17em;color:#a2bee7}
.oasis-brand-type strong{font-weight:800;font-size:24px;letter-spacing:-.04em;color:#fff}
.oasis-side-tag{display:flex;align-items:center;gap:8px;margin:1px 0 12px;padding:11px 10px;border-radius:12px;border:1px solid #1c4575;background:#082b56;color:#afdaff;font-size:10px;font-weight:800;letter-spacing:.075em}
.oasis-side-tag-dot{width:7px;height:7px;background:#03e1e8;border-radius:50%;box-shadow:0 0 9px #00cfff}
.oasis-auth-page{background:radial-gradient(circle at 70% 30%,#0059c62f,transparent 44%),#040f25!important}
.oasis-auth-page>.relative.flex{min-height:100vh;height:auto!important}
.oasis-auth-page .oasis-login-brand{display:flex;align-items:center;gap:14px}
.oasis-auth-page .oasis-login-brand .oasis-brand-symbol{width:58px;height:58px;flex-basis:58px}
.oasis-auth-page .oasis-login-brand .oasis-brand-symbol:after{inset:16px}
.oasis-auth-page .oasis-login-brand .oasis-brand-type strong{font-size:32px}
.oasis-auth-page .oasis-auth-hero{background:radial-gradient(circle at 62% 44%,#085aff7a,transparent 38%),radial-gradient(circle at 39% 52%,#05c7f14c,transparent 51%),linear-gradient(143deg,#071e41,#020e24)!important;position:relative;overflow:hidden}
.oasis-auth-page .oasis-auth-hero:before{content:"";width:370px;height:370px;position:absolute;top:calc(50% - 180px);left:calc(50% - 180px);border-radius:50%;background:conic-gradient(from 20deg,#04d8ef,#086ef6,#011e91,#0864e9,#05d9ed);mask:radial-gradient(transparent 0 36%,#000 37%);filter:drop-shadow(0 4px 34px #067aff);opacity:.85;pointer-events:none}
.oasis-auth-page .oasis-auth-hero .z-1{position:relative;z-index:2}
.oasis-auth-page .oasis-auth-hero img{max-width:94px!important}
.oasis-auth-page .oasis-auth-hero p{font-size:19px!important;color:#deedff!important;line-height:1.6}
.oasis-auth-page footer{border-color:#24416b!important}
/* PDV Oasis checkout component layer: modal and interaction redesign without editing JS logic. */
body.smb-store-theme.smb-fullscreen .pos-ref-brandcopy strong{color:#fff!important;font-weight:800!important;letter-spacing:-.035em}
body.smb-store-theme.smb-fullscreen .pos-ref-brandcopy small{color:#91b9e8!important}
body.smb-store-theme.smb-fullscreen .pos-ref-logo .oasis-brand-symbol{height:39px;width:39px;flex-basis:39px}
body.smb-store-theme.smb-fullscreen .mb{background:rgba(0,8,25,.76)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
body.smb-store-theme.smb-fullscreen .mb .modal,body.smb-store-theme.smb-fullscreen .mb .modal.wide{background:radial-gradient(ellipse at 78% 0%,#094eb581,transparent 45%),linear-gradient(145deg,#09274d,#04142d)!important;border:1px solid #2784c4!important;border-radius:18px!important;box-shadow:0 28px 85px #000c28d4,0 0 0 1px #03bff514!important;color:#ecf6ff!important}
body.smb-store-theme.smb-fullscreen .mb .mh{background:#081d3ddc!important;color:#fff!important;border-bottom:1px solid #276290!important;font-size:18px;letter-spacing:-.02em}
body.smb-store-theme.smb-fullscreen .mb .mh button{color:#c5e0ff!important;border-radius:9px!important}
body.smb-store-theme.smb-fullscreen .mb .mh button:hover{background:#194772!important;color:#fff!important}
body.smb-store-theme.smb-fullscreen .mb .mbody{color:#eaf5ff!important}
body.smb-store-theme.smb-fullscreen .mb .mfoot{background:#071b38e6!important;border-top:1px solid #26638d!important}
body.smb-store-theme.smb-fullscreen .mb .btn{border-radius:11px!important;min-height:44px!important;font-weight:700!important;transition:filter .16s,transform .16s!important}
body.smb-store-theme.smb-fullscreen .mb .btn:hover{filter:brightness(1.15)}
body.smb-store-theme.smb-fullscreen .mb .btn.primary,body.smb-store-theme.smb-fullscreen .mb .primary:not(.light):not(.danger){background:linear-gradient(110deg,#00b9fb,#056cfa 52%,#003ae3)!important;color:#fff!important;box-shadow:0 7px 19px #006ef34d!important}
body.smb-store-theme.smb-fullscreen .mb .btn.light{background:#16365d!important;color:#ecf6ff!important;border:1px solid #356394!important}
body.smb-store-theme.smb-fullscreen .mb .field label{color:#b9d6f8!important;font-size:12px!important}
body.smb-store-theme.smb-fullscreen .mb :is(input,select,textarea){background:#0c2849!important;border:1px solid #326795!important;color:#fff!important;border-radius:10px!important}
body.smb-store-theme.smb-fullscreen .mb :is(input,textarea)::placeholder{color:#95b6d9!important}
body.smb-store-theme.smb-fullscreen .mb :is(input,select,textarea):focus{outline:2px solid #00c8f8!important;outline-offset:1px}
body.smb-store-theme.smb-fullscreen .mb :is(h1,h2,h3,h4){color:#fff!important}
@media(max-width:700px){body.smb-store-theme.smb-fullscreen .mb .modal{border-radius:17px 17px 0 0!important}}
.oasis-auth-page .oasis-auth-hero .oasis-brand-symbol:after{inset:28px}
.oasis-auth-page .oasis-auth-hero .oasis-brand-symbol{z-index:3;box-shadow:0 0 35px #086ff48a,inset 2px 2px 7px #3ed5ff}
/* PDV Oasis 1.1 — fiscal, inventory, customers and operational native components. */
body.smb-store-theme .smb-content-shell .cp{color:#eaf5ff!important}
body.smb-store-theme .smb-content-shell .cp-head{gap:16px;align-items:center}
body.smb-store-theme .smb-content-shell .cp-head p,body.smb-store-theme .smb-content-shell .cp-panel-head p{color:#afc6e4!important}
body.smb-store-theme .smb-content-shell .cp-panel,body.smb-store-theme .smb-content-shell .cp-stat{background:linear-gradient(140deg,#0a2648,#091c37)!important;border:1px solid #26567f!important;border-radius:15px!important;box-shadow:0 10px 28px #010c2361!important}
body.smb-store-theme .smb-content-shell .cp-group{color:#eaf4ff!important;background:#0d2a4b!important;border-color:#275c86!important;border-radius:12px!important;transition:transform .2s,border-color .2s,background .2s}
body.smb-store-theme .smb-content-shell .cp-group:hover{border-color:#04caff!important;background:#103865!important;transform:translateY(-2px)}
body.smb-store-theme .smb-content-shell .cp-group small,body.smb-store-theme .smb-content-shell .cp-stat small,body.smb-store-theme .smb-content-shell .cp-form label{color:#b4cce9!important}
body.smb-store-theme .smb-content-shell .cp-panel-head,body.smb-store-theme .smb-content-shell .cp-footer{border-color:#244f75!important}
body.smb-store-theme .smb-content-shell .cp-btn{background:#102e52!important;border:1px solid #30638b!important;color:#e8f5ff!important;border-radius:10px!important;transition:filter .17s,transform .17s}
body.smb-store-theme .smb-content-shell .cp-btn:hover{background:#164374!important;transform:translateY(-1px)}
body.smb-store-theme .smb-content-shell .cp-btn.primary{background:linear-gradient(110deg,#00aff6,#0865f5,#0049cc)!important;border-color:#0e98f1!important;color:white!important}
body.smb-store-theme .smb-content-shell .cp-note{background:#122b4b!important;color:#ffdc9e!important;border:1px solid #9b7734!important;border-radius:11px!important}
body.smb-store-theme .smb-content-shell .cp-table{background:#091e3b!important;color:#e6f5ff!important}
body.smb-store-theme .smb-content-shell .cp-table th{background:#0c355e!important;color:#bce6ff!important;border-color:#265981!important}
body.smb-store-theme .smb-content-shell .cp-table td{color:#e4efff!important;border-color:#244a74!important}
body.smb-store-theme .smb-content-shell .cp-chip{background:#1b4069!important;color:#d3e6fa!important}
body.smb-store-theme .smb-content-shell .cp-chip.ok{background:#0c4b43!important;color:#82f3d0!important}
body.smb-store-theme .smb-content-shell .cp-chip.warn{background:#604622!important;color:#ffe29c!important}
body.smb-store-theme .smb-content-shell .cp-bar{background:#082145!important}
body.smb-store-theme .smb-content-shell .cp-bar span{background:linear-gradient(90deg,#00c5ea,#006fff)!important}
/* Standard interactive navigation, accessible contrast without changing meanings. */
body.smb-store-theme .smb-content-shell :is(.bg-lime-50,.bg-brand-50,.bg-blue-50,.bg-sky-50){background:#11365b!important;border-color:#245782!important}
body.smb-store-theme .smb-content-shell :is(.border-lime-200,.border-lime-300,.border-blue-200){border-color:#30729d!important}
body.smb-store-theme .smb-content-shell :is(.text-brand-700,.text-brand-800){color:#5ccaff!important}
body.smb-store-theme .smb-content-shell .text-success-700{color:#75eac5!important}
body.smb-store-theme .smb-content-shell .text-error-700{color:#ffaaa9!important}
body.smb-store-theme .smb-content-shell .text-warning-700{color:#ffd08a!important}
body.smb-store-theme .smb-content-shell a:not(.menu-item):not(.menu-dropdown-item):hover{text-underline-offset:3px}
body.smb-store-theme .smb-content-shell :is(button,a)[disabled],body.smb-store-theme .smb-content-shell :is(button,a).disabled{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.28)}
body.smb-store-theme .smb-content-shell :is(button,a):active:not([disabled]){transform:scale(.99)}
body.smb-store-theme .smb-content-shell :is(.divide-gray-200,.divide-gray-100)>:not([hidden])~:not([hidden]){border-color:#244e75!important}
body.smb-store-theme .smb-content-shell :is(.bg-green-50,.bg-success-50,.bg-success-100){background:#0d413d!important}
body.smb-store-theme .smb-content-shell :is(.bg-red-50,.bg-error-50,.bg-error-100){background:#512533!important}
body.smb-store-theme .smb-content-shell :is(.bg-yellow-50,.bg-amber-50){background:#564222!important}
/* Preserve untouched print documents: no print re-theming. */
@media print{body.smb-store-theme{color:#000!important;background:#fff!important}body.smb-store-theme .smb-content-shell{background:#fff!important;color:#000!important}body.smb-store-theme .smb-content-shell table{box-shadow:none!important}}