/* Customier smooth-light auth skin — applied to Worksuite <x-auth> login pages */
:root{--cm:#E01A86;--cm2:#B3115F;--ctext:#16121C;--cmuted:#5B5766;--cline:rgba(17,14,24,.12);}
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

body{background:#FCFCFD !important;color:var(--ctext);font-family:'Inter',system-ui,sans-serif}
.login_header{background:#FFFFFF !important;border-bottom:1px solid rgba(17,14,24,.07);box-shadow:none !important}
.login_header h3{color:var(--ctext) !important;font-family:'Bricolage Grotesque',sans-serif;font-weight:700}
.login_section,.bg-grey{background:#FCFCFD !important}

.login_box{border:1px solid var(--cline);border-radius:20px !important;box-shadow:0 30px 70px -38px rgba(28,20,48,.22) !important;padding:34px 32px !important;max-width:460px}
.login_box h3,.login_box h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;color:var(--ctext)}

.form-control{border:1px solid var(--cline) !important;border-radius:12px !important;background:#F4F4F7 !important;color:var(--ctext) !important;box-shadow:none !important;padding:12px 14px !important;height:auto !important}
.form-control:focus{border-color:var(--cm) !important;background:#fff !important}
.form-control::placeholder{color:#8A8794 !important}

.btn-primary,.btn-info{background:var(--cm) !important;border-color:var(--cm) !important;color:#0A0A0C !important;border-radius:100px !important;font-weight:600;padding:11px 22px}
.btn-primary:hover,.btn-info:hover{background:var(--cm2) !important;border-color:var(--cm2) !important;color:#fff !important}
.btn-outline-primary{border:1px solid var(--cm) !important;color:var(--cm) !important;border-radius:100px !important}
.btn-outline-primary:hover{background:var(--cm) !important;color:#0A0A0C !important}

a,.text-primary{color:var(--cm) !important}
a.text-dark-grey,.text-dark-grey{color:var(--cmuted) !important}
.domain-text{background:rgba(224,26,134,.10) !important;color:var(--cm) !important;font-weight:600;border-radius:0 12px 12px 0}
.help-block,.text-danger{color:#d13a6a !important}
label{color:var(--cmuted)}