/* v2.0.0a6 — Finance Home uses the same header system as the other Finance pages. */

/* Finance content sections already own their horizontal spacing. Keep that behavior. */
.finance-home-container {
  padding-left: 0;
  padding-right: 0;
}

/* Because Finance Home keeps section-owned gutters, give the standard header the
   same horizontal inset as the cards below. Top/bottom rhythm remains inherited
   from the shared .header-halaman component used by Daftar Transaksi,
   Perencanaan, and other Finance pages. */
.finance-home-container > .finance-standard-header {
  margin-left: var(--space-5, 24px);
  margin-right: var(--space-5, 24px);
}

@media (max-width: 380px) {
  .finance-home-container > .finance-standard-header {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* v2.0.0a8 — Make the exit destination explicit without moving the proven
   standard Finance header grid/title. The link is layered over the left slot;
   three regular grid children keep "Keuangan" mathematically centered. */
.finance-home-container > .finance-standard-header { position: relative; }
.finance-back-ruangkitha {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid var(--color-border, #e0e4e1);
  border-radius: 999px;
  background: var(--color-surface-soft, #eef1ef);
  color: var(--color-primary, #159447);
  text-decoration: none;
  font-size: 11.5px;
  font-weight: 700;
  box-shadow: var(--shadow-sm, 0 5px 16px rgba(20,40,28,.05));
}
.finance-back-ruangkitha ion-icon { font-size: 20px; flex: 0 0 auto; }
@media (max-width: 350px) {
  .finance-back-ruangkitha { padding: 0 8px; font-size: 10px; gap: 3px; }
  .finance-back-ruangkitha ion-icon { font-size: 18px; }
}