/* ═══════════════════════════════════════════════════════════════
   CORETRIA WORK ROOM — Styles
   3-column incident-centric console, Ghostical dock, all room types
   ═══════════════════════════════════════════════════════════════ */

/* STATUS STRIP */
.wr-workroom-shell { display:flex; flex-direction:column; height:100%; min-height:0; overflow:hidden; }
.wr-status-strip { display:flex; align-items:center; justify-content:space-between; padding:4px 10px; background:#1a1a2e; border-bottom:1px solid #2a2a4a; font-size:12px; gap:6px; flex-wrap:nowrap; flex-shrink:0; overflow:hidden; }
.wr-strip-left, .wr-strip-right { display:flex; align-items:center; gap:10px; }
.wr-strip-center { display:flex; flex:1; justify-content:center; }
.wr-strip-item { color:#ccc; white-space:nowrap; }
.wr-sev1-badge { color:#ff3b30; font-weight:600; }
.wr-pulse { animation: wrPulse 1.5s infinite; }
@keyframes wrPulse { 0%,100%{ opacity:1; } 50%{ opacity:.5; } }

/* ROOM TABS */
.wr-room-tabs { display:flex; gap:2px; }
.wr-room-tab { background:none; border:none; color:#999; padding:4px 10px; font-size:11px; border-radius:4px; cursor:pointer; white-space:nowrap; transition:all .15s; }
.wr-room-tab:hover { color:#fff; background:#2a2a4a; }
.wr-room-tab.active { color:#00e5ff; background:#1e3a5f; }

/* SELECTS & BUTTONS */
.wr-select { background:#1e1e3a; color:#ccc; border:1px solid #333; border-radius:4px; padding:3px 6px; font-size:11px; }
.wr-btn { background:#2a2a4a; color:#ccc; border:1px solid #444; border-radius:4px; padding:5px 10px; font-size:12px; cursor:pointer; transition:all .15s; white-space:nowrap; }
.wr-btn:hover { background:#3a3a5a; color:#fff; }
.wr-btn-sm { padding:3px 8px; font-size:11px; }
.wr-btn-xs { padding:2px 6px; font-size:10px; }
.wr-btn-accent { background:#1e3a5f; border-color:#00e5ff; color:#00e5ff; }
.wr-btn-accent:hover { background:#264a6f; }
.wr-btn-danger { background:#3a1e1e; border-color:#ff3b30; color:#ff3b30; }
.wr-btn-danger:hover { background:#4a2e2e; }
.wr-btn-ghost { background:#2e1e3a; border-color:#af52de; color:#af52de; }
.wr-btn-ghost:hover { background:#3e2e4a; }
.wr-btn-init { background:#2a3a2a; border-color:#34c759; color:#34c759; font-size:10px; }
.wr-no-rooms { color:#666; font-size:11px; }

/* 3-COLUMN LAYOUT */
.wr-columns { display:flex; gap:1px; flex:1; min-height:0; overflow:hidden; background:#111; }
.wr-col { display:flex; flex-direction:column; gap:1px; overflow:hidden; }
.wr-col-left { flex:0 0 280px; min-width:240px; }
.wr-col-center { flex:1; min-width:300px; display:flex; flex-direction:column; overflow:hidden; }
.wr-col-right { flex:0 0 280px; min-width:240px; }

/* PANELS */
.wr-panel { background:#16162b; display:flex; flex-direction:column; overflow:hidden; }
.wr-panel-header { display:flex; align-items:center; justify-content:space-between; padding:8px 10px; border-bottom:1px solid #2a2a4a; }
.wr-panel-title { color:#aaa; font-size:11px; text-transform:uppercase; letter-spacing:.5px; font-weight:600; }
.wr-incident-list-panel { flex:1; min-height:0; }
.wr-event-stream-panel { flex:0 0 200px; }
.wr-detail-panel { flex:1; display:flex; flex-direction:column; overflow:hidden; min-height:0; }
.wr-ioc-panel { flex:1; min-height:0; }
.wr-assets-panel { flex:0 0 180px; }
.wr-playbooks-panel { flex:0 0 160px; }

/* FILTERS */
.wr-filters { display:flex; gap:4px; padding:6px 8px; border-bottom:1px solid #1e1e3a; }
.wr-filter-select { flex:1; font-size:10px; }

/* INCIDENT LIST */
.wr-incident-list { flex:1; overflow-y:auto; padding:4px; }
.wr-incident-card { padding:8px 10px; margin-bottom:2px; background:#1a1a30; border-left:3px solid transparent; border-radius:4px; cursor:pointer; transition:all .15s; }
.wr-incident-card:hover { background:#22224a; }
.wr-incident-card.selected { background:#1e2a4a; border-left-color:#00e5ff; }
.wr-incident-card.wr-sev-critical { border-left-color:#ff3b30; }
.wr-incident-card.wr-sev-high { border-left-color:#ff9500; }
.wr-incident-card.wr-sev-medium { border-left-color:#ffcc00; }
.wr-inc-header { display:flex; align-items:center; gap:6px; margin-bottom:3px; }
.wr-sev-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.wr-inc-ref { color:#888; font-size:10px; font-family:monospace; }
.wr-inc-time { margin-left:auto; color:#666; font-size:10px; }
.wr-inc-title { color:#ddd; font-size:12px; line-height:1.3; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wr-inc-meta { display:flex; flex-wrap:wrap; gap:4px; align-items:center; }
.wr-inc-status { font-size:9px; padding:1px 5px; border-radius:3px; text-transform:uppercase; font-weight:600; }
.wr-status-new { background:#1e3a5f; color:#4fc3f7; }
.wr-status-triaging { background:#3a3a1e; color:#ffcc00; }
.wr-status-contained { background:#1e3a2a; color:#34c759; }
.wr-status-eradication { background:#3a2a1e; color:#ff9500; }
.wr-status-closed { background:#2a2a2a; color:#888; }
.wr-inc-type { color:#777; font-size:10px; }
.wr-fts-badge { font-size:9px; color:#00e5ff; }
.wr-ghost-badge-sm { font-size:10px; }
.wr-region-tag { font-size:9px; background:#2a2a4a; color:#aaa; padding:0 4px; border-radius:2px; }

/* INCIDENT DETAIL HEADER */
.wr-inc-detail-header { padding:12px 14px; border-bottom:1px solid #2a2a4a; }
.wr-inc-detail-top { display:flex; align-items:center; gap:8px; margin-bottom:6px; flex-wrap:wrap; }
.wr-sev-badge { color:#fff; font-size:10px; font-weight:700; padding:2px 8px; border-radius:3px; text-transform:uppercase; }
.wr-inc-detail-ref { color:#888; font-family:monospace; font-size:12px; }
.wr-inc-detail-status { font-size:10px; padding:2px 6px; border-radius:3px; }
.wr-sensitive-badge { font-size:10px; color:#ff9500; }
.wr-ghost-only-badge { font-size:10px; color:#af52de; }
.wr-inc-detail-title { color:#eee; font-size:16px; margin:4px 0 8px; font-weight:600; }
.wr-inc-detail-meta { display:flex; flex-wrap:wrap; gap:12px; color:#999; font-size:11px; margin-bottom:8px; }
.wr-inc-detail-meta strong { color:#ccc; }
.wr-inc-detail-meta code { background:#2a2a4a; padding:0 4px; border-radius:2px; font-size:10px; color:#00e5ff; }
.wr-inc-actions { display:flex; gap:4px; flex-wrap:wrap; margin-top:8px; }

/* COMPLIANCE CLOCKS */
.wr-compliance-clocks { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0; }
.wr-clock { font-size:10px; padding:3px 8px; background:#2a2a1e; border:1px solid #444; border-radius:4px; color:#ccc; }
.wr-clock-urgent { border-color:#ff3b30; color:#ff3b30; background:#3a1a1a; animation: wrPulse 2s infinite; }

/* DETAIL TABS */
.wr-detail-tabs { display:flex; gap:2px; padding:6px 10px; border-bottom:1px solid #2a2a4a; }
.wr-tab { background:none; border:none; color:#888; padding:4px 10px; font-size:11px; border-radius:4px; cursor:pointer; }
.wr-tab:hover { color:#ccc; }
.wr-tab.active { color:#00e5ff; background:#1e2a4a; }

/* TIMELINE */
.wr-detail-body { flex:1; min-height:0; overflow-y:auto; padding:8px 10px; }
.wr-timeline { display:flex; flex-direction:column; gap:2px; }
.wr-tl-entry { display:flex; gap:8px; padding:8px; background:#1a1a30; border-radius:4px; border-left:3px solid #333; }
.wr-tl-entry.wr-tl-alert { border-left-color:#ff3b30; }
.wr-tl-entry.wr-tl-ban { border-left-color:#ff3b30; }
.wr-tl-entry.wr-tl-escalation { border-left-color:#ff3b30; background:#2a1a1a; }
.wr-tl-entry.wr-tl-handover { border-left-color:#00e5ff; }
.wr-tl-entry.wr-tl-ghostical { border-left-color:#af52de; }
.wr-tl-entry.wr-tl-note { border-left-color:#34c759; }
.wr-tl-entry.wr-tl-playbook_step { border-left-color:#ff9500; }
.wr-tl-icon { font-size:14px; flex-shrink:0; margin-top:2px; }
.wr-tl-content { flex:1; min-width:0; }
.wr-tl-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:3px; }
.wr-tl-title { color:#ddd; font-size:12px; font-weight:600; }
.wr-tl-time { color:#666; font-size:10px; }
.wr-tl-body { color:#aaa; font-size:11px; line-height:1.4; word-break:break-word; }
.wr-tl-tags { display:flex; gap:3px; margin-top:4px; flex-wrap:wrap; }
.wr-tag { font-size:9px; background:#2a2a4a; color:#aaa; padding:1px 5px; border-radius:2px; }
.wr-fp-badge { font-size:9px; color:#ff9500; margin-top:3px; display:inline-block; }

/* NOTE INPUT */
.wr-note-input { display:flex; gap:6px; padding:8px 10px; border-top:1px solid #2a2a4a; }
.wr-note-field { flex:1; background:#1a1a30; border:1px solid #333; color:#ddd; padding:6px 8px; border-radius:4px; font-size:12px; }
.wr-note-field:focus { border-color:#00e5ff; outline:none; }

/* IOC PANEL */
.wr-ioc-tabs { display:flex; gap:2px; padding:4px 6px; border-bottom:1px solid #1e1e3a; }
.wr-ioc-content { flex:1; overflow-y:auto; padding:4px; }
.wr-ioc-card { padding:8px; margin-bottom:2px; background:#1a1a30; border-radius:4px; }
.wr-ioc-header { display:flex; justify-content:space-between; margin-bottom:3px; }
.wr-ioc-type { font-size:9px; font-weight:700; color:#aaa; letter-spacing:.5px; }
.wr-ioc-state { font-size:10px; font-weight:600; }
.wr-ioc-value { color:#ddd; font-size:12px; font-family:monospace; word-break:break-all; margin-bottom:4px; }
.wr-ioc-meta { display:flex; gap:8px; color:#777; font-size:10px; margin-bottom:4px; }
.wr-ioc-intel { display:flex; flex-wrap:wrap; gap:3px; margin-bottom:4px; }
.wr-ioc-actions { display:flex; gap:3px; flex-wrap:wrap; }

/* ASSETS PANEL */
.wr-assets-content { flex:1; overflow-y:auto; padding:4px; }
.wr-asset-card { padding:6px 8px; margin-bottom:2px; background:#1a1a30; border-radius:4px; }
.wr-asset-header { display:flex; justify-content:space-between; margin-bottom:2px; }
.wr-asset-type { color:#aaa; font-size:10px; text-transform:uppercase; }
.wr-asset-status { font-size:9px; font-weight:600; }
.wr-astatus-affected { color:#ff9500; }
.wr-astatus-isolated { color:#ff3b30; }
.wr-astatus-clean { color:#34c759; }
.wr-asset-name { color:#ddd; font-size:11px; margin-bottom:3px; }
.wr-asset-actions { margin-top:3px; }
.wr-isolated-label { color:#ff3b30; font-size:10px; }

/* PLAYBOOKS PANEL */
.wr-playbooks-content { flex:1; overflow-y:auto; padding:4px; }
.wr-pb-section-title { color:#777; font-size:10px; text-transform:uppercase; padding:4px 6px; }
.wr-pb-card { display:flex; align-items:center; gap:6px; padding:6px 8px; margin-bottom:2px; background:#1a1a30; border-radius:4px; }
.wr-pb-name { flex:1; color:#ddd; font-size:11px; }
.wr-pb-steps { color:#777; font-size:10px; }
.wr-pb-run { display:flex; align-items:center; gap:6px; padding:4px 8px; margin-bottom:2px; background:#1e2a1e; border-radius:4px; font-size:10px; color:#ccc; }
.wr-pb-run.wr-pb-running { border-left:2px solid #34c759; }
.wr-pb-run.wr-pb-failed { border-left:2px solid #ff3b30; }
.wr-pb-run-id { color:#888; font-family:monospace; }
.wr-pb-run-status { font-weight:600; }

/* EVENT STREAM */
.wr-event-stream { flex:1; overflow-y:auto; padding:4px; font-size:11px; }
.wr-event-item { display:flex; gap:6px; padding:4px 6px; margin-bottom:1px; background:#1a1a30; border-radius:3px; cursor:pointer; align-items:center; }
.wr-event-item:hover { background:#22224a; }
.wr-event-item.wr-evt-critical { border-left:2px solid #ff3b30; }
.wr-event-item.wr-evt-high { border-left:2px solid #ff9500; }
.wr-evt-time { color:#666; font-size:9px; flex-shrink:0; }
.wr-evt-source { color:#00e5ff; font-size:9px; font-weight:600; flex-shrink:0; }
.wr-evt-msg { color:#bbb; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wr-evt-ip { color:#888; font-family:monospace; font-size:9px; flex-shrink:0; }
.wr-evt-corr { font-size:10px; flex-shrink:0; }
.wr-event-dot { width:8px; height:8px; border-radius:50%; background:#34c759; }

/* GHOSTICAL CHIP — compact floating button, does not cover note footer */
.wr-ghost-chip { display:inline-flex; align-items:center; gap:5px; padding:3px 10px; background:#1a0a2a; border:1px solid #3a1a5a; border-radius:12px; cursor:pointer; color:#af52de; font-size:11px; font-weight:600; transition:all .15s; }
.wr-ghost-chip:hover { background:#2a1a3a; border-color:#af52de; }
.wr-ghost-chip-icon { font-size:13px; }

/* EMPTY STATES */
.wr-empty { color:#555; font-size:12px; text-align:center; padding:20px 10px; }
.wr-center-empty { padding:60px 20px; }
.wr-empty-icon { font-size:32px; margin-bottom:10px; }
.wr-empty-sub { color:#444; font-size:11px; margin-top:4px; }
.wr-error { color:#ff3b30; }
.wr-loading { color:#00e5ff; font-size:12px; text-align:center; padding:40px; }

/* SCROLLBAR */
.wr-incident-list::-webkit-scrollbar,
.wr-event-stream::-webkit-scrollbar,
.wr-detail-body::-webkit-scrollbar,
.wr-ioc-content::-webkit-scrollbar,
.wr-assets-content::-webkit-scrollbar,
.wr-playbooks-content::-webkit-scrollbar { width:4px; }
.wr-incident-list::-webkit-scrollbar-thumb,
.wr-event-stream::-webkit-scrollbar-thumb,
.wr-detail-body::-webkit-scrollbar-thumb,
.wr-ioc-content::-webkit-scrollbar-thumb,
.wr-assets-content::-webkit-scrollbar-thumb,
.wr-playbooks-content::-webkit-scrollbar-thumb { background:#333; border-radius:2px; }

/* ── WorkRoom r2 additions ─────────────────────────────────────── */

/* Layout handled by inline rules above */

/* Note footer — always visible at bottom of center panel */
.wr-note-footer { flex-shrink:0; border-top:1px solid #2a2a4a; background:#10101e; padding:5px 8px 4px; }
.wr-note-toolbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:3px; }
.wr-note-label { font-size:10px; color:#444; text-transform:uppercase; letter-spacing:.5px; }
.wr-note-fmt-btns { display:flex; gap:3px; }
.wr-note-input-row { display:flex; gap:5px; align-items:flex-end; }
.wr-note-field { flex:1; background:#0a0a1a; border:1px solid #2a2a4a; color:#ddd; padding:6px 8px; border-radius:4px; font-size:12px; font-family:inherit; resize:vertical; min-height:50px; max-height:120px; line-height:1.5; }
.wr-note-field:focus { border-color:#00e5ff; outline:none; }
.wr-note-send-col { display:flex; flex-direction:column; gap:3px; flex-shrink:0; }
.wr-note-hint { font-size:9px; color:#2a2a4a; margin-top:2px; }

/* Fix 2: formatted note rendering */
.wr-tl-note-body { color:#bbb; font-size:11px; line-height:1.6; }
.wr-note-h1 { color:#00e5ff; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; margin:6px 0 2px; border-bottom:1px solid #1e3a5f; padding-bottom:2px; }
.wr-note-h2 { color:#90caf9; font-size:11px; font-weight:600; margin:5px 0 2px; }
.wr-note-section { display:flex; align-items:baseline; gap:5px; color:#e0e0e0; font-size:11px; font-weight:600; margin:5px 0 2px; }
.wr-note-num { display:inline-flex; align-items:center; justify-content:center; min-width:16px; height:16px; border-radius:50%; background:#1e3a5f; color:#00e5ff; font-size:9px; font-weight:700; flex-shrink:0; }
.wr-note-hr { border:none; border-top:1px solid #2a2a4a; margin:5px 0; }
.wr-note-list { margin:2px 0 2px 6px; padding:0; list-style:none; }
.wr-note-list li { position:relative; padding-left:12px; margin-bottom:2px; color:#bbb; font-size:11px; }
.wr-note-list li::before { content:'•'; position:absolute; left:0; color:#00e5ff; }
.wr-note-code { background:#1a1a30; color:#7dd3fc; padding:0 4px; border-radius:3px; font-family:monospace; font-size:10px; border:1px solid #2a2a4a; }
.wr-note-p { margin:1px 0; color:#bbb; font-size:11px; }
.wr-note-spacer { height:4px; }

/* Fix 3: clickable IP addresses */
.wr-note-ip, .wr-ip-link { color:#00e5ff; text-decoration:underline; cursor:pointer; font-family:monospace; }
.wr-note-ip:hover, .wr-ip-link:hover { color:#4fc3f7; }