/* custom.css - Mission Control overrides */
:root{--accent:#206bc4;--bg:#0b1220;--muted:#6b7280}
html,body{height:100%;background:var(--bg);color:#e6eef8}
/* Status dots */
.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 rgba(0,0,0,0.2)}
.status-dot.green{background:#2ecc71;animation:pulse 2s infinite}
.status-dot.red{background:#e74c3c;animation:blink 1.8s infinite}
.status-dot.yellow{background:#f1c40f}
.status-dot.blue{background:#206bc4}
.status-dot.gray{background:#95a5a6}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,0.6)}70%{box-shadow:0 0 0 10px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
@keyframes blink{0%{opacity:1}50%{opacity:0.2}100%{opacity:1}}
/* Task priority */
.priority-low{background:#16a085;color:#fff;padding:4px 8px;border-radius:12px}
.priority-med{background:#f39c12;color:#fff;padding:4px 8px;border-radius:12px}
.priority-high{background:#e74c3c;color:#fff;padding:4px 8px;border-radius:12px}
/* Agent cards */
.agent-card{transition:transform .15s ease,box-shadow .15s ease}
.agent-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.6)}
/* Onboarding transitions */
.onboard-step{display:none;opacity:0;transform:translateY(8px);transition:all .3s ease}
.onboard-step.active{display:block;opacity:1;transform:none}
/* SSE flash */
.sse-flash{animation:flash 1.2s ease}
@keyframes flash{0%{background:rgba(32,107,196,0.06)}100%{background:transparent}}
/* Responsive tweaks */
@media(max-width:768px){.sidebar{display:none}.mobile-show{display:block}}
/* Table loading */
.table-loading{opacity:.6}
/* utility */
.badge-status{padding:.35rem .55rem;border-radius:.4rem;color:#fff}