/* R6.9.300 auth theme: light sky wallpaper, slowly turning orbits with floating module tiles,
   and a horizontal card (navy brand panel + white form panel). Loaded after auth-glass.css on every auth page.
   Visual only: forms, field names and scripts of the pages are unchanged. */

html body.auth-glass-body.auth-orbit {
  --ao-navy: #16294d; --ao-navy-2: #23406f; --ao-sky: #38bdf8; --ao-sky-2: #0ea5e9;
  --ao-ink: #0b1b3a; --ao-muted: #5b6b8c; --ao-line: rgba(35, 64, 111, .14); --ao-field: #f6f9fe;
  min-height: 100dvh;
  color: var(--ao-ink);
  background:
    radial-gradient(900px 640px at 12% 30%, rgba(125, 211, 252, .55), transparent 62%),
    radial-gradient(780px 560px at 92% 8%, rgba(147, 197, 253, .55), transparent 60%),
    radial-gradient(900px 620px at 80% 105%, rgba(35, 64, 111, .22), transparent 62%),
    linear-gradient(160deg, #eef5fe 0%, #f8fbff 55%, #e9f1fc 100%) !important;
  overflow-x: hidden;
}
/* the configured login photo/video stays, but as a soft texture behind the wallpaper */
html body.auth-orbit .auth-glass-bg { opacity: .13; filter: blur(2px) saturate(.85) !important; transform: none !important; }
html body.auth-orbit .auth-glass-bg::after { display: none !important; }

/* top bar + footer */
.auth-orbit .aorb-top {
  position: fixed; z-index: 3; top: 22px; inset-inline: 28px; display: flex; align-items: center; justify-content: space-between; gap: 12px; pointer-events: none;
}
.auth-orbit .aorb-brand, .auth-orbit .aorb-clock {
  pointer-events: auto; display: inline-flex; align-items: center; gap: 10px; padding: 7px 14px 7px 8px; border-radius: 999px;
  background: rgba(255, 255, 255, .78); border: 1px solid rgba(255, 255, 255, .95); box-shadow: 0 12px 28px -20px rgba(22, 41, 77, .5);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.auth-orbit .aorb-brand img { width: 34px; height: 34px; border-radius: 50%; background: #fff; object-fit: contain; }
.auth-orbit .aorb-brand span { display: grid; line-height: 1.35; }
.auth-orbit .aorb-brand strong { font-size: .84rem; font-weight: 900; color: var(--ao-navy); }
.auth-orbit .aorb-brand small { font-size: .68rem; color: var(--ao-muted); }
.auth-orbit .aorb-clock { padding: 8px 14px; font-size: .76rem; font-weight: 700; color: var(--ao-navy); }
.auth-orbit .aorb-clock > i { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px rgba(34, 197, 94, .18); }
.auth-orbit .aorb-foot {
  position: fixed; z-index: 3; bottom: 16px; inset-inline: 32px; display: flex; justify-content: space-between; gap: 12px;
  font-size: .72rem; color: var(--ao-muted); pointer-events: none;
}
.auth-orbit .aorb-secure { display: inline-flex; align-items: center; gap: 6px; color: #15803d; font-weight: 700; }

/* ---------- horizontal card ---------- */
html body.auth-orbit .auth-glass-shell { position: relative; z-index: 2; padding: 96px 18px 70px; }
html body.auth-orbit .auth-glass-card {
  display: grid !important; grid-template-columns: 300px minmax(0, 1fr); column-gap: 34px; align-content: start;
  max-width: 860px !important; width: 100%; padding: 16px 34px 26px 16px !important; border-radius: 34px !important;
  background: rgba(255, 255, 255, .86) !important; border: 1px solid rgba(255, 255, 255, .95) !important;
  box-shadow: 0 40px 90px -40px rgba(22, 41, 77, .55), 0 8px 24px -16px rgba(22, 41, 77, .3), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%) !important; backdrop-filter: blur(20px) saturate(170%) !important;
  color: var(--ao-ink);
}
html body.auth-orbit .auth-glass-card::before { display: none !important; }
html body.auth-orbit .auth-glass-card > * { grid-column: 2; min-width: 0; }
html body.auth-orbit .auth-glass-card > .auth-glass-brand {
  grid-column: 1; grid-row: 1 / span 12; align-self: stretch; margin: 0 !important;
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 10px;
  padding: 34px 24px; border-radius: 26px; position: relative; overflow: hidden;
  background:
    radial-gradient(260px 200px at 85% 0%, rgba(56, 189, 248, .45), transparent 70%),
    radial-gradient(240px 220px at 0% 100%, rgba(125, 211, 252, .28), transparent 70%),
    linear-gradient(160deg, #23406f, #16294d 70%);
}
html body.auth-orbit .auth-glass-brand::after {
  content: ""; position: absolute; width: 360px; height: 360px; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .18);
  left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none;
}
html body.auth-orbit .auth-glass-logo {
  display: block; width: 74px !important; height: 74px !important; margin: 0 auto 6px !important; border-radius: 24px !important;
  background: #fff !important; box-shadow: 0 16px 34px -14px rgba(0, 0, 0, .55) !important; position: relative; z-index: 1;
}
html body.auth-orbit .auth-glass-brand h1 { position: relative; z-index: 1; color: #fff !important; font-size: 1.22rem !important; line-height: 1.6; text-shadow: none !important; margin: 0 !important; }
html body.auth-orbit .auth-glass-brand p { position: relative; z-index: 1; color: rgba(226, 238, 255, .82) !important; font-size: .82rem !important; text-shadow: none !important; margin: 0 !important; }
html body.auth-orbit .auth-glass-kicker { position: relative; z-index: 1; background: rgba(255, 255, 255, .14) !important; border-color: rgba(255, 255, 255, .28) !important; color: #e0f2fe !important; }

/* form side: navy text on white */
html body.auth-orbit .auth-method-tabs { margin-top: 16px; background: #eef3fb !important; border-color: var(--ao-line) !important; box-shadow: none !important; }
html body.auth-orbit .auth-method-tab { color: var(--ao-muted) !important; }
html body.auth-orbit .auth-method-tab:hover { color: var(--ao-navy) !important; background: rgba(255, 255, 255, .7) !important; }
html body.auth-orbit .auth-method-tab.is-active { background: #fff !important; color: var(--ao-navy) !important; box-shadow: 0 8px 18px -12px rgba(22, 41, 77, .6) !important; }
html body.auth-orbit .auth-glass-field :is(label, span).auth-glass-field-label { color: var(--ao-navy) !important; font-weight: 800; }
html body.auth-orbit .auth-glass-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  background: var(--ao-field) !important; border: 1px solid var(--ao-line) !important; color: var(--ao-ink) !important;
  border-radius: 16px !important; min-height: 50px; box-shadow: none !important;
}
html body.auth-orbit .auth-glass-card input::placeholder { color: #94a3b8 !important; }
html body.auth-orbit .auth-glass-card input:focus { border-color: var(--ao-sky-2) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(56, 189, 248, .2) !important; outline: none; }
html body.auth-orbit .auth-glass-captcha { background: #f1f6fd !important; border: 1px solid var(--ao-line) !important; color: var(--ao-ink); }
html body.auth-orbit .auth-glass-captcha .captcha-title { color: var(--ao-muted) !important; }
html body.auth-orbit .auth-glass-captcha strong { color: var(--ao-navy) !important; }
html body.auth-orbit .auth-glass-options label { color: var(--ao-muted) !important; }
html body.auth-orbit .auth-glass-options a, html body.auth-orbit .auth-sms-change { color: var(--ao-sky-2) !important; }
html body.auth-orbit .auth-glass-submit {
  border: 0 !important; border-radius: 18px !important; min-height: 52px; color: #fff !important;
  background: linear-gradient(135deg, var(--ao-sky-2), var(--ao-navy-2) 70%) !important; box-shadow: 0 18px 34px -18px rgba(14, 116, 190, .9) !important;
}
html body.auth-orbit .auth-glass-submit:hover { filter: brightness(1.06); }
html body.auth-orbit .auth-glass-switch { background: #f3f7fd !important; border: 1px solid var(--ao-line) !important; color: var(--ao-navy) !important; }
html body.auth-orbit .auth-glass-switch:hover { background: #e9f2fd !important; }
html body.auth-orbit .auth-glass-switch em { color: var(--ao-muted) !important; }
html body.auth-orbit :is(.auth-glass-message, .auth-glass-info-box, .auth-sms-sent) { background: #eef6ff !important; border: 1px solid rgba(14, 165, 233, .25) !important; color: var(--ao-navy) !important; }
html body.auth-orbit :is(.auth-glass-info-box strong, .auth-sms-sent bdi) { color: var(--ao-navy-2) !important; }
html body.auth-orbit .auth-glass-info-box small { color: var(--ao-muted) !important; }
html body.auth-orbit .auth-glass-lock-alert, html body.auth-orbit .validation-summary { color: #b91c1c !important; }
html body.auth-orbit .field-validation-error { color: #dc2626 !important; }
html body.auth-orbit .auth-sms-resend button { color: var(--ao-navy) !important; background: #f1f6fd !important; border-color: var(--ao-line) !important; }
html body.auth-orbit .auth-sms-account { background: #f6f9fe !important; border-color: var(--ao-line) !important; color: var(--ao-ink) !important; }
html body.auth-orbit .auth-sms-account-text small { color: var(--ao-muted) !important; }
html body.auth-orbit .auth-glass-footer { color: var(--ao-muted) !important; }

/* ---------- dark theme ---------- */
html[data-theme="dark"] body.auth-glass-body.auth-orbit {
  --ao-ink: #eef2ff; --ao-muted: #9aa8c4; --ao-line: rgba(148, 178, 230, .18); --ao-field: rgba(15, 23, 42, .55);
  background:
    radial-gradient(900px 640px at 12% 30%, rgba(56, 120, 220, .35), transparent 62%),
    radial-gradient(780px 560px at 92% 8%, rgba(20, 165, 235, .25), transparent 60%),
    linear-gradient(160deg, #070b19, #0d1226) !important;
}
html[data-theme="dark"] body.auth-orbit :is(.aorb-brand strong, .aorb-clock) { color: #e0ecff; }
html[data-theme="dark"] body.auth-orbit .auth-glass-card { background: rgba(17, 24, 45, .86) !important; border-color: rgba(255, 255, 255, .1) !important; }
html[data-theme="dark"] body.auth-orbit :is(.auth-method-tabs, .auth-glass-captcha, .auth-glass-switch, .auth-sms-resend button, .auth-sms-account) { background: rgba(15, 23, 42, .55) !important; }
html[data-theme="dark"] body.auth-orbit .auth-method-tab.is-active { background: rgba(255, 255, 255, .14) !important; color: #fff !important; }
html[data-theme="dark"] body.auth-orbit :is(.auth-glass-field-label, .auth-glass-captcha strong, .auth-glass-switch) { color: #e0ecff !important; }
html[data-theme="dark"] body.auth-orbit .auth-glass-card input:focus { background: rgba(15, 23, 42, .8) !important; }
html[data-theme="dark"] body.auth-orbit :is(.auth-glass-message, .auth-glass-info-box, .auth-sms-sent) { background: rgba(14, 165, 233, .12) !important; color: #e0ecff !important; }

/* ---------- smaller screens ---------- */
@media (max-width: 1180px) {
}
@media (max-width: 960px) {
  html body.auth-orbit .auth-glass-card { grid-template-columns: minmax(0, 1fr); max-width: 460px !important; padding: 14px 18px 22px !important; }
  html body.auth-orbit .auth-glass-card > * { grid-column: 1; }
  html body.auth-orbit .auth-glass-card > .auth-glass-brand { grid-row: auto; padding: 22px 18px; }
  .auth-orbit .aorb-brand small, .auth-orbit .aorb-foot { display: none; }
}
@media (max-width: 600px) {
  .auth-orbit .aorb-top { top: 12px; inset-inline: 12px; }
  .auth-orbit .aorb-clock { display: none; }
  html body.auth-orbit .auth-glass-shell { padding: 74px 12px 24px; }
  html body.auth-orbit .auth-glass-brand p { display: none; }
}
@media (max-height: 700px) {
  html body.auth-orbit .auth-glass-shell { align-items: flex-start; padding-top: 80px; }
  .auth-orbit .aorb-foot { display: none; }
}
@media (prefers-reduced-motion: reduce) {
}

/* dark-mode site rules paint a dark gradient on <main>; keep the wallpaper visible */
html body.auth-orbit main.auth-glass-shell { background: none !important; }

/* R6.9.300f: brand panel — logo and title at the top, a CRM scene (chart, customer, tasks, alert) filling the rest */
html body.auth-orbit .auth-glass-card > .auth-glass-brand {
  justify-content: flex-start !important; gap: 8px !important; padding: 30px 22px 0 !important; min-height: 520px;
  background:
    
    radial-gradient(260px 200px at 85% 0%, rgba(56, 189, 248, .45), transparent 70%),
    radial-gradient(240px 220px at 0% 100%, rgba(125, 211, 252, .28), transparent 70%),
    linear-gradient(165deg, #2a4d85 0%, #1b3360 45%, #12234a 100%) !important;
}
html body.auth-orbit .auth-glass-brand::after { display: none !important; }
html body.auth-orbit .auth-glass-brand .auth-glass-logo { width: 64px !important; height: 64px !important; border-radius: 20px !important; margin-bottom: 4px !important; }
html body.auth-orbit .auth-glass-brand h1 { font-size: 1.15rem !important; }
html body.auth-orbit .auth-glass-brand p { font-size: .78rem !important; line-height: 1.8; max-width: 240px; }
@media (max-width: 960px) {
  html body.auth-orbit .auth-glass-card > .auth-glass-brand { min-height: 0; padding: 22px 18px !important; background-image: none, radial-gradient(260px 200px at 85% 0%, rgba(56, 189, 248, .45), transparent 70%), linear-gradient(165deg, #2a4d85, #12234a) !important; }
}
html[data-theme="dark"] body.auth-orbit :is(.aorb-brand, .aorb-clock) { background: rgba(22, 29, 52, .72); border-color: rgba(255, 255, 255, .12); }
html body.auth-orbit .aorb-brand span[lang="en"] { text-align: left; font-family: "Vazirmatn", -apple-system, "Segoe UI", sans-serif; }
html body.auth-orbit .aorb-brand span[lang="en"] strong { letter-spacing: -.01em; }
html body.auth-orbit .auth-glass-captcha strong { display: inline-block; direction: ltr !important; unicode-bidi: isolate !important; }
@media (max-width: 600px) { .auth-orbit .aorb-top { display: none; } html body.auth-orbit .auth-glass-shell { padding-top: 56px; } }
/* R6.9.300g: long subtitles never reach the scene; the configured photo stays a faint texture only */
html body.auth-orbit .auth-glass-brand p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body.auth-orbit .auth-glass-card > .auth-glass-brand { min-height: 540px; background-size: 96% auto, auto, auto, auto !important; }
html body.auth-orbit .auth-glass-bg { opacity: .13 !important; }
/* R6.9.300h: the scene is a framed "photo" (wooden C R M cubes) sitting at the bottom of the brand panel */
html body.auth-orbit .auth-glass-card > .auth-glass-brand { background-position: center bottom 20px, 0 0, 0 0, 0 0 !important; background-size: 88% auto, auto, auto, auto !important; }
/* R6.9.300i: no page scroll — the shell is exactly one screen tall (padding included); only very short screens may scroll */
html body.auth-orbit .auth-glass-shell { box-sizing: border-box !important; min-height: 100vh; min-height: 100dvh; padding: 78px 18px 40px !important; }
@media (min-width: 961px) and (min-height: 660px) {
  html:has(body.auth-orbit), html body.auth-orbit { overflow: hidden !important; height: 100%; }
  html body.auth-orbit .auth-glass-shell { height: 100vh; height: 100dvh; }
}
/* staff pages: the subtitle now lives in the top pill, so the card shows only logo + title */
/* R6.9.300j: no built-in picture — logo and title sit centred in the navy panel; an uploaded panel image (set from
   AdminSettings/LoginMedia, emitted by _AuthOrbit.cshtml) moves them to the top and fills the bottom */
html body.auth-orbit .auth-glass-card > .auth-glass-brand {
  justify-content: center !important; padding: 30px 22px !important;
  background-image: radial-gradient(260px 200px at 85% 0%, rgba(56, 189, 248, .45), transparent 70%), radial-gradient(240px 220px at 0% 100%, rgba(125, 211, 252, .28), transparent 70%), linear-gradient(165deg, #2a4d85 0%, #1b3360 45%, #12234a 100%) !important;
  background-position: 0 0 !important; background-size: auto !important; background-repeat: no-repeat !important;
}
html body.auth-orbit .auth-glass-card > .auth-glass-brand[style*="url"], html body.auth-orbit .auth-glass-brand.has-panel-image { justify-content: flex-start !important; }
/* R6.9.300k: staff panel mirrors the portal one — logo, «پورتال کاربران» pill, then title and subtitle from the login settings */
html body.auth-orbit .auth-glass-brand .auth-glass-kicker { display: inline-flex !important; margin: 2px auto 4px !important; padding: 5px 14px !important; border-radius: 999px !important; font-size: .74rem !important; font-weight: 800 !important; border: 1px solid rgba(255, 255, 255, .28) !important; }
/* closing note from the login settings (OverlayTitle / OverlayDescription) */
html body.auth-orbit .aorb-panel-note {
  position: relative; z-index: 1; display: grid; gap: 4px; margin-top: 10px; padding: 12px 14px; border-radius: 16px; max-width: 250px;
  background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); color: #e0ecff; text-align: center;
}
html body.auth-orbit .aorb-panel-note b { font-size: .84rem; font-weight: 800; color: #fff; }
html body.auth-orbit .aorb-panel-note span { font-size: .74rem; line-height: 1.8; color: rgba(224, 236, 255, .82); }
html body.auth-orbit .auth-glass-brand:has(.aorb-panel-note) { justify-content: center; }
/* R6.9.300l: top pills — empty texts disappear; the brand pill and the clock always share the same height */
html body.auth-orbit .aorb-top { align-items: stretch !important; }
html body.auth-orbit .aorb-brand, html body.auth-orbit .aorb-clock { box-sizing: border-box; min-height: 50px; align-items: center; }
html body.auth-orbit .aorb-brand-copy.is-empty { display: none !important; }
html body.auth-orbit .aorb-brand-copy strong:empty, html body.auth-orbit .aorb-brand-copy small:empty { display: none; }
html body.auth-orbit .aorb-brand:has(.aorb-brand-copy.is-empty) { padding: 7px !important; }
html body.auth-orbit .aorb-clock { padding-inline: 16px; }
/* R6.9.300m: brand panel as tinted "aurora glass" — soft colour blooms under a frosted, light-edged glass sheet */
html body.auth-orbit .auth-glass-card > .auth-glass-brand {
  isolation: isolate;
  background-image:
    linear-gradient(155deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .06) 38%, rgba(255, 255, 255, 0) 60%),
    linear-gradient(160deg, #1e3a8a 0%, #2547a8 40%, #1d2f6f 100%) !important;
  border: 1px solid rgba(255, 255, 255, .35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -18px 40px -24px rgba(8, 15, 40, .55), 0 26px 50px -30px rgba(30, 58, 138, .8);
}
html body.auth-orbit .auth-glass-card > .auth-glass-brand::before {
  content: "" !important; display: block !important; position: absolute !important; inset: -30% !important; z-index: -1; pointer-events: none;
  background:
    radial-gradient(38% 30% at 22% 18%, rgba(56, 189, 248, .85), transparent 70%),
    radial-gradient(34% 28% at 82% 30%, rgba(167, 139, 250, .75), transparent 70%),
    radial-gradient(40% 32% at 70% 84%, rgba(45, 212, 191, .6), transparent 70%),
    radial-gradient(30% 26% at 18% 80%, rgba(244, 114, 182, .45), transparent 70%);
  filter: blur(26px) saturate(140%);
  animation: aorbAurora 18s ease-in-out infinite alternate;
}
@keyframes aorbAurora { 0% { transform: translate3d(0, 0, 0) rotate(0deg); } 100% { transform: translate3d(4%, -3%, 0) rotate(12deg); } }
html body.auth-orbit .auth-glass-card > .auth-glass-brand > * { position: relative; z-index: 1; }
html body.auth-orbit .auth-glass-brand .auth-glass-logo {
  background: rgba(255, 255, 255, .9) !important; border: 1px solid rgba(255, 255, 255, .9);
  box-shadow: 0 14px 30px -14px rgba(8, 15, 40, .7), inset 0 1px 0 #fff !important;
}
html body.auth-orbit .auth-glass-brand .auth-glass-kicker {
  background: rgba(255, 255, 255, .16) !important; border: 1px solid rgba(255, 255, 255, .4) !important; color: #fff !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}
html body.auth-orbit .auth-glass-brand h1 { color: #fff !important; text-shadow: 0 2px 14px rgba(8, 15, 40, .35) !important; }
html body.auth-orbit .auth-glass-brand p { color: rgba(240, 246, 255, .9) !important; }
html body.auth-orbit .aorb-panel-note { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .32); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
html[data-theme="dark"] body.auth-orbit .auth-glass-card > .auth-glass-brand {
  background-image: linear-gradient(155deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(160deg, #172554 0%, #1e3a8a 50%, #0f1a3d 100%) !important;
  border-color: rgba(255, 255, 255, .18);
}
@media (prefers-reduced-motion: reduce) { html body.auth-orbit .auth-glass-card > .auth-glass-brand::before { animation: none; } }
/* R6.9.300n: calmer one-family palette — navy glass lit by sky blue only (no violet/pink/teal) */
html body.auth-orbit .auth-glass-card > .auth-glass-brand {
  background-image:
    linear-gradient(150deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .04) 34%, rgba(255, 255, 255, 0) 55%),
    linear-gradient(165deg, #1c3d6e 0%, #16305a 48%, #0e2142 100%) !important;
  border-color: rgba(186, 230, 253, .35);
}
html body.auth-orbit .auth-glass-card > .auth-glass-brand::before {
  background:
    radial-gradient(42% 30% at 78% 8%, rgba(56, 189, 248, .55), transparent 72%),
    radial-gradient(46% 34% at 18% 96%, rgba(96, 165, 250, .38), transparent 72%),
    radial-gradient(30% 22% at 50% 52%, rgba(125, 211, 252, .14), transparent 72%) !important;
  filter: blur(22px) !important;
  animation-duration: 26s !important;
}
html body.auth-orbit .auth-glass-brand .auth-glass-kicker { background: rgba(125, 211, 252, .16) !important; border-color: rgba(186, 230, 253, .45) !important; color: #e0f2fe !important; }
html body.auth-orbit .auth-glass-brand p { color: rgba(214, 233, 255, .86) !important; }
html[data-theme="dark"] body.auth-orbit .auth-glass-card > .auth-glass-brand {
  background-image: linear-gradient(150deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 50%), linear-gradient(165deg, #142d55 0%, #0f2346 50%, #0a1830 100%) !important;
}
html body.auth-orbit .auth-glass-card > .auth-glass-brand::before {
  background:
    radial-gradient(46% 32% at 80% 6%, rgba(56, 189, 248, .78), transparent 72%),
    radial-gradient(50% 36% at 14% 98%, rgba(59, 130, 246, .5), transparent 72%),
    linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, .07) 48%, transparent 54%) !important;
}
/* R6.9.300o: brand panel as near-white frosted glass (pale sky tint, never pure white) with navy text */
html body.auth-orbit .auth-glass-card > .auth-glass-brand {
  background-image:
    linear-gradient(150deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, .25) 40%, rgba(255, 255, 255, 0) 62%),
    linear-gradient(165deg, #eef5ff 0%, #e2edfb 55%, #d6e6f9 100%) !important;
  border: 1px solid rgba(255, 255, 255, .95) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -20px 40px -30px rgba(35, 64, 111, .25), 0 22px 44px -30px rgba(35, 64, 111, .45) !important;
}
html body.auth-orbit .auth-glass-card > .auth-glass-brand::before {
  background:
    radial-gradient(44% 30% at 80% 6%, rgba(125, 211, 252, .55), transparent 72%),
    radial-gradient(50% 36% at 14% 98%, rgba(147, 197, 253, .45), transparent 72%),
    linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, .5) 48%, transparent 54%) !important;
}
html body.auth-orbit .auth-glass-brand h1 { color: #16294d !important; text-shadow: none !important; }
html body.auth-orbit .auth-glass-brand p { color: #4b5d7e !important; }
html body.auth-orbit .auth-glass-brand .auth-glass-kicker { background: rgba(14, 165, 233, .1) !important; border-color: rgba(14, 165, 233, .28) !important; color: #0c4a6e !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); }
html body.auth-orbit .auth-glass-brand .auth-glass-logo { background: #fff !important; border-color: rgba(35, 64, 111, .08); box-shadow: 0 14px 28px -16px rgba(35, 64, 111, .55), inset 0 1px 0 #fff !important; }
html body.auth-orbit .aorb-panel-note { background: rgba(255, 255, 255, .6) !important; border-color: rgba(35, 64, 111, .12) !important; }
html body.auth-orbit .aorb-panel-note b { color: #16294d !important; }
html body.auth-orbit .aorb-panel-note span { color: #4b5d7e !important; }
/* dark theme keeps a deep glass so it does not glare */
html[data-theme="dark"] body.auth-orbit .auth-glass-card > .auth-glass-brand {
  background-image: linear-gradient(150deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 50%), linear-gradient(165deg, #1a2c4f 0%, #14233f 55%, #0e1a31 100%) !important;
  border-color: rgba(255, 255, 255, .14) !important;
}
html[data-theme="dark"] body.auth-orbit .auth-glass-brand h1 { color: #eef4ff !important; }
html[data-theme="dark"] body.auth-orbit .auth-glass-brand p { color: #a9b8d3 !important; }
html[data-theme="dark"] body.auth-orbit .auth-glass-brand .auth-glass-kicker { color: #bae6fd !important; background: rgba(56, 189, 248, .14) !important; }
html[data-theme="dark"] body.auth-orbit .aorb-panel-note { background: rgba(255, 255, 255, .06) !important; }
html[data-theme="dark"] body.auth-orbit .aorb-panel-note b { color: #eef4ff !important; }
html[data-theme="dark"] body.auth-orbit .aorb-panel-note span { color: #a9b8d3 !important; }
/* R6.9.300p: the background photo/video from the login settings is no longer drawn (staff + portal); only the wallpaper gradient stays */
html body.auth-orbit .auth-glass-bg { display: none !important; }
/* R6.9.300q: narrower, better proportioned form column */
@media (min-width: 961px) {
  html body.auth-orbit .auth-glass-card { max-width: 760px !important; grid-template-columns: 290px minmax(0, 1fr) !important; column-gap: 30px !important; padding: 16px 30px 22px 16px !important; }
  html body.auth-orbit .auth-glass-card > :not(.auth-glass-brand) { width: 100%; max-width: 380px; justify-self: center; }
}
html body.auth-orbit .auth-glass-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height: 46px !important; border-radius: 14px !important; font-size: .9rem; }
html body.auth-orbit .auth-glass-field { margin-bottom: 12px !important; gap: 5px !important; }
html body.auth-orbit .auth-glass-submit { min-height: 48px !important; border-radius: 15px !important; }
html body.auth-orbit .auth-method-tab { min-height: 38px !important; }
html body.auth-orbit .auth-glass-captcha { padding: 10px 12px !important; border-radius: 14px !important; }
html body.auth-orbit .auth-glass-captcha input { min-height: 42px !important; max-width: 110px; }
html body.auth-orbit .auth-glass-switch { border-radius: 14px !important; padding: 10px 12px !important; }
html body.auth-orbit .auth-glass-card > .auth-glass-brand { min-height: 0 !important; }
/* R6.9.300r: form column 30% narrower (380px -> 266px); fields keep their 46px height */
@media (min-width: 961px) {
  html body.auth-orbit .auth-glass-card { max-width: 640px !important; }
  html body.auth-orbit .auth-glass-card > :not(.auth-glass-brand) { max-width: 266px !important; }
}
/* R6.9.300s: card ~10% shorter — tighter vertical rhythm in the form column */
html body.auth-orbit .auth-glass-card { padding-top: 12px !important; padding-bottom: 16px !important; }
html body.auth-orbit .auth-method-tabs { margin: 10px 0 10px !important; }
html body.auth-orbit .auth-glass-field { margin-bottom: 8px !important; gap: 4px !important; }
html body.auth-orbit .auth-glass-field :is(label, span).auth-glass-field-label { font-size: .76rem !important; }
html body.auth-orbit .auth-glass-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height: 42px !important; height: 42px !important; }
html body.auth-orbit .auth-glass-captcha { margin-bottom: 4px !important; padding: 8px 10px !important; }
html body.auth-orbit .auth-glass-captcha input { min-height: 38px !important; height: 38px !important; }
html body.auth-orbit .auth-glass-options { margin: 8px 0 10px !important; }
html body.auth-orbit .auth-glass-submit { min-height: 44px !important; }
html body.auth-orbit .auth-glass-switch { margin-top: 10px !important; padding: 8px 12px !important; }
/* readable small texts on top of a photo */
html body.auth-orbit .auth-glass-options label { color: #334155 !important; }
html body.auth-orbit .auth-glass-options a { color: #0369a1 !important; }
html body.auth-orbit .aorb-foot span { padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .7); }
html body.auth-orbit .auth-glass-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height: 44px !important; height: 44px !important; }
html body.auth-orbit .auth-glass-field { margin-bottom: 10px !important; }
/* «فراموشی رمز عبور؟»: black on the plain theme (white when a background picture is set — see _AuthOrbit.cshtml) */
html body.auth-orbit .auth-glass-options a { color: #0f172a !important; }
html body.auth-orbit .auth-glass-options label { color: #0f172a !important; }
/* «بازگشت به صفحه ورود» — a clear secondary action with an arrow badge */
html body.auth-orbit .auth-glass-switch.auth-back {
  display: flex !important; align-items: center; justify-content: flex-start; gap: 12px; text-decoration: none;
  padding: 8px 10px 8px 14px !important; border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(14, 165, 233, .1), rgba(35, 64, 111, .06)) !important; border: 1px solid rgba(14, 165, 233, .28) !important;
  transition: background .18s ease, border-color .18s ease, transform .15s ease;
}
html body.auth-orbit .auth-back-ico {
  flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #23406f); box-shadow: 0 8px 16px -10px rgba(14, 116, 190, .9); transition: transform .18s ease;
}
html body.auth-orbit .auth-back-copy { display: grid; gap: 1px; text-align: start; line-height: 1.4; }
html body.auth-orbit .auth-glass-switch.auth-back strong { color: #16294d !important; font-size: .84rem; }
html body.auth-orbit .auth-glass-switch.auth-back em { color: #5b6b8c !important; font-size: .7rem; }
html body.auth-orbit .auth-glass-switch.auth-back:hover { background: linear-gradient(135deg, rgba(14, 165, 233, .18), rgba(35, 64, 111, .1)) !important; border-color: rgba(14, 165, 233, .45) !important; }
html body.auth-orbit .auth-glass-switch.auth-back:hover .auth-back-ico { transform: translateX(3px); }
html body.auth-orbit .auth-glass-switch.auth-back:active { transform: scale(.98); }
html body.auth-orbit .auth-glass-switch.auth-back:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 2px; }
html[data-theme="dark"] body.auth-orbit .auth-glass-switch.auth-back strong { color: #e0ecff !important; }
html[data-theme="dark"] body.auth-orbit .auth-glass-switch.auth-back em { color: #9aa8c4 !important; }
@media (prefers-reduced-motion: reduce) { html body.auth-orbit .auth-glass-switch.auth-back, html body.auth-orbit .auth-back-ico { transition: none; } }
html body.auth-orbit .auth-glass-switch.auth-back { flex-direction: row !important; height: auto !important; min-height: 50px; }
/* back link: arrow badge pinned to the start, text centred in the button */
html body.auth-orbit .auth-glass-switch.auth-back { position: relative; justify-content: center !important; padding-inline: 52px !important; }
html body.auth-orbit .auth-glass-switch.auth-back .auth-back-ico { position: absolute; inset-inline-start: 8px; top: 50%; margin-top: -17px; }
html body.auth-orbit .auth-glass-switch.auth-back:hover .auth-back-ico { transform: translateX(3px); }
html body.auth-orbit .auth-back-copy { text-align: center; }
/* panel subtitle wraps into two even lines */
html body.auth-orbit .auth-glass-brand p { max-width: 230px !important; margin-inline: auto !important; text-wrap: balance; }

/* R6.9.300t: phones — compact brand panel so the form starts higher, one-row captcha, finger-size links */
@media (max-width: 600px) {
  html body.auth-orbit .auth-glass-card { padding: 12px 14px 18px !important; border-radius: 26px !important; }
  html body.auth-orbit .auth-glass-card > .auth-glass-brand { padding: 16px 14px !important; gap: 4px !important; border-radius: 20px !important; margin-bottom: 14px !important; }
  html body.auth-orbit .auth-glass-brand .auth-glass-logo { width: 50px !important; height: 50px !important; border-radius: 15px !important; margin-bottom: 2px !important; }
  html body.auth-orbit .auth-glass-brand .auth-glass-kicker { padding: 3px 12px !important; font-size: .7rem !important; margin: 0 auto 2px !important; }
  html body.auth-orbit .auth-glass-brand h1 { font-size: 1.02rem !important; line-height: 1.5 !important; }
  html body.auth-orbit .auth-glass-brand p { font-size: .74rem !important; line-height: 1.7 !important; }
  html body.auth-orbit .auth-glass-field-label, html body.auth-orbit .auth-glass-field > label, html body.auth-orbit .auth-glass-field > span { margin-top: 2px; }
  /* captcha: equation and answer side by side */
  html body.auth-orbit .auth-glass-captcha { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding: 8px 10px 8px 12px !important; }
  html body.auth-orbit .auth-glass-captcha > div:first-child { min-width: 0; display: grid; gap: 2px; }
  html body.auth-orbit .auth-glass-captcha .captcha-title { font-size: .72rem !important; }
  html body.auth-orbit .auth-glass-captcha strong { font-size: 1rem !important; }
  html body.auth-orbit .auth-glass-captcha .captcha-input-wrap { flex: 0 0 112px !important; width: 112px !important; }
  html body.auth-orbit .auth-glass-captcha input { width: 100% !important; max-width: none !important; height: 42px !important; min-height: 42px !important; text-align: center; }
  /* links and the remember-me box get a comfortable touch area */
  html body.auth-orbit .auth-glass-options { min-height: 40px; align-items: center !important; }
  html body.auth-orbit .auth-glass-options a, html body.auth-orbit .auth-glass-options label { display: inline-flex !important; align-items: center; min-height: 40px; }
  html body.auth-orbit .auth-glass-switch { min-height: 48px; }
}
@media (max-width: 360px) {
  html body.auth-orbit .auth-glass-captcha .captcha-input-wrap { flex-basis: 96px !important; width: 96px !important; }
  html body.auth-orbit .auth-glass-shell { padding-inline: 8px !important; }
}