/* ═══════════════════════════════════════════════════════
   ISA ICON SYSTEM v2.0 — Premium SVG Icons
   Usando Phosphor Icons (thin weight) para look premium
   ═══════════════════════════════════════════════════════ */

/* ── Icon base ── */
.ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  vertical-align: middle;
}

/* ── Icon sizes ── */
.ico-xs  { width: 14px; height: 14px; }
.ico-sm  { width: 16px; height: 16px; }
.ico-md  { width: 20px; height: 20px; }
.ico-lg  { width: 24px; height: 24px; }
.ico-xl  { width: 32px; height: 32px; }
.ico-2xl { width: 40px; height: 40px; }
.ico-3xl { width: 48px; height: 48px; }

/* ── Icon container boxes ── */
.ico-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--r-md);
  background: var(--bg-alt);
  border: 1px solid var(--border);
  flex-shrink: 0;
}
.ico-box-sm  { width: 36px; height: 36px; border-radius: var(--r-sm); }
.ico-box-md  { width: 44px; height: 44px; }
.ico-box-lg  { width: 56px; height: 56px; border-radius: var(--r-lg); }
.ico-box-xl  { width: 72px; height: 72px; border-radius: var(--r-xl); }

.ico-box-green   { background: var(--green-pale); border-color: rgba(58,107,34,0.18); color: var(--green); }
.ico-box-gold    { background: var(--gold-pale);  border-color: rgba(185,145,26,0.18); color: var(--gold); }
.ico-box-blue    { background: #EBF2FD;            border-color: rgba(91,155,232,0.2);  color: #3A7BD5; }
.ico-box-purple  { background: #F0EDF8;            border-color: rgba(123,82,200,0.2);  color: #7B52C8; }
.ico-box-teal    { background: #E6F7F4;            border-color: rgba(26,162,131,0.2);  color: #1AA283; }
.ico-box-red     { background: #FDEDF0;            border-color: rgba(220,60,60,0.18);  color: #DC3C3C; }
.ico-box-dark    { background: var(--text-900);    border-color: transparent;           color: #fff; }

/* ── Nav icon pill (navbar items) ── */
.nav-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  opacity: 0.7;
  transition: opacity 0.18s;
}
.nav-menu a:hover .nav-ico,
.nav-menu a.active .nav-ico { opacity: 1; }

/* ── Section icon badge ── */
.sec-ico-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: var(--r-lg);
  margin-bottom: 1rem;
}

/* ── Animated icon pulse (for live data indicators) ── */
@keyframes ico-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50%       { transform: scale(1.12); opacity: 0.85; }
}
.ico-pulse { animation: ico-pulse 2.4s ease-in-out infinite; }

/* ── Icon glow effect ── */
.ico-glow-green { filter: drop-shadow(0 0 6px rgba(58,107,34,0.5)); }
.ico-glow-gold  { filter: drop-shadow(0 0 6px rgba(185,145,26,0.5)); }

/* ── Global SVG icon alignment ── */
.isa-svg-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

/* Nav menu: icon size + color transition */
.nav-menu a .isa-svg-icon {
  width: 15px;
  height: 15px;
  opacity: 0.6;
  transition: opacity 0.18s;
}
.nav-menu a:hover .isa-svg-icon,
.nav-menu a.active .isa-svg-icon {
  opacity: 1;
}
.nav-menu .btn-nav-invest .isa-svg-icon {
  width: 14px;
  height: 14px;
  opacity: 1;
}

/* Buttons */
.btn-primary .isa-svg-icon,
.btn-secondary .isa-svg-icon {
  width: 15px;
  height: 15px;
}
.btn-primary:hover .isa-svg-icon { transform: translateX(2px); }

/* Section badges */
.section-badge .isa-svg-icon,
.hero-badge .isa-svg-icon {
  width: 13px;
  height: 13px;
  opacity: 0.8;
}

/* KPI trend icons */
.kpi-trend .isa-svg-icon {
  width: 13px;
  height: 13px;
}

/* Tab buttons */
.tab-btn .isa-svg-icon,
.dh-tab-btn .isa-svg-icon {
  width: 14px;
  height: 14px;
  opacity: 0.7;
}
.tab-btn.active .isa-svg-icon,
.dh-tab-btn.active .isa-svg-icon {
  opacity: 1;
}

/* Chart box titles */
.chart-box-title .isa-svg-icon {
  width: 16px;
  height: 16px;
  color: var(--green);
}

/* Card tags */
.mkt-card-tag .isa-svg-icon {
  width: 12px;
  height: 12px;
  color: var(--green);
}
.mkt-card-tag .isa-svg-icon.gold { color: var(--gold); }
.mkt-card-tag .isa-svg-icon.blue { color: #5B9BE8; }

/* Footer icon boxes */
.footer-brand .isa-svg-icon { opacity: 0.6; }

/* Breadcrumb separator */
.breadcrumb .isa-svg-icon {
  width: 11px;
  height: 11px;
  opacity: 0.4;
}

/* Toast icons */
.toast .isa-svg-icon { width: 16px; height: 16px; }

/* check-circle green */
.isa-svg-icon.icon-check-green { color: var(--green); }

/* mkt-status pill */
.mkt-status .isa-svg-icon,
.mkt-status-pill .isa-svg-icon {
  width: 10px; height: 10px;
}

/* mobile menu toggle keep FA bars icon */
.nav-toggle span { display: block; }