/* Адаптация общей темы MyStat для FL. @version 1.1.0 */
.topbar { position: sticky; top: 0; z-index: 10; }
.topbar .brand, .topbar > .nav { flex-shrink: 0; }
.topbar-page-context { max-width: 620px; }
.account-menu { margin-left: 0; }
.account-menu-popover { max-width: calc(100vw - 28px); }
.settings-layout, .settings-content { display: grid; }
.settings-navigation a { display: block; text-decoration: none; color: var(--muted); }
.profile-identity { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; }
.profile-identity p { margin-bottom: 0; }
.form-card > .alert, .form-shell > .alert { margin-bottom: 14px; }
.form-field-error { font-size: var(--interface-description-font); }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(49,87,213,.2); outline-offset: 1px; }
.error-meta-wide, .error-trace-list li { min-width: 0; }
.error-trace-list strong { overflow-wrap: anywhere; }
[hidden] { display: none !important; }
@media (max-width: 820px) {
  .topbar { gap: 12px; }
  .topbar-page-context { max-width: none; }
  .nav-toggle { margin-left: auto; flex-shrink: 0; }
  .account-menu { margin-left: 0; }
  .topbar > .nav { margin-left: 0; }
  .error-meta-wide { grid-column: auto; }
}
@media (max-width: 560px) {
  .topbar-page-identity h1 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .login-panel h1 { white-space: normal; }
}

/* Private avatar overlay; transparent fallback preserves initials. */
.user-avatar{position:relative;flex-shrink:0;overflow:hidden}.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.avatar-picker { position:relative; display:inline-flex; padding:12px; border:1px solid var(--line, #cbd5e1); border-radius:8px; cursor:pointer; }
.avatar-picker input[type=file] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.avatar-picker:focus-within { outline:3px solid #3154df; outline-offset:3px; }
[data-avatar-selected] { overflow-wrap:anywhere; }