/* DROPS PRO 2.37.9 — navegação enxuta e ícones padronizados da conta */

.bottom-nav {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: min(calc(100% - 24px), 480px) !important;
}

.settings-account-sidebar {
  align-content: start;
}

.settings-icon {
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.settings-photo-badge .settings-icon {
  width: 18px;
  height: 18px;
}

.settings-row-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 9px;
  color: #075fc7;
  background: #edf5fd;
}

.settings-row-icon .settings-icon {
  width: 17px;
  height: 17px;
}

.settings-user-row dt {
  gap: 10px;
}

.settings-quick-button > .settings-icon {
  grid-row: 1 / span 2;
  justify-self: center;
  color: #075fc7;
}

.settings-logout-action > .settings-icon {
  grid-row: 1 / span 2;
  justify-self: center;
  width: 24px;
  height: 24px;
}

@media (max-width: 780px) {
  .settings-account-sidebar {
    padding-bottom: 20px;
  }
}

@media (max-width: 520px) {
  .bottom-nav {
    width: calc(100% - 18px) !important;
  }

  .settings-user-row dt {
    display: flex;
  }
}