/* [project]/src/modules/client_portal/components/account/account.css [app-client] (css) */
.client-account-layout {
  gap: 2.5rem;
  min-width: 0;
  max-width: 64rem;
  display: grid;
}

.client-account-column, .client-account-section, .client-account-head, .client-account-rows, .client-account-form {
  min-width: 0;
  display: grid;
}

.client-account-column {
  align-content: start;
  gap: 2.5rem;
}

.client-account-section {
  gap: .5rem;
}

.client-account-head {
  gap: .25rem;
}

.client-account-form {
  gap: 1rem;
}

.client-account-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.client-account-inline {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

@media (min-width: 1200px) {
  .client-account-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3rem;
  }
}

.client-account-expand {
  box-sizing: border-box;
  gap: 1rem;
  min-width: 0;
  max-width: 30rem;
  padding: 0 1rem 1rem;
  display: grid;
}

.client-account-codes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem 1rem;
  display: grid;
}

@media (max-width: 640px) {
  .client-account-codes {
    grid-template-columns: minmax(0, 1fr);
  }
}