/* ---------- аккаунт: панель #account (js/account.js) ---------- */
#account { width: min(400px, calc(92vw / var(--ui, 1))); }
#account p { line-height: 1.45; margin-bottom: 8px; }
.acc-warn {
  background: rgba(255, 127, 110, .12); border: 1px solid rgba(255, 127, 110, .45); color: #ffc2b8;
  border-radius: 10px; padding: 8px 10px; margin-bottom: 10px;
}
.acc-tabs { display: flex; gap: 6px; margin: 2px 0 10px; }
.acc-tabs .pick { flex: 1; text-align: center; font-size: 14px; }
#accForm label.row { display: grid; grid-template-columns: 74px 1fr; gap: 10px; align-items: center; }
#accForm label.row.hidden { display: none; }
#account input[type=text], #account input:not([type]), #account input[type=password] {
  width: 100%; min-width: 0; background: rgba(0, 0, 0, .3); border: 1px solid var(--line-strong); color: #fff;
  padding: 8px 10px; border-radius: 8px; font-size: 15px; user-select: text; -webkit-user-select: text;
}
#account input:focus { outline: none; border-color: var(--accent); }
#accForm .btn { margin: 8px 0 4px; width: 100%; }
.acc-msg { min-height: 18px; margin: 4px 0 8px; }
.acc-msg.bad, .acc-sync.bad { color: var(--bad); }
.acc-msg.good { color: var(--good); }
.acc-sync { color: var(--text-dim); }
.acc-sync.warn { color: var(--accent-hi); }
.acc-who { font-size: 16px; }
.acc-who b { color: var(--accent-hi); }
.acc-ask {
  border: 1px solid var(--accent); background: rgba(234, 165, 63, .1); border-radius: 12px;
  padding: 10px 12px 4px; margin: 6px 0 12px;
}
.acc-ask p:first-child { font-weight: 600; }
#accIn .btn-row { margin-top: 6px; }
/* итоги дня: от чьего имени уйдёт результат */
.acc-note { margin-bottom: 8px; color: var(--text-dim); }
/* строка в главном меню */
#acctStatus { font-size: 13px; color: var(--text-dim); text-shadow: var(--tshadow); }