/* PDV OASIS NAVIGATION V2 — two verified color systems; menu and login only. */
#sidebar.oasis-menu-shell{--on-bg:#081524;--on-card:#122943;--on-text:#f5f9ff;--on-line:#233b56;--on-muted:#a2b3ce;--on-accent:#05b8ff;background:linear-gradient(165deg,#081421,#0a1a30)!important;color:var(--on-text)!important;border:1px solid #243b56!important;padding:0 14px!important;box-shadow:0 10px 45px #01071355!important;max-width:100vw}
html:not(.dark) #sidebar.oasis-menu-shell{--on-bg:#fff;--on-card:#f0f7ff;--on-text:#111c30;--on-line:#e0e8f4;--on-muted:#657084;background:linear-gradient(130deg,#fff,#fdfefe)!important;color:#111c30!important;border-color:#dfebfb!important;box-shadow:0 12px 45px #083c8724!important}
#sidebar.oasis-menu-shell .oasis-menu-head{flex-shrink:0;padding:25px 12px 21px;border-bottom:1px solid var(--on-line);display:flex;align-items:center;justify-content:space-between;min-height:101px}
#sidebar.oasis-menu-shell .oasis-menu-logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;min-width:0}
#sidebar.oasis-menu-shell .oasis-brand-symbol{width:53px;height:53px;flex:0 0 53px}
#sidebar.oasis-menu-shell .oasis-brand-symbol:after{inset:15px}
#sidebar.oasis-menu-shell .oasis-menu-logo-text{font-size:clamp(17px,2vw,27px);font-weight:830;letter-spacing:-.052em;white-space:nowrap;color:var(--on-text)!important}
#sidebar.oasis-menu-shell .oasis-menu-logo-text strong{color:#007afa!important}
#sidebar.oasis-menu-shell .oasis-menu-mobile-close{border:0;background:transparent;color:var(--on-text);font-size:27px;cursor:pointer}
#sidebar.oasis-menu-shell .oasis-menu-scroller{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#1e659c transparent;padding-top:8px}
#sidebar.oasis-menu-shell .oasis-menu-group{border-bottom:1px solid var(--on-line)}
#sidebar.oasis-menu-shell .oasis-menu-control{display:flex;align-items:center;gap:15px;width:100%;min-height:65px;padding:9px 5px;border:0!important;background:transparent!important;text-align:left;color:var(--on-text)!important;border-radius:9px!important;cursor:pointer;transition:background .2s ease,transform .2s ease}
#sidebar.oasis-menu-shell .oasis-menu-control:hover,#sidebar.oasis-menu-shell .oasis-menu-control.oasis-menu-active{background:color-mix(in srgb,var(--on-accent) 11%,transparent)!important}
#sidebar.oasis-menu-shell .oasis-menu-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:12px;background:#142e4d!important;color:#078cff!important}
html:not(.dark) #sidebar.oasis-menu-shell .oasis-menu-icon{background:#edf5ff!important;color:#0667fa!important}
#sidebar.oasis-menu-shell .oasis-menu-icon svg{width:23px;height:23px;filter:drop-shadow(0 0 4px #0778ff35)}
#sidebar.oasis-menu-shell .oasis-menu-name{font-size:12px;line-height:1.38;letter-spacing:.005em;font-weight:800;flex:1;white-space:normal;color:var(--on-text)!important}
#sidebar.oasis-menu-shell .oasis-menu-chevron{flex:0 0 18px;color:var(--on-muted);transition:transform .2s}
#sidebar.oasis-menu-shell .oasis-menu-chevron.expanded{transform:rotate(180deg)}
#sidebar.oasis-menu-shell .oasis-menu-submenu{padding:2px 0 11px 53px;display:grid;gap:4px}
#sidebar.oasis-menu-shell .oasis-menu-subitem{display:block;text-decoration:none!important;padding:9px 10px;color:var(--on-muted)!important;border-radius:8px;font-weight:600;font-size:11px;line-height:1.4;transition:background .17s}
#sidebar.oasis-menu-shell .oasis-menu-subitem:hover,#sidebar.oasis-menu-shell .oasis-menu-subitem.selected{background:color-mix(in srgb,var(--on-accent) 15%,transparent)!important;color:var(--on-text)!important}
#sidebar.oasis-menu-shell .oasis-menu-subitem.selected{box-shadow:inset 3px 0 #0b90f9}
#sidebar.oasis-menu-shell .oasis-menu-footer{border-top:1px solid var(--on-line);padding:12px 5px 16px;color:var(--on-muted);font-size:10px;font-weight:800;letter-spacing:.06em}
#sidebar.oasis-menu-shell .oasis-theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
#sidebar.oasis-menu-shell .oasis-theme-switch button{border:1px solid var(--on-line);background:var(--on-card);border-radius:9px;padding:9px 4px;font-size:11px;color:var(--on-text);font-weight:700;cursor:pointer}
#sidebar.oasis-menu-shell .oasis-theme-switch button.selected{background:linear-gradient(100deg,#008fff,#073fda)!important;color:#fff!important;border-color:#0e92f4}
#sidebar.oasis-menu-shell.sidebar-collapsed{padding:0 8px!important}
#sidebar.oasis-menu-shell.sidebar-collapsed .oasis-menu-head{padding:20px 5px}
#sidebar.oasis-menu-shell.sidebar-collapsed .oasis-menu-control{justify-content:center}
#sidebar.oasis-menu-shell.sidebar-collapsed .oasis-menu-icon{flex-basis:42px}
html:not(.dark) body.smb-store-theme{background:#f5f8fe!important;color:#1a2941!important;--jd-canvas:#f5f8fe;--smb-bg:#f5f8fe;--smb-ink:#24304a}
html:not(.dark) body.smb-store-theme .smb-content-shell :is(.bg-white,.bg-gray-50,.bg-gray-100){background:#fff!important}
html:not(.dark) body.smb-store-theme .smb-content-shell :is(h1,h2,h3,h4,.text-gray-900,.text-gray-800,.text-gray-700){color:#1a2941!important}
html:not(.dark) body.smb-store-theme .smb-content-shell :is(.text-gray-500,.text-gray-600){color:#63748e!important}
html:not(.dark) body.smb-store-theme .smb-content-shell :is(input:not([type=checkbox]),select,textarea){background:#fff!important;color:#24304a!important;border-color:#c7d9ef!important}
html:not(.dark) body.smb-store-theme .smb-app-header{background:#fff!important;color:#1a2941!important;border-color:#e2eaf4!important}
html:not(.dark) body.smb-store-theme .smb-app-header :is(.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800){color:#4b6281!important}
html:not(.dark) body.smb-store-theme .smb-content-shell :is(.border-gray-200,.border-gray-100){border-color:#dce7f4!important}
html:not(.dark) body.smb-store-theme .smb-content-shell table{background:#fff!important;color:#20304d!important}
html:not(.dark) body.smb-store-theme .smb-content-shell thead,html:not(.dark) body.smb-store-theme .smb-content-shell th{background:#eaf3ff!important;color:#14325a!important}
html:not(.dark) body.smb-store-theme .smb-content-shell td{color:#24314c!important;border-color:#dce7f4!important}
html:not(.dark) body.smb-store-theme .smb-app-footer{background:#fff!important}
.oasis-auth-page{position:relative}
.oasis-auth-page .oasis-auth-hero:before{opacity:.9}
.oasis-auth-page .oasis-login-brand .oasis-brand-type small{font-size:14px}
.oasis-auth-page .oasis-login-brand .oasis-brand-type strong{font-size:32px}
.oasis-auth-page form{padding:18px 0}
.oasis-auth-page form button[type=submit]{background:linear-gradient(105deg,#00bbfb,#006efb,#0039e5)!important;min-height:55px!important;box-shadow:0 12px 34px #045ef34f!important}
.oasis-auth-page .oasis-auth-hero p{max-width:330px;margin:auto;color:#b9d7f2!important}
@media(max-width:1023px){#sidebar.oasis-menu-shell .oasis-menu-head{min-height:85px}#sidebar.oasis-menu-shell .oasis-menu-control{min-height:58px}}
@media(prefers-reduced-motion:reduce){#sidebar.oasis-menu-shell *{transition:none!important}}
/* Login: split layout inspired by approved PDV Oasis reference. */
.oasis-auth-page>.relative.flex{background:radial-gradient(circle at 68% 27%,#0a459b61,transparent 39%),linear-gradient(115deg,#021026,#031a3c)!important}
.oasis-auth-page .oasis-auth-hero{display:flex;align-items:center;background:radial-gradient(circle at 67% 43%,#075dcd8c,transparent 40%),linear-gradient(138deg,#04132f,#002a67)!important}
.oasis-auth-page .oasis-auth-hero:before{left:auto;right:-100px;top:14%;width:min(580px,80vw);height:min(580px,80vw);opacity:.82;mask:radial-gradient(transparent 0 29%,#000 30%);z-index:0}
.oasis-auth-page .oasis-auth-hero:after{content:"";position:absolute;bottom:4%;left:-18%;width:110%;height:130px;border-top:2px solid #0e70efaa;transform:rotate(-7deg);border-radius:50%;box-shadow:0 -22px 66px #0754c462;pointer-events:none}
.oasis-auth-page .oasis-login-story{position:relative;z-index:3;display:flex;flex-direction:column;gap:22px;width:100%;max-width:620px;margin:auto;padding:7vh clamp(32px,5vw,80px)}
.oasis-auth-page .oasis-story-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff}
.oasis-auth-page .oasis-story-brand .oasis-brand-symbol{width:65px;height:65px;flex-basis:65px}
.oasis-auth-page .oasis-story-brand .oasis-brand-symbol:after{inset:18px}
.oasis-auth-page .oasis-story-brand .oasis-brand-type strong{font-size:35px}
.oasis-auth-page .oasis-story-divider{width:60px;height:3px;background:#04cdfd;margin-top:16px;border-radius:9px}
.oasis-auth-page .oasis-login-story h2{color:#fff;font-size:clamp(31px,3.2vw,53px);line-height:1.13;letter-spacing:-.055em;font-weight:800}
.oasis-auth-page .oasis-login-story h2 em{color:#08cbff;font-style:normal}
.oasis-auth-page .oasis-login-story p{margin:0!important;font-size:clamp(14px,1.3vw,19px)!important;max-width:410px!important;line-height:1.6;color:#b9cdeb!important}
.oasis-auth-page .oasis-story-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.oasis-auth-page .oasis-story-features div{min-width:0;color:#cfe4fb;display:flex;flex-direction:column;gap:11px}
.oasis-auth-page .oasis-story-features span{height:52px;width:52px;border-radius:13px;border:1px solid #2476b5;background:linear-gradient(140deg,#0b3974,#07244c);display:grid;place-items:center;color:#1bb5fb;font-size:25px;box-shadow:0 8px 19px #042d753b}
.oasis-auth-page .oasis-story-features strong{font-size:11px;font-weight:600;line-height:1.35;max-width:110px}
.oasis-auth-page .oasis-story-footer{color:#a2bce1;font-size:12px;border-top:1px solid #274b79;padding-top:20px;display:flex;gap:20px;justify-content:space-between}
.oasis-auth-page .oasis-story-footer span{color:#779ecf}
.oasis-auth-page .lg\:w-1\/2:first-child{background:radial-gradient(circle at 30% 25%,#0a51ad54,transparent 50%),linear-gradient(145deg,#05142f,#051e41)!important}
.oasis-auth-page .mx-auto.max-w-md{position:relative;z-index:2}
.oasis-auth-page .oasis-login-brand{justify-content:center;margin:0 auto 30px}
.oasis-auth-page .oasis-login-brand .oasis-brand-type strong{font-size:33px}
.oasis-auth-page form :is(input,select){font-size:14px!important}
.oasis-auth-page form :is(input,select):focus{outline:2px solid #05cbfd!important;outline-offset:2px}
.oasis-auth-page form button[type=submit]{font-size:16px!important}
@media(max-width:1023px){.oasis-auth-page .oasis-auth-hero{display:none!important}.oasis-auth-page .oasis-login-brand{justify-content:flex-start}}
/* Reference composition: brand story on the left, live authentication on the right. */
@media(min-width:1024px){
 .oasis-auth-page .lg\:flex-row{flex-direction:row-reverse!important}
 .oasis-auth-page .oasis-auth-hero{border-right:1px solid #1957a0}
 .oasis-auth-page .lg\:w-1\/2:first-child{border-left:1px solid #1a406e}
}
/* White theme for authentication; preserve functional controls and readable validation errors. */
html:not(.dark) .oasis-auth-page{background:#f7faff!important}
html:not(.dark) .oasis-auth-page>.relative.flex{background:linear-gradient(120deg,#f8fbff,#eaf3ff)!important}
html:not(.dark) .oasis-auth-page .lg\:w-1\/2:first-child{background:#fff!important;color:#18263e!important}
html:not(.dark) .oasis-auth-page h1,html:not(.dark) .oasis-auth-page label{color:#1b2941!important}
html:not(.dark) .oasis-auth-page p,html:not(.dark) .oasis-auth-page .text-gray-500{color:#5c708e!important}
html:not(.dark) .oasis-auth-page form :is(input,select){background:#f3f8ff!important;color:#182943!important;border:1px solid #bad5f5!important}
html:not(.dark) .oasis-auth-page .oasis-login-brand .oasis-brand-type strong{color:#142b45!important}
html:not(.dark) .oasis-auth-page .oasis-login-brand .oasis-brand-type small{color:#56718e!important}

/* Authentic user-supplied PDV OASIS mark — no synthetic CSS logo. */
.oasis-brand-symbol{background:transparent url('/images/oasis/icon-original.png') center / contain no-repeat!important;box-shadow:none!important;border-radius:0!important;filter:drop-shadow(0 4px 10px #006dff30)}
.oasis-brand-symbol:after{display:none!important;content:none!important}
#sidebar.oasis-menu-shell .oasis-menu-logo-text{letter-spacing:-.045em!important}
#sidebar.oasis-menu-shell .oasis-menu-logo-text strong{color:#008cff!important}
.oasis-auth-page .oasis-brand-symbol{filter:drop-shadow(0 7px 16px #0477ff38)}