/* Auth-only styles; do not style browser annotation overlays. */
@scope (#app, #modal-root) {
.crm-auth{min-height:100dvh;padding:38px 5%;background:#e6f0f7 url('/assets/login/cable-stranding-hero.webp') center/cover fixed;display:flex;flex-direction:column;align-items:stretch;color:#16394a;letter-spacing:0}
.crm-auth .auth-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;width:fit-content;padding:12px 16px;background:#ffffffed;border-radius:6px}
.crm-auth .auth-brand svg{width:28px;height:28px;color:#138886}
.crm-auth .auth-panel{align-self:flex-end;width:440px;max-width:100%;margin:auto 0;padding:32px;background:#ffffffed;border:1px solid #c5dde9;border-radius:8px;box-shadow:0 16px 48px #143c5129}
.crm-auth .auth-panel.register{width:570px}
.crm-auth h1{font-size:26px;margin:0 0 24px;color:#173b50}
.crm-auth .auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.crm-auth .auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px}
.crm-auth .auth-grid .auth-field{margin-bottom:0}
.crm-auth .auth-field input,.crm-auth .auth-field select{width:100%;height:40px;border:1px solid #bed4e1;background:white;border-radius:5px;color:#16394a;padding:8px 10px}
.crm-auth .auth-field input:focus{outline:2px solid #b9e4ef;border-color:#188bb0}
.crm-auth .auth-field small{font-size:12px;font-weight:400}
.crm-auth .auth-submit{width:100%;height:42px;background:#087f8c;border-color:#087f8c;color:white;font-weight:600;margin-top:16px}
.crm-auth .auth-submit:hover{background:#076b77}
.crm-auth .auth-secondary{width:100%;border:0;background:transparent;margin-top:10px;color:#276580}
.crm-auth .auth-sms{grid-column:1/-1}
.crm-auth .auth-sms-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px}
.crm-auth .auth-sms-row button{font-size:12px;white-space:normal;padding:4px 8px;border-color:#bed4e1;color:#246c84}
.crm-auth .auth-consent{display:flex;align-items:flex-start;gap:8px;margin-top:18px;font-size:12px;line-height:1.8}
.crm-auth .auth-consent input{flex:0 0 16px;margin-top:4px}
.crm-auth .auth-consent label{display:block;color:#49636e}
.crm-auth .auth-consent button{border:0;padding:0;min-height:24px;display:inline;background:none;color:#087e9e;font-size:12px}
.crm-auth .auth-message{min-height:22px;margin-top:14px;color:#a53d33;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.crm-auth .auth-note{margin:12px 0;font-size:13px;color:#516c7a;line-height:1.7}
.crm-auth .auth-choices{display:grid;gap:10px}
.crm-auth .auth-choices button{justify-content:space-between;text-align:left;white-space:normal;min-height:50px;padding:12px;overflow-wrap:anywhere;border-color:#bed4e1}
.crm-auth [hidden]{display:none!important}
.auth-legal-dialog{width:700px;max-width:calc(100vw - 32px);max-height:85dvh;border:1px solid #bed4e1;border-radius:8px;padding:0;color:#243f4f}
.auth-captcha-overlay{position:fixed;inset:0;z-index:50;background:#17394c88;display:flex;align-items:center;justify-content:center;padding:16px}
.auth-captcha-overlay iframe{border:1px solid #c5dde9;border-radius:8px;background:white;width:500px;max-width:100%;height:650px;max-height:90dvh}
.auth-captcha-overlay>button{position:absolute;right:20px;top:20px;z-index:1}
.auth-legal-dialog::backdrop{background:#18334370}
.auth-legal-dialog header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #d5e4ec}
.auth-legal-dialog article{padding:20px 24px;max-height:65dvh;overflow:auto;font-size:14px;line-height:1.8}
.auth-legal-dialog h3{margin:18px 0 8px}.auth-legal-dialog p{margin:10px 0}
@media(max-width:720px){.crm-auth{padding:20px 16px;background-position:38% center;gap:24px}.crm-auth .auth-brand{font-size:18px}.crm-auth .auth-panel{align-self:center;margin:auto 0;padding:24px 20px}.crm-auth .auth-grid{grid-template-columns:1fr}.crm-auth h1{font-size:23px}.crm-auth .auth-panel.register{margin:0}.crm-auth .auth-message{font-size:12px}}
}