/* NUBO_SOFT_GREEN_UI_V1_START */

:root {
  --soft-bg: #f7fbf8;
  --soft-surface: #ffffff;
  --soft-surface-2: #fcfefd;

  --soft-line: rgba(2, 49, 25, 0.08);
  --soft-line-2: rgba(2, 49, 25, 0.05);

  --soft-text: #163125;
  --soft-muted: #678173;

  --soft-green-50: #effef5;
  --soft-green-100: #dafee9;
  --soft-green-200: #b6fcd3;
  --soft-green-300: #7ef7b2;
  --soft-green-500: #18e772;
  --soft-green-600: #0bae52;
  --soft-green-700: #0d8843;

  --soft-danger: #e77761;
  --soft-danger-bg: #fff4f1;

  --soft-shadow-sm: 0 6px 18px rgba(2, 49, 25, 0.035);
  --soft-shadow-md: 0 10px 28px rgba(2, 49, 25, 0.05);
}

/* Fondo global más limpio */


/* Header más limpio */


/* Tarjetas más suaves */


/* Hero menos ruidoso */


/* Navegación: activo plano, sin degradado */


.nav-link.is-active svg,
.nav-link.is-active i,
.nav-link.is-active span {
  color: #ffffff !important;
}

/* Botones primarios: verde suave plano */
.btn--primary,
.finance-hero__button,
button.btn--primary,
a.btn--primary {
  background: #18e772 !important;
  border: 1px solid #18e772 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(24, 231, 114, 0.16) !important;
}

.btn--primary:hover,
.finance-hero__button:hover,
button.btn--primary:hover,
a.btn--primary:hover {
  background: #0bae52 !important;
  border-color: #0bae52 !important;
  box-shadow: 0 9px 20px rgba(11, 174, 82, 0.18) !important;
}

/* Botones secundarios más tranquilos */
.btn--secondary,
button.btn--secondary,
a.btn--secondary {
  background: #f4fbf7 !important;
  border: 1px solid rgba(11, 174, 82, 0.12) !important;
  color: #0d8843 !important;
  box-shadow: none !important;
}

.btn--secondary:hover,
button.btn--secondary:hover,
a.btn--secondary:hover {
  background: #effef5 !important;
  border-color: rgba(11, 174, 82, 0.2) !important;
}

/* Botones ícono más minimalistas */
.header-tool,
.header-actions > .btn--icon,
.icon-btn,
.action-btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #274436 !important;
  box-shadow: none !important;
}

.header-tool:hover,
.header-actions > .btn--icon:hover,
.icon-btn:hover,
.action-btn:hover {
  background: #f1faf5 !important;
  border-color: rgba(2, 49, 25, 0.06) !important;
  color: #0d8843 !important;
}

/* Buscador suave */
.search-input,
.header-search input,
input[type="search"] {
  background: #ffffff !important;
  border: 1px solid rgba(2, 49, 25, 0.08) !important;
  box-shadow: none !important;
}

.search-input:focus,
.header-search input:focus,
input[type="search"]:focus {
  border-color: rgba(11, 174, 82, 0.25) !important;
  box-shadow: 0 0 0 4px rgba(24, 231, 114, 0.08) !important;
}

/* KPI iconos más suaves */
.kpi-icon,
.finance-metric__icon,
.summary-tile__icon,
.cell-main__icon,
.mini-icon {
  background: #effef5 !important;
  color: #0d8843 !important;
  box-shadow: none !important;
}

/* Valores positivos */
.is-positive,
.text-success,
.success,
.value-positive {
  color: #0d8843 !important;
}

/* Valores de gastos / negativos */
.is-negative,
.text-danger,
.danger,
.expense,
.value-negative {
  color: #e77761 !important;
}

/* Chips / badges */
.badge,
.tag,
.pill {
  background: #f4fbf7 !important;
  color: #406354 !important;
  border: 1px solid rgba(2, 49, 25, 0.05) !important;
  box-shadow: none !important;
}

/* Tab/segment control */
.segmented,
.segmented-control {
  background: #f6faf8 !important;
  border: 1px solid rgba(2, 49, 25, 0.05) !important;
  box-shadow: none !important;
}

.segmented button,
.segmented-control button {
  color: #5f786b !important;
  box-shadow: none !important;
}

.segmented button.is-active,
.segmented-control button.is-active {
  background: #ffffff !important;
  color: #0d8843 !important;
  border: 1px solid rgba(11, 174, 82, 0.10) !important;
  box-shadow: 0 4px 12px rgba(2, 49, 25, 0.04) !important;
}

/* Progresos */
.progress {
  background: #edf6f0 !important;
}

.progress span {
  background: #18e772 !important;
}

/* Donut / rings */
.summary-ring {
  background: conic-gradient(
    #18e772 var(--ring, 0%),
    #e8f4ec 0
  ) !important;
}

.finance-wallet__ring {
  background: conic-gradient(
    #18e772 0 72%,
    #e8f4ec 72% 100%
  ) !important;
  box-shadow: none !important;
}

.finance-wallet__ring::before {
  background: #ffffff !important;
}

/* Insights más serenos */
.insight,
.nubo-ai-insight-card {
  border: 1px solid rgba(2, 49, 25, 0.05) !important;
  box-shadow: none !important;
}

.insight.is-trend,
.nubo-ai-insight-card.is-trend {
  background: #effef5 !important;
  color: #0d8843 !important;
}

/* Tablas y listas */
.table-row,
.activity-item,
.list-item {
  border-color: rgba(2, 49, 25, 0.06) !important;
}

/* Perfil */
.avatar {
  background: #dafee9 !important;
  color: #0d8843 !important;
  box-shadow: none !important;
}

/* Scrollbar más discreto */
* {
  scrollbar-color: #cdeedb transparent;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-thumb {
  background: #cdeedb;
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #b6fcd3;
}


/* NUBO_SOFT_GREEN_UI_V1_END */