/*
 * Severe minimalist settings language.
 *
 * Keep the native controls and their accessible labels intact; only remove
 * decorative icon containers and secondary explanatory copy from item rows.
 */

/* A settings group is a sequence, not a stack of cards. */
.app-settings-group-card,
.app-settings-row,
.app-mobile-settings-row,
.app-recovery-key-row,
.app-device-capsule,
.zero-banking-item,
.zero-key-reveal-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.app-settings-group,
.ios-inset-group {
  gap: 12px !important;
}

.app-settings-row,
.app-mobile-settings-row,
.zero-banking-item {
  min-height: 64px;
  padding: 14px 4px !important;
}

.app-settings-row:hover,
.app-settings-row:focus-within,
.app-mobile-settings-row:hover,
.app-mobile-settings-row:focus-within,
.zero-banking-item:hover,
.zero-banking-item:focus-within {
  background: transparent !important;
  color: inherit !important;
}

/* Icons stay large but have no square, round, bordered, or shadowed holder. */
.app-settings-row-icon,
.app-settings-mobile-icon,
.app-settings-tab-icon,
.app-platform-icon,
.zero-banking-item-icon,
.bank-808-btn-icon-box,
.zero-tx-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px;
  min-height: 34px;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.app-settings-row-icon svg,
.app-settings-mobile-icon svg,
.app-settings-tab-icon svg,
.app-platform-icon svg,
.zero-banking-item-icon svg,
.bank-808-btn-icon-box svg {
  width: 28px !important;
  height: 28px !important;
}

.app-settings-sidebar .app-settings-tab-icon,
.app-settings-sidebar .app-settings-tab-icon svg {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px;
  min-height: 28px;
}

/* Keep the heading; suppress only supporting prose below it. */
.app-settings-row .min-w-0.flex-1 > p + p,
.app-settings-row .min-w-0.flex-1 > span + span,
.app-mobile-settings-row .min-w-0.flex-1 > p + p,
.app-mobile-settings-row .min-w-0.flex-1 > span + span,
.app-settings-row [class*="description"],
.app-settings-row [class*="subtitle"],
.app-mobile-settings-row [class*="description"],
.app-mobile-settings-row [class*="subtitle"],
.app-device-capsule [class*="meta"],
.app-device-capsule [class*="description"],
.zero-banking-item [class*="description"],
.zero-banking-item [class*="subtitle"],
.zero-banking-item p + p,
.zero-modal-subtitle,
.zero-tariff-desc,
.zero-logout-confirm-desc {
  display: none !important;
}

@media (max-width: 820px) {
  .app-settings-row,
  .app-mobile-settings-row,
  .zero-banking-item {
    min-height: 60px;
  }
}

/* Compact settings navigation: matches the density of the primary sidebar. */
.app-settings-sidebar {
  padding: 12px !important;
}

.app-settings-sidebar > .flex-1 {
  gap: 16px !important;
}

.app-settings-sidebar button {
  min-height: 40px !important;
  height: 40px !important;
  margin-bottom: 6px !important;
  padding: 8px 14px !important;
  gap: 12px !important;
  font-size: 14px !important;
}

.app-settings-sidebar .app-settings-tab-icon,
.app-settings-sidebar .app-settings-tab-icon svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}

/* Microphone test is a first-class card, while the level meter stays nested. */
.app-settings-voice-layout .app-settings-group-card > div:not(.app-settings-row):has(.app-settings-row-icon) {
  min-height: 72px !important;
  padding: 16px 18px !important;
  background: #1B1B1B !important;
  border: 1px solid #3B3B3B !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.app-settings-voice-layout .app-settings-group-card > div:not(.app-settings-row):has(.app-settings-row-icon) > div:last-child {
  background: #242424 !important;
  border: 1px solid #454545 !important;
  border-radius: 12px !important;
}

@media (max-width: 820px) {
  .app-settings-sidebar button {
    min-height: 44px !important;
    height: 44px !important;
  }

  .app-settings-sidebar .app-settings-tab-icon,
  .app-settings-sidebar .app-settings-tab-icon svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
  }
}

@media (max-width: 720px) {
  .app-settings-voice-layout .app-settings-group-card > div:not(.app-settings-row):has(.app-settings-row-icon) {
    min-height: 64px !important;
    padding: 14px 16px !important;
  }
}

/* Separation pass: rows inside a section must never visually merge. */
.app-settings-group-card {
  display: grid !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: visible !important;
}

.app-settings-group-title {
  margin: 0 0 2px !important;
}

.app-settings-row,
.app-mobile-settings-row,
.app-recovery-key-row,
.app-device-capsule {
  background: #1B1B1B !important;
  border-color: #3B3B3B !important;
  border-radius: 14px !important;
}

.app-settings-row:hover,
.app-settings-row:focus-within,
.app-mobile-settings-row:hover,
.app-mobile-settings-row:focus-within,
.app-recovery-key-row:hover,
.app-device-capsule:hover {
  background: #202020 !important;
  border-color: #626262 !important;
}

.app-settings-sidebar button {
  margin-bottom: 8px !important;
  background: #1B1B1B !important;
  border-color: #383838 !important;
  border-radius: 12px !important;
}

.app-settings-sidebar button[class*="font-semibold"] {
  background: #2A2A2A !important;
  border-color: #707070 !important;
}

/* A control is visually one level above the card that contains it. */
.app-settings-row-actions > button:not(.app-switch),
.app-settings-row-actions > [role="status"],
.app-language-select-button,
.app-settings-dropdown,
.app-setting-segment {
  background: #242424 !important;
  border-color: #454545 !important;
}

.app-settings-sidebar button:focus-visible,
.app-settings-row button:focus-visible,
.app-settings-row [role="switch"]:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 2px !important;
}

@media (max-width: 720px) {
  .app-settings-group-card {
    gap: 10px !important;
  }

  .app-settings-row,
  .app-mobile-settings-row,
  .app-recovery-key-row,
  .app-device-capsule {
    min-height: 64px;
    border-radius: 12px !important;
  }
}

/* Icon-only rule: keep the card surface, remove every separate icon pod. */
.app-settings-dialog .app-settings-row-icon,
.app-settings-dialog .app-settings-mobile-icon,
.app-settings-dialog .app-settings-tab-icon,
.app-settings-dialog .app-platform-icon,
.app-settings-dialog .app-session-badge,
.app-settings-dialog .zero-banking-item-icon,
.app-settings-dialog .bank-808-btn-icon-box,
.app-settings-dialog .zero-tx-icon,
.app-settings-devices-layout div[class*="bg-[#ffffff]/15"]:has(> svg),
.app-settings-devices-layout div[class*="bg-[#FFFFFF]/15"]:has(> svg),
.app-settings-devices-layout div[class*="bg-white/"]:has(> svg) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.app-settings-devices-layout div[class*="bg-[#ffffff]/15"]:has(> svg),
.app-settings-devices-layout div[class*="bg-[#FFFFFF]/15"]:has(> svg),
.app-settings-devices-layout div[class*="bg-white/"]:has(> svg) {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px;
  min-height: 34px;
}

.app-settings-devices-layout div[class*="bg-[#ffffff]/15"]:has(> svg) svg,
.app-settings-devices-layout div[class*="bg-[#FFFFFF]/15"]:has(> svg) svg,
.app-settings-devices-layout div[class*="bg-white/"]:has(> svg) svg {
  width: 28px !important;
  height: 28px !important;
}

/* The settings index is short enough to navigate directly. */
.app-settings-sidebar > div:has(input[type="search"]),
.app-settings-sidebar > div:has(input[placeholder*="Поиск"]) {
  display: none !important;
}

/* One item — one crisp rectangular surface. */
.app-settings-group {
  gap: 10px !important;
}

.app-settings-row,
.app-mobile-settings-row,
.app-recovery-key-row,
.app-device-capsule {
  background: #000000 !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.app-settings-row:hover,
.app-settings-row:focus-within,
.app-mobile-settings-row:hover,
.app-mobile-settings-row:focus-within,
.app-recovery-key-row:hover,
.app-device-capsule:hover {
  background: #000000 !important;
  color: inherit !important;
}

/* Sidebar sections follow the same rectangular rhythm. */
.app-settings-sidebar button {
  min-height: 48px !important;
  margin-bottom: 6px;
  background: #000000 !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.app-settings-sidebar button[class*="font-semibold"] {
  background: #FFFFFF !important;
  color: #000000 !important;
}

/* Graphite settings: a black canvas with framed, individually actionable rows. */
.app-settings-dialog,
.app-settings-canvas,
.app-settings-header,
.app-settings-body,
.app-settings-sidebar {
  background: #000000 !important;
}

.app-settings-group-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.app-settings-row,
.app-mobile-settings-row,
.app-recovery-key-row,
.app-device-capsule {
  background: #1A1A1A !important;
  border: 1px solid #3A3A3A !important;
  border-radius: 18px !important;
}

.app-settings-row:hover,
.app-settings-row:focus-within,
.app-mobile-settings-row:hover,
.app-mobile-settings-row:focus-within,
.app-recovery-key-row:hover,
.app-device-capsule:hover {
  background: #222222 !important;
  border-color: #555555 !important;
}

.app-settings-sidebar button {
  background: #1A1A1A !important;
  border: 1px solid #3A3A3A !important;
  border-radius: 14px !important;
}

.app-settings-sidebar button:hover,
.app-settings-sidebar button:focus-visible {
  background: #222222 !important;
  border-color: #555555 !important;
}

.app-settings-sidebar button[class*="font-semibold"] {
  background: #2A2A2A !important;
  border-color: #6A6A6A !important;
  color: #FFFFFF !important;
}

.app-settings-row-actions > button:not(.app-switch),
.app-settings-row-actions > [role="status"],
.app-language-select-button,
.app-settings-dropdown,
.app-setting-segment {
  background: #1A1A1A !important;
  border: 1px solid #3A3A3A !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Spacing rhythm: breathe between sections, align within each item. */
.app-settings-sidebar {
  padding: 16px 12px !important;
}

.app-settings-sidebar > .flex-1 {
  gap: 20px !important;
}

.app-settings-sidebar button {
  margin-bottom: 8px;
  padding: 12px 14px !important;
}

.app-settings-header {
  min-height: 72px !important;
  padding: 0 40px !important;
}

.app-settings-body {
  padding: 36px 40px 72px !important;
}

.app-settings-body-inner {
  max-width: 1180px !important;
}

.app-settings-tab-stack {
  gap: 28px !important;
}

.app-settings-general-layout,
.app-settings-voice-layout,
.app-settings-account-layout {
  column-gap: 28px !important;
  row-gap: 28px !important;
}

.app-settings-group {
  gap: 12px !important;
}

.app-settings-group-title {
  padding: 0 4px 2px !important;
}

.app-settings-row,
.app-mobile-settings-row,
.app-recovery-key-row,
.app-device-capsule {
  min-height: 72px;
  padding: 16px 18px !important;
}

.app-settings-row-actions {
  gap: 12px !important;
}

@media (max-width: 1024px) {
  .app-settings-header {
    padding: 0 28px !important;
  }

  .app-settings-body {
    padding: 28px 28px 60px !important;
  }
}

@media (max-width: 820px) {
  .app-settings-sidebar {
    padding: 10px 12px !important;
  }

  .app-settings-header {
    min-height: 60px !important;
    padding: 0 18px !important;
  }

  .app-settings-body {
    padding: 22px 16px 44px !important;
  }

  .app-settings-tab-stack,
  .app-settings-general-layout,
  .app-settings-voice-layout,
  .app-settings-account-layout {
    gap: 18px !important;
  }

  .app-settings-row,
  .app-mobile-settings-row,
  .app-recovery-key-row,
  .app-device-capsule {
    min-height: 64px;
    padding: 14px 16px !important;
  }
}

/* Final cascade: settings tabs match the compact primary navigation. */
.app-settings-sidebar {
  padding: 12px !important;
}

.app-settings-sidebar > .flex-1 {
  gap: 16px !important;
}

.app-settings-sidebar button {
  min-height: 40px !important;
  height: 40px !important;
  margin-bottom: 6px !important;
  padding: 8px 14px !important;
  gap: 12px !important;
  font-size: 14px !important;
}

.app-settings-sidebar .app-settings-tab-icon,
.app-settings-sidebar .app-settings-tab-icon svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}

@media (max-width: 820px) {
  .app-settings-sidebar {
    padding: 10px 12px !important;
  }

  .app-settings-sidebar button {
    min-height: 44px !important;
    height: 44px !important;
  }

  .app-settings-sidebar .app-settings-tab-icon,
  .app-settings-sidebar .app-settings-tab-icon svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
  }
}