.account-title-row {
  align-items: center;
}

.account-title-actions,
.account-section-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.account-section-tabs .btn,
.account-logout-button {
  min-height: 38px;
  padding: 10px 14px;
  border-color: #e2d7c6;
  background: #fff;
  color: #20252d;
  box-shadow: none;
}

.account-section-tabs .btn.is-active {
  border-color: #d4a900;
  background: #fad200;
  color: #111820;
}

.account-logout-button {
  border-color: #ebc9c6;
  color: #9b2c25;
}

.account-dashboard-grid.account-single-panel {
  display: block;
}

.account-single-panel > .account-card {
  width: 100%;
  min-width: 0;
}

.account-single-panel .account-card-head > div {
  min-width: 0;
}

.account-single-panel .account-card-head p {
  margin: 4px 0 0;
  color: #727b89;
  font-size: 12px;
}

.account-operation-card {
  min-height: 420px;
}

.return-policy-action {
  display: flex;
  justify-content: flex-end;
  margin: -4px 0 14px;
}

.account-operation-list {
  display: grid;
  gap: 9px;
  margin-top: 18px;
}

.account-operation-row {
  display: grid;
  grid-template-columns: minmax(190px, .8fr) minmax(280px, 1.5fr) auto;
  gap: 18px;
  align-items: center;
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid #e6ded2;
  border-radius: 13px;
  background: #fff;
}

.account-operation-row > span {
  min-width: 0;
}

.account-operation-row strong,
.account-operation-row small {
  display: block;
  overflow-wrap: anywhere;
}

.account-operation-row strong {
  color: #20252d;
  font-size: 13px;
}

.account-operation-row small {
  margin-top: 3px;
  color: #727b89;
  font-size: 11px;
}

.account-operation-row .status-pill {
  justify-self: end;
  white-space: nowrap;
}

.account-cancellation-row .btn {
  min-width: 132px;
}

@media (max-width: 980px) {
  .account-title-row {
    align-items: stretch;
  }

  .account-title-actions {
    width: 100%;
  }

  .account-section-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 1 1 100%;
  }

  .account-section-tabs .btn,
  .account-logout-button {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .account-section-tabs {
    grid-template-columns: 1fr;
  }

  .account-operation-card {
    min-height: 0;
  }

  .account-operation-card .account-card-head {
    align-items: stretch;
    flex-direction: column;
  }

  .account-operation-card .account-card-head .btn {
    width: 100%;
  }

  .account-operation-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .account-operation-row .status-pill,
  .account-operation-row .btn {
    width: 100%;
    justify-self: stretch;
  }
}