/* Native initial loading mask remains black until uniGUI removes it. */
#loading-mask{background:#000!important}#loading{display:none!important}
@font-face { font-family: 'Orbitron'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/orbitron-latin-600.woff2') format('woff2'); }
/* Only the login scene opts into these rules; destroy removes its root classes. */
html[data-booster-login="active"], html[data-booster-login="active"] body {
  background: #000 !important;
  min-height: 100%;
}
html[data-booster-login="active"] body { overflow-x: hidden; }
html[data-booster-login="active"] body .booster-login-backdrop {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: #000;
  z-index: 0;
}
html[data-booster-login="active"] body .booster-login-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity 500ms ease;
}
html[data-booster-login="active"] body .booster-login-image.is-visible { opacity: 1; }
html[data-booster-login="active"] body .booster-login-header {
  position: absolute;
  top: 36px;
  left: 5%;
  right: 5%;
  display: flex;
  align-items: center;
  gap: 24px;
  color: #fff;
  z-index: 2;
  font-family: 'Segoe UI', Arial, sans-serif;
}
html[data-booster-login="active"] body .booster-login-header a { display: block; color: #fff; text-decoration: none; }
html[data-booster-login="active"] body .booster-login-header a:focus-visible { outline: 2px solid #ffd24a; outline-offset: 8px; }
html[data-booster-login="active"] body .booster-login-header img { display: block; width: 164px; max-height: 48px; object-fit: contain; }
html[data-booster-login="active"] body .booster-login-system { border-left: 1px solid #ffffff50; padding-left: 24px; }
html[data-booster-login="active"] body .booster-login-system strong { display: block; font-family: 'Orbitron', 'Segoe UI', sans-serif; font-weight: 600; font-size: 22px; letter-spacing: .12em; }
html[data-booster-login="active"] body .booster-login-system span { display: block; margin-top: 5px; font-size: 10px; letter-spacing: .36em; }
html[data-booster-login="active"] body [data-booster-login-form] {
  z-index: 3 !important;
  color: #fff;
  background: linear-gradient(135deg, rgba(210, 235, 255, .15), rgba(70, 92, 116, .03) 42%, rgba(255, 216, 145, .09)), rgba(13, 18, 25, .34) !important;
  border: 1px solid rgba(183, 220, 255, .66) !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px 0 #ffffff70, inset 0 -1px 0 #a8d9ff35, 0 0 28px #80caff20, 0 24px 64px #0009;
  backdrop-filter: blur(20px) saturate(130%);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
}
html[data-booster-login="active"] body [data-booster-login-form="cp"] { border-color: rgba(235, 177, 69, .5) !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-window-body,
html[data-booster-login="active"] body [data-booster-login-form] .x-panel-body,
html[data-booster-login="active"] body [data-booster-login-form] .x-panel-default,
html[data-booster-login="active"] body [data-booster-login-form] .x-window-header,
html[data-booster-login="active"] body [data-booster-login-form] .x-toolbar,
html[data-booster-login="active"] body [data-booster-login-form] .login-container,
html[data-booster-login="active"] body [data-booster-login-form] .login-box {
  background: transparent !important;
  border-color: transparent !important;
}
html[data-booster-login="active"] body [data-booster-login-form] .x-form-item-label,
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-label,
html[data-booster-login="active"] body [data-booster-login-form] .x-form-display-field,
html[data-booster-login="active"] body [data-booster-login-form] .x-window-header-title,
html[data-booster-login="active"] body [data-booster-login-form] .x-panel-header-title,
html[data-booster-login="active"] body [data-booster-login-form] .login-title,
html[data-booster-login="active"] body [data-booster-login-form] .x-label { color: #fff !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-item-label { font-size: 14px !important; }
html[data-booster-login="active"] body [data-booster-login-form] .login-title {
  text-align: left !important;
  font-size: 28px !important;
  height: 40px !important;
}
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger-wrap {
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid #8b929c !important;
  border-radius: 6px;
  padding: 6px;
}
html[data-booster-login="active"] body [data-booster-login-form] .x-form-text-wrap,
html[data-booster-login="active"] body [data-booster-login-form] .x-form-text,
html[data-booster-login="active"] body [data-booster-login-form] .x-form-field {
  background: transparent !important;
  color: #fff !important;
}
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger-wrap .x-form-field { border: 0 !important; padding: 0 8px !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger { color: #fff !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-text::placeholder { color: #c6cbd3; opacity: 1; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger-wrap-focus { border-color: #ffd24a !important; box-shadow: 0 0 0 1px #ffd24a; }
html[data-booster-login="active"] body [data-booster-login-form] .x-btn-default-small,
html[data-booster-login="active"] body [data-booster-login-form] .x-btn-default-medium {
  background: #ffd24a !important;
  border: 1px solid #ffd24a !important;
  border-radius: 6px !important;
}
html[data-booster-login="active"] body [data-booster-login-form] .x-btn-inner { color: #151b23 !important; font-weight: 600; }
html[data-booster-login="active"] body [data-booster-login-form] .x-btn:hover { background: #ffe17c !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-btn-focus { outline: 2px solid #fff; outline-offset: 3px; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-checkbox {
  border-color: #c7ced8 !important;
  width: 18px !important;
  height: 18px !important;
}
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-label {
  margin: 0 !important;
  padding: 0 0 0 28px !important;
  height: 18px !important;
  line-height: 18px !important;
  font-size: 14px !important;
}
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-checked .x-form-checkbox { background-color: #ffd24a !important; border-color: #ffd24a !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-checked .x-form-checkbox::before {
  content: '' !important;
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 9px;
  height: 15px;
  top: 50%;
  left: 50%;
  border: solid #151b23;
  border-width: 0 3px 3px 0;
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: 1;
  pointer-events: none;
}
html[data-booster-login="active"] body [data-booster-login-form] .x-form-invalid-field { border-color: #ff9289 !important; }
@media (max-width: 760px) {
  html[data-booster-login="active"] body .booster-login-header { top: 28px; left: 24px; right: 24px; gap: 16px; }
  html[data-booster-login="active"] body .booster-login-header img { width: 132px; }
  html[data-booster-login="active"] body .booster-login-system { padding-left: 16px; }
  html[data-booster-login="active"] body .booster-login-system strong { font-size: 16px; }
  html[data-booster-login="active"] body .booster-login-system span { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-booster-login="active"] body .booster-login-image { transition-duration: 0ms; }
}
html[data-booster-login="active"] body [data-booster-login-form] { display: block !important; }
html[data-booster-login="active"] body [data-booster-login-form] .login-box,
html[data-booster-login="active"] body [data-booster-login-form] .x-window-body { padding: 0 !important; }
html[data-booster-login="active"] body .booster-login-header img { width: 152px; max-height: 96px; }
@media(max-width:760px){
  html[data-booster-login="active"] body .booster-login-header img { width: 110px; max-height: 70px; }
  html[data-booster-login="active"] body .booster-login-header { gap: 12px; }
  html[data-booster-login="active"] body .booster-login-system { padding-left: 12px; }
}

html[data-booster-login="active"] body [data-booster-login-form] .password .x-form-trigger-default::before { color: #dce5ed !important; }

/* A screen-relative light reflection, separate from the native window so it is not clipped. */
html[data-booster-login="active"] body .booster-login-floor { position: absolute; z-index: 2; pointer-events: none; height: 180px; opacity: .65; overflow: hidden; }
html[data-booster-login="active"] body .booster-login-floor::before { content: ''; position: absolute; inset: 0; border-radius: 18px; border: 1px solid #bfdcff50; background: linear-gradient(to bottom, #aacbdf25, #10192500), linear-gradient(#ffd24a55, #ffd24a55) center 16px / 84% 24px no-repeat; transform: perspective(450px) rotateX(48deg); transform-origin: center top; filter: blur(3px); mask-image: linear-gradient(#0009, transparent 92%); -webkit-mask-image: linear-gradient(#0009, transparent 92%); }
html[data-booster-login="active"] body .booster-login-floor::after { content: ''; position: absolute; left: -18%; right: -18%; top: -18px; height: 60px; border-radius: 50%; background: radial-gradient(ellipse, #dbeaff40, #76baff12 45%, transparent 72%); filter: blur(10px); }
html[data-booster-login="active"] body [data-booster-login-form="cp"] { box-shadow: inset 0 1px 0 #ffffff70, inset 0 -1px 0 #ffd98535, 0 0 28px #ffca6820, 0 24px 64px #0009; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger-wrap { background: linear-gradient(135deg, #ffffff17, #ffffff05) !important; border-color: #d0dbea70 !important; box-shadow: inset 0 1px 0 #ffffff16; }
html[data-booster-login="active"] body [data-booster-login-form] .x-btn-default-small, html[data-booster-login="active"] body [data-booster-login-form] .x-btn-default-medium { background: linear-gradient(#ffe481, #ffd24a) !important; box-shadow: inset 0 1px 0 #fff9, 0 0 22px #ffd24a25; }
@media(max-width:760px){ html[data-booster-login="active"] body .booster-login-floor { height: 90px; opacity: .35; } }

/* Revision 3: stronger refracted rim and the reflected light on the wet floor. */
html[data-booster-login="active"] body [data-booster-login-form] {
  border-color: #b2eaffb8 !important;
  box-shadow: inset 1px 1px 0 #ffffffa0, inset -1px -1px 0 #abdfff70,
    inset 0 0 24px #a0dbff12, -5px 0 22px #63caff38, 5px 0 22px #ffce7330,
    0 0 4px #a8dfff90, 0 0 46px #60bdff28, 0 26px 70px #0009 !important;
}
html[data-booster-login="active"] body [data-booster-login-form]::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(135deg, #ffffff23, transparent 24%, transparent 76%, #ffd88d16),
    linear-gradient(90deg, #83d8ff18, transparent 9%, transparent 91%, #ffcd7318);
}
html[data-booster-login="active"] body [data-booster-login-form="cp"] {
  border-color: #ffe1a9b8 !important;
  box-shadow: inset 1px 1px 0 #ffffffa0, inset -1px -1px 0 #ffdfaa70,
    inset 0 0 24px #ffd69b12, -5px 0 22px #63caff30, 5px 0 22px #ffce7348,
    0 0 4px #ffe0a490, 0 0 46px #ffc66b30, 0 26px 70px #0009 !important;
}
html[data-booster-login="active"] body .booster-login-floor { height: 220px; opacity: .95; mix-blend-mode: screen; mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent); }
html[data-booster-login="active"] body .booster-login-floor::before {
  border-color: #bfe6ff90;
  background: linear-gradient(to bottom, #aad9f540, #10192500),
    linear-gradient(#ffd24a95, #ffd24a65) center 18px / 84% 30px no-repeat,
    linear-gradient(#d4eaff30, #d4eaff12) center 70px / 84% 24px no-repeat,
    linear-gradient(#d4eaff20, #d4eaff08) center 108px / 84% 24px no-repeat;
  filter: blur(2.5px);
  mask-image: linear-gradient(#000d, #0005 48%, transparent 90%);
  -webkit-mask-image: linear-gradient(#000d, #0005 48%, transparent 90%);
}
html[data-booster-login="active"] body .booster-login-floor::after {
  top: -12px; height: 82px;
  background: radial-gradient(ellipse at 28% 30%, #83d8ff60, transparent 62%),
    radial-gradient(ellipse at 74% 30%, #ffd24a55, transparent 62%);
  filter: blur(8px);
}
@media(max-width:760px){
  html[data-booster-login="active"] body .booster-login-system span { letter-spacing: .30em; }
  html[data-booster-login="active"] body .booster-login-floor { height: 110px; opacity: .65; }
}

/* Revision 4: double glass bevel, moving edge glints and a mirrored silhouette. */
@property --booster-glint-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes booster-edge-glint { to { --booster-glint-angle: 360deg; } }
html[data-booster-login="active"] body [data-booster-login-form], html[data-booster-login="active"] body [data-booster-login-form="cp"] {
  border-color: #d3efffc9 !important;
  box-shadow: inset 0 0 0 2px #0614218c, inset 0 0 0 3px #c0e6ff40,
    inset 15px 0 26px -18px #63cfff, inset -15px 0 26px -18px #ffd363,
    -3px 0 16px #69d5ff50, 3px 0 16px #ffd66845, 0 0 3px #e6f6ff,
    0 7px 7px -5px #000c, 0 18px 30px -24px #000 !important;
}
html[data-booster-login="active"] body [data-booster-login-form]::before {
  background: radial-gradient(ellipse at 0 95%, #65d5ff65, transparent 24%),
    radial-gradient(ellipse at 100% 95%, #ffd65665, transparent 24%),
    radial-gradient(ellipse at 0 20%, #85d9ff36, transparent 18%),
    radial-gradient(ellipse at 100% 0, #ffda7938, transparent 18%),
    linear-gradient(135deg, #ffffff16, transparent 28%, transparent 76%, #ffd88d10);
  box-shadow: inset 0 -2px 3px #effaff99;
}
html[data-booster-login="active"] body [data-booster-login-form]::after {
  content: ''; position: absolute; inset: -2px; padding: 3px; border-radius: 22px;
  pointer-events: none;
  background: conic-gradient(from var(--booster-glint-angle), transparent 0deg 55deg,
    #8cddff88 66deg, #fff 72deg, #8cddff88 78deg, transparent 92deg 235deg,
    #ffe38e88 247deg, #fff9d1 253deg, #ffe38e88 259deg, transparent 272deg);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: booster-edge-glint 9s linear infinite;
}
html[data-booster-login="active"] body .booster-login-floor {
  height: 220px; opacity: .9; mix-blend-mode: screen;
  mask-image: linear-gradient(#000c, #0006 30%, transparent 92%);
  -webkit-mask-image: linear-gradient(#000c, #0006 30%, transparent 92%);
}
html[data-booster-login="active"] body .booster-login-floor::before { display: none; }
html[data-booster-login="active"] body .booster-login-floor::after {
  left: 0; right: 0; top: -6px; height: 65px; filter: blur(3px);
  background: radial-gradient(ellipse at 4% 5%, #a6e6ffbf, #73ccff50 18%, transparent 45%),
    radial-gradient(ellipse at 96% 5%, #ffe7a0bf, #ffd45750 18%, transparent 45%);
}
html[data-booster-login="active"] body .booster-login-reflection {
  position: absolute; left: 1px; right: 1px; border: 2px solid #b8e7ff90;
  border-radius: 20px; transform: scaleY(-.42); transform-origin: center top;
  background: linear-gradient(90deg, #83d8ff28, #d4eaff05 35%, #d4eaff05 65%, #ffda7e28);
  box-shadow: inset 2px 0 12px #83d8ff70, inset -2px 0 12px #ffda7e60;
  filter: blur(2px);
}
@media(max-width:760px){ html[data-booster-login="active"] body .booster-login-floor { height: 120px; opacity: .65; } }
@media(prefers-reduced-motion:reduce){ html[data-booster-login="active"] body [data-booster-login-form]::after { animation: none; } }

/* Match the supplied 452 x 430 menu proportions; keep only rim light in its reflection. */
html[data-booster-login="active"] body [data-booster-login-form] .login-title { font-size:36px !important; font-weight:700; height:48px !important; line-height:48px !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger-wrap { background:#0e19214d !important; border:1px solid #a3b4c04d !important; border-radius:9px; padding:4px 8px; }
html[data-booster-login="active"] body [data-booster-login-form] .x-btn-default-small, html[data-booster-login="active"] body [data-booster-login-form] .x-btn-default-medium { background:#ffe718 !important; border-color:#ffe941 !important; border-radius:9px !important; box-shadow:inset 0 1px 0 #ffffff50, 0 0 18px #ffe71812; }
html[data-booster-login="active"] body [data-booster-login-form] .x-btn-inner { font-size:20px; font-weight:700; }
html[data-booster-login="active"] body .booster-login-domain { position:absolute; bottom:14px; left:24px; right:24px; color:#95a0ab; text-align:center; letter-spacing:.08em; font:14px/20px 'Segoe UI',Arial,sans-serif; pointer-events:none; }
html[data-booster-login="active"] body .booster-login-registration-rule { position:absolute; top:354px; left:48px; right:48px; height:1px; background:linear-gradient(90deg,transparent,#ccdcea50 15%,#ccdcea50 85%,transparent); pointer-events:none; }
html[data-booster-login="active"] body .booster-login-reflection { background:transparent; border:2px solid #d6eeffb0; box-shadow: inset 4px 0 12px #83d8ff90, inset -4px 0 12px #ffda7e90, 0 0 8px #bfeaff40; }
html[data-booster-login="active"] body [data-booster-login-form] .login-username .x-form-trigger-wrap,
html[data-booster-login="active"] body [data-booster-login-form] .login-password .x-form-trigger-wrap { position:relative; padding-left:36px; }
html[data-booster-login="active"] body [data-booster-login-form] .login-username .x-form-trigger-wrap::before,
html[data-booster-login="active"] body [data-booster-login-form] .login-password .x-form-trigger-wrap::before { content:''; position:absolute; left:12px; top:50%; margin-top:-9px; width:18px; height:18px; background:center/contain no-repeat; pointer-events:none; }
@media(max-width:760px){ html[data-booster-login="active"] body [data-booster-login-form] .login-title { font-size:28px !important; } html[data-booster-login="active"] body .booster-login-registration-rule { left:28px; right:28px; } }
html[data-booster-login="active"] body [data-booster-login-form] .login-username .x-form-trigger-wrap::before { background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23edf3f7%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2020v-2a7%207%200%200%201%2014%200v2z%22%2F%3E%3C%2Fsvg%3E'); }
html[data-booster-login="active"] body [data-booster-login-form] .login-password .x-form-trigger-wrap::before { background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23edf3f7%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3%22%2F%3E%3Cpath%20d%3D%22M12%2014v3%22%2F%3E%3C%2Fsvg%3E'); }

html[data-booster-login="active"] body [data-booster-login-form] .x-form-checkbox { width:23px !important; height:23px !important; border:2px solid #73818c !important; border-radius:4px; background:#ffffff08 !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-checked .x-form-checkbox { background:#ffe718 !important; border-color:#ffe718 !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-label { padding-left:31px !important; height:23px !important; line-height:23px !important; }
html[data-booster-login="active"] body .booster-login-reflection { border-color:#e6f6ffdc; box-shadow:inset 3px 0 10px #83d8ffbf, inset -3px 0 10px #ffe385bf, 0 0 6px #d6efff70; }

/* Short reflected slice preserves the original corner geometry instead of squashing it. */
html[data-booster-login="active"] body { --booster-login-corner-radius:20px; }
html[data-booster-login="active"] body [data-booster-login-form] { border-radius:var(--booster-login-corner-radius) !important; }
html[data-booster-login="active"] body .booster-login-reflection { transform:scaleY(-1); border-radius:var(--booster-login-corner-radius); }
html[data-booster-login="active"] body .booster-login-floor { height:102.34px; }
html[data-booster-login="active"] body .booster-login-floor::after { height:22px; top:-2px; }
html[data-booster-login="active"] body .booster-login-contact-shadow {
  position:absolute; z-index:4; pointer-events:none; height:1px;
  border-radius:1px; background:linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  filter:none;
}
@media(max-width:760px){ html[data-booster-login="active"] body .booster-login-floor { height:68px; } }

/* Concentrate floor light at the lower glass corners, with a dark center. */
html[data-booster-login="active"] body .booster-login-floor {
  opacity:1; filter:brightness(1.95);
  mask-image:linear-gradient(#000 0%, #000a 15%, #0003 40%, transparent 78%);
  -webkit-mask-image:linear-gradient(#000 0%, #000a 15%, #0003 40%, transparent 78%);
}
html[data-booster-login="active"] body .booster-login-reflection {
  filter:blur(4px);
  mask-image:linear-gradient(to right, #000 0%, #000e 8%, #0003 17%, transparent 30%, transparent 70%, #0003 83%, #000e 92%, #000 100%);
  -webkit-mask-image:linear-gradient(to right, #000 0%, #000e 8%, #0003 17%, transparent 30%, transparent 70%, #0003 83%, #000e 92%, #000 100%);
}
html[data-booster-login="active"] body .booster-login-floor::after {
  top:0; height:47.6px; filter:blur(3.5px);
  background:
    radial-gradient(ellipse 18px 13.6px at 5% 0, #f5fcff 0%, #b8eaff 22%, #59beffc0 50%, transparent 100%),
    radial-gradient(ellipse 18px 13.6px at 95% 0, #fffbe7 0%, #ffe58d 22%, #ffd34ac0 50%, transparent 100%),
    radial-gradient(ellipse 58px 40.8px at 7% 0, #49b5ffb0 0%, #49b5ff45 34%, transparent 100%),
    radial-gradient(ellipse 58px 40.8px at 93% 0, #ffd34ab0 0%, #ffd34a45 34%, transparent 100%);
}

/* Softer reflected light, stronger double-width glass rim, and a fading contact shadow. */
html[data-booster-login="active"] body .booster-login-reflection {
  border-width:1px; border-color:#d6eeff55;
  box-shadow:inset 3px 0 12px #83d8ff80, inset -3px 0 12px #ffe38580, 0 0 10px #d6efff30;
}
html[data-booster-login="active"] body [data-booster-login-form] { border-width:2px !important; }
html[data-booster-login="active"] body [data-booster-login-form]::before { filter:brightness(1.5); }
html[data-booster-login="active"] body [data-booster-login-form]::after { inset:-3px; padding:6px; border-radius:23px; filter:brightness(1.5); }
html[data-booster-login="active"] body .booster-login-contact-shadow::after {
  content:''; position:absolute; top:1px; left:0; right:0; height:9px;
  background:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,.6667) 30%, rgba(0,0,0,.1333) 70%, transparent);
  mask-image:linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  -webkit-mask-image:linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  filter:blur(1.875px); pointer-events:none;
}

/* A second contact line has the same geometry and 30% of the upper line's opacity. */
html[data-booster-login="active"] body .booster-login-contact-shadow::before {
  content:''; position:absolute; top:1px; left:0; right:0; height:1px;
  border-radius:inherit; background:inherit; opacity:.3; pointer-events:none;
}

/* Native TUniLabel uses x-component; password triggers retain the existing handlers. */
html[data-booster-login="active"] body [data-booster-login-form] .login-link,
html[data-booster-login="active"] body [data-booster-login-form] .login-link span { color:#fff !important; text-decoration:underline; font-size:14px !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger.pass-show,
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger.pass-hide { background-color:transparent !important; background-position:center !important; background-size:18px 18px !important; background-repeat:no-repeat !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger.pass-show::before,
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger.pass-hide::before { content:none !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger.pass-show { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23edf3f7%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3-6%2010-6%2010%206%2010%206-3%206-10%206S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E") !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-trigger.pass-hide { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23edf3f7%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3-6%2010-6%2010%206%2010%206-3%206-10%206S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%203l18%2018%22%2F%3E%3C%2Fsvg%3E") !important; }

/* Keep browser-saved credentials on the same dark glass surface. */
html[data-booster-login="active"] body [data-booster-login-form] input:-webkit-autofill,
html[data-booster-login="active"] body [data-booster-login-form] input:-webkit-autofill:hover,
html[data-booster-login="active"] body [data-booster-login-form] input:-webkit-autofill:focus { -webkit-text-fill-color:#fff !important; caret-color:#fff; -webkit-box-shadow:0 0 0 1000px #17212d inset !important; background-clip:content-box !important; }

/* Shared CP/Search layout: compact CP header and enlarged reference card. */
html[data-booster-login="active"] body .booster-login-header { top:29px; gap:19px; }
html[data-booster-login="active"] body .booster-login-header img { width:122px; max-height:77px; }
html[data-booster-login="active"] body .booster-login-system { padding-left:19px; }
html[data-booster-login="active"] body .booster-login-system strong { font-size:18px; }
html[data-booster-login="active"] body .booster-login-system span { font-size:8px; margin-top:4px; }
html[data-booster-login="active"] body [data-booster-login-form] .login-title { font-size:42px !important; height:56px !important; line-height:56px !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-item-label,
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-label,
html[data-booster-login="active"] body [data-booster-login-form] .login-link,
html[data-booster-login="active"] body [data-booster-login-form] .login-link span { font-size:16px !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-text { font-size:16px !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-btn-inner { font-size:23px !important; }
/* Normalize the two native themes without changing the ExtJS checkbox state. */
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-wrap { position:relative; padding:0 !important; height:27px !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-checkbox { position:absolute !important; top:0 !important; left:0 !important; width:27px !important; height:27px !important; box-sizing:border-box !important; margin:0 !important; background-image:none !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-checkbox::before { content:none !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-checkbox::after { display:none !important; }
html[data-booster-login="active"] body [data-booster-login-form] .x-form-cb-label { display:flex !important; align-items:center !important; box-sizing:border-box !important; margin:0 !important; padding:0 0 0 36px !important; height:27px !important; line-height:27px !important; }
html[data-booster-login="active"] body .booster-login-domain { bottom:16px; font-size:16px; line-height:23px; }
html[data-booster-login="active"] body .booster-login-registration-rule { top:414px; left:56px; right:56px; }
@media(max-width:760px){
 html[data-booster-login="active"] body .booster-login-header { top:24px; left:24px; gap:12px; }
 html[data-booster-login="active"] body .booster-login-header img { width:110px; max-height:70px; }
 html[data-booster-login="active"] body .booster-login-system { padding-left:12px; }
 html[data-booster-login="active"] body .booster-login-system strong { font-size:16px; }
 html[data-booster-login="active"] body .booster-login-system span { font-size:8px; }
 html[data-booster-login="active"] body [data-booster-login-form] .login-title { font-size:28px !important; }
}

/* Enlarged native uniGUI buttons use the large theme variant. */
html[data-booster-login="active"] body [data-booster-login-form] .login-submit { background:#ffe718 !important; border:1px solid #ffe941 !important; border-radius:9px !important; box-shadow:inset 0 1px 0 #ffffff50, 0 0 18px #ffe71812; }
html[data-booster-login="active"] body [data-booster-login-form] .login-submit:hover { background:#ffe17c !important; }

/* Keep native anchored controls inside the narrow card, with room for both options. */
@media(max-width:760px){
 html[data-booster-login="active"] body [data-booster-login-form] .login-title,
 html[data-booster-login="active"] body [data-booster-login-form] .login-username,
 html[data-booster-login="active"] body [data-booster-login-form] .login-password,
 html[data-booster-login="active"] body [data-booster-login-form] .login-submit,
 html[data-booster-login="active"] body [data-booster-login-form] .login-link { left:28px !important; width:calc(min(528px, 100vw - 32px) - 58px) !important; }
 html[data-booster-login="active"] body [data-booster-login-form] .remember-checkbox { left:28px !important; }
 html[data-booster-login="active"] body .booster-login-registration-rule { left:28px; right:28px; }
}

/* Native panels initially keep their desktop width until the first layout sync. */
@media(max-width:760px){
 html[data-booster-login="active"] body [data-booster-login-form] .x-window-body,
 html[data-booster-login="active"] body [data-booster-login-form] .x-panel-body { max-width:calc(min(528px, 100vw - 32px) - 2px) !important; }
 html[data-booster-login="active"] body [data-booster-login-form] .login-username .x-form-item-body,
 html[data-booster-login="active"] body [data-booster-login-form] .login-password .x-form-item-body,
 html[data-booster-login="active"] body [data-booster-login-form] .login-username .x-form-trigger-wrap,
 html[data-booster-login="active"] body [data-booster-login-form] .login-password .x-form-trigger-wrap { width:100% !important; box-sizing:border-box; }
}