:root{color:#18202f;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{max-width:100%}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f8}a{color:#254ec7;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{min-height:38px;border:1px solid #254ec7;border-radius:6px;background:#254ec7;color:#fff;padding:0 14px;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #88a2ff;outline-offset:2px}input,select,textarea{width:100%;border:1px solid #c7cedb;border-radius:6px;background:#fff;color:#18202f;padding:9px 10px}textarea{min-height:96px;resize:vertical}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top}.app-shell{min-height:100vh}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px clamp(18px,4vw,56px);background:#101827;color:#fff}.shell-title{margin:6px 0 0;font-size:clamp(1.25rem,2.2vw,1.8rem);font-weight:800;letter-spacing:0}.topbar nav a{color:#dbe5ff;font-weight:700}.main-content{width:min(1440px,100%);min-width:0;margin:0 auto;padding:28px clamp(16px,3vw,40px) 56px}.page-stack{display:grid;gap:22px;min-width:0}.page-stack>*,.section>*,.detail-header>*,.mini-panel>*,.narrative-panel>*,.claim-card>*{min-width:0}.eyebrow{margin:0;color:#667085;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-heading h1{margin:6px 0 0;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:0}.topbar .eyebrow{color:#9fb1d9}.section,.detail-header,.state-block,.incident-card,.mini-panel,.narrative-panel,.metric-card,.truth-flag,.claim-card{border:1px solid #d9dee8;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1018270a}.section{min-width:0;padding:22px}.section-heading,.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2,.detail-header h1,.incident-card h2,.narrative-panel h3,.mini-panel h3{margin:0;letter-spacing:0}.section-heading h2{font-size:1.18rem}.section-action{flex:0 0 auto}.state-block{padding:28px}.state-danger{border-color:#f1a5a5;background:#fff8f8}.summary-strip,.metric-grid,.truth-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.metric-pill,.metric-card{padding:14px;background:#fff;border:1px solid #d9dee8;border-radius:8px}.metric-pill span,.metric-card span,.truth-flag span{display:block;color:#667085;font-size:.82rem;font-weight:700}.metric-pill strong,.metric-card strong,.truth-flag strong{display:block;margin-top:5px;font-size:1.15rem}.incident-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.incident-card{padding:18px}.card-title{min-height:44px;color:#3b4557}.process-mini{display:grid;gap:6px;padding:12px;border:1px solid #e2e7f0;border-radius:6px;background:#f8fafc;font-size:.9rem}.process-mini-split{border-color:#b9c8ff;background:#f4f7ff}.badge-row,.header-badges,.suggestions{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:800;background:#eef1f6;color:#344054}.badge-success{background:#e7f6ed;color:#146c43}.badge-warning{background:#fff5d6;color:#7a4d00}.badge-danger{background:#ffe4e4;color:#9f1f1f}.badge-info{background:#e5f0ff;color:#194ea6}.ppm-row{display:grid;gap:6px;margin:14px 0;font-size:.88rem}.muted{color:#667085}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end;gap:12px;margin-bottom:18px}.filter-bar label,.agent-controls label{display:grid;gap:6px;color:#344054;font-size:.86rem;font-weight:800}.filter-note{align-self:center;margin:0;color:#667085;font-size:.86rem}.secondary-button{border-color:#c7cedb;background:#fff;color:#344054}.back-link{width:fit-content;font-weight:700}.detail-header{display:grid;gap:20px;min-width:0;padding:24px}.detail-header h1{margin-top:6px;font-size:clamp(1.5rem,3vw,2.2rem)}.two-column{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.narrative-panel,.mini-panel{min-width:0;padding:16px}.kv-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));margin:0}.kv-grid div{min-width:0;border-top:1px solid #edf0f5;padding-top:10px}.kv-grid dt{color:#667085;font-size:.78rem;font-weight:800}.kv-grid dd{margin:3px 0 0;overflow-wrap:anywhere}.process-flow{display:flex;flex-wrap:wrap;gap:12px;min-width:0}.process-single{display:grid;gap:14px;min-width:0}.process-node{position:relative;display:grid;min-width:min(100%,150px);gap:4px;border:1px solid #d9dee8;border-radius:8px;background:#f8fafc;padding:12px}.process-node-single{width:min(100%,260px)}.role-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin:0}.role-list div{border-top:1px solid #edf0f5;padding-top:10px}.role-list dt{color:#667085;font-size:.78rem;font-weight:800}.role-list dd{margin:3px 0 0;overflow-wrap:anywhere}.process-node span{color:#667085;font-size:.78rem;font-weight:800}.process-node b{position:absolute;right:-14px;top:34%;color:#667085}.callout{border-left:4px solid #254ec7;background:#f4f7ff;padding:12px;color:#24324a}.ppm-comparison{display:grid;gap:10px;margin:20px 0}.ppm-comparison>div{display:grid;grid-template-columns:100px 1fr 120px;align-items:center;gap:10px}.ppm-comparison div div{height:14px;border-radius:999px;background:#3662e3}.data-table,.compact-table{font-size:.88rem;width:100%;min-width:0;table-layout:fixed}.data-table th,.data-table td,.compact-table th,.compact-table td{border-bottom:1px solid #edf0f5;padding:10px;overflow-wrap:anywhere;word-break:break-word}.data-table th,.compact-table th{color:#475467;font-size:.76rem;text-transform:uppercase}.validation-metric-cards{display:none}.validation-metric-card{border:1px solid #d9dee8;border-radius:8px;background:#fff;padding:14px}.validation-metric-card h3{margin:0 0 12px;font-size:1rem;letter-spacing:0}.validation-metric-card dl{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));margin:0 0 12px}.validation-metric-card dt{color:#667085;font-size:.76rem;font-weight:800;text-transform:uppercase}.validation-metric-card dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}.validation-metric-card p{margin:0;color:#475467;line-height:1.45}.table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto}.table-scroll .data-table,.table-scroll .compact-table{min-width:max-content;width:max-content;table-layout:auto}.truth-flag{padding:14px}.truth-active{border-color:#91d6ae;background:#f4fbf7}.chart-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.chart-frame{min-height:220px}.limitation-list,.distribution-list{margin:0;padding-left:18px}.distribution-list{display:grid;gap:8px;list-style:none;padding-left:0}.distribution-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5;padding-bottom:8px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px}.agent-layout{display:grid;gap:18px;grid-template-columns:minmax(min(100%,280px),380px) minmax(0,1fr)}.agent-controls{display:grid;align-content:start;gap:14px}.checkbox-row{grid-template-columns:auto 1fr!important;align-items:center}.checkbox-row input{width:auto}.claim-list{display:grid;gap:12px}.claim-card{padding:14px}.warning-panel{border-color:#f1d48f;background:#fffaf0}.tool-trace{border:1px solid #d9dee8;border-radius:8px;background:#fff;padding:12px 16px}.tool-trace summary{cursor:pointer;font-weight:800}.cause-row{border-bottom:1px solid #edf0f5;padding:10px 0}small{display:block;color:#667085;margin-top:2px;overflow-wrap:anywhere}.truth-note{margin:10px 0 0;color:#475467;font-size:.86rem;overflow-wrap:anywhere}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.section,.detail-header{padding:16px}.incident-grid,.agent-layout{grid-template-columns:1fr}.process-flow{display:grid}.process-node b{display:none}.ppm-comparison>div{grid-template-columns:minmax(0,88px) minmax(0,1fr)}.ppm-comparison strong{grid-column:1 / -1}.validation-metric-table{display:none}.validation-metric-cards{display:grid;gap:12px}}
