/* Shared reading scale. Keep this layer last so older compact layouts do not
   shrink the investigation, terminal or notebook below a readable size. */
:root{--pig-text:#e3e7ef;--pig-secondary:#a8b3c5;--pig-line:#2b3341;--pig-accent:#c9ceff}
body{font-size:15px;color:var(--pig-text);line-height:1.6}
button,input,select,textarea{font-size:14px}
button{min-height:34px}
button:focus-visible,a:focus-visible,summary:focus-visible,[role=separator]:focus-visible{outline:2px solid #aebcff;outline-offset:3px}
input:focus,textarea:focus{border-color:#8597d0}
.sidebar nav button{font-size:14px;padding:12px 14px}
.workspace-label,.eyebrow,.outline-label,.document-label{font-size:11px;letter-spacing:.11em;color:var(--pig-secondary)}
.sidebar-foot,.sidebar-foot small,.workspace-chip,main>header,.rail-bottom{font-size:12px;color:var(--pig-secondary)}
.lede,.section-heading p,.info-panel p{font-size:15px;line-height:1.7}
.muted{color:var(--pig-secondary)!important}
.incident-rail{width:230px;min-width:230px;background:#13161c}
.rail-title{font-size:14px;padding:8px 6px 18px;color:#cbd3e0}
#incident-list button{padding:14px 12px;border-radius:10px;margin-bottom:7px;flex-shrink:0}
#incident-list button strong{font-size:14px;line-height:1.55;font-weight:500;flex-shrink:0}
#incident-list button small{font-size:12px;line-height:1.5;color:#a1adbf;margin-top:7px}
.incident-topbar{padding:22px 28px 12px;gap:20px}
#incident-heading{font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.025em}
#incident-meta{font-size:13px;line-height:1.5;color:#a1adbf;margin-top:8px}
#toggle-investigation-panel{min-height:38px;padding:8px 12px;border-radius:9px}
#toggle-investigation-panel span{font-size:13px}
#incident-actions{padding:0 28px 16px;gap:8px;flex-wrap:wrap}
#incident-actions button{font-size:12px;padding:7px 10px}
.investigation-status{font-size:13px;color:#b3bfd1;flex-shrink:0}
.conversation-column{min-width:0;background:#101318}
.conversation-column #incident-chat{padding:32px max(28px,calc((100% - 800px)/2));scrollbar-width:thin;scrollbar-color:#394253 transparent}
.incident-message{margin-bottom:32px}
.message-heading{font-size:14px;color:#c9d2e1}
.message-heading time{font-size:12px;color:#98a6bb}
.message-copy,.message-copy p,.message-copy li{font-size:16px;line-height:1.75;color:#d8dfeb}
.message-copy pre,.message-copy code{font-size:14px}
.incident-message.system .message-copy p{font-size:14px;color:#a9b6c9}
.incident-message.human .message-copy{background:#222936;border-color:#343e50;padding:13px 18px}
.live-chat-status,.chat-activity{font-size:14px;color:#bac7dc}
.chat-activity small{font-size:12px}
#investigation-composer{padding:12px max(24px,calc((100% - 840px)/2)) 16px;background:linear-gradient(transparent,#101318 20%)}
#message-form{border:1px solid #3d485e;border-radius:16px;background:#1b2230;box-shadow:0 5px 24px #0002;overflow:hidden}
#message-form:focus-within{border-color:#8d9fd5;box-shadow:0 0 0 2px #8799d316}
#message-form textarea{font-size:16px;line-height:1.6;padding:17px 18px 10px;min-height:74px;color:#e7ecf6;background:transparent}
.message-composer-footer{font-size:12px;padding:4px 16px 12px}
#steering-status{font-size:12px;line-height:1.5;color:#a8b6cc;padding:0 18px 12px}
.composer-caption{font-size:12px;color:#95a2b7;margin-top:10px}
.investigation-body{--investigation-width:460px}
#investigation-panel{background:#151b25;min-width:320px;max-width:calc(100% - 400px)}
.panel-top{padding:11px 16px;min-height:46px;font-size:14px;border-bottom:1px solid var(--pig-line)}
.panel-top button{width:32px;height:32px;font-size:23px}
#incident-current{padding:16px 18px;max-height:none;overflow:visible}
#incident-current .eyebrow{font-size:11px;margin-bottom:10px}
#incident-summary,#incident-summary p{font-size:14px;line-height:1.65;color:#c4d0e3}
.summary-cause>small,.summary-impact>small{font-size:12px;color:#a4b6d2}
.summary-cause>p{-webkit-line-clamp:4;line-height:1.65!important}
.next-action{background:#222e43;border-color:#3b4d6a;padding:12px 14px;margin-top:12px;border-radius:10px}
.next-action small{font-size:11px;color:#b4c9f4}
.next-action p{font-size:14px!important;line-height:1.65!important}
.handoff-details{margin-top:12px}
.handoff-details summary{font-size:13px;color:#b2c6e8}
.handoff-details p{font-size:14px!important}
.inspector-tabs,.output-tabs{padding:0 12px;background:#171e2a}
.inspector-tabs button,.output-tabs button{font-size:13px;padding:12px 9px;color:#a5b4cd}
.inspector-tabs span,.output-tabs span{font-size:11px;padding:1px 5px}
#hypotheses-panel,#steps-panel{padding:14px;min-height:90px;scrollbar-width:thin}
.hypothesis-card{padding:14px;background:#1a2433;border-color:#35435b;border-radius:10px;margin-bottom:12px}
.hypothesis-card>summary{font-size:14px;line-height:1.65;color:#cfdaeb;gap:10px}
.hypothesis-card>summary::after{font-size:12px;color:#a1b4d5}
.status-badge{font-size:10px;padding:3px 7px;letter-spacing:.05em}
.hypothesis-detail p,.mitigation-card p,.mitigation-card{font-size:14px;line-height:1.7;color:#b8c8df}
.step-row{padding:13px 5px;gap:10px}
.step-row strong{font-size:14px;color:#d0dbee}
.step-row small{font-size:12px;color:#a0b1cb}
.step-dot{font-size:14px}
.tool-card{padding:12px;border-radius:9px}
.tool-card summary,.tool-query p{font-size:13px;color:#bfcee4}
.tool-query small{font-size:11px;color:#a7bbd9}
.tool-query pre,.tool-result{font-size:12px;line-height:1.7;padding:12px}
.panel-empty{font-size:14px;color:#a7b8d1}
#investigation-panel .investigation-inspector{min-height:260px;display:block;overflow:auto;scrollbar-width:thin}
#investigation-panel .output-panel:not(.output-expanded):not(.output-collapsed){height:var(--terminal-height,46%);max-height:calc(100% - 315px)}
#workspace-divider{width:9px;flex-basis:9px}
#workspace-divider::after{inset:0 4px}
#terminal-divider{height:9px;flex-basis:9px}
#terminal-divider::after{inset:4px 0}
#terminal-tabs button{font-size:13px;padding:8px 12px}
.terminal-context,.terminal-context summary,.terminal-context p{font-size:13px;color:#aabbd3}
.terminal-context pre,.terminal-context code{font-size:12px}
#terminal-runs .terminal-command,#terminal-runs .terminal-text{font-size:14px;line-height:1.65}
#terminal-runs .terminal-run-head small,.terminal-exit{font-size:12px}
.terminal-empty p{font-size:14px}.terminal-empty small{font-size:12px;color:#9caecc}
#terminal-live-status,#terminal-live-toolbar button,.terminal-share,.terminal-attachment button{font-size:12px}
#terminal-live-toolbar button{min-height:30px;padding:5px 8px}
.transcript-line{font-size:14px;min-height:26px}
.output-panel.output-expanded{inset:64px 24px 24px max(90px,7vw);border-color:#59657e;box-shadow:0 24px 100px #000b}
.output-panel.output-collapsed{height:48px!important;min-height:48px!important;max-height:48px!important}
.section-link strong,.source-summary strong,.assistant-header strong{font-size:14px}
.section-link small,.source-summary small,.source-check,.outline-note,.document-foot,.copilot-boundary,.assistant-header small{font-size:12px;line-height:1.6}
.source-summary p,.chat-feed,.chat-feed p,.copilot-shortcuts button,#chat-form textarea{font-size:14px;line-height:1.7}
.document .tiptap,.document .tiptap p,.document .tiptap li{font-size:16px;line-height:1.75}
.connection-card p,.connection-card small,.notebook-card p,.notebook-card small{font-size:14px;line-height:1.6}
/* Focused war room: context is visible, investigation details are summoned. */
body[data-view=incidents]>.sidebar{width:66px;padding:24px 10px;align-items:center}
body[data-view=incidents]>.sidebar .brand{font-size:27px}
body[data-view=incidents]>.sidebar .snout,body[data-view=incidents]>.sidebar .workspace-label,body[data-view=incidents]>.sidebar .sidebar-foot{display:none}
body[data-view=incidents]>.sidebar nav{margin-top:34px;width:100%}
body[data-view=incidents]>.sidebar nav button{font-size:0;padding:12px;text-align:center}
body[data-view=incidents]>.sidebar nav button span{font-size:20px;margin:0}
body[data-view=incidents] main{margin-left:66px}
body[data-view=incidents] main>header{display:none}
.incident-rail{width:242px;min-width:242px}
.incident-topbar{padding-top:18px;padding-bottom:8px}
#incident-heading{max-width:68ch}
#incident-actions{padding-bottom:12px}
.incident-actions-menu{position:relative;z-index:9}
.incident-actions-menu>summary{list-style:none;cursor:pointer;padding:7px 11px;border:1px solid #3d485d;border-radius:9px;color:#c7d2e7;font-size:13px;line-height:1.45;min-height:34px}
.incident-actions-menu>summary::-webkit-details-marker{display:none}
.incident-actions-menu>summary::after{content:'⌄';padding-left:10px;color:#aab8d1}
.incident-actions-menu[open]>summary{background:#252d3d;border-color:#6f7fa4}
.incident-actions-menu>div{position:absolute;right:0;top:calc(100% + 6px);width:190px;padding:6px;background:#1b2330;border:1px solid #44516a;border-radius:11px;box-shadow:0 18px 38px #0008;display:flex;flex-direction:column;gap:2px}
#incident-actions .incident-actions-menu button{width:100%;text-align:left;border:0;background:transparent;padding:10px 11px;font-size:13px;color:#d2dbee}
#incident-actions .incident-actions-menu button:hover{background:#2c374b}
.incident-brief{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 28px;background:#171e29;border-bottom:1px solid #303b4e}
.incident-brief[hidden]{display:none}
.incident-brief>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.incident-brief small{font-size:10px;letter-spacing:.1em;color:#91a4c4;font-weight:650}
.incident-brief strong{font-size:13px;line-height:1.45;font-weight:500;color:#d4deef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.incident-brief button{border:0;background:transparent;color:#b7c9f1;font-size:12px;padding:7px 4px;white-space:nowrap}
.conversation-column #incident-chat{padding-left:max(30px,calc((100% - 850px)/2));padding-right:max(30px,calc((100% - 850px)/2))}
#workspace-divider{display:none}
#investigation-panel,#investigation-panel.panel-open{position:fixed;z-index:20;right:18px;top:18px;bottom:18px;width:min(570px,calc(100vw - 100px));max-width:none;min-width:0;border:1px solid #4c5870;border-radius:14px;box-shadow:0 24px 90px #000c;overflow:hidden}
#investigation-panel.panel-open{display:flex}
body.inspector-collapsed #investigation-panel{display:none}
.output-panel.output-expanded{z-index:30}
@media(max-width:1350px) and (min-width:651px){
 .incident-rail{width:210px;min-width:210px}
 body[data-view=incidents]>.sidebar nav button{font-size:0}
 #investigation-panel{max-width:calc(100% - 360px)}
}
@media(max-width:1100px){
 #investigation-panel{display:none;position:fixed;z-index:20;right:12px;top:12px;bottom:12px;width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);border:1px solid #48566f;border-radius:14px;box-shadow:0 20px 80px #000b;overflow:hidden}
 #investigation-panel.panel-open{display:flex}
 #workspace-divider{display:none}
}
@media(max-width:650px){
 body[data-view=incidents] main{margin:0}
 body[data-view=incidents]>.sidebar{width:100%;padding:8px 16px;justify-content:space-between}
 body[data-view=incidents]>.sidebar nav{width:auto;margin:0}
 body[data-view=incidents]>.sidebar{flex-direction:row}
 body[data-view=incidents]>.sidebar nav{flex-shrink:0;min-height:38px;align-items:center}
 .incident-rail{width:44px;min-width:44px;padding:12px 4px}
 .rail-title{padding:0}
 body[data-view=incidents]>.sidebar nav button{font-size:0}
 .incident-topbar{padding:16px 16px 10px;gap:10px}
 .incident-brief{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 14px}
 .incident-brief>div:nth-child(2){display:flex;grid-column:1;grid-row:2}
 .incident-brief button{grid-column:2;grid-row:1 / span 2}
 .incident-brief strong{font-size:12px}
 .incident-brief button{font-size:11px}
 #incident-heading{font-size:19px}
 #incident-meta{font-size:12px}
 #incident-actions{padding:0 14px 12px;gap:6px}
 #incident-actions button{font-size:12px;padding:6px 8px}
 .conversation-column #incident-chat{padding:24px 16px}
 .message-copy,.message-copy p,.message-copy li{font-size:16px}
 .message-heading time{font-size:11px}
 #investigation-composer{padding:8px 12px 12px}
 #message-form textarea{font-size:16px;min-height:70px}
 #steering-status{font-size:11px;padding:0 14px 10px}
 .composer-caption{display:none}
 #investigation-panel{top:62px;right:8px;bottom:8px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);min-width:0}
 .output-panel.output-expanded{inset:62px 8px 8px}
 .output-tabs{padding:0 7px}
 .output-tabs>button{font-size:12px;padding:10px 7px}
 body:not([data-view=incidents]) .sidebar nav button{font-size:12px;padding:8px}
}