/* ═══════════════════════════════════════════════════════════════
   SiteCORE — Dashboard Visual Overhaul
   Enhanced module chips, site cards, hero strip, activity feed
   ═══════════════════════════════════════════════════════════════ */

/* ── Hero Strip Enhancement ──────────────────────────────── */
.dash-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 28px;animation:fadeUp 0.3s ease}
.dash-hero .sr-val{font-size:24px!important;font-weight:900;font-family:var(--font-mono)}
.dash-hero .dhs-val{font-size:24px!important;font-weight:900;font-family:var(--font-mono)}
.dash-hero .dhs-lbl{font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:0.5px;color:var(--text-muted)}

/* ── Module Chips Enhancement ────────────────────────────── */
.mod-strip{display:grid!important;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}
.mod-chip{padding:16px!important;border-radius:var(--radius-md)!important;position:relative;overflow:hidden;transition:all 0.2s ease}
.mod-chip:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}
.mod-chip-score{font-size:22px!important;font-weight:900!important;font-family:var(--font-mono)!important}
.mod-chip-name{font-size:12px!important;font-weight:700!important}
.mod-chip-detail{font-size:10px!important;margin-top:2px}
.mod-chip-icon{width:36px!important;height:36px!important;border-radius:10px!important}
.mod-chip-icon svg{width:17px!important;height:17px!important}

/* Score coloring on chips */
.mod-chip-score.score-good{color:#0cce6b!important}
.mod-chip-score.score-avg{color:#ffa400!important}
.mod-chip-score.score-poor{color:#ff4e42!important}

/* ── Site Cards Enhancement ──────────────────────────────── */
.client-grid{gap:12px!important}
.domain-card{border-radius:var(--radius-md)!important;transition:all 0.2s ease!important;position:relative;overflow:hidden}
.domain-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 24px rgba(0,0,0,0.2)!important}
.domain-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0.8}
.domain-card.healthy::after{background:linear-gradient(90deg,#0cce6b,#34d399)}
.domain-card.warning::after{background:linear-gradient(90deg,#ffa400,#fbbf24)}
.domain-card.critical::after{background:linear-gradient(90deg,#ff4e42,#f87171)}

.dc-name{font-size:14px!important;font-weight:800!important;font-family:var(--font-mono)!important}
.dc-badge{font-size:14px!important;font-weight:900!important;font-family:var(--font-mono)!important;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px}
.dc-badge.excellent{background:rgba(12,206,107,0.12);color:#0cce6b;border:2px solid rgba(12,206,107,0.3)}
.dc-badge.good{background:rgba(132,204,22,0.12);color:#84cc16;border:2px solid rgba(132,204,22,0.3)}
.dc-badge.fair{background:rgba(255,164,0,0.12);color:#ffa400;border:2px solid rgba(255,164,0,0.3)}
.dc-badge.critical{background:rgba(255,78,66,0.12);color:#ff4e42;border:2px solid rgba(255,78,66,0.3)}

.dc-stat-value{font-size:18px!important;font-weight:800!important;font-family:var(--font-mono)!important}
.dc-stat-label{font-size:9px!important;text-transform:uppercase;font-weight:600;letter-spacing:0.5px}

/* Health bar enhancement */
.health-bar{height:4px!important;border-radius:2px!important;background:var(--bg-secondary)}
.health-bar-fill{border-radius:2px!important;transition:width 0.8s ease}
.health-bar-fill.green{background:linear-gradient(90deg,#0cce6b,#34d399)!important}
.health-bar-fill.yellow{background:linear-gradient(90deg,#ffa400,#fbbf24)!important}
.health-bar-fill.red{background:linear-gradient(90deg,#ff4e42,#f87171)!important}

/* Status dot in footer */
.dc-footer .status-dot{box-shadow:0 0 4px currentColor}

/* ── AI Insights Strip Enhancement ───────────────────────── */
.ai-strip{gap:10px!important}
.ai-chip{border-radius:var(--radius-md)!important;padding:14px 16px!important;transition:all 0.2s ease}
.ai-chip:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}
.ai-chip-head{font-size:11px!important;font-weight:700!important;margin-bottom:4px}
.ai-chip-body{font-size:11px!important}

/* ── Real Activity Feed ──────────────────────────────────── */
.real-activity-feed{max-height:500px;overflow-y:auto}
.real-activity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background 0.15s;font-size:12px}
.real-activity-item:last-child{border-bottom:none}
.real-activity-item:hover{background:var(--bg-hover)}
.real-activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}
.real-activity-dot.success{background:#0cce6b}
.real-activity-dot.info{background:#3b82f6}
.real-activity-dot.warning{background:#ffa400}
.real-activity-dot.error{background:#ff4e42}
.real-activity-content{flex:1;min-width:0}
.real-activity-title{font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.real-activity-meta{font-size:10px;color:var(--text-muted);display:flex;gap:8px;align-items:center}
.real-activity-module{font-size:9px;font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase}
.real-activity-module.links{background:rgba(255,78,66,0.12);color:#ff4e42}
.real-activity-module.seo{background:rgba(12,206,107,0.12);color:#0cce6b}
.real-activity-module.perf{background:rgba(255,164,0,0.12);color:#ffa400}
.real-activity-module.security{background:rgba(139,92,246,0.12);color:#8b5cf6}
.real-activity-module.uptime{background:rgba(34,211,238,0.12);color:#22d3ee}
.real-activity-module.sites{background:rgba(59,130,246,0.12);color:#3b82f6}
.real-activity-module.alerts{background:rgba(244,114,182,0.12);color:#f472b6}
.real-activity-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:12px}

/* Score delta in activity */
.real-activity-delta{font-size:10px;font-weight:700;font-family:var(--font-mono);padding:1px 5px;border-radius:3px}
.real-activity-delta.positive{background:rgba(12,206,107,0.12);color:#0cce6b}
.real-activity-delta.negative{background:rgba(255,78,66,0.12);color:#ff4e42}

/* ── Animations ──────────────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mod-chip{animation:fadeUp 0.3s ease both}
.mod-chip:nth-child(1){animation-delay:0.05s}
.mod-chip:nth-child(2){animation-delay:0.1s}
.mod-chip:nth-child(3){animation-delay:0.15s}
.mod-chip:nth-child(4){animation-delay:0.2s}
.mod-chip:nth-child(5){animation-delay:0.25s}

/* ── Responsive ──────────────────────────────────────────── */
@media(max-width:900px){
  .mod-strip{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}
}