/* Agent & Broker sign-in look (2026-10-29), from the "crestmark-agent-portal" design Dina-Marie chose.
   Only the sign-in screen of index-lux.html changes. Sign-in, MFA code, forgot and reset forms, IDs and
   scripts are the portal's own (real server-side sign-in). Loaded after portal-lux.css. ASCII only. */
#login-screen{
  --ag-panel:#0f1729;--ag-panel-2:#141e35;--ag-border:#22304d;--ag-text:#e8ecf5;--ag-muted:#7c8aa8;
  --ag-accent:#4f9500;--ag-accent-2:#7fd613;
  flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:0 24px;
  background:radial-gradient(ellipse 900px 500px at 50% -10%,#16224a 0%,transparent 60%),
             linear-gradient(180deg,#080d17 0%,#060a12 100%) !important;
  color:var(--ag-text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#login-screen::before,#login-screen::after{content:none !important;display:none !important;animation:none !important}
#login-screen .wow-login-copy{display:none !important}

.ag-hero{width:100%;max-width:720px;text-align:center;padding:80px 0 40px}
.ag-logo{display:block;width:220px;max-width:70%;height:auto;margin:0 auto 24px}
.ag-tagline{color:var(--ag-muted);font-size:15px;line-height:1.6;max-width:460px;margin:0 auto}

#login-screen .login-card{width:100%;max-width:400px;padding:32px;border-radius:14px;color:var(--ag-text);
  background:var(--ag-panel);border:1px solid var(--ag-border);box-shadow:0 30px 80px rgba(0,0,0,.45);
  backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
#login-screen .login-card::before,#login-screen .login-card::after{display:none}
#login-screen .lx-login-logo,#login-screen .login-brand{display:none}
#login-screen .login-tag{font-family:Georgia,'Cormorant Garamond',serif;font-size:22px;font-weight:500;letter-spacing:0;
  text-transform:none;color:var(--ag-text);text-align:center;margin:0 0 24px}
#login-screen .login-tag::after{display:none}
#login-screen .field label{color:var(--ag-muted);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}
#login-screen .field input{background:var(--ag-panel-2);border:1px solid var(--ag-border);border-radius:8px;
  padding:11px 12px;font-size:14px;color:var(--ag-text);box-shadow:none}
#login-screen .field input:focus{outline:none;border-color:var(--ag-accent);background:var(--ag-panel-2);box-shadow:none}
#login-screen .field input:-webkit-autofill{-webkit-text-fill-color:var(--ag-text);-webkit-box-shadow:0 0 0 40px #141e35 inset;
  caret-color:var(--ag-text)}
#login-screen .btn-primary{display:block;width:auto;min-width:0;margin:18px auto 0;padding:13px 40px;border-radius:9px;
  background:var(--ag-accent);color:#07100a;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;
  box-shadow:none;transition:background .15s}
#login-screen .btn-primary:hover{background:var(--ag-accent-2);filter:none;transform:none}
#login-screen .btn-primary::after{display:none}
#login-screen .btn-primary:focus-visible,#login-screen a:focus-visible,#login-screen .logout-link:focus-visible{
  outline:2px solid var(--ag-accent-2);outline-offset:3px}
#login-screen .logout-link,#show-forgot-btn,#back-to-login-btn{color:var(--ag-accent-2) !important;font-size:12px;
  letter-spacing:0;text-transform:none}
#login-screen [style*="color:var(--driftwood)"]{color:var(--ag-muted) !important}
#login-error,#mfa-error,#forgot-message,#reset-error{color:#e08a78;font-size:12px}
#forgot-message.success{color:var(--ag-accent-2)}
#login-screen .client-door{color:var(--ag-muted);border-top:1px solid var(--ag-border)}
#login-screen .client-door a,.ag-footnote a{color:var(--ag-accent-2);text-decoration:none}
#login-screen .wow-secure{color:var(--ag-muted)}
.ag-footnote{text-align:center;font-size:11px;color:var(--ag-muted);margin-top:18px;line-height:1.6}
.ag-footer{margin-top:auto;padding:40px 0 6px;font-size:11px;color:var(--ag-muted);text-align:center}
#login-screen > .built-by-portal{position:static;margin:0 0 22px;color:var(--ag-muted)}
#login-screen > .built-by-portal a{color:var(--ag-accent-2)}
@media(max-width:760px){
  #login-screen{align-items:center;justify-content:flex-start;padding:0 16px}
  .ag-hero{padding:48px 0 28px}
  #login-screen .login-card{padding:26px 22px}
}