@import url('./original.css');
@font-face{font-family:Roboto;src:url('../assets/roboto-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('../assets/roboto-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Roboto;src:url('../assets/roboto-700.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:Roboto;src:url('../assets/roboto-900.woff2') format('woff2');font-weight:900;font-display:swap}
/* Native controls replace Angular controls; the surrounding composition is original. */
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;font-family:Roboto,'Helvetica Neue',sans-serif;font-size:16px;line-height:normal;color-scheme:light}
p{line-height:1.6}
strong{font-weight:500}
.lynq-login-qr-card strong{color:#106cc8}
.lynq-login-mobile-cta{color:#106cc8;font-weight:400}
button,input{font:inherit;-webkit-tap-highlight-color:transparent}
button{cursor:pointer;touch-action:manipulation;border:0}
button:disabled{cursor:wait;opacity:.65}
:focus-visible{outline:3px solid #0f8ca5;outline-offset:3px}
.identity-card{display:flex;flex-direction:column}
body.lynq-login-brand-active .lynq-login-layout>.identity-card:has(.identity-message:not([hidden])){overflow-y:auto!important}
#identity{display:block}
#identity h1:focus{outline:none}
.identity-form{display:block;margin:0;padding-top:30px}
.identity-field{display:block;margin:0 0 24px}
.identity-input-box{display:flex;align-items:center;padding:0 12px;gap:16px;height:58px;position:relative}
.identity-field-icon{display:flex;flex:0 0 24px;color:#607789}
.identity-field-icon svg,.identity-reveal svg{width:24px;height:24px;fill:currentColor;display:block}
.identity-input-control{flex:1;position:relative;min-width:0;align-self:stretch}
.identity-input-control input{width:100%;height:100%;min-width:0;border:0;outline:none;background:transparent;padding:23px 0 5px;font-size:16px;line-height:24px}
.identity-input-control label{position:absolute;left:0;right:0;top:17px;color:#627586;font-size:16px;line-height:24px;pointer-events:none;white-space:nowrap;transition:font-size .15s,top .15s}
.identity-input-control input:focus+label,.identity-input-control input:not(:placeholder-shown)+label{top:7px;font-size:12px;line-height:16px}
.identity-input-control label span{margin-left:1px}
.identity-input-box:focus-within{background:#fff!important;border-color:#0f8ca5!important;box-shadow:0 0 0 3px rgba(15,140,165,.12)}
.identity-input-box:has(input[aria-invalid=true]){border-color:#b42318!important}
.identity-reveal{display:grid;place-items:center;flex:0 0 32px;height:40px;background:transparent;color:#607789;padding:4px}
.identity-reveal[aria-pressed=true] .identity-eye-slash{display:none}
.forgot-password{display:flex;justify-content:flex-end;min-height:52px}
.forgot-password .identity-link{min-height:34px;padding:4px;color:#08768c;font-size:13px;font-weight:650;text-decoration:none}
.identity-primary{width:100%;padding:12px 16px;line-height:1.35}
.identity-secondary{width:100%;min-height:44px;padding:10px;border:1px solid #d9e4e9;border-radius:9px;background:#f8fbfc;color:#486174}
.identity-actions{display:grid;gap:10px;margin-top:18px}
.identity-actions .identity-primary{min-height:48px;border-radius:10px;background:#08728b;color:white;font-weight:700}
.identity-link{min-height:40px;padding:8px 4px;background:transparent;color:#08768c}
.identity-link:hover{text-decoration:underline}
.identity-message{padding:12px 14px;border-radius:8px;background:#fff2f1;color:#98241e;font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 16px}
.identity-message[hidden],.identity-status:empty{display:none}
.identity-hint,.identity-status{color:#627586;font-size:13px;line-height:1.5;margin:8px 0 0}
.identity-account{padding:14px;border-radius:10px;background:#f3f6fb;margin-bottom:22px;overflow-wrap:anywhere}
.identity-account p{margin:0;font-size:14px;line-height:1.6}
.identity-account-name{font-weight:600}
body.lynq-login-brand-active .lynq-login-form-footer{flex-wrap:wrap}
body.lynq-login-brand-active .lynq-login-form-footer .lynq-register-entry{display:block;flex-basis:100%;padding:9px 15px;text-align:center;border:1px solid #cad8ed;border-radius:9px;background:#f1f6fe;color:#28568e;font-size:14px;font-weight:600;text-decoration:none}
body.lynq-login-brand-active .lynq-login-form-footer .lynq-register-entry:hover{background:#e3edfc}
.lynq-login-form-footer a:not(.lynq-register-entry){text-decoration:underline}
/* Keep the desktop story and sign-in card together on wide screens. */
@media(min-width:821px){
  body.lynq-login-brand-active .tb-login-content.lynq-login-layout>.identity-card{justify-self:start}
}
@media(min-width:1181px){
  body.lynq-login-brand-active .tb-login-content.lynq-login-layout{grid-template-columns:minmax(550px,900px) minmax(420px,500px);justify-content:center!important;column-gap:32px}
}
@media(max-width:560px){
  .identity-form{padding-top:30px}
  .identity-field{margin-bottom:18px}
  .identity-input-box{height:58px;min-height:58px;padding-inline:12px;gap:12px}
  .identity-input-control input{padding-top:23px}
  .identity-input-control label{top:17px;font-size:16px}
  .identity-input-control input:focus+label,.identity-input-control input:not(:placeholder-shown)+label{top:5px;font-size:10px}
  body.lynq-login-brand-active .identity-body .forgot-password{min-height:40px}
}
@media(prefers-reduced-motion:reduce){.identity-input-control label{transition:none}}
@media(forced-colors:active){.identity-card,.identity-message,.identity-account{border:1px solid CanvasText}.identity-primary{border:1px solid ButtonText}}
/* Approved Fleet 02 lockup; preserve its proportions on every sign-in size. */
.lynq-login-brandline img{width:clamp(160px,16vw,220px);height:auto;object-fit:contain}