/* v50.15 — Una​uthenticated page: ONLY the sign-in card. No public feature copy.
   Decorative panel strokes remain disabled. Input and icon paths keep functionality. */
body.route-login{
  --login-bg:#151719;--login-white:#F8FAFB;
  background:var(--login-bg)!important;color:var(--login-white)!important;
}
body.route-login main.authmain{
  display:block!important;min-height:100vh;min-height:100dvh;
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:var(--login-bg)!important;
}
body.route-login main.authmain>.page-shell{
  width:100%!important;max-width:none!important;min-height:100vh;min-height:100dvh;
  margin:0!important;padding:0!important;background:transparent!important;
}
body.route-login .crm-login-shell{
  isolation:isolate;box-sizing:border-box!important;
  display:grid;place-items:center;width:100%;min-height:100vh;min-height:100dvh;
  margin:0 auto;padding:32px 20px;overflow:visible;
  background:radial-gradient(ellipse 72% 72% at 50% 46%,#1C2022 0%,#171A1C 58%,#121415 100%);
  color:var(--login-white);
}
body.route-login .crm-login-shell *,body.route-login .crm-login-shell *::before,body.route-login .crm-login-shell *::after{box-sizing:border-box}
body.route-login .crm-login-card{
  position:relative;display:flex;flex-direction:column;
  width:min(448px,100%)!important;max-width:448px!important;
  margin:0!important;padding:clamp(26px,3.1vw,42px)!important;
  border:0!important;border-radius:23px!important;
  background:linear-gradient(145deg,#2B2E31 0%,#24272A 66%,#222528 100%)!important;
  box-shadow:none!important;color:var(--login-white);
}
body.route-login .crm-login-card-header{margin-bottom:31px}
body.route-login .crm-login-card-sign{width:44px;height:44px;display:grid;place-items:center;margin-bottom:23px;border-radius:13px;background:#383E43;color:#C4D4DF}
body.route-login .crm-login-card-sign svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
body.route-login .crm-login-card h1{margin:0;color:#FAFBFC!important;font-size:clamp(29px,2.15vw,34px);font-weight:760;line-height:1.17;letter-spacing:-.045em}
body.route-login .crm-login-form{display:flex;flex-direction:column;gap:20px;margin:0}
body.route-login .crm-login-field{min-width:0}
body.route-login .crm-login-field label{display:block;margin:0 0 9px;color:#DDE2E5;font-size:12px;font-weight:650;line-height:1.45;letter-spacing:-.012em}
body.route-login .crm-login-field-wrap{position:relative;display:flex;align-items:center;min-width:0;height:54px;border-radius:12px;background:#1A1D1F;transition:background-color .15s ease}
body.route-login .crm-login-field-wrap:hover{background:#181B1D}
body.route-login .crm-login-field-wrap:focus-within{background:#12181D!important}
body.route-login .crm-login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:#7C878D;pointer-events:none}
body.route-login .crm-login-input-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.route-login .crm-login-field-wrap:focus-within .crm-login-input-icon{color:#A6D3EF}
body.route-login .crm-login-field-wrap input,
body.route-login .crm-login-field-wrap input:focus,
body.route-login .crm-login-field-wrap input:focus-visible{
  height:100%!important;width:100%!important;min-width:0;padding:0 46px 0 49px!important;
  color:#F8FAFC!important;caret-color:#B4DFFD;background:transparent!important;border:0!important;
  border-radius:12px!important;outline:0!important;box-shadow:none!important;
  font-size:15px!important;line-height:normal!important;font-weight:520;
}
body.route-login .crm-login-field-wrap input:focus-visible:not(:disabled){background-color:transparent!important;filter:none!important}
body.route-login .crm-login-field-wrap input::placeholder{color:#808A90;opacity:1}
body.route-login .crm-login-field-wrap input:-webkit-autofill,
body.route-login .crm-login-field-wrap input:-webkit-autofill:hover,
body.route-login .crm-login-field-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#F8FAFC;-webkit-box-shadow:0 0 0 1000px #1A1D1F inset!important;transition:background-color 99999s}
body.route-login .crm-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:40px;padding:0;border:0!important;border-radius:10px;background:transparent!important;color:#929BA2;display:grid;place-items:center;cursor:pointer}
body.route-login .crm-eye:hover,body.route-login .crm-eye:focus-visible{background:#33383C!important;color:#ECF5FC}
body.route-login .crm-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
body.route-login .crm-eye .crm-eye-slash{display:none}
body.route-login .crm-eye[aria-pressed="true"] .crm-eye-slash{display:block}
body.route-login .crm-login-submit{
  display:flex!important;align-items:center;justify-content:space-between;gap:16px;
  width:100%!important;height:55px!important;min-height:55px!important;margin-top:8px;
  padding:0 20px!important;border:0!important;border-radius:12px!important;
  background:#E9EFF3!important;color:#182026!important;
  font-size:14px!important;font-weight:760!important;letter-spacing:-.01em;cursor:pointer;
  transition:background .15s ease,transform .15s ease;
}
body.route-login .crm-login-submit:hover{background:#C9DBE6!important;filter:none!important}
body.route-login .crm-login-submit:focus-visible{background:#BDD7E8!important;filter:none!important}
body.route-login .crm-login-submit:active{transform:translateY(1px);background:#B7CDD9!important}
body.route-login .crm-login-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.route-login .crm-login-alerts:empty{display:none}
body.route-login .crm-login-alerts{display:grid;gap:7px;margin:-6px 0 21px}
body.route-login .crm-login-alerts .flash{
  display:block!important;margin:0!important;padding:12px 14px;border-radius:10px;
  background:#493338!important;color:#FFCCD2!important;
  font-size:12px;font-weight:560;line-height:1.5;
}
body.route-login .crm-login-alerts .flash.ok{background:#2C4239!important;color:#D3F2DF!important}
html[data-theme="modern_light"] body.route-login .crm-login-shell,
html[data-theme="modern_light"] body.route-login main.authmain{color:#F8FAFC!important}
@media(max-width:800px){
  body.route-login .crm-login-shell{padding:28px 16px}
  body.route-login .crm-login-card{width:min(448px,100%)!important;padding:30px!important;border-radius:20px!important}
  body.route-login .crm-login-card-header{margin-bottom:26px}
  body.route-login .crm-login-card-sign{width:40px;height:40px;margin-bottom:20px;border-radius:11px}
  body.route-login .crm-login-card-sign svg{width:20px;height:20px}
  body.route-login .crm-login-card h1{font-size:30px}
  body.route-login .crm-login-form{gap:17px}
}
@media(max-width:420px){
  body.route-login .crm-login-shell{padding:18px 15px}
  body.route-login .crm-login-card{padding:25px!important;border-radius:18px!important}
  body.route-login .crm-login-card h1{font-size:28px}
  body.route-login .crm-login-field-wrap{height:51px}
  body.route-login .crm-login-submit{height:52px!important;min-height:52px!important}
}
@media(max-height:700px){
  body.route-login .crm-login-shell{padding-top:16px;padding-bottom:16px}
  body.route-login .crm-login-card{padding-top:24px!important;padding-bottom:24px!important}
  body.route-login .crm-login-card-header{margin-bottom:20px}
  body.route-login .crm-login-card-sign{margin-bottom:15px}
  body.route-login .crm-login-form{gap:14px}
}
@media(prefers-reduced-motion:reduce){body.route-login .crm-login-shell *,body.route-login .crm-login-shell *::before,body.route-login .crm-login-shell *::after{transition:none!important;animation:none!important}}