/*=========================================================
   SENTRIX INTELLIGENCE
=========================================================*/
.intelligence-section{ margin-bottom:70px; }
.intelligence-section .ic-badge{ display:inline-block; font-size:.68rem; font-weight:700; letter-spacing:1px; padding:4px 12px; border-radius:20px; background:linear-gradient(135deg,#14A89B,#5BE08A); color:#06101f; margin-left:10px; vertical-align:middle; }
.ic-refresh{ background:var(--bg-card); border:1px solid var(--border); color:var(--text); padding:10px 18px; border-radius:12px; cursor:pointer; font:inherit; transition:.25s; }
.ic-refresh:hover{ border-color:var(--primary); transform:translateY(-2px); }

.ic-card{ background:var(--bg-card); border:1px solid var(--border); border-radius:20px; padding:22px; backdrop-filter:blur(10px); }
.ic-card h4{ font-size:.95rem; margin-bottom:14px; color:var(--text-light); }
.ic-grid-top{ display:grid; grid-template-columns:230px 1fr; grid-template-areas:"index stats" "index trend"; gap:20px; margin-bottom:20px; }
.ic-index{ grid-area:index; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; position:relative; text-align:center; }
.ic-stats{ grid-area:stats; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.ic-trend{ grid-area:trend; }
.ic-grid-bottom{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

.ic-ring{ width:150px; height:150px; }
.ic-ring-bg{ fill:none; stroke:rgba(255,255,255,.08); stroke-width:10; }
.ic-ring-fg{ fill:none; stroke-width:10; stroke-linecap:round; transition:stroke-dashoffset 1.2s ease; stroke:var(--success); }
.ic-ring-fg.mid{ stroke:var(--warning); } .ic-ring-fg.high{ stroke:var(--danger); }
.ic-index-num{ position:absolute; top:62px; display:flex; align-items:baseline; gap:2px; }
.ic-index-num strong{ font-size:2.4rem; line-height:1; } .ic-index-num span{ font-size:.8rem; color:var(--text-muted); }
.ic-index-label{ font-weight:700; margin-top:4px; } .ic-index small{ color:var(--text-muted); }
.low{ color:var(--success); } .mid{ color:var(--warning); } .high{ color:var(--danger); }

.ic-stats > div{ display:flex; flex-direction:column; justify-content:center; gap:4px; padding:10px; border-radius:14px; background:rgba(255,255,255,.03); text-align:center; }
.ic-stats strong{ font-size:1.7rem; } .ic-stats span{ font-size:.75rem; color:var(--text-muted); }

.ic-svg{ width:100%; height:auto; display:block; }
.ic-grid{ stroke:rgba(255,255,255,.07); } .ic-axis{ fill:var(--text-muted); font-size:10px; }
.ic-line{ fill:none; stroke:var(--primary-light); stroke-width:2.5; stroke-linejoin:round; }
.ic-dot{ fill:#fff; stroke:var(--primary); stroke-width:2; }

.ic-list,.ic-actions{ list-style:none; display:flex; flex-direction:column; gap:10px; padding:0; counter-reset:a; }
.ic-list li{ padding:10px 12px 10px 14px; border-radius:12px; background:rgba(255,255,255,.03); border-left:3px solid var(--success); font-size:.88rem; color:var(--text-light); }
.ic-list li.mid{ border-left-color:var(--warning); } .ic-list li.high{ border-left-color:var(--danger); }
.ic-actions li{ counter-increment:a; display:flex; gap:10px; font-size:.88rem; color:var(--text-light); }
.ic-actions li::before{ content:counter(a); flex:none; width:22px; height:22px; border-radius:50%; background:var(--primary); color:#fff; font-size:.75rem; font-weight:700; display:grid; place-items:center; }

.ic-bar{ display:grid; grid-template-columns:90px 1fr 28px; align-items:center; gap:10px; margin-bottom:12px; font-size:.82rem; }
.ic-bar-name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text-light); }
.ic-bar-track{ height:8px; border-radius:8px; background:rgba(255,255,255,.07); overflow:hidden; }
.ic-bar-fill{ height:100%; border-radius:8px; background:var(--success); transition:width 1s ease; }
.ic-bar-fill.mid{ background:var(--warning); } .ic-bar-fill.high{ background:var(--danger); }
.ic-empty{ text-align:center; color:var(--text-muted); padding:40px 10px; }

@media(max-width:1000px){ .ic-grid-bottom{ grid-template-columns:1fr; } }
@media(max-width:760px){ .ic-grid-top{ grid-template-columns:1fr; grid-template-areas:"index" "stats" "trend"; } .ic-stats{ grid-template-columns:repeat(2,1fr); } }