.users-summary{display:flex;gap:12px;margin:0 0 25px}.users-summary>div{background:#fff;padding:18px 24px;border:1px solid var(--line);border-radius:10px;min-width:160px}.users-summary b{font-size:27px;margin-right:12px;font-weight:500}.users-summary span{font-size:11px;color:var(--muted)}.users-toolbar{display:flex;gap:15px;align-items:center;padding:18px}.users-toolbar input{max-width:440px}.user-editor{margin-top:28px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px;scroll-margin-top:25px}.user-editor .heading-row{margin-bottom:22px}.user-editor .crm-form-row{gap:20px}.user-editor label,.account-password-panel label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:0 0 18px;color:var(--muted)}.user-editor .checkbox-label{display:flex;flex-direction:row;align-items:center;gap:10px}.user-editor small{color:var(--muted);display:block;margin-bottom:15px;line-height:1.7}.user-reset-section{margin-top:30px;border-top:1px solid var(--line);padding-top:24px}.user-reset-section h3{margin-bottom:10px}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}.account-profile,.account-password-panel{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px}.account-profile h2{margin-bottom:18px}.account-profile dt{color:var(--muted);font-size:11px;margin-top:20px}.account-profile dd{margin:5px 0 0;overflow-wrap:anywhere}.account-password-panel h2{margin-bottom:22px}.account-password-panel p{font-size:12px;color:var(--muted);margin:15px 0}.account-links{display:flex;align-items:center;gap:8px;margin-top:20px}.account-links .account{margin:0;flex:1;min-width:0}.account-links .account>span:last-child{margin-left:0}.account-links .account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-signout{background:none;border:1px solid var(--line);border-radius:6px;padding:7px;color:var(--muted)}#login-form #username{margin-bottom:18px}#login-form .login-help{margin-top:16px;font-size:11px;text-align:center}#user-reset-section .secondary{color:#a36645}@media(max-width:850px){.account-grid{grid-template-columns:1fr}.account-links{display:none}}@media(max-width:540px){.users-summary{flex-wrap:wrap}.users-summary>div{flex:1;min-width:110px;padding:14px}.user-editor,.account-profile,.account-password-panel{padding:18px}.users-summary span{display:block}.user-editor .heading-row{align-items:flex-start}.user-editor .heading-row h2{font-size:20px}.users-toolbar{padding:12px}.users-summary b{font-size:24px}}

/* Header account: same sage palette, fine borders and quiet typography as Atlas. */
.topbar{position:relative;z-index:20;gap:18px}
.topbar .topbar-right{display:flex;flex-shrink:0}
.header-account{position:relative}
.account-menu-toggle{display:flex;align-items:center;gap:10px;max-width:240px;min-height:42px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:var(--ink);text-align:left}
.account-menu-toggle:hover,.account-menu-toggle[aria-expanded=true]{background:var(--pale);filter:none}
.account-menu-toggle .avatar{flex-shrink:0;width:30px;height:30px;border:1px solid #dce4d7;border-radius:8px;background:#edf1e8;color:#637359;font-size:10px;font-weight:550;letter-spacing:.3px}
.account-menu-identity{min-width:0}
.account-menu-identity b{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}
.account-chevron{width:16px;height:16px;flex-shrink:0;color:var(--muted);transition:transform .15s}
.account-menu-toggle[aria-expanded=true] .account-chevron{transform:rotate(180deg)}
.account-menu{position:absolute;right:0;top:calc(100% + 12px);width:252px;max-width:calc(100vw - 30px);border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 8px 28px #233f2f12;color:var(--ink);font-size:11px;overflow:hidden;z-index:30}
.account-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;background:#f7f9f3;border-bottom:1px solid var(--line);color:#829274;font-size:8px;font-weight:550;letter-spacing:1.3px}
.account-role{border:1px solid #dfe6d7;border-radius:4px;padding:2px 6px;color:#74826a;font-size:8px;font-weight:400;letter-spacing:0}
.account-menu-links{padding:7px}
.account-menu a,.account-menu button{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:10px;border:0;border-radius:6px;background:transparent;color:#626e61;font:inherit;text-align:left;line-height:1.5}
.account-menu a:hover,.account-menu button:hover,.account-menu a.active{background:var(--pale);color:var(--green);filter:none}
.account-menu svg{width:17px;height:17px;flex-shrink:0;color:#84917d;stroke-linecap:round;stroke-linejoin:round}
.account-menu a.active svg,.account-menu a:hover svg{color:var(--green)}
.account-menu-footer{padding:7px;border-top:1px solid var(--line)}
.account-menu #logout{color:var(--muted)}
.account-menu #logout:hover{background:#faf3e9;color:#a48353}
.account-menu #logout:hover svg{color:#a48353}
@media(max-width:540px){.topbar{gap:10px}.account-menu-identity{display:none}.account-menu-toggle{gap:5px;padding:5px;min-height:40px}.account-menu-toggle .avatar{width:28px;height:28px}.account-menu{top:calc(100% + 9px)}.account-chevron{width:14px;height:14px}}