@font-face {
  font-family: 'VC Login Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-cc27b30471250057.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-cc27b30471250057.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-cc27b30471250057.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Jakarta';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Jakarta';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Jakarta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Jakarta';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Jakarta';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-8ab0af53a3bda9d3.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'VC Login Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-9d1f41b13e519d90.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-40af6d88b63079a0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'VC Login Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-a005256cb957ecc7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-6d3351fc535f8ef3.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'VC Login Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-481acf6760031cee.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'VC Login Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-8f262393e9249e61.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'VC Login Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./assets/login-reference-20261114/font-c69d345fa1068c2d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Static, self-hosted presentation. Every rule is scoped to the signed-out login. */
html[data-login-theme]:has(body.signed-out){height:auto;min-height:100%;overflow:auto}
html[data-login-theme] body.signed-out{
 --bg-left:#fff;--bg-right:#f4f8fb;--bg-surface:#fff;--bg-surface-muted:#f1f6f9;--bg-input:#f8fafc;
 --border-subtle:rgba(15,41,66,.09);--border-strong:rgba(2,132,199,.36);
 --text-primary:#0f2942;--text-secondary:#475569;--text-muted:#8a99ad;
 --brand-start:#0e7490;--brand-end:#0284c7;--brand-accent:#0284c7;--brand-accent-soft:rgba(2,132,199,.10);--brand-glow:rgba(2,132,199,.20);
 --logo-wordmark:#0f2942;--logo-tagline:#0e7490;--btn-text:#fff;
 --card-shadow:0 20px 45px -16px rgba(15,41,66,.08),0 0 0 1px rgba(15,41,66,.06);
 background:var(--bg-left);color:var(--text-primary);height:auto;min-height:100dvh;overflow:auto;
}
html[data-login-theme="dark"] body.signed-out{
 --bg-left:#090e17;--bg-right:#0d1522;--bg-surface:#111c2e;--bg-surface-muted:#16243b;--bg-input:#0b1320;
 --border-subtle:rgba(255,255,255,.08);--border-strong:rgba(34,211,238,.38);
 --text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;
 --brand-start:#22d3ee;--brand-end:#0ea5e9;--brand-accent:#22d3ee;--brand-accent-soft:rgba(34,211,238,.12);--brand-glow:rgba(34,211,238,.24);
 --logo-wordmark:#fff;--logo-tagline:#67e8f9;--btn-text:#041322;
 --card-shadow:0 24px 50px -14px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07);
}
html[data-login-theme="pink"] body.signed-out{
 --bg-left:#fffafb;--bg-right:#fdf2f6;--bg-surface:#fff;--bg-surface-muted:#fce8f0;--bg-input:#fff6f9;
 --border-subtle:rgba(190,24,93,.10);--border-strong:rgba(219,39,119,.36);
 --text-primary:#500724;--text-secondary:#833858;--text-muted:#b37892;
 --brand-start:#be185d;--brand-end:#db2777;--brand-accent:#db2777;--brand-accent-soft:rgba(219,39,119,.10);--brand-glow:rgba(219,39,119,.22);
 --logo-wordmark:#500724;--logo-tagline:#be185d;--btn-text:#fff;
 --card-shadow:0 20px 45px -16px rgba(190,24,93,.10),0 0 0 1px rgba(190,24,93,.07);
}
#loginFiberCanvas{display:none}
html[data-login-theme] body.signed-out #loginFiberCanvas{display:block;position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}
html[data-login-theme] body.signed-out .app{height:auto;min-height:100dvh;overflow:visible}
html[data-login-theme] body.signed-out .gateway-login{
 display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);grid-template-areas:"form hero";direction:ltr;
 width:100%;height:auto;min-height:100dvh;gap:0;margin:0;padding:0;overflow:visible;align-items:stretch;
 background:var(--bg-left);color:var(--text-primary);font-family:"VC Login Jakarta",system-ui,sans-serif;font-size:14px;
}
html[data-login-theme][dir="rtl"] body.signed-out .gateway-login{grid-template-areas:"hero form";grid-template-columns:minmax(0,56fr) minmax(0,44fr);font-family:"VC Login Tajawal",sans-serif}
html[data-login-theme] body.signed-out .gateway-login :is(button,input,p,span,strong,small,label){font-family:inherit}
html[data-login-theme][dir="rtl"] body.signed-out .gateway-login :is(p,span,label,button,h1){letter-spacing:0;word-spacing:normal}
html[data-login-theme] body.signed-out .gateway-login :is(.login-card,.login-panel){direction:ltr}
html[data-login-theme][dir="rtl"] body.signed-out .gateway-login :is(.login-card,.login-panel){direction:rtl}
html[data-login-theme] body.signed-out .gateway-login .login-card{
 grid-area:form;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;
 width:100%;max-width:none;min-height:max(100dvh,700px);height:auto;padding:86px 48px 78px;margin:0;
 background:var(--bg-left);color:var(--text-primary);border:0;border-inline-end:1px solid var(--border-subtle);border-radius:0;
 box-shadow:none;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .28s;
}
html[data-login-theme] body.signed-out .login-card > :is(.role-switch,.auth-form,.autodial-access,.login-card-brand){width:100%;max-width:408px;flex-shrink:0}
html[data-login-theme] body.signed-out .login-appearance-tools{position:absolute;inset-block-start:24px;inset-inline:48px;display:flex;justify-content:space-between;align-items:center;gap:12px}
html[data-login-theme] body.signed-out :is(.login-theme-picker,.language-switch){display:inline-flex;gap:2px;align-items:center;margin:0;padding:4px;width:auto;height:38px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-surface-muted)}
html[data-login-theme] body.signed-out :is(.login-theme-picker,.language-switch) button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;height:28px;padding:0 12px;font-size:12px;font-weight:600;line-height:1.5;border:0;border-radius:999px;background:transparent;color:var(--text-secondary);box-shadow:none;white-space:nowrap;transition:background .2s,color .2s}
html[data-login-theme] body.signed-out :is(.login-theme-picker button[aria-pressed="true"],.language-switch button.active){background:linear-gradient(135deg,var(--brand-start),var(--brand-end));color:var(--btn-text);box-shadow:0 2px 8px var(--brand-glow)}
html[data-login-theme] body.signed-out .login-card-brand{margin:0 0 24px;text-align:center}
html[data-login-theme] body.signed-out .login-ref-brand{display:flex;flex-direction:column;align-items:center;direction:ltr;user-select:none}
html[data-login-theme] body.signed-out .login-ref-emblem{display:block;width:144px;height:auto;overflow:visible;margin:0 auto 16px}
html[data-login-theme] body.signed-out .login-ref-wordmark{font-family:"VC Login Jakarta",sans-serif;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--logo-wordmark);margin-bottom:6px}
html[data-login-theme] body.signed-out .login-ref-tagline{font-family:"VC Login Jakarta",sans-serif;font-size:10.5px;line-height:1.3;font-weight:700;letter-spacing:.22em;color:var(--logo-tagline)}
html[data-login-theme] body.signed-out .login-card-brand > :is(span,h2,p){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-login-theme] body.signed-out .role-switch{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:46px;margin:0 0 16px;padding:4px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface-muted);isolation:isolate}
html[data-login-theme] body.signed-out .role-switch::before{content:"";position:absolute;inset-block:4px;inset-inline-start:4px;width:calc((100% - 8px)/3);border-radius:10.4px;background:linear-gradient(135deg,var(--brand-start),var(--brand-end));box-shadow:0 4px 14px -2px var(--brand-glow);z-index:-1;transition:transform .28s cubic-bezier(.22,1,.36,1)}
html[data-login-theme] body.signed-out .role-switch[data-login-role="admin"]::before{transform:translateX(100%)}
html[data-login-theme] body.signed-out .role-switch[data-login-role="autodial"]::before{transform:translateX(200%)}
html[data-login-theme][dir="rtl"] body.signed-out .role-switch[data-login-role="admin"]::before{transform:translateX(-100%)}
html[data-login-theme][dir="rtl"] body.signed-out .role-switch[data-login-role="autodial"]::before{transform:translateX(-200%)}
html[data-login-theme] body.signed-out .role-switch button{min-height:36px;height:auto;padding:0 5px;font-size:12px;font-weight:700;line-height:1.4;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);box-shadow:none;transition:color .2s}
html[data-login-theme] body.signed-out .role-switch button.active{color:var(--btn-text);background:transparent;box-shadow:none}
html[data-login-theme] body.signed-out .auth-form{margin:0}
html[data-login-theme] body.signed-out :is(#loginForm,#adminLoginForm) label{display:block;margin-top:16px;color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.5}
html[data-login-theme] body.signed-out .auth-form label > span:first-child{display:block;margin-bottom:6px;color:var(--text-primary)}
html[data-login-theme] body.signed-out .auth-form input:not([type="checkbox"]){display:block;width:100%;min-height:42px;height:42px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-input);color:var(--text-primary);padding:10px 16px;font-size:14px;font-weight:500;box-shadow:none;transition:background .28s,border-color .2s,box-shadow .2s}
html[data-login-theme] body.signed-out .auth-form input::placeholder{color:var(--text-muted);opacity:1}
html[data-login-theme] body.signed-out .auth-form input:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-soft)}
html[data-login-theme] body.signed-out .auth-form :is(.login-ref-field,.password-field){position:relative;display:block;width:100%;margin:0}
html[data-login-theme] body.signed-out .auth-form :is(.login-ref-field,.password-field) input{padding-inline-start:40px}
html[data-login-theme] body.signed-out .auth-form .password-field input{padding-inline-end:42px}
html[data-login-theme] body.signed-out .login-ref-input-icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;color:var(--text-muted)}
html[data-login-theme] body.signed-out .password-toggle{position:absolute;inset-inline-end:8px;inset-inline-start:auto;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;min-height:30px;height:30px;padding:0;margin:0;border:0;background:transparent;color:var(--text-muted);font-size:0;box-shadow:none}
html[data-login-theme] body.signed-out .password-toggle::after{content:"";width:16px;height:16px;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M2 12s3.5-7.5 10-7.5S22 12 22 12s-3.5 7.5-10 7.5S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E")}
html[data-login-theme] body.signed-out .password-field:has(input[type="text"]) .password-toggle{color:var(--brand-accent)}
html[data-login-theme] body.signed-out .auth-form label > .login-ref-label:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
html[data-login-theme] body.signed-out .login-ref-label small{font:600 11px "VC Login Mono",monospace;color:var(--brand-accent)}
html[data-login-theme] body.signed-out .agent-status{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:0;padding:9px 14px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-surface);box-shadow:var(--card-shadow)}
html[data-login-theme] body.signed-out #loginForm .agent-status > span{font-size:12px;font-weight:600;color:var(--text-secondary)}
html[data-login-theme] body.signed-out .agent-status .status{max-width:70%;font-size:11px;font-weight:700;overflow-wrap:anywhere}
html[data-login-theme] body.signed-out #loginForm .check-row{display:flex;align-items:center;gap:8px;font-weight:500;margin-top:16px}
html[data-login-theme] body.signed-out #loginForm .check-row span{margin:0;color:var(--text-secondary)}
html[data-login-theme] body.signed-out .check-row input{width:16px;height:16px;min-height:16px;accent-color:var(--brand-accent);margin:0}
html[data-login-theme] body.signed-out :is(.auth-form > .primary,.autodial-access .primary){min-height:44px;height:auto;margin-top:16px;padding:12px 16px;border:0;border-radius:12px;font-size:14px;font-weight:700;line-height:1.4;background:linear-gradient(135deg,var(--brand-start),var(--brand-end));color:var(--btn-text);box-shadow:0 10px 24px -6px var(--brand-glow);transition:filter .2s,box-shadow .2s}
html[data-login-theme] body.signed-out :is(.auth-form > .primary,.autodial-access .primary):hover:not(:disabled){filter:brightness(1.06);box-shadow:0 14px 28px -6px var(--brand-glow)}
html[data-login-theme] body.signed-out .auth-error{margin:0 0 12px;padding:12px 14px;border-color:#cf3157;background:#fff0f3;color:#922444;font-size:13px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}
html[data-login-theme="dark"] body.signed-out .auth-error{background:#381d2e;color:#ffc5d5}
html[data-login-theme] body.signed-out .autodial-access{padding:20px 0 0;border-color:var(--border-subtle);margin-top:8px;color:var(--text-primary)}
html[data-login-theme] body.signed-out .autodial-access :is(strong,span){color:var(--text-primary)}
html[data-login-theme] body.signed-out .autodial-mark{background:var(--brand-accent-soft);color:var(--brand-accent)}
html[data-login-theme] body.signed-out .gateway-footer{position:absolute;inset-inline:48px;bottom:24px;display:flex;justify-content:space-between;gap:12px;margin:0;padding-top:12px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:10px;font-weight:500}
html[data-login-theme] body.signed-out .gateway-footer > span:last-child{font-family:"VC Login Mono",monospace}
html[data-login-theme] body.signed-out .gateway-login .login-panel{grid-area:hero;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:none;min-height:max(100dvh,700px);height:auto;padding:90px 64px 130px;background:var(--bg-right);color:var(--text-primary);border:0;border-radius:0;box-shadow:none;overflow:hidden;transition:background .28s}
html[data-login-theme] body.signed-out .login-panel::before{content:none}
html[data-login-theme] body.signed-out .gateway-brand{width:100%;max-width:512px;margin:0;text-align:center}
html[data-login-theme] body.signed-out .gateway-brand p{display:table;max-width:100%;margin:0 auto 20px;padding:6px 16px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-surface);box-shadow:var(--card-shadow);font-size:11px;font-weight:700;letter-spacing:.15em;line-height:1.5;text-transform:uppercase;color:var(--text-secondary)}
html[data-login-theme] body.signed-out .gateway-brand p::before{content:"";display:inline-block;width:6px;height:6px;vertical-align:middle;margin-inline-end:8px;border-radius:50%;background:var(--brand-accent)}
html[data-login-theme] body.signed-out .gateway-brand h1{margin:0;color:var(--text-primary);font-family:inherit;font-size:42px;font-weight:800;letter-spacing:-.025em;line-height:1.18}
html[data-login-theme][dir="rtl"] body.signed-out .gateway-brand h1{line-height:1.48}
html[data-login-theme] body.signed-out .gateway-brand > span{display:block;max-width:448px;margin:16px auto 0;color:var(--text-secondary);font-size:15px;font-weight:400;line-height:1.625}
html[data-login-theme][dir="rtl"] body.signed-out .gateway-brand > span{line-height:1.68}
html[data-login-theme] body.signed-out :is(#workspaceVisual,.gateway-signal){display:none}
html[data-login-theme] body.signed-out .gateway-route-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:540px;margin:28px 0 0;gap:12px}
html[data-login-theme] body.signed-out .gateway-route-list > button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;min-height:90px;height:auto;padding:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--card-shadow);color:var(--text-primary);transition:transform .2s,box-shadow .2s,border-color .2s}
html[data-login-theme] body.signed-out .gateway-route-list > button[aria-pressed="true"]{border-color:var(--brand-accent);box-shadow:0 12px 28px -8px var(--brand-glow),0 0 0 1px var(--brand-accent);transform:translateY(-2px)}
html[data-login-theme] body.signed-out .gateway-route-list .route-number{font:600 11px/1.4 "VC Login Mono",monospace;color:var(--brand-accent);margin-bottom:4px}
html[data-login-theme] body.signed-out .gateway-route-list strong{font-family:inherit;font-size:14px;font-weight:800;color:var(--text-primary)}
html[data-login-theme] body.signed-out .gateway-route-list small{font-family:inherit;font-size:11px;line-height:1.5;font-weight:400;margin-top:2px;color:var(--text-secondary);max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
/* Existing game host is repositioned; its Shadow DOM and scripts are unchanged. */
html[data-login-theme] body.signed-out #vibeLoginGame{position:absolute;bottom:24px;left:50%;right:auto;transform:translateX(-50%);width:min(380px,calc(100% - 48px));padding:10px;margin:0;background:#0b2b3d;border:1px solid #1e5067;border-radius:16px;font-family:"VC Login Tajawal","Segoe UI",sans-serif}
html[data-login-theme] body.signed-out .gateway-login :is(button,a,input):focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}
@media(max-width:1279px){
 html[data-login-theme] body.signed-out .gateway-login .login-card{padding-inline:40px}
 html[data-login-theme] body.signed-out :is(.login-appearance-tools,.gateway-footer){inset-inline:40px}
 html[data-login-theme] body.signed-out .gateway-login .login-panel{padding-inline:48px}
 html[data-login-theme] body.signed-out .gateway-brand h1{font-size:36px}
 html[data-login-theme] body.signed-out .login-appearance-tools{gap:8px}
 html[data-login-theme] body.signed-out :is(.login-theme-picker,.language-switch) button{padding-inline:9px}
}
@media(max-width:1023px){
 html[data-login-theme] body.signed-out .gateway-login,html[data-login-theme][dir="rtl"] body.signed-out .gateway-login{grid-template-areas:"form" "hero";grid-template-columns:minmax(0,1fr)}
 html[data-login-theme] body.signed-out .gateway-login .login-card{min-height:700px;padding:90px 24px 76px;border:0;border-bottom:1px solid var(--border-subtle)}
 html[data-login-theme] body.signed-out .gateway-login .login-panel{min-height:500px;padding:64px 24px 140px}
 html[data-login-theme] body.signed-out :is(.login-appearance-tools,.gateway-footer){inset-inline:24px}
 html[data-login-theme] body.signed-out .gateway-brand h1{font-size:36px}
}
@media(max-width:639px){
 html[data-login-theme] body.signed-out :is(.login-appearance-tools,.gateway-footer){inset-inline:20px}
 html[data-login-theme] body.signed-out .gateway-login .login-card{padding-inline:20px}
 html[data-login-theme] body.signed-out .gateway-brand h1{font-size:30px}
 html[data-login-theme] body.signed-out .gateway-brand > span{font-size:14px}
 html[data-login-theme] body.signed-out .gateway-route-list{gap:8px}
 html[data-login-theme] body.signed-out .gateway-route-list > button{padding:14px 8px}
 html[data-login-theme] body.signed-out .gateway-route-list strong{font-size:12px}
 html[data-login-theme] body.signed-out :is(.login-theme-picker,.language-switch) button{padding-inline:8px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 html[data-login-theme] body.signed-out #loginFiberCanvas{display:none}
 html[data-login-theme] body.signed-out .gateway-login :is(button,.role-switch::before,.login-card,.login-panel,input){transition:none}
}