/* OASIS GLASS v1.6.5 — language, theme and polish */
.og-lang-btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.og-lang-btn::before{content:"";position:absolute;inset:-40% auto -40% -35%;width:32%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);transition:left .65s ease;pointer-events:none}
.og-lang-btn:hover::before{left:120%}
.og-lang-btn:hover{transform:translateY(-2px);border-color:rgba(0,151,193,.28);box-shadow:0 14px 34px rgba(0,95,143,.12)}
.og-flag{width:42px!important;height:29px!important;border-radius:7px!important;background:#fff;border:1px solid rgba(5,91,121,.12);box-shadow:0 5px 14px rgba(0,65,100,.12)!important}
.og-flag img{width:100%!important;height:100%!important;object-fit:cover!important}
.og-lang-text{font-weight:850;letter-spacing:.01em}

.og-theme-btn{position:relative;overflow:hidden;transition:.28s ease}
.og-theme-btn::after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(0,188,191,.18),transparent 68%);opacity:0;transform:scale(.7);transition:.3s ease}
.og-theme-btn:hover{transform:translateY(-2px) rotate(3deg);border-color:rgba(0,160,194,.28);box-shadow:0 14px 32px rgba(0,93,139,.12)}
.og-theme-btn:hover::after{opacity:1;transform:scale(1.35)}
.og-theme-icon{position:relative;width:25px;height:25px;display:grid;place-items:center;z-index:1}
.og-theme-icon svg{position:absolute;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.75,.2,1)}
.og-theme-icon .theme-sun{opacity:0;transform:scale(.55) rotate(-50deg)}
.og-theme-icon .theme-moon{opacity:1;transform:scale(1) rotate(0)}
html[data-theme="dark"] .og-theme-icon .theme-sun{opacity:1;transform:scale(1) rotate(0)}
html[data-theme="dark"] .og-theme-icon .theme-moon{opacity:0;transform:scale(.55) rotate(45deg)}
html[data-theme="dark"] .og-theme-btn{color:#8cebf0;background:rgba(13,46,68,.84)}

/* login page: premium new warehouse backdrop */
.login-v16 .login-bg{background-position:center 42%!important;filter:saturate(.94) contrast(1.03)!important;transform:scale(1.012)!important}
.login-v16 .login-bg::after{background:radial-gradient(circle at 68% 25%,rgba(0,188,191,.20),transparent 27rem),radial-gradient(circle at 25% 82%,rgba(0,93,174,.22),transparent 32rem),linear-gradient(118deg,rgba(0,21,43,.76),rgba(0,72,109,.28) 48%,rgba(0,28,49,.66))!important}
.login-v16-card{background:linear-gradient(145deg,rgba(244,253,255,.88),rgba(208,238,246,.66))!important;border-color:rgba(206,245,250,.62)!important;box-shadow:0 38px 120px rgba(0,15,31,.42),inset 0 1px 0 rgba(255,255,255,.92)!important}
.login-v16-card::after{content:"";position:absolute;inset:1px;border-radius:37px;pointer-events:none;border:1px solid rgba(255,255,255,.24)}
.login-v16-logo{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(226,247,250,.84))!important;box-shadow:0 18px 45px rgba(1,75,107,.13)!important}
.password-eye{overflow:hidden}
.password-eye::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 120deg,transparent,rgba(0,188,191,.22),transparent 38%);animation:oasisEyeGlow 5s linear infinite}
.password-eye svg{z-index:1}
@keyframes oasisEyeGlow{to{transform:rotate(360deg)}}

@media(max-width:1080px){
  .og-flag{width:38px!important;height:26px!important}
}
@media(max-width:620px){
  .og-flag{width:34px!important;height:23px!important;border-radius:6px!important}
  .login-v16 .login-bg{background-position:58% center!important}
}
@media(prefers-reduced-motion:reduce){.og-lang-btn::before,.password-eye::before{animation:none!important}.og-theme-icon svg{transition:none!important}}

/* v1.6.5 final polish */
.og-country-flag{width:46px!important;height:31px!important;border-radius:6px!important;padding:0!important;background:#005430!important;box-shadow:0 6px 16px rgba(0,84,48,.18),0 0 0 1px rgba(0,84,48,.14)!important}
.og-country-flag img{object-fit:cover!important;object-position:center!important}
.og-lang-btn:hover .og-country-flag{transform:translateY(-1px) scale(1.03);box-shadow:0 9px 20px rgba(0,84,48,.22),0 0 0 1px rgba(0,84,48,.18)!important}
.og-theme-btn{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(222,245,250,.72))!important}
.og-theme-icon{width:28px!important;height:28px!important;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.98),rgba(192,235,245,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(0,97,143,.12)}
.og-theme-icon svg{width:18px!important;height:18px!important;color:#086aa6}
html[data-theme="dark"] .og-theme-icon{background:radial-gradient(circle at 35% 30%,rgba(25,71,96,.95),rgba(8,36,55,.95));box-shadow:inset 0 1px 0 rgba(136,220,235,.12),0 7px 18px rgba(0,0,0,.25)}
html[data-theme="dark"] .og-theme-icon svg{color:#8cebf0}

.login-v16 .login-bg{background-size:cover!important;background-position:center center!important}
.login-v16-card{max-width:540px!important}
.login-v16-heading h1{background:linear-gradient(105deg,#073f7c,#087fc0 55%,#008d76);-webkit-background-clip:text;background-clip:text;color:transparent!important}

@media(max-width:620px){
  .og-country-flag{width:36px!important;height:24px!important;border-radius:5px!important}
  .og-theme-icon{width:25px!important;height:25px!important}
}
