/* Native dialog owns stacking; account content owns the only scrolling area. */
html body dialog.account-dialog-host {
  position: fixed !important;
  inset: var(--account-top, 0px) 0 auto !important;
  width: 100% !important;
  height: var(--account-height, 100dvh) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #050d18;
  color: #e5f0ff;
  overflow: hidden !important;
  box-sizing: border-box;
}
.account-dialog-host::backdrop { background: #050d18; }
html body dialog.account-dialog-host :is(#accountModal, #accountSectionModal).modal.open {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px)
    env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px) !important;
  margin: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: hidden !important;
  background: #050d18 !important;
  backdrop-filter: none !important;
  box-sizing: border-box !important;
}
html body dialog.account-dialog-host :is(#accountModal, #accountSectionModal).modal.open > :is(.box, .sheet) {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
html body dialog.account-dialog-host :is(#accountModal, #accountSectionModal).modal.open :is(.auction-notif-head, .sheet-head) {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 60px !important;
  padding: 8px clamp(12px, 2vw, 28px) !important;
  gap: 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
html body dialog.account-dialog-host :is(#accountModal, #accountSectionModal) :is(#accountClose, [data-account-section-close], .sheet-head .icon-btn) {
  /* Anchor the absolutely positioned close glyph to its button. */
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 0 0 auto !important;
}
html body dialog.account-dialog-host :is(#accountModal, #accountSectionModal).modal.open :is(.account-body, .sheet-body, .account-section-modal-body) {
  flex: 1 1 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: clamp(12px, 2vw, 28px) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  box-sizing: border-box !important;
}
html body dialog.account-dialog-host .account-panel {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-bottom: 12px;
  overflow-wrap: anywhere;
}
html body dialog.account-dialog-host :is(.account-form, .account-section-grid, .account-toggle-grid, .account-rating-grid) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: 12px !important;
}
html body dialog.account-dialog-host :is(input:not([type=checkbox]), select, textarea) {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  font-size: 16px;
}
html body dialog.account-dialog-host .account-panel[hidden] { display: none !important; }
html body dialog.account-dialog-host :is(#accountModal, #accountSectionModal) :is(input:not([type=checkbox]), select, textarea) {
  background: #050d18;
  color: #e5f0ff;
  border: 1px solid #365366;
  border-radius: 12px;
  min-height: 44px;
  padding: 8px 12px;
}
html body dialog.account-dialog-host :is(#accountModal, #accountSectionModal) .account-user-row {
  min-width: 0 !important;
  overflow-wrap: anywhere;
}
html body dialog.account-dialog-host :is(#accountModal, #accountSectionModal) .account-status-action {
  min-height: 44px !important;
  align-items: center !important;
}
@media (max-width: 600px) {
  html body dialog.account-dialog-host :is(.account-sound-row, .account-key-create) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}