/* ARVYNO 0.9.158 — savings live inside Accounts */
.page[data-page="finance"] .finance-v2-savings-account-row {
  min-height: 64px;
  align-items: center;
}

.page[data-page="finance"] .finance-v2-savings-account-row .account-row-copy {
  min-width: 0;
}

.page[data-page="finance"] .finance-v2-savings-account-row .account-row-copy small,
.page[data-page="finance"] .finance-compact-layout .finance-compact-account-list .finance-v2-savings-account-row .account-row-copy small {
  display: block;
  margin-top: 2px;
}

.page[data-page="finance"] .finance-v2-savings-account-row .account-row-side {
  align-self: center;
}

.page[data-page="finance"] .finance-v2-savings-account-row .account-row-side small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  white-space: nowrap;
}

.page[data-page="finance"] .finance-savings-inline-progress {
  display: block;
  width: min(138px, 42vw);
  height: 4px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--line);
}

.page[data-page="finance"] .finance-savings-inline-progress > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--sage-dark);
}

.finance-savings-account-fields {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.finance-savings-account-fields[hidden] {
  display: none !important;
}

.finance-savings-account-fields .field-full,
.finance-savings-account-hint {
  grid-column: 1 / -1;
}

.finance-savings-account-hint {
  margin: -2px 2px 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.finance-v2-account-detail.is-savings .finance-v2-account-hero small {
  color: var(--sage-dark);
}

.finance-v2-savings-detail {
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,.48);
}

.finance-v2-savings-detail-head,
.finance-v2-savings-detail-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.finance-v2-savings-detail-head {
  margin-bottom: 9px;
}

.finance-v2-savings-detail-head span,
.finance-v2-savings-detail-meta {
  color: var(--muted);
  font-size: 11px;
}

.finance-v2-savings-detail-head b {
  color: var(--sage-dark);
  font-size: 13px;
}

.finance-v2-savings-detail .progress-track {
  height: 6px;
  margin-bottom: 8px;
}

.finance-v2-savings-detail-meta span:last-child {
  text-align: right;
}

.finance-v2-savings-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.finance-v2-savings-settings-form .finance-v2-help {
  margin: 0 2px 4px;
}

@media (max-width: 390px) {
  .finance-savings-account-fields {
    grid-template-columns: 1fr;
  }
  .finance-savings-account-fields .field-full,
  .finance-savings-account-hint {
    grid-column: auto;
  }
  .page[data-page="finance"] .finance-savings-inline-progress {
    width: min(112px, 34vw);
  }
}

.page[data-page="finance"] .finance-accounts-card .finance-v2-savings-account-row {
  min-height: 64px !important;
}

.page[data-page="finance"] .finance-v2-savings-account-row .account-row-side {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  grid-template-rows: auto auto;
  column-gap: 7px !important;
  row-gap: 1px !important;
}

.page[data-page="finance"] .finance-v2-savings-account-row .account-row-side strong {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.page[data-page="finance"] .finance-v2-savings-account-row .account-row-side small {
  grid-column: 1 !important;
  grid-row: 2 !important;
  text-align: right;
}

.page[data-page="finance"] .finance-v2-savings-account-row .account-row-side i {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center;
}