/* Authentication screens: presentation only; forms, labels, destinations and handlers stay unchanged. */
:root[data-theme=light] body #app .login.card{color-scheme:light;box-sizing:border-box;width:min(100% - 32px,520px);max-width:520px;margin:clamp(24px,5vw,56px) auto;padding:clamp(24px,3vw,36px)!important;border:1px solid #e8e9f1!important;border-radius:24px!important;background:#fff!important;color:#1f2024!important;box-shadow:0 10px 32px #1f202410!important;min-width:0}
:root[data-theme=light] body #app .login.card :is(h1,h2,h3){color:#1f2024;letter-spacing:0;overflow-wrap:anywhere}
:root[data-theme=light] body #app .login.card h1{margin:6px 0 22px;font-size:clamp(23px,3vw,29px);font-weight:700;line-height:1.7}
:root[data-theme=light] body #app .login.card .eyebrow{font-size:13px;font-weight:600;line-height:1.8;color:#0056c8!important}
:root[data-theme=light] body #app .login.card :is(form,fieldset,[data-business-fields]){min-width:0;max-width:100%;box-sizing:border-box}
:root[data-theme=light] body #app .login.card :is(label.field,.field){display:block;min-width:0;margin-block:16px 0;font-size:14px;font-weight:600;line-height:1.8;color:#1f2024;overflow-wrap:anywhere}
:root[data-theme=light] body #app .login.card :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea):not(:disabled):not([readonly]){box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;min-height:48px;margin-block:6px 0;padding:10px 14px;border:1px solid #71727a!important;border-radius:12px;background:#fff!important;color:#1f2024!important;line-height:1.8}
:root[data-theme=light] body #app .login.card :is(input,textarea)::placeholder{color:#71727a;opacity:1}
:root[data-theme=light] body #app .login.card :is(input,select,textarea):disabled{cursor:not-allowed}
:root[data-theme=light] body #app .login.card :is(.button,button[type=submit]){box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-height:48px;margin-block:24px 0;padding:10px 18px;border-radius:14px;font-weight:700;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
:root[data-theme=light] body #app .login.card .auth-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin-block:20px 0;font-size:13px;line-height:1.8;color:#494a50!important}
:root[data-theme=light] body #app .login.card .auth-links a{display:inline-flex;align-items:center;min-height:44px;color:#0056c8!important;font-weight:600;overflow-wrap:anywhere}
:root[data-theme=light] body #app .login.card :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #0056c8!important;outline-offset:3px}
:root[data-theme=light] body #app .login.card :is(.api-error,[role=alert],[role=status]){overflow-wrap:anywhere;line-height:1.8}
:root[data-theme=light] body #app .login.card :is(fieldset){border:1px solid #e8e9f1;border-radius:14px;padding:14px;margin:18px 0}
:root[data-theme=light] body #app .login.card :is(.check-row){min-height:44px;line-height:1.8}
@media(max-width:767px){:root[data-theme=light] body #app .login.card{width:calc(100% - 32px);margin:24px auto;padding:24px 20px!important;border-radius:20px!important}:root[data-theme=light] body #app .login.card :is(input:not([type=hidden]),select,textarea){font-size:16px}}
@media(max-width:360px){:root[data-theme=light] body #app .login.card{width:calc(100% - 24px);padding:20px 16px!important}:root[data-theme=light] body #app .login.card .auth-links{display:grid;grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){:root[data-theme=light] body #app .login.card :is(a,button,input,select,textarea){transition:none!important;animation:none!important}}