/* AMIR OS CONNECT · Official Staff Access v3
 * True single-column, responsive, accessible, lightweight branded splash.
 * No external fonts or remote assets, shared app credential flows untouched.
 */
:root {
  --aw-background:#071525;
  --aw-surface:#11233a;
  --aw-border:#334f6a;
  --aw-white:#f4f7fc;
  --aw-sub:#a3b6c9;
  --aw-gold:#dbbd89;
  --aw-mint:#9dd7d6;
}
html,body.helpdesk-auth-premium {
  margin:0!important;
  min-width:0!important;
  max-width:100%!important;
  background:var(--aw-background)!important;
  color:var(--aw-white)!important;
  overflow-x:hidden!important;
}
body.helpdesk-auth-premium {
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Geeza Pro",Arial,sans-serif!important;
}
body.helpdesk-auth-premium *,
body.helpdesk-auth-premium *::before,
body.helpdesk-auth-premium *::after { box-sizing:border-box; }
body.helpdesk-auth-premium #main {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.helpdesk-auth-premium .skip {position:absolute!important;left:-10000px!important}
body.helpdesk-auth-premium a {text-decoration:none}
body.helpdesk-auth-premium .flash-wrap {
  width:min(430px,calc(100% - 28px))!important;
  position:fixed!important;
  top:14px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:990!important;
}
body.helpdesk-auth-premium .flash {
  background:#20354b!important;
  color:#f4f7fc!important;
  padding:12px 16px!important;
  border-radius:11px!important;
  border:1px solid #7c6c5e!important;
  box-shadow:0 20px 50px #0008!important;
  line-height:1.5!important;
  font-size:13px!important;
}
.aw-app {
  min-height:100svh;
  width:100%;
  min-width:0;
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 48% -11%,rgba(46,91,120,.26),transparent 43%),
    linear-gradient(145deg,#071321,#091b2d 68%,#071524);
  color:var(--aw-white);
  overflow-x:clip;
  font-size:14px;
}
.aw-app::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:linear-gradient(120deg,rgba(255,255,255,.013),transparent 45%),
                   linear-gradient(90deg,transparent 49.9%,rgba(146,186,204,.028) 50%,transparent 50.1%);
  pointer-events:none;
}
.aw-frame {
  display:flex;
  flex-direction:column;
  min-height:100svh;
  width:min(100%,1100px);
  margin:0 auto;
  padding:0 clamp(15px,4vw,34px);
}
.aw-header {
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(143,183,205,.18);
}
.aw-brand {
  display:flex;align-items:center;gap:10px;min-width:0;direction:ltr;
  color:var(--aw-white)!important;
}
.aw-brand img {
  flex:none;width:34px;height:34px;object-fit:cover;border-radius:9px;
  border:1px solid #3b6274;
}
.aw-brand span {display:flex;flex-direction:column;text-align:left;gap:3px}
.aw-brand strong {
  font:850 13px/1 "Segoe UI",Arial,sans-serif;
  letter-spacing:1.6px;color:#fff;
}
.aw-brand small {font:750 8px/1.25 "Segoe UI",Arial,sans-serif;letter-spacing:1.1px;color:#95b1c0}
.aw-header-actions {display:flex;align-items:center;gap:16px;min-width:0}
.aw-staff-status {
  display:flex;align-items:center;gap:7px;white-space:nowrap;
  color:#a2bdc9;font-size:10px;font-weight:750;
}
.aw-staff-status i {
  width:6px;height:6px;flex:none;border-radius:50%;background:#83d3b8;
  box-shadow:0 0 0 4px rgba(131,211,184,.09);
}
.aw-lang {
  display:inline-flex;gap:2px;padding:3px;
  border:1px solid #33526a;border-radius:9px;
  background:#0c2033;flex:none;
}
.aw-lang a {
  min-height:26px;min-width:35px;display:grid;place-items:center;
  padding:5px 7px;border-radius:6px;color:#aec1cb!important;
  font-size:10px;font-weight:750;
}
.aw-lang a.active {background:#d6b987;color:#152536!important;}
.aw-content {
  display:flex;flex:1;flex-direction:column;
  justify-content:center;align-items:center;
  width:100%;min-width:0;
  padding:26px 0 19px;
}
.aw-card {
  width:min(100%,432px);max-width:100%;
  padding:clamp(22px,4vw,30px);
  background:linear-gradient(155deg,#152a40,#102238);
  border:1px solid #344e64;
  border-radius:18px;
  box-shadow:0 19px 48px rgba(0,0,0,.24);
  position:relative;overflow:hidden;
}
.aw-card::before {
  content:"";height:2px;position:absolute;top:0;left:14%;right:14%;
  background:linear-gradient(90deg,transparent,#d8bb89,transparent);
}
.aw-card-head {display:flex;align-items:center;gap:13px;min-width:0}
.aw-card-head>div:last-child {min-width:0}
.aw-emblem {
  width:42px;height:42px;flex:none;display:grid;place-items:center;
  border:1px solid #9b825c;border-radius:11px;
  background:linear-gradient(145deg,#28425b,#1b3047);
}
.aw-emblem span {font-size:24px;color:#e1c494;font-weight:600}
.aw-card-head small {
  display:block;font:800 9px/1.35 "Segoe UI",Arial,sans-serif;
  letter-spacing:.9px;color:#dabf91;
}
.aw-card h1 {font-size:23px;font-weight:800;line-height:1.3;margin:3px 0 0;color:#f4f7fb;letter-spacing:-.5px}
.aw-step-indicator {display:flex;align-items:center;gap:6px;margin:19px 0 14px;}
.aw-step-line {height:3px;border-radius:4px;width:30px;background:#39546b}
.aw-step-line.active {background:#d5b888}
.aw-step-indicator small {margin-inline-start:auto;color:#8ca4b7;font-size:10px;font-weight:750}
.aw-intro {
  font-size:12px;line-height:1.7;color:#b5c6d3;
  margin:0 0 18px;
}
.aw-form {display:grid;gap:9px;width:100%;min-width:0}
.aw-form label {font-size:11px;font-weight:770;color:#e0e8ef;line-height:1.35}
.aw-form input:not([type=hidden]) {
  display:block;width:100%;min-width:0;
  min-height:49px;padding:9px 13px;
  border:1px solid #47627a;border-radius:9px;
  background:#0b1c2e;color:#f4f8fb;
  font-family:inherit;font-size:16px;
  line-height:1.3;box-shadow:none;
}
.aw-form input::placeholder {color:#8497a8;opacity:1}
.aw-form input:focus-visible {outline:2px solid #b9d8d1;outline-offset:1px}
.aw-primary,.aw-secondary {
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;min-height:46px;width:100%;
  padding:10px 14px;margin-top:8px;
  font-family:inherit;font-size:13px;font-weight:800;
  line-height:1.4;cursor:pointer;border-radius:9px;
}
.aw-primary {border:1px solid #e7cea1;background:#d7bc8e;color:#182839;}
.aw-primary:hover {background:#ebd2a7}
.aw-primary span {font-size:17px;direction:ltr;font-weight:500}
[dir="rtl"] .aw-primary span {transform:rotate(180deg)}
.aw-primary:disabled {opacity:.66;cursor:wait}
.aw-secondary {justify-content:center;border:1px solid #54748b;background:#183248;color:#eaf4f9}
.aw-security-note {
  display:block;color:#93adbc;line-height:1.55;
  font-size:10px;margin:12px 0 0;
}
.aw-password-fallback {border-top:1px solid #365067;margin-top:17px;padding-top:11px;}
.aw-password-fallback summary {
  list-style:none;text-align:center;cursor:pointer;
  color:#becfdb;font-size:11px;font-weight:700;
  padding:4px 0 1px;
}
.aw-password-fallback summary::-webkit-details-marker {display:none}
.aw-password-fallback summary::after {content:" ▾";color:#c3a675}
.aw-legacy-form {margin-top:15px}
.aw-legacy-form .aw-secondary {margin-top:5px}
.aw-email-hint {
  margin:0 0 14px;text-align:center;direction:ltr;
  background:#0a2033;border:1px solid #47677a;border-radius:8px;
  color:#d0e1e8;padding:11px;font-size:11px;overflow-wrap:anywhere;
}
.aw-form input.aw-code {text-align:center;direction:ltr;letter-spacing:10px;font-size:24px;font-weight:900}
.aw-otp-timer {display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#acc0cd}
.aw-otp-timer strong {font:750 12px monospace;color:#dbc28e;direction:ltr}
.aw-subtle-link {
  display:block;color:#cbb589!important;text-align:center;
  text-decoration:underline!important;text-underline-offset:3px;font-size:11px;margin-top:16px;
}
.aw-beneath {font-size:10px;color:#8ca6b5;margin-top:16px;text-align:center}
.aw-footer {
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;border-top:1px solid rgba(151,188,201,.14);
  padding:16px 0 18px;color:#698799;
  font:750 9px/1.5 "Segoe UI",Arial,sans-serif;
  letter-spacing:.6px;
}
.aw-splash {
  position:fixed;inset:0;z-index:900;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;
  background:radial-gradient(circle at 50% 44%,#23415c,#091725 47%,#06121e 95%);
  text-align:center;pointer-events:all;
  animation:aw-hide 220ms ease 1.5s forwards;
}
.aw-splash[hidden] {display:none!important}
.aw-splash-mark {position:relative;width:112px;height:112px;display:grid;place-items:center;margin-bottom:6px}
.aw-splash-mark img {
  z-index:1;width:82px;height:82px;border:1px solid #a88e65;border-radius:24px;
  object-fit:cover;box-shadow:0 0 55px rgba(134,200,207,.24),0 20px 35px #0007;
  animation:aw-enter 550ms ease both;
}
.aw-splash-orbit {
  position:absolute;inset:0;border:1px solid #66899e66;border-radius:50%;
  animation:aw-orbit 2.7s linear infinite;
}
.aw-splash-orbit::before {
  content:"";position:absolute;top:5px;left:20px;
  width:7px;height:7px;border-radius:50%;background:#ddc492;
}
.aw-splash-name {font:850 14px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:3px;color:#fff}
.aw-splash-name span {color:#dec491}
.aw-splash-subtitle {font:750 9px/1.5 "Segoe UI",Arial,sans-serif;color:#8caac0;letter-spacing:1.65px}
.aw-splash-progress {width:142px;height:2px;background:#304a63;border-radius:4px;margin-top:11px;overflow:hidden}
.aw-splash-progress span {display:block;width:40%;height:100%;background:#e0c38e;animation:aw-load 1.4s ease-out both}
@keyframes aw-hide {to {opacity:0;visibility:hidden;pointer-events:none}}
@keyframes aw-orbit {to {transform:rotate(360deg)}}
@keyframes aw-enter {from {transform:translateY(7px) scale(.91);opacity:.2}to {transform:translateY(0) scale(1);opacity:1}}
@keyframes aw-load {from {transform:translateX(-105%)}to {transform:translateX(260%)}}
@media(max-width:480px) {
 .aw-frame {padding:0 15px}
 .aw-header {min-height:61px}
 .aw-brand img {width:32px;height:32px}
 .aw-brand strong {font-size:12px}
 .aw-brand small {font-size:7px}
 .aw-header-actions {gap:8px}
 .aw-staff-status {display:none}
 .aw-content {justify-content:flex-start;padding:26px 0 14px}
 .aw-card {padding:22px 19px;border-radius:15px}
 .aw-card h1 {font-size:22px}
 .aw-intro {font-size:12px}
 .aw-beneath {margin-top:14px}
 .aw-footer {flex-direction:column;gap:3px;text-align:center;font-size:8px;padding:12px 0 14px}
}
@media(max-height:690px) and (max-width:480px) {
 .aw-content {padding-top:13px}
 .aw-card {padding:16px 17px}
 .aw-step-indicator {margin:12px 0}
 .aw-intro {margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce) {
 .aw-splash-mark img,.aw-splash-orbit,.aw-splash-progress span {animation:none!important}
 .aw-splash {animation:aw-hide 0ms linear 1.5s forwards}
}