/* ORVO Dashboard v3.1 Enhancements */

/* Pred card glow */
.pred-card{animation:predGlow 3s ease-in-out infinite alternate}
@keyframes predGlow{0%{box-shadow:0 0 20px rgba(139,92,246,0.1)}100%{box-shadow:0 0 40px rgba(139,92,246,0.2)}}

/* Insight hover */
.insight-row{transition:all .2s}
.insight-row:hover{transform:translateX(4px);background:rgba(255,255,255,0.05)!important}

/* Stat number gradient */


/* Card hover glow */
.card:hover{box-shadow:0 4px 20px rgba(139,92,246,0.08)}

/* Site row hover */
.site-row:hover{background:rgba(139,92,246,0.05)!important}

/* Activity hover */
.activity:hover{background:rgba(139,92,246,0.03);border-radius:10px}

/* SSL item hover */
.ssl-item:hover{transform:translateX(4px);transition:all .2s}

/* Badge pulse for critical */
.badge-r{animation:badgePulse 2s infinite}
@keyframes badgePulse{0%,100%{opacity:1}50%{opacity:0.7}}

/* Smooth scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(139,92,246,0.3);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,0.5)}

/* Spark bar animation */
.spark-bar{transition:height .5s ease}

/* Header blur */


/* Stat card top border colors */
.stat{border-top:3px solid transparent}
.grid .stat:nth-child(1){border-top-color:#10b981}
.grid .stat:nth-child(2){border-top-color:#8b5cf6}
.grid .stat:nth-child(3){border-top-color:#06b6d4}
.grid .stat:nth-child(4){border-top-color:#f59e0b}

/* Bigger stat numbers */
.stat .text-3xl{font-size:2.2rem;letter-spacing:-1px}

/* Hızlı İşlemler kart gradient */
.card:has(#btnStart){background:linear-gradient(135deg,var(--bg2),rgba(139,92,246,0.06))!important}

/* Site listesi - response time badge daha belirgin */
.site-row{padding:14px 16px}
.site-row:last-child{border-bottom:none}

/* Uptime bar daha yuvarlak */
.uptime-bar div{border-radius:4px;transition:all .3s}
.uptime-bar div:hover{transform:scaleY(1.3);opacity:0.9}

/* Chart alanı gradient arka plan */
.card:has(#chart){background:linear-gradient(180deg,var(--bg2),rgba(139,92,246,0.03))!important}

/* SSL kartları daha belirgin renk */
.ssl-item{border-radius:12px!important;margin-bottom:4px}

/* Activity feed daha temiz */
.activity{padding:14px 8px;border-radius:10px;margin-bottom:2px}
.activity:hover .activity-icon{transform:scale(1.1);transition:all .2s}

/* JSON/CSV butonları hover */
.btn-s:hover{border-color:rgba(139,92,246,0.3);background:rgba(139,92,246,0.05)}

/* Genel geçiş */

a,button,.btn-p,.btn-s{transition:background .2s,border-color .2s}

/* SSL kart taşma fix */
.card{overflow:hidden}

/* Focus outline kaldır */
.card:focus,.ssl-item:focus,.site-row:focus,div:focus{outline:none!important;box-shadow:none!important}
*:focus{outline:none!important}

/* Selection rengi */
::selection{background:rgba(139,92,246,0.3);color:#fff}
::-moz-selection{background:rgba(139,92,246,0.3);color:#fff}

/* SSL list overflow fix */
#sslList{overflow:hidden}
.card[style*="border-left"]{overflow:hidden}
/* Stat number gradient - THEME AWARE */
.stat .text-3xl{font-size:2.2rem;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
[data-theme="light"] .stat .text-3xl{background:linear-gradient(135deg,#0f172a,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Header blur - THEME AWARE */
header.sticky{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
[data-theme="dark"] header.sticky{background:rgba(10,10,15,0.8)!important}
[data-theme="light"] header.sticky{background:rgba(248,250,252,0.85)!important}

/* Insight hover - THEME AWARE */
[data-theme="dark"] .insight-row:hover{background:rgba(255,255,255,0.05)!important}
[data-theme="light"] .insight-row:hover{background:rgba(0,0,0,0.05)!important}

/* Site row border - THEME AWARE */
[data-theme="dark"] .site-row{border-bottom:1px solid rgba(255,255,255,0.03)}
[data-theme="light"] .site-row{border-bottom:1px solid rgba(0,0,0,0.06)}

/* AI Hero bg fix for light mode */
[data-theme="light"] .ai-hero-bg{background:linear-gradient(135deg,rgba(139,92,246,0.06),rgba(6,182,212,0.03),rgba(248,250,252,0.95))!important}
[data-theme="light"] .ai-hero-grid{background-image:radial-gradient(rgba(139,92,246,0.12) 1px,transparent 1px)!important}

/* Scenario cards light mode */
[data-theme="light"] .scenario-card{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.08)}
[data-theme="light"] .scenario-card:hover{background:rgba(0,0,0,0.04)}


/* Sidebar logo: invert only in light mode */
[data-theme="light"] .sidebar-logo{filter:invert(1)}

/* Notification confirm modal */
.notif-confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:200;display:flex;align-items:center;justify-content:center}
.notif-confirm-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:24px;width:320px;text-align:center;box-shadow:0 16px 48px rgba(0,0,0,0.3)}
.notif-confirm-box h4{font-size:15px;font-weight:700;margin-bottom:8px}
.notif-confirm-box p{font-size:13px;color:var(--text2);margin-bottom:20px}
.notif-confirm-actions{display:flex;gap:10px;justify-content:center}
.notif-confirm-actions button{padding:8px 20px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;border:none}
.notif-btn-danger{background:#ef4444;color:#fff}
.notif-btn-danger:hover{background:#dc2626}
.notif-btn-cancel{background:var(--bg3);color:var(--text);border:1px solid var(--border)!important}