/* V11 TARGETED: settings theme, global accent avatars, admin lazy lists.
   Scope is limited to the four requested fixes. */

/* 1) Settings/account modal must follow the active light/dark theme. */
:root[data-theme="dark"] .account-modal-backdrop{background:rgba(2,8,23,.72)}
:root[data-theme="light"] .account-modal-backdrop{background:rgba(15,23,42,.20)}
:root[data-theme="light"] .account-modal{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#dbe3ec !important;
  box-shadow:0 24px 70px rgba(15,23,42,.18) !important;
}
:root[data-theme="light"] .account-modal-head{
  background:#ffffff !important;
  border-bottom-color:#e2e8f0 !important;
}
:root[data-theme="light"] .account-modal-close{color:#64748b !important}
:root[data-theme="light"] .account-modal-close:hover{background:#f1f5f9 !important;color:#0f172a !important}
:root[data-theme="light"] .account-profile,
:root[data-theme="light"] .account-field{
  background:#f8fafc !important;
  border-color:#e2e8f0 !important;
}
:root[data-theme="light"] .account-sub-lg,
:root[data-theme="light"] .v19-label,
:root[data-theme="light"] .v19-note{color:#64748b !important}
:root[data-theme="light"] .v19-input,
:root[data-theme="light"] .v19-select{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:#cbd5e1 !important;
}
:root[data-theme="light"] .v19-btn-secondary{
  background:#f1f5f9 !important;
  color:#0f172a !important;
  border-color:#dbe3ec !important;
}

/* 2) Accent color follows the admin-selected primary color everywhere useful.
      Black is intentionally not offered; avatar circles also inherit it. */
.avatar,
.room-avt.is-private,
.mention-suggestion-avatar,
.member-dot,
.account-avatar-lg{
  background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#ffffff)) !important;
}
.room-avt.is-group,
.group-grid-avt{background:color-mix(in srgb,var(--primary) 22%,var(--bg-sidebar)) !important}
.room-item.active,.nav-icon.active,.filter-tab.active{background-color:var(--primary) !important}
.room-item.active{background:var(--primary) !important}

/* 3) Admin logs/messages: small initial viewport, then load more on scroll. */
#adminModal .admin-message-scroll,
#adminModal .admin-log-scroll{
  overflow-y:auto !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#adminModal .admin-message-scroll{min-height:0}
#adminModal .admin-log-scroll{max-height:min(58vh,620px);min-height:180px}
#adminModal .admin-lazy-loading td{
  padding:12px !important;
  text-align:center !important;
  color:var(--text-sub) !important;
  font-size:12px !important;
}
#adminModal .admin-lazy-end td{
  padding:10px !important;
  text-align:center !important;
  color:var(--text-sub) !important;
  font-size:11px !important;
}

@media (max-width:1024px){
  /* Preserve the established mobile/tablet admin message layout. */
  #adminModal .admin-message-scroll{min-height:0}
}