/* Smart Insights – minimal, neutral, dark-friendly */
.si-card{
  margin-top:16px; padding:16px 16px 12px;
  border-radius:14px; background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08); color:#e8eef6;
}
.si-head{margin-bottom:12px}
.si-title{font-weight:700; font-size:1.05rem}
.si-sub{opacity:.75; font-size:.9rem}

.si-meter{margin:10px 0 6px}
.si-meter-track{
  width:100%; height:10px; border-radius:8px;
  background:linear-gradient(90deg,#2ea043,#d4a72c,#da3633); /* green→amber→red */
  opacity:.9; position:relative; overflow:hidden;
}
.si-meter-fill{
  position:absolute; top:0; bottom:0; width:4%; /* moved by JS */
  background:rgba(0,0,0,.25); box-shadow:0 0 0 2px rgba(0,0,0,.2) inset;
  border-right:2px solid rgba(255,255,255,.65);
}
.si-meter-text{margin-top:6px; font-size:.9rem; opacity:.9}

.si-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px; margin:10px 0 6px;
}
@media (max-width: 860px){ .si-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width: 440px){ .si-grid{grid-template-columns:1fr 1fr;} }

.si-chip{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:10px; padding:10px 12px;
}
.si-chip span{display:block; font-size:.78rem; opacity:.65; margin-bottom:2px}
.si-chip strong{font-weight:700}

.si-list{margin:10px 0 6px; padding-left:18px}
.si-list li{margin:6px 0}

.si-actions{display:flex; gap:8px; margin-top:10px}
.si-btn{
  background:#1f6feb; border:0; color:#fff; border-radius:10px;
  padding:10px 14px; font-weight:600; cursor:pointer;
}
.si-btn:active{transform:translateY(1px)}

.si-disclaimer{opacity:.6; font-size:.8rem; margin:10px 0 0}