/* ─── INCIDENT SIMULATOR — War Room dark UI ─── */
.is-page{background:#060D1A;min-height:100vh;padding-top:66px;color:#C1C8D6;}
.is-wrap{max-width:1200px;margin:0 auto;}

/* ─── TOPBAR ─── */
.is-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#0B1628;border-bottom:1px solid #1E2536;}
.is-topbar-left{display:flex;align-items:center;gap:12px;}
.is-topbar-icon{font-size:1.1rem;}
.is-topbar-title{font-size:.9375rem;font-weight:700;color:#E8ECF2;}
.is-severity{font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:4px;background:rgba(239,68,68,.15);color:#EF4444;text-transform:uppercase;letter-spacing:.06em;}
.is-topbar-right{display:flex;align-items:center;gap:14px;}
.is-clock{font-family:'Courier New',monospace;font-size:1.5rem;font-weight:700;color:#E8ECF2;letter-spacing:.05em;}
.is-status-pill{font-size:.65rem;font-weight:700;padding:5px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.08em;background:rgba(75,85,99,.2);color:#4B5563;transition:all .3s;}
.is-status-pill.active{background:rgba(239,68,68,.15);color:#EF4444;animation:pill-blink 1s infinite;}
.is-status-pill.mitigating{background:rgba(245,158,11,.15);color:#F59E0B;}
.is-status-pill.resolved{background:rgba(16,185,129,.15);color:#10B981;}
@keyframes pill-blink{0%,100%{opacity:1}50%{opacity:.5}}

/* ─── PRE-DRILL ─── */
.is-pre{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 118px);padding:40px 28px;}
.is-pre-content{text-align:center;max-width:560px;}
.is-pre-icon{color:#F59E0B;margin-bottom:20px;}
.is-pre-title{font-family:'DM Serif Display',serif;font-size:clamp(1.8rem,3.5vw,2.6rem);color:#E8ECF2;margin-bottom:12px;}
.is-pre-desc{font-size:1rem;color:#8B95A8;line-height:1.7;margin-bottom:28px;}
.is-scenario-card{background:#0B1628;border:1px solid #1E2536;border-radius:14px;padding:24px;text-align:left;margin-bottom:28px;}
.is-scenario-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#4B5563;margin-bottom:8px;}
.is-scenario-title{font-size:1.1rem;font-weight:700;color:#E8ECF2;margin-bottom:8px;}
.is-scenario-desc{font-size:.875rem;color:#8B95A8;line-height:1.7;margin-bottom:14px;}
.is-scenario-tags{display:flex;gap:6px;flex-wrap:wrap;}
.is-tag{padding:3px 10px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.is-tag-red{background:rgba(239,68,68,.12);color:#EF4444;}
.is-tag-amber{background:rgba(245,158,11,.12);color:#F59E0B;}
.is-tag-blue{background:rgba(59,130,246,.12);color:#3B82F6;}
.is-start-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:16px 36px;background:#EF4444;color:#fff;
  border:none;border-radius:12px;font-size:1rem;font-weight:700;
  cursor:pointer;transition:all .15s;font-family:inherit;
}
.is-start-btn:hover{background:#DC2626;transform:translateY(-2px);box-shadow:0 6px 24px rgba(239,68,68,.4);}
.is-pre-note{font-size:.75rem;color:#4B5563;margin-top:14px;}

/* ─── LIVE DRILL ─── */
.is-grid{display:grid;grid-template-columns:1fr 340px;gap:0;min-height:calc(100vh - 118px);}
.is-panel{padding:20px 24px;border-bottom:1px solid #1E2536;}
.is-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.is-panel-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#4B5563;}
.is-panel-live{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;color:#10B981;}
.is-timeline-panel{border-right:1px solid #1E2536;overflow-y:auto;max-height:calc(100vh - 118px);}
.is-metrics-panel{overflow-y:auto;max-height:calc(100vh - 118px);}

/* ─── TIMELINE EVENTS ─── */
.is-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:20px;}
.is-timeline::before{content:'';position:absolute;left:7px;top:0;bottom:0;width:2px;background:#1E2536;}
.is-event{position:relative;padding:12px 16px 12px 20px;animation:msg-in .3s ease;}
.is-event-dot{position:absolute;left:-20px;top:16px;width:12px;height:12px;border-radius:50%;border:2px solid #060D1A;}
.is-event-dot.red{background:#EF4444;}.is-event-dot.amber{background:#F59E0B;}.is-event-dot.green{background:#10B981;}.is-event-dot.blue{background:#3B82F6;}
.is-event-time{font-family:'Courier New',monospace;font-size:.68rem;color:#4B5563;margin-bottom:4px;}
.is-event-title{font-size:.875rem;font-weight:600;color:#E8ECF2;margin-bottom:2px;}
.is-event-desc{font-size:.8rem;color:#8B95A8;line-height:1.6;}
.is-event-actor{font-size:.72rem;color:#3B82F6;font-weight:600;margin-top:4px;}

/* ─── METRICS ─── */
.is-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.is-metric{background:#0B1628;border:1px solid #1E2536;border-radius:10px;padding:14px;}
.is-metric-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4B5563;margin-bottom:6px;}
.is-metric-value{font-family:'DM Serif Display',serif;font-size:1.2rem;margin-bottom:8px;transition:color .3s;}
.is-red{color:#EF4444;}.is-amber{color:#F59E0B;}.is-green{color:#10B981;}.is-blue{color:#3B82F6;}
.is-metric-bar{height:3px;background:#1E2536;border-radius:3px;overflow:hidden;}
.is-metric-fill{height:100%;border-radius:3px;transition:width .5s ease,background .3s;}
.is-fill-red{background:#EF4444;}.is-fill-amber{background:#F59E0B;}.is-fill-green{background:#10B981;}

/* ─── SERVICES ─── */
.is-svc{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:.8125rem;border-bottom:1px solid #1E2536;}
.is-svc:last-child{border-bottom:none;}
.is-svc-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.is-dot-red{background:#EF4444;}.is-dot-amber{background:#F59E0B;}.is-dot-green{background:#10B981;}
.is-svc-status{margin-left:auto;font-size:.68rem;font-weight:700;color:#4B5563;text-transform:uppercase;letter-spacing:.06em;}

/* ─── TEAM ─── */
.is-eng{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #1E2536;}
.is-eng:last-child{border-bottom:none;}
.is-eng-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;}
.is-eng-name{font-size:.84rem;font-weight:600;color:#E8ECF2;}
.is-eng-role{font-size:.72rem;color:#4B5563;}
.is-eng-status{margin-left:auto;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:4px;background:rgba(75,85,99,.15);color:#4B5563;transition:all .3s;}

/* ─── POST-DRILL ─── */
.is-post{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 118px);padding:40px 28px;}
.is-post-content{text-align:center;max-width:600px;animation:msg-in .4s ease;}
.is-post-icon{font-size:3rem;margin-bottom:16px;}
.is-post-title{font-family:'DM Serif Display',serif;font-size:2rem;color:#E8ECF2;margin-bottom:8px;}
.is-post-desc{font-size:1rem;color:#8B95A8;margin-bottom:28px;}
.is-post-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;}
.is-post-stat{background:#0B1628;border:1px solid #1E2536;border-radius:12px;padding:18px 14px;}
.is-post-stat-val{font-family:'DM Serif Display',serif;font-size:1.3rem;color:#E8ECF2;margin-bottom:4px;}
.is-post-stat-lbl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4B5563;}
.is-post-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

@keyframes msg-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){
  .is-grid{grid-template-columns:1fr;}
  .is-timeline-panel{max-height:none;border-right:none;}
  .is-post-stats{grid-template-columns:1fr 1fr;}
  .is-topbar{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 18px;}
  .is-topbar-right{width:100%;justify-content:space-between;}
  .is-metric-grid{grid-template-columns:1fr 1fr;}
  .is-panel{padding:16px 18px;}
}
@media(max-width:480px){
  .is-pre{padding:28px 16px;}
  .is-pre-title{font-size:1.6rem;}
  .is-scenario-card{padding:18px;}
  .is-start-btn{width:100%;justify-content:center;padding:14px 24px;}
  .is-clock{font-size:1.1rem;}
  .is-metric-grid{grid-template-columns:1fr;}
  .is-post-stats{grid-template-columns:1fr;}
  .is-post-title{font-size:1.5rem;}
  .is-post-cta{flex-direction:column;}
  .is-post-cta .btn{width:100%;text-align:center;justify-content:center;}
}