/* Finanzas — layout PWA andrea-ronin */

body.finanzas-view {
  overflow: hidden;
}

body.finanzas-view #app {
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
}

body.finanzas-view .topbar,
body.finanzas-view .ronin-voice-float {
  display: none !important;
}

.main.finanzas-active {
  padding: 0 !important;
  overflow: hidden;
  background:
    radial-gradient(ellipse 65% 40% at 75% 0%, rgba(88, 28, 180, 0.2), transparent 55%),
    linear-gradient(180deg, #05050f 0%, #0a0c16 45%, #070912 100%);
}

.finanzas-pwa-wrap,
.finanzas-pwa-wrap #view-finanzas {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.finanzas-pwa-wrap .fnz-root--mob {
  height: 100%;
  min-height: 0;
}

.finanzas-pwa-wrap .fnz-shell--mob {
  height: 100%;
  min-height: 0;
  max-width: 100%;
}

/* Aire superior: notch / barra de estado PWA */
.finanzas-pwa-wrap .fnz-mob-scroll {
  padding-top: calc(16px + env(safe-area-inset-top, 0px));
}

.finanzas-pwa-wrap .fnz-shell--mob .fnz-mob-scroll > .fnz-card,
.finanzas-pwa-wrap .fnz-shell--mob .fnz-mob-scroll > .fnz-mob-sync-card,
.finanzas-pwa-wrap .fnz-shell--mob .fnz-mob-scroll > .fnz-mob-quick,
.finanzas-pwa-wrap .fnz-shell--mob .fnz-mob-scroll > .fnz-mob-split {
  margin-bottom: 10px;
}

.finanzas-pwa-wrap .fnz-shell--mob .fnz-card {
  padding: 10px 11px;
  border-radius: 12px;
}

.finanzas-pwa-wrap .fnz-shell--mob .fnz-mob-split-card {
  padding: 10px 11px;
}

.finanzas-pwa-wrap .fnz-shell--mob .fnz-mob-header {
  margin-bottom: 10px;
}

.finanzas-pwa-wrap .fnz-shell--mob .fnz-mob-filters {
  margin-bottom: 8px;
}

.finanzas-pwa-wrap .fnz-shell--mob .fnz-mob-tabs {
  margin-bottom: 8px;
}

.finanzas-pwa-wrap .fnz-shell--mob .fnz-card-label {
  font-size: 9px;
  letter-spacing: 0.05em;
}

.finanzas-pwa-wrap .fnz-shell--mob .fnz-section-head h3 {
  font-size: 13px;
}

.finanzas-pwa-wrap .fnz-mob-sub-list .fnz-sub-asset {
  width: 24px;
  height: 24px;
}

@media (max-width: 380px) {
  .finanzas-pwa-wrap .fnz-mob-scroll {
    padding-left: 16px;
    padding-right: 16px;
  }

  .finanzas-pwa-wrap .fnz-mob-balance {
    font-size: 19px;
  }
}
