.auth-page,.staff-page{margin:0;background:#f5f7fb;color:#243247;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;box-sizing:border-box}.login-card{width:min(100%,390px);background:#fff;border:1px solid #e4e9f1;border-radius:24px;padding:38px;box-shadow:0 16px 60px #2138580a}.auth-logo{display:block;width:56px;height:56px;border-radius:17px;object-fit:cover;margin-bottom:24px}.auth-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#68829c;margin:0 0 12px}.login-card h1,.staff-heading h1{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0 0 12px}.auth-muted{color:#718097;font-size:14px}.auth-note{font-size:12px;color:#748297;line-height:1.6;margin-top:24px}.login-card form,.auth-dialog form{display:grid;gap:16px;margin-top:26px}.login-card label,.auth-dialog label{display:grid;gap:7px;font-size:13px;font-weight:600}.login-card input,.auth-dialog input,.auth-dialog select{box-sizing:border-box;min-width:0;width:100%;border:1px solid #d8e0eb;border-radius:10px;padding:11px 12px;background:#fff;color:#243247;font:inherit;outline-offset:3px}.login-card input:focus,.auth-dialog input:focus{outline:2px solid #a8c6ff}.auth-primary{background:#326cda!important;border:1px solid #326cda!important;color:#fff!important;font-weight:600;border-radius:10px;padding:11px 18px;cursor:pointer;font-size:14px}.auth-primary:disabled{opacity:.55;cursor:wait}.auth-error{color:#ad3346;font-size:13px;min-height:1em;margin:0}.auth-dialog{width:min(440px,calc(100vw - 56px));border:1px solid #e0e6ef;border-radius:20px;padding:28px;color:#243247;background:white;font:14px/1.5 system-ui;max-height:85dvh;overflow:auto}.auth-dialog::backdrop{background:#182b4655;backdrop-filter:blur(3px)}.auth-dialog h2{font-size:21px;margin:0}.auth-dialog form{margin:0}.auth-dialog small{font-weight:400;color:#718097;font-size:11px}.auth-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.auth-actions button{padding:9px 13px;border:1px solid #dde4ee;background:white;color:#415673;border-radius:9px;cursor:pointer;font:inherit}.staff-header{padding:16px max(24px,calc((100vw - 1080px)/2));background:white;border-bottom:1px solid #e2e8f0}.staff-header>a{font-size:13px;text-decoration:none;color:#456b9c}.staff-main{max-width:1080px;margin:42px auto;padding:0 24px}.staff-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.staff-list{display:grid;gap:12px;margin-top:12px}.staff-card{background:white;border:1px solid #e1e7f0;border-radius:16px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.staff-card h2{font-size:17px;margin:0 0 5px}.staff-card p{font-size:12px;color:#718097;margin:0 0 9px}.staff-signature{display:inline-block;font-size:11px;background:#f0f5fc;border-radius:6px;padding:4px 8px;color:#567193}.staff-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-dialog .auth-check{display:flex;align-items:center}.auth-check input{width:auto}.message-meta{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;margin-top:7px}.message-bubble .message-meta time{margin-top:0}.message-author{font-size:11px;opacity:.75;margin-right:auto}[hidden]{display:none!important}@media(max-width:640px){.login-card{padding:26px;box-sizing:border-box}.staff-heading,.staff-card{align-items:stretch;flex-direction:column}.staff-main{margin-top:26px}.staff-fields{grid-template-columns:1fr}.staff-heading h1{font-size:23px}}
.account-menu {
    position: fixed; z-index: 45; left: calc(var(--workspace-rail) + 8px); bottom: 18px;
    width: 320px; max-width: calc(100vw - 28px); max-height: min(76vh, 620px); overflow-y: auto;
    padding: 12px; border: 1px solid #dfe6ef; border-radius: 16px; background: #fff;
    box-shadow: 0 18px 48px #1e36502a; color: #26364c;
    font: 13px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.account-profile { display:flex; align-items:center; gap:11px; padding:5px 5px 13px; border-bottom:1px solid #edf0f4; }
.account-avatar { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border-radius:12px; background:#eaf2ff; color:#376eaf; font-size:16px; font-weight:700; }
.account-identity { min-width:0; }
.account-identity strong,.account-identity small { display:block; overflow-wrap:anywhere; }
.account-identity strong { color:#26364c; font-size:14px; }
.account-identity small { margin-top:2px; color:#7a8799; font-size:11px; }
.account-notifications { padding:12px 2px 11px; border-bottom:1px solid #edf0f4; }
.account-notifications-header { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:0 3px 8px; }
.account-notifications h2 { margin:0; color:#334155; font-size:13px; font-weight:650; }
.account-notification-summary { color:#7a8799; font-size:11px; }
.account-notification-list { max-height:290px; overflow-y:auto; }
.account-notification-list a { display:block; padding:9px 10px; margin:4px 0; border:1px solid #e8edf4; border-radius:10px; color:#334155; text-decoration:none; }
.account-notification-list a:hover { border-color:#c8d8ec; background:#f7faff; }
.account-notification-list a.unread { border-color:#cfe0f5; background:#f1f6fd; }
.account-notification-list strong,.account-notification-list small { display:block; overflow-wrap:anywhere; }
.account-notification-list strong { color:#26364c; font-size:12px; line-height:1.4; }
.account-notification-list small { margin-top:4px; color:#718097; font-size:10px; }
.account-empty { padding:11px 10px; border-radius:10px; background:#f6f8fb; }
.account-empty strong,.account-empty small { display:block; }
.account-empty strong { color:#526278; font-size:12px; font-weight:600; }
.account-empty small { margin-top:3px; color:#8490a2; font-size:11px; }
.account-all-tasks { display:flex; align-items:center; justify-content:center; min-height:36px; margin-top:8px; border:1px solid #dce6f2; border-radius:9px; background:#f8fbff; color:#376eaf; font-size:12px; font-weight:600; text-decoration:none; }
.account-all-tasks:hover { background:#edf4fd; }
.account-actions { display:grid; gap:2px; padding-top:8px; }
.account-menu .account-action { width:100%; min-height:36px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:#526278; font:inherit; text-align:left; cursor:pointer; }
.account-menu .account-action:hover,.account-menu .account-action:focus-visible { background:#f2f5f9; color:#334155; }
.account-menu .account-logout { color:#a64b4b; }
.account-menu .account-logout:hover { background:#fff4f3; color:#923d3d; }
.account-menu .account-action:disabled { opacity:.55; cursor:wait; }
#taskNotificationCount { display:inline-block; min-width:17px; margin-left:3px; padding:1px 4px; border-radius:9px; background:#c44545; color:#fff; font-size:10px; line-height:1.35; vertical-align:top; }
#taskNotificationCount[hidden] { display:none; }
@media(max-width:760px) {
    .account-menu { left:auto; right:10px; bottom:calc(var(--workspace-bottom) + 8px); width:min(360px,calc(100vw - 28px)); }
    body.crm-workspace.chat-selected .account-menu { top:calc(64px + env(safe-area-inset-top,0px)); bottom:auto; }
}
