/**
 * Finora · Liquid Glass — visual alinhado aos mockups iOS
 * Tokens + superfícies + tipografia. Layout estrutural fica no HTML.
 */

:root {
  /* Fundo — navy quase preto + glow */
  --bg-primary: #05070A;
  --bg-gradient-top: #0A1420;
  --bg-gradient-bottom: #05070A;
  --bg-glow: radial-gradient(
    ellipse 80% 55% at 88% -8%,
    rgba(45, 229, 216, 0.22) 0%,
    rgba(45, 229, 216, 0.06) 35%,
    transparent 68%
  );

  /* Vidro denso (como nas fotos) */
  --glass-bg: rgba(22, 30, 46, 0.58);
  --glass-bg-strong: rgba(28, 36, 54, 0.72);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-blur: 28px;
  --glass-blur-strong: 40px;
  --glass-shadow: 0 10px 40px rgba(0, 0, 0, 0.45);
  --glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --glass-filter: blur(var(--glass-blur)) saturate(180%);
  --glass-filter-strong: blur(var(--glass-blur-strong)) saturate(190%);

  /* Accent cyan/teal */
  --accent-primary: #2DE5D8;
  --accent-primary-soft: rgba(45, 229, 216, 0.18);
  --accent-primary-light: #5FF5EA;
  --accent-glow: 0 0 22px rgba(45, 229, 216, 0.45);
  --accent-on: #061018;

  /* Semânticas */
  --color-positive: #34E5A8;
  --color-negative: #FF6584;
  --color-warning: #FFC94D;
  --color-info: #5FD8F7;
  --color-danger: #FF5F5F;

  /* Texto */
  --text-primary: #FFFFFF;
  --text-secondary: #9AA5B1;
  --text-tertiary: #5C6672;

  --divider-color: rgba(255, 255, 255, 0.07);

  --radius-card: 28px;
  --radius-sm: 18px;
  --radius-avatar: 16px;
  --radius-pill: 9999px;

  --font-sans: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont,
    "Manrope", "Segoe UI", system-ui, sans-serif;
  --fs-title: 34px;
  --fw-title: 800;
  --fs-value: 32px;
  --fw-value: 800;
  --fs-label: 14px;
  --fw-label: 600;
  --fs-tab: 11px;
  --fw-tab: 600;

  --bg-screen: var(--bg-glow),
    linear-gradient(
      180deg,
      var(--bg-gradient-top) 0%,
      var(--bg-gradient-bottom) 32%,
      var(--bg-primary) 100%
    );
  --accent-gradient: linear-gradient(
    135deg,
    var(--accent-primary) 0%,
    var(--accent-primary-light) 100%
  );
  --progress-fill: linear-gradient(
    90deg,
    var(--accent-primary) 0%,
    #a3e635 48%,
    var(--color-warning) 100%
  );

  /* Aliases legado */
  --bg-0: var(--bg-primary);
  --bg-1: var(--bg-gradient-top);
  --bg-2: var(--bg-gradient-top);
  --glass-fill: var(--glass-bg);
  --glass-fill-strong: var(--glass-bg-strong);
  --glass-highlight: rgba(255, 255, 255, 0.35);
  --text-0: var(--text-primary);
  --text-1: var(--text-secondary);
  --text-2: var(--text-tertiary);
  --mint: var(--accent-primary);
  --cyan: var(--color-info);
  --mint-soft: var(--accent-primary-light);
  --title-gradient: none;
  --green: var(--color-positive);
  --red: var(--color-negative);
  --amber: var(--color-warning);
  --radius-xl: var(--radius-card);
  --radius-lg: var(--radius-card);
  --radius-md: var(--radius-sm);
  --m-bg: var(--bg-primary);
  --m-bg-secondary: var(--bg-gradient-top);
  --m-text: var(--text-primary);
  --m-muted: var(--text-secondary);
  --m-icon: var(--text-secondary);
  --m-accent: var(--accent-primary);
  --m-accent-soft: var(--accent-primary-soft);
  --m-danger: var(--color-danger);
  --m-positive: var(--color-positive);
  --m-card: var(--glass-bg);
  --m-glass: var(--glass-bg);
  --m-glass-12: rgba(255, 255, 255, 0.08);
  --m-line: var(--glass-border);
  --m-line-soft: var(--divider-color);
  --m-blur: var(--glass-filter);
  --m-radius: var(--radius-card);
  --m-radius-sm: var(--radius-sm);
  --m-radius-pill: var(--radius-pill);
  --m-shadow: var(--glass-shadow), var(--glass-inset);
  --m-shadow-float: var(--glass-shadow), var(--glass-inset);
  --m-seg: var(--glass-bg);
  --m-seg-on: var(--accent-primary);
  --bg: var(--bg-primary);
  --card: var(--glass-bg);
  --glass: var(--glass-bg);
  --glass-border-legacy: var(--glass-border);
}

/* ===== Fundo ===== */
html,
html.mobile-finora,
html.liquid-glass,
html.liquid-glass.mobile-finora {
  color-scheme: dark;
  background-color: var(--bg-primary);
  background-image: none;
  font-family: var(--font-sans);
}

html body,
html.mobile-finora body,
html.liquid-glass body,
html.liquid-glass.mobile-finora body,
html.mobile-finora.perf-lite body,
html.liquid-glass.mobile-finora.perf-lite body,
html.perf-lite.mobile-finora body,
html.liquid-glass.perf-lite body,
html.liquid-glass.vivid-mode body {
  background-color: var(--bg-primary) !important;
  background-image: var(--bg-screen) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  color: var(--text-primary) !important;
  font-family: var(--font-sans) !important;
}

/* ===== Glass ===== */
.glass-card,
html.mobile-finora .glass-card,
html.mobile-finora .finora-glass,
html.mobile-finora .GlassCard,
html.mobile-finora .m-glass-card,
html.mobile-finora .m-dash-card,
html.mobile-finora .m-dash-panel .kpi,
html.mobile-finora .m-kpi-obrig,
html.mobile-finora .m-ios-list,
html.mobile-finora .m-cfg-list:not(.m-cfg-danger),
html.mobile-finora .finora-glass--flush,
html.mobile-finora .m-cfg-head,
html.mobile-finora .m-search,
html.mobile-finora .m-seg,
html.mobile-finora nav.m-seg,
html.liquid-glass.mobile-finora .finora-glass,
html.liquid-glass.mobile-finora .m-glass-card,
html.liquid-glass.mobile-finora .m-dash-card,
html.liquid-glass.mobile-finora .m-dash-panel .kpi,
html.liquid-glass.mobile-finora .m-ios-list,
html.liquid-glass.mobile-finora .m-cfg-list:not(.m-cfg-danger),
html.liquid-glass.mobile-finora .finora-glass--flush,
html.liquid-glass.mobile-finora .m-cfg-head,
html.liquid-glass.mobile-finora .m-search,
html.liquid-glass.mobile-finora .m-seg,
html.mobile-finora .m-liquid,
html.mobile-finora .kpi,
html.mobile-finora .m-donut-legend {
  background: var(--glass-bg) !important;
  background-image: none !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--radius-card) !important;
  -webkit-backdrop-filter: var(--glass-filter) !important;
  backdrop-filter: var(--glass-filter) !important;
  box-shadow: var(--glass-shadow), var(--glass-inset) !important;
  color: var(--text-primary) !important;
}

html.mobile-finora .m-search,
html.mobile-finora .m-seg,
html.liquid-glass.mobile-finora .m-search,
html.liquid-glass.mobile-finora .m-seg {
  border-radius: var(--radius-pill) !important;
  background: var(--glass-bg-strong) !important;
}

html.mobile-finora .m-search input,
html.mobile-finora .m-search {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}

html.mobile-finora .m-search input::placeholder {
  color: var(--text-tertiary) !important;
  opacity: 1 !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .glass-card,
  html.mobile-finora .finora-glass,
  html.mobile-finora .m-glass-card,
  html.mobile-finora .m-dash-card,
  html.mobile-finora .m-dash-panel .kpi,
  html.mobile-finora .m-ios-list,
  html.mobile-finora .m-cfg-list:not(.m-cfg-danger),
  html.mobile-finora .m-search,
  html.mobile-finora .m-seg {
    background: color-mix(in srgb, #121a28 82%, #ffffff 18%) !important;
  }
}

/* ===== Títulos ===== */
html.mobile-finora .m-page-hero .m-hello-name,
html.mobile-finora #mPageHeroTitle,
html.liquid-glass.mobile-finora .m-page-hero .m-hello-name,
html.liquid-glass.mobile-finora #mPageHeroTitle {
  font-family: var(--font-sans) !important;
  font-size: var(--fs-title) !important;
  font-weight: var(--fw-title) !important;
  color: var(--accent-primary) !important;
  -webkit-text-fill-color: var(--accent-primary) !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: 0 0 28px rgba(45, 229, 216, 0.25);
}

html.mobile-finora .m-page-hero .m-hello-sub,
html.mobile-finora #mPageHeroSub,
html.mobile-finora .m-pat-label,
html.mobile-finora .kpi-head span,
html.mobile-finora .m-goal-meta {
  font-size: var(--fs-label) !important;
  font-weight: var(--fw-label) !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}

html.mobile-finora .m-cfg-section,
html.mobile-finora .m-home-cat-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--text-tertiary) !important;
  -webkit-text-fill-color: var(--text-tertiary) !important;
}

/* ===== Valores ===== */
html.mobile-finora .m-dash-panel .kpi strong,
html.mobile-finora .m-dash-panel .kpi strong .kpi-rs,
html.mobile-finora .m-dash-panel .kpi strong .kpi-val,
html.mobile-finora #kpiEntradas,
html.mobile-finora #kpiGastos,
html.mobile-finora #kpiSaldo,
html.mobile-finora #kpiObrigRem,
html.mobile-finora .m-pat-val {
  font-size: var(--fs-value) !important;
  font-weight: var(--fw-value) !important;
  font-variant-numeric: tabular-nums !important;
}

html.mobile-finora .kpi-cents {
  font-size: 0.55em !important;
  font-weight: 550 !important;
  opacity: 0.72;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}

html.mobile-finora #kpiEntradas,
html.mobile-finora #kpiEntradas .kpi-rs,
html.mobile-finora #kpiEntradas .kpi-val,
html.liquid-glass.mobile-finora #kpiEntradas,
html.liquid-glass.mobile-finora #kpiEntradas .kpi-rs,
html.liquid-glass.mobile-finora #kpiEntradas .kpi-val,
html.mobile-finora .m-pat-val.is-in,
html.mobile-finora .is-in,
html.mobile-finora #mCalcIn {
  color: var(--color-positive) !important;
  -webkit-text-fill-color: var(--color-positive) !important;
}

html.mobile-finora #kpiGastos,
html.mobile-finora #kpiGastos .kpi-rs,
html.mobile-finora #kpiGastos .kpi-val,
html.mobile-finora #kpiObrigRem,
html.mobile-finora #kpiObrigRem .kpi-rs,
html.mobile-finora #kpiObrigRem .kpi-val,
html.mobile-finora #mAnaliseDespTotal,
html.liquid-glass.mobile-finora #kpiGastos,
html.liquid-glass.mobile-finora #kpiGastos .kpi-rs,
html.liquid-glass.mobile-finora #kpiGastos .kpi-val,
html.mobile-finora .m-pat-val.is-out,
html.mobile-finora .is-out,
html.mobile-finora #mCalcOut,
html.mobile-finora .m-donut-leg-row .val.is-out,
html.mobile-finora .m-activity-val.is-out {
  color: var(--color-negative) !important;
  -webkit-text-fill-color: var(--color-negative) !important;
}

html.mobile-finora #kpiSaldo,
html.mobile-finora #kpiSaldo .kpi-rs,
html.mobile-finora #kpiSaldo .kpi-val,
html.mobile-finora #mCalcSal,
html.mobile-finora #mHomeOrcPct {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

html.mobile-finora #kpiSaldo {
  font-size: 1.7rem !important;
}

html.mobile-finora .m-kpi-liquido.bad #kpiSaldo,
html.mobile-finora .m-kpi-liquido.bad #kpiSaldo .kpi-rs,
html.mobile-finora .m-kpi-liquido.bad #kpiSaldo .kpi-val {
  color: var(--color-negative) !important;
  -webkit-text-fill-color: var(--color-negative) !important;
}

html.mobile-finora .m-kpi-delta {
  border-radius: var(--radius-pill) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}

html.mobile-finora .m-kpi-delta.is-up {
  color: var(--color-positive) !important;
  -webkit-text-fill-color: var(--color-positive) !important;
  background: rgba(52, 229, 168, 0.12) !important;
}

html.mobile-finora .kpi.gas .m-kpi-delta {
  color: var(--color-negative) !important;
  -webkit-text-fill-color: var(--color-negative) !important;
  background: rgba(255, 101, 132, 0.12) !important;
}

/* ===== Logo ===== */
html.mobile-finora .m-finora-brand,
html.liquid-glass.mobile-finora .m-finora-brand {
  font-weight: 700 !important;
  letter-spacing: 2px !important;
}

html.mobile-finora .m-finora-brand:not(.is-enter) span,
html.liquid-glass.mobile-finora .m-finora-brand:not(.is-enter) span,
html.mobile-finora .m-finora-brand.is-enter span,
html.liquid-glass.mobile-finora .m-finora-brand.is-enter span {
  color: var(--accent-primary) !important;
  -webkit-text-fill-color: var(--accent-primary) !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
}

/* ===== Tab bar — full-bleed + ícone ativo accent ===== */
html.mobile-finora .m-tabbar,
html.liquid-glass.mobile-finora .m-tabbar {
  background: #0b1018 !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08)) !important;
  border-radius: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.28) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

html.mobile-finora .m-tabbar .m-tab,
html.liquid-glass.mobile-finora .m-tabbar .m-tab,
html.liquid-glass.mobile-finora .m-tabbar .m-tab.m-tab {
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  border-radius: var(--radius-sm) !important;
  font-size: var(--fs-tab) !important;
  font-weight: var(--fw-tab) !important;
}

html.mobile-finora .m-tabbar .m-tab .m-tab-ico,
html.mobile-finora .m-tabbar .m-tab > span:not(.m-tab-ico),
html.mobile-finora .m-tabbar .m-tab .m-tab-ico svg,
html.liquid-glass.mobile-finora .m-tabbar .m-tab .m-tab-ico,
html.liquid-glass.mobile-finora .m-tabbar .m-tab > span:not(.m-tab-ico),
html.liquid-glass.mobile-finora .m-tabbar .m-tab .m-tab-ico svg {
  color: var(--text-secondary) !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}
html.mobile-finora .m-tabbar .m-tab .m-tab-ico svg[fill="none"],
html.liquid-glass.mobile-finora .m-tabbar .m-tab .m-tab-ico svg[fill="none"] {
  fill: none !important;
}
html.mobile-finora .m-tabbar .m-tab .m-tab-ico svg:not([fill="none"]),
html.liquid-glass.mobile-finora .m-tabbar .m-tab .m-tab-ico svg:not([fill="none"]) {
  fill: currentColor !important;
  stroke: none !important;
}

html.mobile-finora .m-tabbar .m-tab .m-tab-ico {
  border-radius: 12px !important;
  background-color: transparent !important;
}

html.mobile-finora .m-tabbar .m-tab.is-on,
html.liquid-glass.mobile-finora .m-tabbar .m-tab.is-on,
html.liquid-glass.mobile-finora .m-tabbar .m-tab.is-on.m-tab,
html.mobile-finora .m-tab.is-on,
html.liquid-glass.mobile-finora .m-tab.is-on,
html.liquid-glass.mobile-finora .m-tabbar button.m-tab.is-on,
html.mobile-finora .m-tabbar button.m-tab.is-on {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--accent-primary) !important;
  -webkit-text-fill-color: var(--accent-primary) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.mobile-finora .m-tabbar .m-tab.is-on .m-tab-ico,
html.liquid-glass.mobile-finora .m-tabbar .m-tab.is-on .m-tab-ico {
  background-color: var(--accent-primary) !important;
  color: var(--accent-on) !important;
  -webkit-text-fill-color: var(--accent-on) !important;
  box-shadow: var(--accent-glow) !important;
}

html.mobile-finora .m-tabbar .m-tab.is-on .m-tab-ico svg,
html.liquid-glass.mobile-finora .m-tabbar .m-tab.is-on .m-tab-ico svg {
  color: var(--accent-on) !important;
  stroke: var(--accent-on) !important;
  -webkit-text-fill-color: var(--accent-on) !important;
}

html.mobile-finora .m-tabbar .m-tab.is-on > span:not(.m-tab-ico),
html.liquid-glass.mobile-finora .m-tabbar .m-tab.is-on > span:not(.m-tab-ico) {
  color: var(--accent-primary) !important;
  -webkit-text-fill-color: var(--accent-primary) !important;
}

html.liquid-glass.mobile-finora .m-tabbar button.m-tab:not(.is-on),
html.mobile-finora .m-tabbar button.m-tab:not(.is-on) {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}

/* ===== Segmented — pill cyan sólida ===== */
html.mobile-finora .m-seg-thumb,
html.liquid-glass.mobile-finora .m-seg-thumb {
  background: var(--accent-primary) !important;
  background-image: none !important;
  border-radius: var(--radius-pill) !important;
  box-shadow: var(--accent-glow) !important;
}

html.mobile-finora .m-seg-btn,
html.mobile-finora .m-sub {
  background: transparent !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  font-weight: 600 !important;
  border-radius: var(--radius-pill) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.mobile-finora .m-seg-btn.is-on,
html.mobile-finora .m-sub.is-on,
html.liquid-glass.mobile-finora .m-seg-btn.is-on {
  background: transparent !important;
  color: var(--accent-on) !important;
  -webkit-text-fill-color: var(--accent-on) !important;
  font-weight: 700 !important;
}

/* ===== Progress ===== */
html.mobile-finora .m-progress {
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: var(--radius-pill) !important;
}

html.mobile-finora .m-progress > i,
html.mobile-finora .m-progress > i.bar-in,
html.mobile-finora .m-progress > i.bar-out,
html.mobile-finora .m-progress > i.is-ok,
html.mobile-finora .m-progress > i.is-warn,
html.mobile-finora .m-progress > i.is-bad,
html.mobile-finora #mOrcBar,
html.mobile-finora #mOrcBarIn,
html.mobile-finora #mOrcBarOut,
html.mobile-finora #mCalcBar,
html.mobile-finora #mHomeOrcBar,
html.liquid-glass.mobile-finora .m-progress > i {
  background: var(--progress-fill) !important;
  background-image: var(--progress-fill) !important;
  border-radius: var(--radius-pill) !important;
}

/* ===== FAB ===== */
html.mobile-finora .m-ios-add.m-fab,
html.mobile-finora button.m-ios-add.m-fab,
html.mobile-finora .m-ios-add,
html.liquid-glass.mobile-finora .m-ios-add.m-fab,
html.liquid-glass.mobile-finora .m-ios-add {
  background: var(--accent-primary) !important;
  background-image: var(--accent-gradient) !important;
  border: 0 !important;
  border-radius: var(--radius-pill) !important;
  color: var(--accent-on) !important;
  -webkit-text-fill-color: var(--accent-on) !important;
  font-weight: 700 !important;
  box-shadow: var(--accent-glow), 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

html.mobile-finora .m-ios-add.m-fab .m-fab-plus,
html.mobile-finora .m-ios-add.m-fab .m-fab-label {
  color: var(--accent-on) !important;
  -webkit-text-fill-color: var(--accent-on) !important;
}

html.mobile-finora .notes-launch,
html.liquid-glass.mobile-finora .notes-launch,
html.liquid-glass .notes-launch {
  background: var(--glass-bg) !important;
  background-image: none !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--radius-pill) !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  -webkit-backdrop-filter: var(--glass-filter) !important;
  backdrop-filter: var(--glass-filter) !important;
  box-shadow: var(--glass-shadow) !important;
}

/* ===== Avatar ===== */
html.mobile-finora .m-cfg-head .m-avatar,
html.mobile-finora .m-avatar,
html.liquid-glass.mobile-finora .m-avatar {
  background: var(--accent-primary) !important;
  background-image: none !important;
  color: var(--accent-on) !important;
  -webkit-text-fill-color: var(--accent-on) !important;
  border: 0 !important;
  border-radius: var(--radius-avatar) !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  box-shadow: var(--accent-glow) !important;
}

html.mobile-finora .m-cfg-head strong {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

html.mobile-finora .m-cfg-head small {
  color: var(--text-tertiary) !important;
  -webkit-text-fill-color: var(--text-tertiary) !important;
}

/* ===== Listas ===== */
html.mobile-finora .m-ios-list > .m-swipe,
html.mobile-finora .m-ios-list > .m-ios-row,
html.mobile-finora .m-ios-list > .m-ios-empty,
html.mobile-finora .m-cfg-list > li,
html.mobile-finora .m-donut-legend > li,
html.mobile-finora .m-activity > .m-swipe {
  border-bottom: 1px solid var(--divider-color) !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

html.mobile-finora .m-ios-list > :last-child,
html.mobile-finora .m-cfg-list > li:last-child,
html.mobile-finora .m-donut-legend > li:last-child,
html.mobile-finora .m-activity > .m-swipe:last-child {
  border-bottom-color: transparent !important;
}

html.mobile-finora .m-cfg-list button,
html.mobile-finora .m-ios-txt strong,
html.mobile-finora .m-dash-card-head h2,
html.mobile-finora .m-graf-pane h2,
html.mobile-finora .m-activity-txt strong {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

html.mobile-finora .m-cfg-list button span,
html.mobile-finora .m-ios-meta,
html.mobile-finora .m-ios-amt,
html.mobile-finora .m-activity-txt small,
html.mobile-finora .m-ios-txt small {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}

html.mobile-finora .m-ios-chev,
html.liquid-glass.mobile-finora .m-ios-chev {
  color: var(--text-tertiary) !important;
  opacity: 1 !important;
}

html.mobile-finora .m-ios-ico {
  background: var(--accent-primary-soft) !important;
  color: var(--accent-primary) !important;
  -webkit-text-fill-color: var(--accent-primary) !important;
  border-radius: 13px !important;
}

html.mobile-finora .m-ios-list .m-swipe-front,
html.mobile-finora .m-ios-list .m-swipe-front.m-ios-row,
html.mobile-finora .m-activity-item {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.mobile-finora .m-donut-dot {
  border-radius: 50% !important;
  box-shadow: none !important;
}

/* ===== Destrutivas ===== */
html.mobile-finora .m-cfg-list.m-cfg-danger,
html.liquid-glass.mobile-finora .m-cfg-list.m-cfg-danger {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.mobile-finora .m-cfg-list.m-cfg-danger button,
html.mobile-finora .m-cfg-list button.is-danger,
html.mobile-finora .m-cfg-list button#mCfgLogout,
html.mobile-finora .m-cfg-list button#mCfgReset,
html.liquid-glass.mobile-finora #mCfgLogout {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  color: var(--color-danger) !important;
  -webkit-text-fill-color: var(--color-danger) !important;
  font-weight: 600 !important;
}

/* ===== Donut ===== */
html.mobile-finora .m-donut-kicker {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
}

html.mobile-finora .m-donut-center #mDonutTotal,
html.mobile-finora .m-donut-center .m-donut-value {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
}

html.mobile-finora #mAnaliseDespTotal {
  font-size: 2rem !important;
  font-weight: 800 !important;
}

/* ===== Trend button (líquido) ===== */
html.mobile-finora .m-kpi-trend {
  background: var(--accent-primary) !important;
  color: var(--accent-on) !important;
  -webkit-text-fill-color: var(--accent-on) !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: var(--accent-glow) !important;
}

html.mobile-finora .m-kpi-liquido-hint,
html.mobile-finora .m-home-orc-meta {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  font-size: 13px !important;
}

/* ===== Empty / spark / sheets ===== */
html.mobile-finora .m-empty-title { color: var(--text-primary) !important; }
html.mobile-finora .m-empty-hint { color: var(--text-secondary) !important; }
html.mobile-finora .m-empty-ico {
  background: var(--accent-primary-soft) !important;
  color: var(--accent-primary) !important;
  border-radius: var(--radius-sm) !important;
}
html.mobile-finora .m-spark-leg.is-in i { background: var(--color-positive) !important; }
html.mobile-finora .m-spark-leg.is-out i { background: var(--color-negative) !important; }
html.mobile-finora .m-spark-leg { color: var(--text-secondary) !important; }
html.mobile-finora .m-spark-leg strong { color: var(--text-primary) !important; }

html.mobile-finora .m-edit-sheet-card,
html.mobile-finora .finora-notes:not([hidden]) {
  background: var(--glass-bg-strong) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--radius-card) !important;
  -webkit-backdrop-filter: var(--glass-filter-strong) !important;
  backdrop-filter: var(--glass-filter-strong) !important;
  box-shadow: var(--glass-shadow), var(--glass-inset) !important;
  color: var(--text-primary) !important;
}

html.mobile-finora .m-tab.is-on.m-liquid::before,
html.mobile-finora .m-tab.is-on.m-liquid::after,
html.mobile-finora .finora-glass::before,
html.mobile-finora .finora-glass::after,
html.mobile-finora .GlassCard::before,
html.mobile-finora .GlassCard::after {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}