/* NEXXORAS Premium UI V2 — global admin design system
   Loaded last on MASTER + Company Portal only. Customer/public pages are not affected. */
:root{
  --pui-bg:#050708;--pui-panel:#0b1115;--pui-panel-2:#10181d;--pui-panel-3:#141e24;
  --pui-line:#25343d;--pui-line-strong:#344953;--pui-text:#f7fafc;--pui-muted:#8fa1ad;
  --pui-gold:#ffd107;--pui-gold-2:#ffb800;--pui-green:#52f2b0;--pui-cyan:#59d9ff;--pui-red:#ff6f79;
  --pui-radius:16px;--pui-radius-sm:11px;--pui-shadow:0 24px 70px rgba(0,0,0,.28);
  --pui-inner:inset 0 1px 0 rgba(255,255,255,.035);
}

/* overall admin surfaces */
body{background:
 radial-gradient(circle at 10% -5%,rgba(89,217,255,.045),transparent 28%),
 radial-gradient(circle at 92% -4%,rgba(255,209,7,.055),transparent 24%),
 linear-gradient(180deg,#06090b 0%,#050708 100%)!important}
.portal-main,.main{background:transparent!important}
.portal-content,.content{position:relative}
.portal-sidebar,.sidebar{background:linear-gradient(180deg,#071014 0%,#050708 72%)!important;border-right-color:#172126!important}
.portal-topbar,.topbar{background:rgba(5,8,10,.88)!important;border-bottom-color:#1b262c!important;backdrop-filter:blur(22px) saturate(1.2)!important;-webkit-backdrop-filter:blur(22px) saturate(1.2)!important}

/* premium cards */
.panel,.portal-hero,.hero-console,.portal-module-console-head,.shared-api-card,.nx-module-native-bar,
.stat-grid article,.dashboard-kpi-row article,.dashboard-module-card,.company-row,.company-card,.tenant-card,
.control-card,.module-card,.security-banner,.detail-grid>div,.dc-day-card,.dc-setting-card,.dc-side-card,
.mg-kpis article,.mg-game-card,.rm-stat-card,.nx-card{
  border-color:var(--pui-line)!important;
  box-shadow:var(--pui-inner),0 14px 38px rgba(0,0,0,.13)!important;
}
.panel{position:relative;background:
 linear-gradient(180deg,rgba(17,25,30,.97),rgba(9,14,17,.98))!important;border-radius:18px!important}
.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 28%,transparent 70%,rgba(255,209,7,.012));opacity:.9}
.panel>*{position:relative}
.panel:hover{border-color:#31434d!important}
.panel-head{gap:18px!important}
.panel-head h2{letter-spacing:-.025em!important}
.panel-head>div>span,.eyebrow{color:#f2cf45!important}

/* buttons — tactile, luminous, consistent */
.primary,.btn,.danger,.signout-trigger,.dashboard-cta,.company-tab,.back-chip,.portal-chip,.nx-module-back,
.nx-module-tabs a,.mg-admin-tabs a,.dc-chip,.dc-switch,.dc-delete,.rw-device-toggle button,.rw-experience-toggle button,
button[type="submit"]:not(.unstyled),button[type="button"].button-like{
  position:relative;isolation:isolate;overflow:hidden;border-radius:11px!important;font-weight:900!important;
  letter-spacing:.015em!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
}
.primary,button[type="submit"].primary{
  color:#090b0c!important;background:linear-gradient(180deg,#ffe96f 0%,#ffd107 62%,#f3b900 100%)!important;
  border:1px solid #ffe878!important;box-shadow:0 10px 25px rgba(255,209,7,.16),inset 0 1px 0 rgba(255,255,255,.75)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.18)
}
.primary:before{content:"";position:absolute;z-index:-1;left:-28%;top:-130%;width:34%;height:360%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transition:left .45s ease}
.primary:hover:before{left:112%}
.primary:hover{transform:translateY(-2px)!important;box-shadow:0 15px 34px rgba(255,209,7,.22),inset 0 1px 0 rgba(255,255,255,.8)!important}
.primary:active{transform:translateY(0) scale(.985)!important}
.btn{color:#eef4f7!important;background:linear-gradient(180deg,#121b20,#0a1014)!important;border-color:#334650!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.12)!important}
.btn:hover{transform:translateY(-1px)!important;background:linear-gradient(180deg,#18242a,#0d1519)!important;border-color:#4b626e!important;box-shadow:0 12px 27px rgba(0,0,0,.2),0 0 0 3px rgba(89,217,255,.025)!important}
.danger{background:linear-gradient(180deg,rgba(255,111,121,.12),rgba(255,111,121,.055))!important;border-color:rgba(255,111,121,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.danger:hover{transform:translateY(-1px)!important;border-color:rgba(255,111,121,.58)!important;box-shadow:0 10px 26px rgba(255,111,121,.09)!important}
.primary:disabled,.btn:disabled,.danger:disabled,button:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.primary:focus-visible,.btn:focus-visible,.danger:focus-visible,button:focus-visible,a:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(255,209,7,.17),0 0 0 1px #ffd107!important}

/* fields */
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea{
  border:1px solid #2b3b44!important;border-radius:11px!important;background:linear-gradient(180deg,#081015,#060b0e)!important;
  color:#f4f8fa!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 7px 18px rgba(0,0,0,.08)!important;
  outline:none!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important
}
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):hover,select:hover,textarea:hover{border-color:#3b505b!important}
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,select:focus,textarea:focus{
  border-color:rgba(255,209,7,.62)!important;background:#081115!important;
  box-shadow:0 0 0 3px rgba(255,209,7,.07),inset 0 1px 0 rgba(255,255,255,.025)!important
}
input::placeholder,textarea::placeholder{color:#536772!important}
input[type="color"]{border:1px solid #2b3b44!important;border-radius:11px!important;background:#071014!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;cursor:pointer}
input[type="checkbox"],input[type="radio"]{accent-color:#ffd107;filter:drop-shadow(0 0 6px rgba(255,209,7,.12))}
label{color:#8fa3af!important;font-weight:850!important}

/* premium badges/status */
.pill,.portal-chip,.top-chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.pill.ok,.top-chip.secure{background:linear-gradient(180deg,rgba(82,242,176,.105),rgba(82,242,176,.035))!important;border-color:rgba(82,242,176,.28)!important;color:#64f0b7!important}
.pill.warn{background:linear-gradient(180deg,rgba(255,209,7,.11),rgba(255,209,7,.035))!important;border-color:rgba(255,209,7,.3)!important;color:#ffe06d!important}
.pill.off{background:linear-gradient(180deg,rgba(255,111,121,.11),rgba(255,111,121,.04))!important;border-color:rgba(255,111,121,.28)!important}

/* tabs/navigation */
.company-tabs,.mg-admin-tabs,.nx-module-native-bar{background:linear-gradient(180deg,#0a1115,#070c0f)!important;border:1px solid #27363e!important;border-radius:15px!important;padding:5px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.12)!important}
.company-tab,.mg-admin-tabs a,.nx-module-tabs a{border:1px solid transparent!important;border-radius:10px!important;color:#91a3ad!important}
.company-tab:hover,.mg-admin-tabs a:hover,.nx-module-tabs a:hover{background:#101a1f!important;border-color:#2d3e47!important;color:#fff!important}
.company-tab.active,.mg-admin-tabs a.active,.nx-module-tabs a.active{color:#090b0c!important;background:linear-gradient(180deg,#ffe86c,#ffd107)!important;border-color:#ffe77a!important;box-shadow:0 8px 22px rgba(255,209,7,.14),inset 0 1px 0 rgba(255,255,255,.75)!important}
.mg-admin-tabs{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;overflow:visible!important;white-space:normal!important;padding:10px!important}
.mg-admin-tabs a{display:inline-flex!important;flex:0 0 auto!important;min-width:max-content!important;min-height:46px!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:0 15px!important;font-size:12px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.mg-admin-tabs a span{display:inline!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
.mg-admin-tabs::-webkit-scrollbar,.nx-module-tabs::-webkit-scrollbar{display:none!important}
@media(max-width:960px){.mg-admin-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important}.mg-admin-tabs a{flex:0 0 auto!important;min-width:max-content!important}}

/* tables */
.table-wrap{border:1px solid #27353e!important;border-radius:15px!important;overflow:auto!important;background:#071014!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 14px 30px rgba(0,0,0,.11)!important}
table{border-collapse:separate!important;border-spacing:0!important}
thead th{position:sticky;top:0;z-index:2;background:#0c1419!important;color:#8fa4b0!important;border-bottom:1px solid #30414b!important;font-size:9px!important;letter-spacing:.11em!important;text-transform:uppercase!important}
tbody td{border-bottom-color:#1f2c33!important}
tbody tr{transition:background .14s ease!important}
tbody tr:hover td{background:rgba(89,217,255,.022)!important}

/* stat cards */
.stat-grid article,.dashboard-kpi-row article,.mg-kpis article{position:relative;overflow:hidden;background:linear-gradient(145deg,#0f171c,#091014 78%)!important;border-radius:17px!important}
.stat-grid article:after,.dashboard-kpi-row article:after,.mg-kpis article:after{content:"";position:absolute;width:120px;height:120px;right:-46px;top:-58px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,7,.055),transparent 70%);pointer-events:none}

/* sidebar active item polish */
.portal-nav-link.active,.nav-link.active{background:linear-gradient(90deg,rgba(255,209,7,.16),rgba(255,209,7,.035))!important;border-color:rgba(255,209,7,.32)!important;box-shadow:inset 4px 0 0 #ffd107,0 8px 22px rgba(0,0,0,.08)!important}
.portal-nav-link:hover,.nav-link:hover{transform:translateX(2px)}

/* modals */
.modal,.dialog-card{border:1px solid #334650!important;background:linear-gradient(180deg,#111a20,#080e12)!important;border-radius:20px!important;box-shadow:0 36px 100px rgba(0,0,0,.52)!important}

/* premium empty states */
.mg-empty,.dc-empty,.dc-empty-inline,.empty-state,.nx-empty{border-style:dashed!important;border-color:#34434c!important;background:linear-gradient(135deg,rgba(89,217,255,.018),rgba(255,209,7,.018))!important}

/* Security / 2FA */
.security-premium-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:24px 26px;border:1px solid rgba(82,242,176,.22);border-radius:20px;background:radial-gradient(circle at 88% 10%,rgba(82,242,176,.075),transparent 30%),linear-gradient(135deg,#10191e,#091014);box-shadow:var(--pui-shadow)}
.security-premium-hero .security-hero-copy{display:flex;align-items:center;gap:16px}.security-shield{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;border:1px solid rgba(82,242,176,.28);background:rgba(82,242,176,.07);color:#52f2b0;font-size:23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(82,242,176,.06)}
.security-premium-hero h2{margin:2px 0 4px;font-size:25px}.security-premium-hero p{margin:0;color:#8fa1ac;font-size:12px}.security-score{display:flex;align-items:center;gap:10px}.security-score>span{padding:7px 10px;border:1px solid #2d3d46;border-radius:999px;background:#091014;color:#9eb0ba;font-size:9px;font-weight:900;letter-spacing:.09em}.security-score .good{color:#63efb8;border-color:rgba(82,242,176,.25)}
.security-premium-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.security-premium-card{padding:24px!important}.security-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(255,209,7,.24);background:rgba(255,209,7,.06);color:#ffd107;font-size:17px}.security-panel-top{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.security-panel-top h2{margin:0 0 5px}.security-panel-top p{margin:0;color:#899ca8;font-size:12px;line-height:1.55}.security-panel-top .pill{margin-left:auto}
.totp-enroll.premium-totp,.portal-totp-enroll.premium-totp{display:grid!important;grid-template-columns:minmax(250px,.78fr) minmax(320px,1.22fr)!important;gap:18px!important;padding:0!important;border:0!important;background:transparent!important}
.premium-totp .totp-qr-panel{border:1px solid #2b3b44!important;border-radius:16px!important;background:#071015!important;padding:18px!important}.premium-totp .totp-qr{margin:0 auto 14px!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}.premium-totp .totp-step{border:1px solid #273740!important;border-radius:14px!important;background:#091116!important;padding:14px!important}.premium-totp .secret-box{border-radius:14px!important;background:#071014!important;border-color:#2a3942!important}
.otp-premium-wrap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:8px}.otp-premium-cell{width:100%!important;height:54px!important;min-width:0!important;padding:0!important;text-align:center!important;font-size:23px!important;font-weight:900!important;letter-spacing:0!important;border-radius:12px!important}.otp-premium-cell:focus{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(255,209,7,.1),0 10px 25px rgba(255,209,7,.06)!important}.otp-combined{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.security-success-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(82,242,176,.22);border-radius:16px;background:linear-gradient(135deg,rgba(82,242,176,.07),rgba(82,242,176,.025))}.security-success-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:50%;background:rgba(82,242,176,.09);color:#52f2b0;border:1px solid rgba(82,242,176,.25);font-size:20px}.security-success-card h3{margin:0 0 4px}.security-success-card p{margin:0;color:#8fa1ac;font-size:12px}

/* tiny interaction polish */
.pui-ripple{position:absolute;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:rgba(255,255,255,.32);animation:pui-ripple .5s ease-out forwards}@keyframes pui-ripple{to{transform:translate(-50%,-50%) scale(5);opacity:0}}

@media(max-width:1050px){.security-premium-grid{grid-template-columns:1fr}.totp-enroll.premium-totp,.portal-totp-enroll.premium-totp{grid-template-columns:1fr!important}.mg-admin-tabs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important}}
@media(max-width:700px){.security-premium-hero{align-items:flex-start;flex-direction:column}.security-score{width:100%;flex-wrap:wrap}.otp-premium-wrap{gap:5px}.otp-premium-cell{height:48px!important;font-size:19px!important}.mg-admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* premium permission selectors / checkbox groups */
.checks{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.checks label{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:0 11px!important;border:1px solid #2a3942!important;border-radius:10px!important;background:linear-gradient(180deg,#0d151a,#081014)!important;color:#d8e2e7!important;font-size:10px!important;font-weight:850!important;letter-spacing:.02em!important;cursor:pointer!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;transition:.15s ease!important}
.checks label:hover{border-color:#3c515d!important;background:#111b20!important;transform:translateY(-1px)!important}
.checks label:has(input:checked){border-color:rgba(255,209,7,.38)!important;background:linear-gradient(180deg,rgba(255,209,7,.095),rgba(255,209,7,.03))!important;color:#fff!important;box-shadow:0 7px 20px rgba(255,209,7,.045),inset 0 1px 0 rgba(255,255,255,.03)!important}
.checks input{width:16px!important;height:16px!important;margin:0!important}
fieldset{border-color:#2a3942!important;border-radius:14px!important;background:rgba(7,15,18,.5)!important}fieldset legend{padding:0 8px!important;color:#8da1ad!important;font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important}

/* premium auth cards */
.auth-card,.portal-auth-card{border:1px solid #30414a!important;border-radius:22px!important;background:radial-gradient(circle at 90% 0,rgba(255,209,7,.06),transparent 28%),linear-gradient(180deg,#111a20,#080e12)!important;box-shadow:0 38px 110px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important}
.auth-card form,.portal-auth-card form{gap:15px!important}.auth-submit{min-height:50px!important}
.auth-card .otp-premium-wrap,.portal-auth-card .otp-premium-wrap{margin:9px 0 2px!important}

/* file inputs */
input[type="file"]{padding:7px!important;min-height:48px!important}input[type="file"]::file-selector-button{min-height:32px;margin-right:10px;padding:0 12px;border:1px solid #3a4c56;border-radius:8px;background:#111b20;color:#edf3f6;font-weight:850;cursor:pointer}

/* compact premium icon actions */
.back-chip,.nx-module-back,.portal-top-home{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.12)!important}.portal-top-home:hover,.back-chip:hover,.nx-module-back:hover{color:#ffd107!important;border-color:rgba(255,209,7,.34)!important;background:rgba(255,209,7,.05)!important}

/* V2.4.3 FINAL: Mini Games admin navigation must never truncate desktop labels */
@media(min-width:961px){
  .mg-admin-tabs{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;overflow:visible!important;gap:9px!important}
  .mg-admin-tabs a{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;min-height:46px!important;padding:0 15px!important;font-size:12px!important;overflow:visible!important}
  .mg-admin-tabs a span{display:inline!important;width:auto!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
}

/* V2.4.4 — premium Authenticator checkpoint */
.otp-gateway-body{background:radial-gradient(circle at 50% 40%,rgba(22,226,207,.07),transparent 27%),linear-gradient(180deg,#060a0c 0%,#030506 100%)!important}
.otp-gateway-wrap{position:relative}
.otp-gateway-card{position:relative;overflow:hidden!important;border-color:rgba(95,128,139,.45)!important;background:radial-gradient(circle at 100% 0,rgba(26,221,202,.055),transparent 35%),linear-gradient(155deg,#111b20 0%,#091015 63%,#070c10 100%)!important;box-shadow:0 36px 110px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.015) inset!important;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease!important}
.otp-gateway-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 27%,rgba(255,255,255,.026) 45%,transparent 62%);transform:translateX(-120%);animation:otpCardSweep 7s ease-in-out infinite}
@keyframes otpCardSweep{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.otp-gateway-card .auth-kicker,.otp-gateway-card .eyebrow{color:#ffd107!important}
.otp-gateway-card h1,.otp-gateway-card h2{letter-spacing:-.035em!important}
.otp-status-line{display:flex;align-items:center;gap:8px;margin:14px 0 4px;color:#7f929c;font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.otp-status-dot{width:7px;height:7px;border-radius:50%;background:#60747e;box-shadow:0 0 0 4px rgba(96,116,126,.08);transition:.2s ease}
.otp-gateway-cells{gap:9px!important;margin-top:10px!important}
.otp-gateway-cells .otp-premium-cell{height:58px!important;border:1px solid #2d414b!important;border-radius:13px!important;background:linear-gradient(180deg,#0a1318,#071015)!important;color:#f6fbfd!important;caret-color:#27e8d5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .15s ease!important}
.otp-gateway-cells .otp-premium-cell:focus{border-color:rgba(38,229,210,.72)!important;background:linear-gradient(180deg,rgba(18,52,55,.92),#081417)!important;box-shadow:0 0 0 3px rgba(38,229,210,.11),0 0 24px rgba(38,229,210,.08),inset 0 1px 0 rgba(255,255,255,.035)!important;transform:translateY(-1px)!important}
.otp-gateway-card.otp-is-verifying{border-color:rgba(38,229,210,.55)!important;box-shadow:0 36px 110px rgba(0,0,0,.58),0 0 36px rgba(38,229,210,.08),inset 0 1px 0 rgba(255,255,255,.025)!important}
.otp-gateway-card.otp-is-verifying .otp-status-dot{background:#28e8d4;box-shadow:0 0 0 5px rgba(40,232,212,.09),0 0 18px rgba(40,232,212,.7);animation:otpPulse .72s ease-in-out infinite alternate}
.otp-gateway-card.otp-is-verifying .otp-premium-cell{border-color:rgba(40,232,212,.68)!important;color:#dffffb!important;box-shadow:0 0 18px rgba(40,232,212,.08)!important}
.otp-gateway-card.otp-is-success{border-color:#37f0dc!important;box-shadow:0 36px 110px rgba(0,0,0,.58),0 0 50px rgba(55,240,220,.18),inset 0 0 28px rgba(55,240,220,.035)!important;transform:translateY(-2px)}
.otp-gateway-card.otp-is-success .otp-status-line{color:#7ffbec}.otp-gateway-card.otp-is-success .otp-status-dot{background:#5af5e3;box-shadow:0 0 0 6px rgba(90,245,227,.1),0 0 22px rgba(90,245,227,.8)}
.otp-gateway-card.otp-is-success .otp-premium-cell,.otp-gateway-cells .otp-cell-success{border-color:#50f4df!important;background:linear-gradient(180deg,rgba(33,105,98,.62),rgba(10,41,40,.88))!important;color:#eafffc!important;box-shadow:0 0 24px rgba(61,239,219,.22),inset 0 0 18px rgba(75,242,223,.06)!important}
.otp-gateway-card.otp-is-error{animation:otpShake .34s ease both;border-color:rgba(255,82,104,.68)!important;box-shadow:0 36px 110px rgba(0,0,0,.58),0 0 34px rgba(255,70,93,.09)!important}
.otp-gateway-card.otp-is-error .otp-status-line{color:#ff93a0}.otp-gateway-card.otp-is-error .otp-status-dot{background:#ff5368;box-shadow:0 0 0 5px rgba(255,83,104,.08)}
.otp-gateway-card.otp-is-error .otp-premium-cell{border-color:rgba(255,83,104,.72)!important;background:linear-gradient(180deg,rgba(60,15,24,.72),#13090d)!important;box-shadow:0 0 18px rgba(255,83,104,.08)!important}
.otp-inline-error{margin:10px 0 0!important}.otp-inline-error[hidden]{display:none!important}
.otp-back-login{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#8ea1ab!important;text-decoration:none!important;font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;transition:.16s ease}
.otp-back-login:hover{color:#31e5d2!important;transform:translateX(-2px)}
@keyframes otpPulse{from{transform:scale(.88);opacity:.72}to{transform:scale(1.12);opacity:1}}
@keyframes otpShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}55%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:700px){.otp-gateway-cells{gap:6px!important}.otp-gateway-cells .otp-premium-cell{height:50px!important;font-size:20px!important}.otp-back-login{margin-top:15px}}

/* V2.4.5 — company-branded premium 2FA checkpoint */
.otp-gateway-body .portal-auth-brand>span.has-logo{width:64px!important;height:64px!important;border-radius:18px!important;padding:7px!important;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.055),rgba(7,12,15,.98) 68%)!important;border:1px solid rgba(43,232,211,.28)!important;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 12px 36px rgba(0,0,0,.32),0 0 28px rgba(43,232,211,.055)!important}
.otp-gateway-body .portal-auth-brand>span.has-logo img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;border-radius:10px!important}
.otp-gateway-card{max-width:520px!important}
.otp-gateway-card form{margin-top:16px!important}
.otp-gateway-card form>label{display:block!important;margin:0!important}
.otp-gateway-card form button,.otp-gateway-card form .primary{display:none!important}
.otp-back-login{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:max-content!important;margin:20px auto 0!important;padding:8px 12px!important;border-radius:999px!important;border:1px solid rgba(97,122,134,.34)!important;background:rgba(5,9,12,.56)!important;color:#8fa3ad!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;transition:.18s ease!important}
.otp-back-login:hover{color:#d7fffb!important;border-color:rgba(43,232,211,.55)!important;box-shadow:0 0 22px rgba(43,232,211,.07)!important;transform:translateY(-1px)!important}
.otp-status-line{display:flex!important;align-items:center!important;gap:9px!important;margin:16px 0 2px!important;padding:9px 11px!important;border-radius:11px!important;border:1px solid rgba(83,112,124,.25)!important;background:rgba(5,11,14,.52)!important;color:#748995!important;font-size:10px!important;font-weight:850!important}
.otp-status-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#60737c!important;box-shadow:0 0 0 4px rgba(96,115,124,.07)!important}
.otp-inline-error[hidden]{display:none!important}

/* V2.4.6 — premium 2FA success experience */
.otp-gateway-body{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(37,235,215,.10),transparent 23%),
    radial-gradient(circle at 50% 60%,rgba(255,209,7,.025),transparent 28%),
    linear-gradient(180deg,#05090b 0%,#020405 100%)!important;
}
.otp-gateway-wrap{isolation:isolate}
.otp-gateway-wrap:before,.otp-gateway-wrap:after{content:"";position:fixed;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.16;z-index:-1}
.otp-gateway-wrap:before{width:280px;height:280px;left:calc(50% - 300px);top:calc(50% - 250px);background:#20e6d2}
.otp-gateway-wrap:after{width:240px;height:240px;left:calc(50% + 80px);top:calc(50% + 20px);background:#0f897e}
.otp-gateway-card{
  max-width:560px!important;
  padding:30px 32px 26px!important;
  border:1px solid rgba(91,130,140,.44)!important;
  border-radius:24px!important;
  background:
    linear-gradient(145deg,rgba(18,30,35,.96),rgba(7,13,16,.985) 67%),
    radial-gradient(circle at 90% 0,rgba(45,236,216,.08),transparent 34%)!important;
  box-shadow:0 36px 120px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.018) inset,0 18px 60px rgba(0,0,0,.28)!important;
}
.otp-gateway-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.026) 42%,transparent 63%);transform:translateX(-120%);animation:otpPremiumSweep 6.5s ease-in-out infinite}
@keyframes otpPremiumSweep{0%,64%{transform:translateX(-120%)}86%,100%{transform:translateX(120%)}}
.otp-gateway-card h1,.otp-gateway-card h2{font-size:clamp(28px,3vw,38px)!important;line-height:1.05!important;margin:12px 0 10px!important}
.otp-gateway-card>p,.otp-gateway-card .muted{font-size:13px!important;color:#91a5ae!important;line-height:1.65!important}
.otp-status-line{min-height:38px!important;margin:18px 0 7px!important;padding:10px 12px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(7,17,21,.82),rgba(5,11,14,.9))!important}
.otp-gateway-cells{gap:10px!important}
.otp-gateway-cells .otp-premium-cell{height:64px!important;border-radius:15px!important;font-size:26px!important;background:linear-gradient(180deg,#0c171c,#071015)!important}
.otp-gateway-card.otp-is-verifying .otp-premium-cell{animation:otpCellScan .62s ease-in-out infinite alternate}
.otp-gateway-card.otp-is-verifying .otp-premium-cell:nth-child(2){animation-delay:.06s}.otp-gateway-card.otp-is-verifying .otp-premium-cell:nth-child(3){animation-delay:.12s}.otp-gateway-card.otp-is-verifying .otp-premium-cell:nth-child(4){animation-delay:.18s}.otp-gateway-card.otp-is-verifying .otp-premium-cell:nth-child(5){animation-delay:.24s}.otp-gateway-card.otp-is-verifying .otp-premium-cell:nth-child(6){animation-delay:.30s}
@keyframes otpCellScan{from{box-shadow:0 0 8px rgba(40,232,212,.06)!important}to{box-shadow:0 0 24px rgba(40,232,212,.22),inset 0 0 14px rgba(40,232,212,.06)!important}}
.otp-success-overlay{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:28px;border-radius:inherit;background:radial-gradient(circle at 50% 46%,rgba(32,239,216,.16),rgba(5,13,15,.97) 52%,rgba(3,8,10,.99) 100%);opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none}
.otp-gateway-card.otp-is-success .otp-success-overlay{opacity:1;visibility:visible;transform:scale(1)}
.otp-success-check{position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:2px solid #52f4e0;background:radial-gradient(circle,rgba(51,237,216,.20),rgba(5,24,24,.82));box-shadow:0 0 0 10px rgba(63,242,221,.045),0 0 44px rgba(63,242,221,.34);animation:otpSuccessPop .42s cubic-bezier(.2,.9,.25,1.25) both}
.otp-success-check:before{content:"";width:32px;height:17px;border-left:5px solid #eafffb;border-bottom:5px solid #eafffb;transform:rotate(-45deg) translate(2px,-2px);border-radius:2px}
.otp-success-title{font-size:24px;font-weight:950;letter-spacing:.08em;color:#79ffef;text-transform:uppercase;text-shadow:0 0 24px rgba(72,243,222,.5)}
.otp-success-copy{font-size:12px;font-weight:800;letter-spacing:.055em;color:#9fcac4;text-transform:uppercase}
.otp-success-bar{width:180px;height:3px;border-radius:999px;overflow:hidden;background:rgba(79,242,222,.12);box-shadow:inset 0 0 0 1px rgba(79,242,222,.10)}
.otp-success-bar>i{display:block;width:0;height:100%;background:#50f2de;box-shadow:0 0 18px rgba(80,242,222,.72);animation:otpSuccessBar 1.05s ease forwards}
@keyframes otpSuccessPop{0%{opacity:0;transform:scale(.6) rotate(-8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes otpSuccessBar{to{width:100%}}
.otp-gateway-card.otp-is-error .otp-premium-cell{animation:otpErrorCell .34s ease both}
@keyframes otpErrorCell{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}
.otp-back-login{margin-top:18px!important}
@media(max-width:700px){.otp-gateway-card{padding:24px 18px 22px!important;border-radius:20px!important}.otp-gateway-cells{gap:6px!important}.otp-gateway-cells .otp-premium-cell{height:54px!important;font-size:22px!important;border-radius:12px!important}.otp-success-check{width:76px;height:76px}.otp-success-title{font-size:20px}}

/* V2.4.7 — soft-focus security backdrop */
.otp-gateway-body{position:relative!important;overflow-x:hidden!important;isolation:isolate!important}
.otp-gateway-body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,rgba(34,238,216,.075) 0%,rgba(18,103,98,.035) 28%,rgba(2,5,7,.72) 68%,rgba(1,3,4,.94) 100%);filter:blur(7px);transform:scale(1.025)}
.otp-gateway-body:after{content:"";position:fixed;inset:-30px;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(4,9,11,.30),rgba(2,5,7,.56)),radial-gradient(circle at 50% 48%,rgba(45,235,216,.045),transparent 34%);-webkit-backdrop-filter:blur(9px) saturate(.9);backdrop-filter:blur(9px) saturate(.9)}
.otp-gateway-wrap{z-index:1!important}
.otp-gateway-card{-webkit-backdrop-filter:blur(18px) saturate(1.08)!important;backdrop-filter:blur(18px) saturate(1.08)!important;background:radial-gradient(circle at 50% -12%,rgba(43,235,215,.075),transparent 38%),linear-gradient(145deg,rgba(17,29,34,.88),rgba(6,12,15,.94) 68%)!important;box-shadow:0 38px 130px rgba(0,0,0,.68),0 0 70px rgba(35,229,210,.045),0 0 0 1px rgba(255,255,255,.02) inset!important}
.otp-gateway-card.otp-is-verifying{background:radial-gradient(circle at 50% 25%,rgba(42,239,218,.115),transparent 43%),linear-gradient(145deg,rgba(15,35,38,.91),rgba(5,14,17,.96) 68%)!important}
.otp-gateway-card.otp-is-success{background:radial-gradient(circle at 50% 45%,rgba(46,244,221,.16),transparent 46%),linear-gradient(145deg,rgba(12,39,39,.94),rgba(4,15,17,.98) 70%)!important}
@media(max-width:700px){.otp-gateway-body:after{-webkit-backdrop-filter:blur(7px) saturate(.9);backdrop-filter:blur(7px) saturate(.9)}.otp-gateway-card{-webkit-backdrop-filter:blur(14px) saturate(1.05)!important;backdrop-filter:blur(14px) saturate(1.05)!important}}

/* Fully frosted verification success state */
.otp-gateway-body.otp-success-page:before,
.otp-gateway-body:has(.otp-gateway-card.otp-is-success):before{
  filter:blur(24px)!important;
  transform:scale(1.09)!important;
  opacity:.92!important;
}
.otp-gateway-body.otp-success-page:after,
.otp-gateway-body:has(.otp-gateway-card.otp-is-success):after{
  background:rgba(2,8,10,.54)!important;
  -webkit-backdrop-filter:blur(30px) saturate(.82)!important;
  backdrop-filter:blur(30px) saturate(.82)!important;
}
.otp-gateway-card.otp-is-success{
  -webkit-backdrop-filter:blur(34px) saturate(1.30)!important;
  backdrop-filter:blur(34px) saturate(1.30)!important;
  background:radial-gradient(circle at 50% 42%,rgba(39,244,221,.24),rgba(8,30,31,.68) 38%,rgba(3,12,15,.76) 74%)!important;
  border-color:rgba(65,255,231,.92)!important;
  box-shadow:0 36px 120px rgba(0,0,0,.62),0 0 100px rgba(40,239,218,.20),inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 55px rgba(43,235,215,.06)!important;
}
.otp-gateway-card.otp-is-success > :not(.otp-success-overlay){filter:blur(5px)!important;opacity:.16!important;transition:filter .24s ease,opacity .24s ease}
.otp-gateway-card.otp-is-success .otp-success-overlay{background:linear-gradient(145deg,rgba(7,25,28,.42),rgba(2,10,12,.34))!important;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}
@media(max-width:700px){.otp-gateway-body:has(.otp-gateway-card.otp-is-success):after{-webkit-backdrop-filter:blur(22px) saturate(.84)!important;backdrop-filter:blur(22px) saturate(.84)!important}.otp-gateway-card.otp-is-success{-webkit-backdrop-filter:blur(26px) saturate(1.22)!important;backdrop-filter:blur(26px) saturate(1.22)!important}}