/* Аккаунт RABOT (R-68) поверх static/ui.css (токены обеих тем): блок аккаунта внизу меню (чейнджлог владельца 23.10 —
   «по образцу HeadHunter»: аватар-инициалы, имя, роль; мини-меню вверх), окна дозаполнения профиля (чейнджлог 28.10:
   «форма → экран подтверждения», красная рамка у пустого обязательного поля), парные поля форм входа и регистрации на
   одной высоте. Значения — из прототипа владельца (668857-index.html: .user-box, .user-menu, .modal-*, .fld-err). */

/* ── Блок аккаунта ─────────────────────────────────────────────────────────────────────────── */
.user-box{position:relative;border-top:1px solid var(--line-soft);padding-top:12px}
.user-box > summary{list-style:none;cursor:pointer}
.user-box > summary::-webkit-details-marker{display:none}
.user-box-btn{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border-radius:var(--r-s);color:var(--ink)}
.user-box-btn:hover,.user-box[open] .user-box-btn{background:var(--card)}
.user-box-btn:focus-visible{outline:2px solid var(--accent-edge);outline-offset:2px}
.user-box-btn .av{width:30px;height:30px;font-size:12px;flex:none}
.user-box-info{text-align:left;min-width:0}
.user-box-info .nm{font-size:12.5px;font-weight:600;color:var(--ink);display:block;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-box-info .role{font-size:10.5px;color:var(--ink-3);display:block;margin-top:1px}
.user-box-btn .chev{margin-left:auto;flex:none;color:var(--ink-3);transition:transform .15s}
.user-box[open] .user-box-btn .chev{transform:rotate(180deg)}
.user-menu{position:absolute;left:0;right:0;bottom:calc(100% + 6px);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-m);padding:6px;box-shadow:var(--shadow-lg);z-index:25}
.user-menu form{margin:0}
.user-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:var(--r-s);font-size:12.5px;color:var(--ink-2);text-align:left;background:transparent;border:0;cursor:pointer;font-family:inherit}
.user-menu-item:hover,.user-menu-item:focus-visible{background:var(--card-2);color:var(--ink);outline:none}
.user-menu-item svg{flex:none;opacity:.75}
.user-menu-item.danger{color:var(--bad)}
.user-menu-sep{height:1px;background:var(--line-soft);margin:5px 4px}
.side .user-box{margin-top:4px}
.me-filters .user-box{margin-top:16px}

/* ── Окна дозаполнения профиля ─────────────────────────────────────────────────────────────── */
.acc-modal{z-index:90}
.acc-modal .modal-box{max-width:460px;max-height:92vh;overflow:hidden}
.acc-modal .modal-box > form{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
.acc-modal .modal-body{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){.acc-modal{padding:12px;align-items:flex-start}.acc-modal .modal-box{max-height:calc(100vh - 24px)}}
.acc-modal .modal-head{border-bottom:0;padding-bottom:0}
.acc-modal .modal-head h3{font-size:17px}
.acc-modal .modal-close{display:grid;place-items:center;text-decoration:none}
.acc-modal .modal-body p.lead-s{font-size:13px;color:var(--ink-2);line-height:1.5}
.acc-modal .form{max-width:none;margin-top:18px}
.modal-foot{padding:14px 20px;border-top:1px solid var(--line-soft);display:flex;justify-content:center;flex:none}
.modal-foot .btn{width:100%;justify-content:center}
.acc-done{text-align:center;padding:6px 4px 2px}
.acc-done .ok-ring{width:52px;height:52px;border-radius:50%;border:2px solid var(--ok);color:var(--ok);display:grid;place-items:center;margin:0 auto 16px;font-size:22px;font-weight:700}
.acc-done h4{font-size:16px;margin-bottom:10px}
.acc-done p{font-size:13px;color:var(--ink-2);line-height:1.5;max-width:340px;margin:0 auto}
.acc-done p.small{font-size:12px;color:var(--ink-3);margin-top:10px}
.fld .fld-err{display:none;font-size:11px;color:var(--bad);margin-top:6px;line-height:1.4}
.fld.invalid .fld-err{display:block}
.fld.invalid .inp,.fld.has-err .inp{border-color:var(--bad)}
.req{color:var(--bad)}

/* ── Парные поля входа и регистрации — на одной высоте (чейнджлог 23.10, 28.10) ─────────── */
.auth-page .two{align-items:start}
.auth-page .two > .fld > label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-resend{padding:0 20px 14px;text-align:center;font-size:12px}
.me-shell .side-foot-gap{margin-top:auto}
