/* FATWA_ACCOUNT_SETTINGS_NAVIGATION_V1 */

/* The account controls belong to the general settings dialog, not the profile page. */
#settings-modal .settings-list > .fatwa-account-settings {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 0;
}

#settings-modal .fatwa-account-settings--modal {
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
}

@media (max-width: 430px) {
  #settings-modal .fatwa-account-username-form {
    display: grid;
    grid-template-columns: 1fr;
  }

  #settings-modal .fatwa-account-save-button {
    width: 100%;
  }
}


/* FATWA_ACCOUNT_SETTINGS_MODAL_LAYER_V1 */

/*
 * The profile media tabs and the fixed bottom navigation are
 * interactive layers. Keep the general settings dialog above
 * both of them while it is open.
 */
html body.fatwa-social-shell #settings-modal {
  z-index: 100000 !important;
}