/* Сторінки входу CRM без оболонки: /crm/login (crm_login.html) і /crm/join/<token> (crm_join.html).
   Світла тема прототипу crm-mockups: токени — crm/theme-light.css (підключається перед цим файлом), Raleway,
   кнопка-акцент 40px / радіус 10, фокус — бірюзовий (--teal). Своїх кольорів тут нема. */
@font-face{font-family:'Raleway';font-weight:400;src:url('/static/crm/fonts/Raleway-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Raleway';font-weight:500;src:url('/static/crm/fonts/Raleway-Medium.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Raleway';font-weight:600;src:url('/static/crm/fonts/Raleway-SemiBold.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Raleway';font-weight:700;src:url('/static/crm/fonts/Raleway-Bold.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
body.auth{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg);color:var(--ink);font-family:Raleway,system-ui,sans-serif;font-size:14px;line-height:1.5}
.auth__box{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 28px 24px;box-shadow:0 1px 2px var(--shadow)}
.auth__brand{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2);letter-spacing:.02em}
.auth__brand b{color:var(--ink);font-weight:700}
.auth__brand .lg{width:32px;height:32px;border-radius:8px;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}
.auth__box h1,.auth__box h2{font-size:20px;font-weight:700;margin:22px 0 4px}
.auth__box label{display:block;font-size:12px;font-weight:600;color:var(--mute);margin:14px 0 6px}
.auth__box input{width:100%;height:40px;padding:0 12px;border:1px solid var(--ctrl);border-radius:10px;background:var(--input-bg);color:var(--ink);font:inherit;font-size:14px}
.auth__box input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-bg)}
.auth__btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin-top:20px;border:0;border-radius:10px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}
.auth__btn:hover{filter:brightness(.97)}
.auth__btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.auth__btn--lite{background:var(--card);color:var(--ink2);border:1px solid var(--ctrl);font-weight:600}
.auth__err{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:var(--red-bg);border:1px solid var(--red-line);color:var(--red);font-size:13px;font-weight:600}
.auth__hint{margin:16px 0 0;color:var(--mute);font-size:12px}
.auth__hint b{color:var(--ink)}
.auth__back{display:block;margin-top:16px;text-align:center;font-size:13px;color:var(--teal);text-decoration:none}
.auth__back:hover{color:var(--ink)}
@media (max-width:420px){.auth__box{padding:22px 18px 20px}}