/* Cyber Security — Simulator-specific styles (extends shared/simulator-theme.css) */

#layout{display:grid;grid-template-columns:230px 1fr 260px;gap:4px;padding:4px;height:calc(100vh - 42px);}

@keyframes attack{0%{opacity:0;transform:scale(0.8)}50%{opacity:1}100%{opacity:0;transform:scale(1.2)}}
.big-btn.on{background:rgba(0,230,118,0.1);border-color:var(--green);color:var(--green);}
  .big-btn.off{background:rgba(90,138,170,0.1);border-color:var(--muted);color:var(--muted);}
  .big-btn.warn{background:rgba(255,171,0,0.1);border-color:var(--amber);color:var(--amber);}
  .big-btn.danger{background:rgba(255,23,68,0.15);border-color:var(--red);color:var(--red);}
  /* Threat cards */
  .threat-card{padding:8px;border:1px solid var(--border);border-radius:3px;margin-bottom:5px;cursor:pointer;transition:all .15s;position:relative;}
  .threat-card:hover{border-color:var(--red);background:rgba(255,23,68,0.06);}
  .threat-card.active-threat{border-color:var(--red);background:rgba(255,23,68,0.1);animation:alarmblink 1.5s infinite;}
  .threat-card.resolved{border-color:var(--green);background:rgba(0,230,118,0.06);opacity:.7;}
  .threat-title{font-size:11px;font-weight:600;margin-bottom:2px;}
  .threat-meta{display:flex;gap:8px;font-size:9px;color:var(--muted);}
  .threat-badge{padding:1px 6px;border-radius:2px;font-size:8px;font-family:var(--font-mono);}
  .tb-critical{background:rgba(255,23,68,0.3);color:var(--red);}
  .tb-high{background:rgba(255,171,0,0.3);color:var(--amber);}
  .tb-medium{background:rgba(41,121,255,0.3);color:var(--blue);}
  /* System map */
  #sysmap{padding:8px;height:100%;}
  .sys-zone{padding:8px;border:1px solid var(--border);border-radius:4px;margin-bottom:6px;}
  .sys-zone-title{font-size:9px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-weight:600;}
  .sys-nodes{display:flex;flex-wrap:wrap;gap:6px;}
  .sys-node{padding:5px 8px;border:1px solid var(--border2);border-radius:3px;font-size:9px;font-family:var(--font-mono);cursor:pointer;transition:all .15s;position:relative;}
  .sys-node:hover{border-color:var(--cyan);color:var(--cyan);}
  .sys-node.compromised{border-color:var(--red);background:rgba(255,23,68,0.15);color:var(--red);animation:alarmblink 1s infinite;}
  .sys-node.warning{border-color:var(--amber);background:rgba(255,171,0,0.1);color:var(--amber);}
  .sys-node.secure{border-color:var(--green);background:rgba(0,230,118,0.08);}
  .sys-node .vuln-dot{position:absolute;top:2px;right:2px;width:5px;height:5px;border-radius:50%;}
  /* Scenario detail */
  #scenario-detail{padding:8px;height:100%;}
  .detail-section{margin-bottom:10px;}
  .detail-section h4{font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;border-bottom:1px solid var(--border);padding-bottom:3px;}
  .detail-section p{font-size:10px;color:var(--muted);line-height:1.6;}
.check-box{width:14px;height:14px;border:1px solid var(--border2);border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;transition:all .15s;}
  .check-box.checked{background:var(--green);border-color:var(--green);color:#000;}
  .check-box:hover{border-color:var(--cyan);}
  /* Risk matrix */
  .risk-matrix{display:grid;grid-template-columns:60px repeat(5,1fr);gap:2px;font-size:8px;}
  .risk-cell{padding:3px 2px;text-align:center;border-radius:1px;}
  .rc-header{color:var(--muted);font-size:7px;text-transform:uppercase;}
  .rc-extreme{background:rgba(255,23,68,0.4);color:var(--white);}
  .rc-high{background:rgba(255,171,0,0.4);color:var(--white);}
  .rc-medium{background:rgba(41,121,255,0.3);color:var(--white);}
  .rc-low{background:rgba(0,230,118,0.2);color:var(--white);}
  .rc-negligible{background:rgba(90,138,170,0.2);color:var(--muted);}
  #scenario-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,0.82);display:flex;align-items:center;justify-content:center;z-index:200;}
  #scenario-modal{background:var(--bg2);border:1px solid var(--cyan);border-radius:6px;padding:24px;width:480px;max-width:95vw;}
  #scenario-modal h2{color:var(--cyan);font-size:16px;margin-bottom:6px;letter-spacing:1px;}
  #scenario-modal p{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:14px;}
  .sc-btn{width:100%;padding:10px 14px;border:1px solid var(--border2);background:rgba(255,255,255,0.04);color:var(--white);cursor:pointer;border-radius:3px;text-align:left;font-size:11px;transition:all .15s;margin-bottom:6px;}
  .sc-btn:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(0,229,255,0.08);}
  .sc-btn .sc-title{font-weight:600;font-size:12px;}.sc-btn .sc-desc{color:var(--muted);font-size:10px;margin-top:2px;}
  /* Attack animation overlay */
  .attack-anim{position:absolute;pointer-events:none;font-size:18px;animation:attack 1.5s ease-out forwards;}
  .vuln-score{font-family:var(--font-mono);font-size:20px;font-weight:700;}