/* Shared PHP CRM sign-in and sign-out styles. */
.auth-page *, .auth-page *::before, .auth-page *::after{box-sizing:border-box}
.auth-page{min-height:100vh;margin:0;color:#f4f5fa;background:radial-gradient(ellipse at 15% 15%,#344d7a 0,transparent 35%),radial-gradient(ellipse at 90% 80%,#37405f 0,transparent 36%),linear-gradient(135deg,#111421,#1c1d2d 58%,#141727);background-attachment:fixed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.auth-shell{width:calc(100% - 32px);max-width:440px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding:36px 0}
.auth-shell-wide{max-width:480px}
.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 24px;color:#fff;font-size:23px;font-weight:760;letter-spacing:-.7px;text-decoration:none}
.auth-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#759de0,#815fbd);color:#fff}
.auth-card{padding:clamp(22px,6vw,34px);border:1px solid #ffffff24;border-radius:20px;background:#ffffff10;box-shadow:0 24px 80px #07091260;backdrop-filter:blur(22px)}
.auth-eyebrow{color:#a9bee7;font-size:10px;font-weight:750;letter-spacing:.13em}
.auth-card h1{margin:10px 0 7px;font-size:clamp(23px,6vw,29px);letter-spacing:-.8px;line-height:1.2}
.auth-intro{margin:0 0 22px;color:#c1c7d4;font-size:13px;line-height:1.6}
.auth-form{display:grid;gap:9px}
.auth-form label{margin-top:5px;color:#e0e4ee;font-size:11px;font-weight:650}
.auth-form input{width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #ffffff26;border-radius:9px;outline:0;background:#171a29;color:#f7f8fb;font-size:13px}
.auth-form input:focus{border-color:#87aaf1;box-shadow:0 0 0 3px #87aaf126}
.auth-submit{width:100%;min-height:44px;margin-top:13px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:9px;background:linear-gradient(105deg,#638bd1,#8062bb);color:#fff;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer}
.auth-submit:hover{filter:brightness(1.08)}
.auth-error{margin:0 0 15px;padding:11px 12px;border:1px solid #ef8b9a55;border-radius:9px;background:#e05c6b1c;color:#ffd9de;font-size:11px;line-height:1.5}
.auth-hint{color:#aab3c4;font-size:10px;line-height:1.45}
.auth-back{display:inline-block;margin-top:18px;color:#bec9df;font-size:11px;text-decoration:none}
.auth-back:hover{text-decoration:underline}
.auth-footnote{margin:18px 0 0;text-align:center;color:#9ca6ba;font-size:10px}
.auth-referral{display:flex;align-items:flex-start;gap:11px;margin:0 0 18px;padding:12px;border:1px solid #ffffff24;border-radius:11px;background:#ffffff08;color:#e9edf7}
.auth-referral>span{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:9px;background:#ffffff13;color:#b8cafa}
.auth-referral.is-referred{border-color:#8bc98b55;background:#85bf8512}
.auth-referral.is-referred>span{background:#80b67f24;color:#b7e5af}
.auth-referral b{font-size:11px}
.auth-referral p{margin:3px 0 0;color:#b9c2d5;font-size:10px;line-height:1.45}
.auth-slug-field{display:flex;align-items:stretch;min-width:0;overflow:hidden;border:1px solid #ffffff26;border-radius:9px;background:#171a29}
.auth-slug-field:focus-within{border-color:#87aaf1;box-shadow:0 0 0 3px #87aaf126}
.auth-slug-field.is-invalid,.auth-slug-field:focus-within.is-invalid{border-color:#e98791;box-shadow:0 0 0 3px #e9879126}
.auth-slug-field.is-available,.auth-slug-field:focus-within.is-available{border-color:#83c47e;box-shadow:0 0 0 3px #83c47e20}
.auth-slug-field>span{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:62%;overflow:hidden;padding:0 10px;border-right:1px solid #ffffff20;color:#abb5ca;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.auth-form .auth-slug-field input{flex:1 1 0;width:0;min-width:48px;border:0;border-radius:0;background:transparent;box-shadow:none}
.slug-status{min-height:14px}
.slug-status.is-checking{color:#b8cafa}
.slug-status.is-available{color:#a8dda2}
.slug-status.is-unavailable{color:#ffb6bd}
.slug-status.is-error{color:#ffd58a}
.password-match-status:empty{display:none}
.password-match-status.is-match{color:#a8dda2}
.password-match-status.is-mismatch{color:#ffb6bd}
.auth-footnote a{color:#bdcafa;text-decoration:none}
.auth-footnote a:hover{text-decoration:underline}
.logout-form{display:inline-flex;margin:0;flex:none}
.logout-button{width:35px;height:35px;border:1px solid var(--line,#ffffff24);border-radius:9px;background:#ffffff0d;color:inherit;font-size:17px;cursor:pointer}
.logout-button:hover{background:#ffffff1c}
body[data-theme="light"] .logout-button{background:#fff;color:#40564a}
@media(max-width:540px){.logout-button{width:32px;height:32px}.auth-shell{padding:22px 0}.auth-brand{margin-bottom:18px}.auth-slug-field>span{padding:0 7px;font-size:9px}.auth-slug-field input{font-size:12px!important}}
@media(min-width:1061px){.topbar .logout-form{display:none}}
@media(min-width:541px) and (max-width:1060px){.sidebar-logout{display:none}}