.invoice-mission { --activity-bg: #f5f7f6; --teal: #126d68; --coral: #aa3e32; --amber: #886014; max-width: 1600px; }
.invoice-mission { --ink: #172c25; --rule: #cad7d0; --paper: #fff; --muted: #52645a; }
.invoice-mission * { box-sizing: border-box; letter-spacing: 0; }
.invoice-mission .invoice-chapter { padding-top: 10px; }
.invoice-mission .mission-rail button { min-height: 46px; }
.invoice-mission .invoice-facts { margin-bottom: 8px; }
.invoice-workbench { border-bottom: 1px solid #cbd7d1; }
.invoice-mission .invoice-workbench-single { grid-template-columns: minmax(0,1fr); }
.invoice-secondary { border-bottom: 1px solid #cbd7d1; padding: 8px 0; }
.invoice-mission .invoice-secondary > summary { font-size: 15px; padding: 14px 0; color: #24574b; }
.invoice-runtime { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid #cbd7d1; }
.invoice-runtime strong { font-size: 13px; }
.invoice-runtime small { display: block; margin-top: 6px; color: #596b61; }
.invoice-workbench .mission-active { max-height: none; overflow: visible; min-width: 0; }
.invoice-workbench .mission-evidence { max-height: none; overflow: visible; min-width: 0; }
.invoice-primary-action { border-block: 1px solid #cbd7d1; padding: 12px 0; margin: 12px 0 20px; }
.invoice-primary-action > small { display: block; color: #596b61; margin-bottom: 10px; }
.invoice-modes { display: flex; gap: 0; border-bottom: 2px solid #cbd7d1; margin-top: 16px; }
.invoice-modes > .button { flex: 1; border-radius: 0; border: 0; border-bottom: 3px solid transparent; padding: 14px; }
.invoice-modes > [aria-selected=true] { border-bottom-color: #126d68; background: #e9f3f1; color: #126d68; font-weight: 700; }
.invoice-mode-notice { border-left: 3px solid #886014; background: #fff5df; padding: 12px; margin: 12px 0; }
.mission-evidence .invoice-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
.mission-evidence .invoice-monitor { flex-wrap: wrap; }
.mission-evidence .invoice-freshness { margin-left: 0; }
.invoice-workbench .mission-evidence > h2 { position: sticky; top: 0; background: white; padding: 5px 0; }
.invoice-ledger { border-top: 2px solid #126d68; margin-top: 20px; padding-top: 10px; }
.invoice-comparison { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.invoice-comparison dt { font-size: 11px; color: #596b61; }
.invoice-comparison dd { margin: 6px 0; font: 600 17px Bahnschrift, sans-serif; }
.ledger-scroll { overflow: auto; max-height: 280px; }
.invoice-ledger table { width: 100%; border-collapse: collapse; font-size: 12px; }
.invoice-ledger td,.invoice-ledger th { text-align: left; padding: 9px; border-bottom: 1px solid #d2ded7; }
.invoice-ledger th { position: sticky; top: 0; background: #edf3ef; }
.invoice-ledger tr.duplicate { background: #fff4df; }
.invoice-ledger tr.quarantined { background: #f1f4f3; color: #67756c; }
.request-authorization { border-left: 3px solid #126d68; padding-left: 12px; }
.latest-agent-action { border-left: 3px solid #126d68; background: #edf6f2; padding: 14px; margin: 14px 0; }
.latest-agent-action small { display: block; font-size: 11px; color: #576c62; margin-bottom: 8px; }
.latest-agent-action strong { display: block; font-size: 17px; line-height: 1.4; }
.invoice-challenge { border-bottom: 1px solid #cbd7d1; padding: 18px 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px 24px; }
.invoice-challenge h3 { margin: 0; font-size: 19px; }
.invoice-challenge > ol,.invoice-challenge > details,.invoice-challenge > .challenge-verdict,.invoice-challenge > .authority-note { grid-column: 1 / -1; }
.invoice-challenge .button { justify-self: start; }
.investigation-scenarios { padding: 0; border: 0; }
.investigation-scenarios > summary { display: none; }
.invoice-investigation-launch { display: block; padding-top: 22px; }
.investigation-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,0.42fr); gap: 28px; align-items: start; padding-bottom: 24px; border-bottom: 1px solid var(--rule); }
.investigation-intro h2 { margin: 5px 0 8px; }
.investigation-intro p { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.6; }
.investigation-environment { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 2px 10px; padding: 14px; border: 1px solid var(--rule); border-radius: 8px; background: #f7f7f5; }
.investigation-environment.live { border-color: #91c9b9; background: #eef8f4; }
.investigation-environment svg { grid-row: 1 / 4; width: 20px; color: var(--teal); }
.investigation-environment small,.investigation-environment strong,.investigation-environment span { grid-column: 2; }
.investigation-environment small { color: var(--muted); }
.investigation-environment span { margin-top: 4px; font-size: 12px; color: var(--muted); }
.investigation-step-title { margin: 24px 0 12px !important; font-size: 15px !important; }
.investigation-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.investigation-option { min-width: 0; min-height: 90px; display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 10px; padding: 14px; text-align: left; color: var(--ink); background: #fff; border: 1px solid var(--rule); border-radius: 8px; cursor: pointer; font: inherit; }
.investigation-option:hover:not(:disabled) { border-color: #8baea4; background: #f7faf8; }
.investigation-option[aria-pressed=true] { border-color: var(--teal); box-shadow: inset 3px 0 var(--teal); background: #f0f8f5; }
.investigation-option svg { width: 20px; color: var(--teal); }
.investigation-option span { min-width: 0; }
.investigation-option strong,.investigation-option small { display: block; overflow-wrap: anywhere; }
.investigation-option small { margin-top: 6px; color: var(--muted); line-height: 1.45; }
.investigation-action { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-top: 22px; padding: 18px 0; border-block: 1px solid var(--rule); }
.investigation-action h3 { margin: 0 0 5px; font-size: 15px; }
.investigation-action p { margin: 0; max-width: 720px; color: var(--muted); }
.investigation-action .button { flex: 0 0 auto; }
.investigation-result-heading { grid-column: 1 / -1; margin-top: 26px; padding-top: 8px; }
.investigation-result-heading h3 { margin: 4px 0 8px; font-size: 20px; }
.sandbox-execution-proof { margin: 14px 0; padding: 16px; border: 1px solid #91c9b9; border-radius: 8px; background: #eef8f4; }
.sandbox-execution-proof h4 { margin: 0 0 12px; font-size: 15px; }
.sandbox-execution-proof .challenge-decisions { margin: 0; }
.sandbox-execution-timeline { list-style: none; margin: 8px 0 18px; padding: 0; border-left: 2px solid #91c9b9; }
.sandbox-execution-timeline li { display: grid; grid-template-columns: minmax(180px,.4fr) minmax(0,1fr) auto; gap: 12px; padding: 8px 12px; min-width: 0; }
.sandbox-execution-timeline li + li { border-top: 1px solid #d7e7e1; }
.sandbox-execution-timeline span { color: var(--muted); overflow-wrap: anywhere; }
.sandbox-execution-timeline time { color: var(--muted); font-size: 11px; white-space: nowrap; }
.invoice-challenge > div:first-child h2 { margin: 0 0 4px; font-size: 19px; }
.invoice-challenge > select { min-height: 42px; align-self: start; border: 1px solid #b9c9c1; background: #fff; padding: 8px 34px 8px 10px; }
.challenge-proof-chain { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; list-style: none; padding: 0; }
.challenge-proof-chain li { display: grid; grid-template-columns: 22px 1fr; gap: 3px 8px; align-items: start; padding: 12px; background: #f4f7f5; border-top: 2px solid #126d68; min-width: 0; }
.challenge-proof-chain svg { grid-row: 1 / 3; width: 18px; color: #126d68; }
.challenge-proof-chain small { color: #63736b; }
.challenge-proof-chain strong { overflow-wrap: anywhere; }
.investigation-policy { display: grid; grid-template-columns: minmax(190px,.42fr) minmax(0,1fr); gap: 14px 22px; margin-top: 12px; padding: 16px; border: 1px solid var(--rule); border-radius: 8px; background: #fafaf8; }
.investigation-policy-heading { min-width: 0; }
.investigation-policy-heading h4 { margin: 5px 0 8px; font-size: 15px; }
.investigation-policy-heading code { display: block; color: var(--muted); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.investigation-policy-code { min-width: 0; margin: 0; padding: 14px; overflow: auto; border: 1px solid #d8ddd9; border-radius: 6px; background: #202522; color: #e9f0eb; font-size: 12px; line-height: 1.55; }
.investigation-policy-code code { font: inherit; white-space: pre; }
.investigation-policy > p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 12px; }
.challenge-verdict { border-left: 3px solid #bd8934; padding: 12px; background: #fff6e6; }
.challenge-verdict.confirmed { border-left-color: #126d68; background: #edf6f2; }
.challenge-decisions { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,auto); gap: 10px; font-size: 13px; }
.challenge-decisions dd { min-width: 0; overflow-wrap: anywhere; }
.is-presenting .invoice-workbench { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.is-presenting .invoice-workbench h3 { font-size: 22px; }
.is-presenting .invoice-workbench .mission-active,.is-presenting .invoice-workbench .mission-evidence { max-height: none; }
.is-presenting .invoice-workbench p,.is-presenting .invoice-activity summary { font-size: 16px; }
@media (max-width:760px) { .invoice-challenge,.is-presenting .invoice-workbench { grid-template-columns: minmax(0,1fr); } .investigation-intro,.investigation-options,.investigation-policy { grid-template-columns: 1fr; } .investigation-action { align-items: stretch; flex-direction: column; } .investigation-action .button { width: 100%; justify-content: center; } .challenge-proof-chain { grid-template-columns: 1fr; } .sandbox-execution-timeline li { grid-template-columns: 1fr; gap: 3px; } .invoice-comparison { grid-template-columns: 1fr; } .invoice-workbench .mission-active,.invoice-workbench .mission-evidence { max-height: none; } }
.invoice-toolbar, .invoice-identity-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.invoice-identity-strip { padding: 12px 0; font-size: 12px; color: #53635d; border-bottom: 1px solid #d4deda; }
.invoice-identity-strip > span { border-left: 1px solid #c4d2cb; padding-left: 12px; }
.identity-trigger { color: #126d68; }
.invoice-chapter { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0 12px; }
.invoice-chapter h2 { margin: 5px 0; font-size: 25px; }
.chapter-question { margin: 0; font-size: 12px; color: #126d68; font-weight: 700; }
.chapter-state { font-size: 12px; white-space: nowrap; }
.invoice-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0 0 16px; border-bottom: 1px solid #d4dfd8; }
.invoice-facts > div { padding: 10px 16px; border-left: 1px solid #d4dfd8; }
.invoice-facts > div:first-child { padding-left: 0; border: 0; }
.invoice-facts dt { font-size: 11px; color: #64756b; }
.snapshot-caption { margin: 3px 0 0; font-size: 10px; color: #64756b; }
.invoice-facts dd { margin: 5px 0; font: 600 18px Bahnschrift, 'Trebuchet MS', sans-serif; }
.invoice-monitor { display: flex; align-items: center; gap: 12px; border-block: 1px solid #c9d9d5; padding: 12px 16px; background: #e9f3f1; }
.invoice-monitor > svg { width: 22px; color: #126d68; flex-shrink: 0; }
.invoice-monitor small, .invoice-monitor strong { display: block; }
.invoice-monitor small { font-size: 11px; color: #526b63; margin-bottom: 3px; }
.invoice-monitor strong { font-size: 15px; }
.invoice-monitor.uncertain, .invoice-monitor.disconnected, .invoice-monitor.stale { background: #fff5df; border-color: #dcc798; }
.invoice-monitor.uncertain svg, .invoice-monitor.disconnected svg { color: #886014; }
.invoice-freshness { margin-left: auto; font: 11px Consolas, monospace; }
.invoice-stage { display: grid; grid-template-columns: minmax(0, 1fr) 310px; border-bottom: 1px solid #cbd7d1; }
.invoice-topology { min-width: 0; padding: 20px 28px 20px 0; background-image: radial-gradient(#c7d6d0 0.6px, transparent 0.6px); background-size: 18px 18px; }
.architecture-controls { display: grid; grid-template-columns: 1fr 150px 1fr; align-items: center; gap: 12px; }
.architecture-node { width: 100%; position: relative; border: 1px solid #aebfb8; border-radius: 4px; padding: 12px; background: #fff; color: #243830; text-align: left; cursor: pointer; font: inherit; display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 3px 9px; min-height: 65px; }
.architecture-node svg { width: 21px; height: 21px; grid-row: span 2; color: #567468; }
.architecture-node strong { font: 600 14px Bahnschrift, 'Trebuchet MS', sans-serif; overflow-wrap: anywhere; }
.architecture-node small { font-size: 10px; color: #64736b; }
.architecture-node:hover { border-color: #126d68; background: #f4fbf9; }
.architecture-node[aria-pressed=true] { outline: 2px solid #126d68; outline-offset: 2px; }
.architecture-node.is-current-agent { border-left: 4px solid #126d68; background: #eaf5f1; }
.architecture-node.is-secondary { background: #f5f6f5; border-style: dashed; color: #63756b; }
.architecture-path { display: flex; justify-content: center; align-items: center; gap: 7px; min-height: 35px; font-size: 11px; color: #526b63; }
.architecture-path svg { width: 15px; height: 15px; }
.architecture-controls .architecture-path svg { transform: rotate(-90deg); }
.architecture-runtime { display: grid; grid-template-columns: minmax(0, 1fr) 175px; align-items: center; gap: 20px; margin-top: 8px; }
.saw-enclosure, .sandbox-enclosure { min-width: 0; margin: 0; padding: 10px 15px 14px; border: 1px solid #77988d; background: #eff6f3b8; }
.saw-enclosure legend, .sandbox-enclosure legend { padding: 0 6px; max-width: 100%; }
.saw-enclosure legend .architecture-node, .sandbox-enclosure legend .architecture-node { min-height: 0; border: 0; padding: 5px 8px; background: #edf5f1; }
.sandbox-enclosure { border: 1.5px dashed #4e7970; background: #fff; }
.sandbox-enclosure legend .architecture-node { background: #fff; }
.architecture-agents { display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; padding: 8px 0; }
.separate-sandbox { margin-top: 12px; padding: 9px; border: 1px dashed #b0bdb6; background: #f4f6f4; }
.separate-sandbox > small { display: block; color: #64766c; font-size: 10px; margin-bottom: 7px; }
.architecture-binding { margin: 8px 0 0; font-size: 10px; color: #5b7066; }
.architecture-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.architecture-policy { display: flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 12px; color: #7f423a; }
.architecture-policy svg { width: 15px; flex-shrink: 0; }
.architecture-policy small { margin-left: auto; font-size: 10px; color: #65736a; }
.authority-inspector { min-width: 0; border-left: 1px solid #cbd7d1; padding: 20px 0 16px 22px; }
.authority-inspector > header { display: flex; align-items: center; gap: 10px; min-height: 32px; font: 600 17px Bahnschrift, 'Trebuchet MS', sans-serif; }
.authority-inspector > header svg { width: 23px; color: #126d68; }
.inspector-tabs { display: flex; border-bottom: 1px solid #cfdbd4; margin: 12px 0; }
.inspector-tabs button { flex: 1; padding: 9px 3px; background: none; border: none; border-bottom: 2px solid transparent; font-family: inherit; font-size: 12px; cursor: pointer; color: #51665a; }
.inspector-tabs button[aria-selected=true] { border-color: #126d68; color: #126d68; font-weight: 700; }
.inspector-explanation, .authority-note { color: #596b61; font-size: 12px; line-height: 1.65; margin: 12px 0; }
.authority-badge { display: inline-block; font-size: 10px; color: #536963; border-bottom: 1px dotted #9fb9ae; padding-bottom: 3px; }
.inspector-body h4 { margin: 16px 0 9px; font-size: 12px; }
.permission-list { padding: 0; list-style: none; margin: 0; display: grid; gap: 9px; }
.permission-list li { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #21574a; }
.permission-list svg { width: 14px; height: 14px; flex-shrink: 0; }
.permission-list.restricted { color: #84443a; }
.permission-list.restricted li { color: inherit; }
.user-permissions { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; font-size: 11px; margin: 20px 0; }
.user-permissions dd { margin: 0; }
.allowed { color: #126d68; } .restricted { color: #aa3e32; }
.boundary-preview { border-left: 3px solid #c59340; background: #fffaee; padding: 12px; margin-top: 12px; }
.boundary-preview svg { width: 20px; color: #886014; }
.boundary-preview h4 { margin-top: 8px; }
.boundary-preview p { font-size: 12px; line-height: 1.6; }
.boundary-preview small, .boundary-preview strong { display: block; font-size: 11px; margin-top: 12px; }
.invoice-workbench { grid-template-columns: minmax(0,1fr) 390px; }
.invoice-workbench .mission-active { padding-top: 22px; }
.invoice-workbench .mission-evidence { padding-top: 26px; }
.invoice-workbench h3 { font-size: 18px; line-height: 1.4; }
.invoice-workbench p { font-size: 13px; line-height: 1.65; }
.selected-scenario { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 5px 12px; margin: 18px 0; border-left: 3px solid #126d68; padding-left: 14px; }
.selected-scenario svg { width: 22px; grid-row: span 2; color: #126d68; }
.selected-scenario strong { font-size: 14px; }
.selected-scenario small { font-size: 11px; color: #637368; }
.selected-scenario > :not(svg) { grid-column: 2; min-width: 0; overflow-wrap: anywhere; }
.invoice-list-status { border-left: 3px solid #b16b16; padding: 8px 12px; color: #76521f; background: #fff6e6; }
.invoice-mission summary { cursor: pointer; font-size: 12px; font-weight: 600; padding: 9px 0; }
.invoice-technical, .invoice-advanced, .invoice-risks { border-top: 1px solid #d5dfd9; margin: 12px 0; }
.invoice-mission .invoice-plan-steps { list-style: none; padding: 0; }
.invoice-mission .invoice-plan-steps li { display: grid; grid-template-columns: 27px minmax(0,1fr) auto; align-items: start; gap: 10px; }
.invoice-plan-steps svg { width: 21px; color: #126d68; margin-top: 2px; }
.invoice-plan-steps strong { font-size: 14px; }
.invoice-plan-steps p { margin: 5px 0 0; color: #647368; }
.step-receipt { font-size: 10px; background: #edf3f0; padding: 5px 7px; border-radius: 3px; }
.verification-outcomes { display: grid; grid-template-columns: 1fr auto; gap: 14px; font-size: 14px; border-top: 2px solid #126d68; padding-top: 18px; }
.verification-outcomes dd { color: #126d68; font-weight: bold; margin: 0; }
.invoice-mission .invoice-activity { height: auto; max-height: 400px; font-family: Bahnschrift, 'Trebuchet MS', sans-serif; border: 0; border-left: 2px solid #bdd6cb; background: none; }
.invoice-activity li { position: relative; background: #f4f7f5; margin-bottom: 6px; }
.invoice-activity li.warning { background: #fff5e5; }
.invoice-activity summary { padding: 3px 0; line-height: 1.4; }
.invoice-stage-lesson { border-left: 3px solid #126d68; padding-left: 12px; }
.is-presenting .invoice-chapter h2 { font-size: 30px; }
.is-presenting .architecture-node strong { font-size: 17px; }
.is-presenting .architecture-node small { font-size: 12px; }
.is-presenting .permission-list li, .is-presenting .inspector-explanation { font-size: 14px; }
@media (prefers-reduced-motion: no-preference) { .architecture-node.is-observed { animation: observed-request 2s ease-in-out infinite; } @keyframes observed-request { 50% { box-shadow: 0 0 0 4px #126d681f; border-color: #126d68; } } }
@media (max-width: 1100px) { .invoice-stage { grid-template-columns: minmax(0,1fr) 260px; } .architecture-runtime { grid-template-columns: 1fr; gap: 0; } .architecture-inference { display: flex; gap: 15px; align-items: center; margin-top: 10px; } .architecture-inference > * { flex: 1; } .invoice-workbench { grid-template-columns: minmax(0,1fr) 300px; } .architecture-controls { grid-template-columns: 1fr 95px 1fr; } }
@media (max-width: 760px) { .invoice-stage, .invoice-workbench { grid-template-columns: minmax(0,1fr); } .invoice-topology { padding-right: 0; } .authority-inspector { padding: 18px 0; border-left: 0; border-top: 1px solid #cbd7d1; } .invoice-chapter { align-items: flex-start; } .invoice-chapter h2 { font-size: 23px; } .chapter-state { white-space: normal; font-size: 10px; } .architecture-policy { flex-wrap: wrap; } .architecture-policy small { margin-left: 23px; } .invoice-monitor { flex-wrap: wrap; } .invoice-freshness { width: 100%; margin-left: 34px; } .architecture-controls { grid-template-columns: 1fr 65px 1fr; gap: 6px; } .architecture-controls .architecture-path { flex-direction: column; font-size: 9px; text-align: center; } .saw-enclosure,.sandbox-enclosure { padding: 8px; } .architecture-node { padding: 10px 7px; grid-template-columns: 20px minmax(0,1fr); gap: 3px 5px; } .architecture-node strong { font-size: 12px; } .architecture-node small { font-size: 10px; } .architecture-node svg { width: 17px; height: 17px; } .architecture-services { gap: 6px; } .architecture-services .architecture-node { grid-template-columns: 1fr; } .architecture-agents { gap: 8px; } .invoice-mission .invoice-plan-steps li { grid-template-columns: 24px minmax(0,1fr); } .step-receipt { grid-column: 2; justify-self: start; } .is-presenting .architecture-node strong { font-size: 13px; } }
.invoice-mission .mission-active > .button { margin: 8px 8px 12px 0; }
.invoice-mission select, .invoice-scenario input { display: block; width: 100%; min-height: 40px; margin: 8px 0 16px; padding: 8px; border: 1px solid #9aa9a1; background: #fff; color: #172c25; }
.invoice-scenario { display: block; margin-top: 20px; }
.invoice-plan-steps { padding-left: 24px; margin: 20px 0; }
.invoice-plan-steps li { padding: 12px 0; border-bottom: 1px solid #d6dfda; overflow-wrap: anywhere; }
.invoice-mission pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 360px; overflow: auto; font-size: 12px; }
.invoice-mission code { display: block; overflow-wrap: anywhere; font-size: 12px; }
.invoice-mission .mission-evidence h3 { margin-top: 20px; font-size: 13px; }
.invoice-activity { padding: 0; margin: 16px 0; height: 360px; overflow-y: auto; background: var(--activity-bg); border: 1px solid #d6dfda; list-style: none; font: 12px/1.6 Consolas, monospace; }
.invoice-activity li { padding: 10px 12px; border-bottom: 1px solid #d6dfda; overflow-wrap: anywhere; }
.invoice-activity time, .invoice-activity strong, .invoice-activity span { display: block; }
.invoice-activity time { color: #53665e; font-size: 11px; }
.invoice-activity strong { color: #174e39; }
@media (max-width: 700px) { .invoice-mission .mission-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); } .invoice-mission .mission-rail button { padding: 10px 4px; font-size: 12px; } }

.invoice-mission .mission-heading { align-items: center; margin-bottom: 8px; }
.invoice-mission .mission-heading h1 { font-size: 28px; line-height: 1.15; margin: 0; }
.invoice-modes { margin-top: 8px; }
.invoice-modes > .button { padding: 10px 16px; }
.invoice-runtime { display: block; padding: 0; }
.invoice-runtime > summary { color: var(--muted); font-size: 12px; padding: 8px 0; }
.invoice-runtime[open] { padding-bottom: 12px; }
.invoice-runtime[open] > div { display: inline-block; margin-right: 16px; }
.invoice-mission .mission-rail { margin: 10px 0 0; }
.invoice-mission .mission-rail button { min-height: 40px; }
.invoice-chapter { padding: 10px 0; }
.investigation-title { font-size: 14px; font-weight: 600; }
.outcome-strip { border-block: 1px solid var(--rule); padding: 14px 0 16px; background: linear-gradient(110deg,#f0f8f5,#f8fafb 65%,#fff6ec); }
.outcome-heading { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 0 16px; align-items: center; }
.eyebrow { font-size: 12px; font-weight: 700; color: var(--teal); }
.outcome-heading strong { font-size: 14px; }
.outcome-heading time { font-size: 12px; color: var(--muted); margin-left: auto; }
.verified-label { color: var(--teal); }
.outcome-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 14px 0 0; }
.outcome-metrics > div { min-width: 0; padding: 0 16px; border-left: 1px solid var(--rule); }
.outcome-metrics > div:first-child { border: 0; }
.outcome-metrics dt { font-size: 13px; color: var(--muted); margin-bottom: 6px; }
.outcome-metrics dd { display: flex; align-items: center; gap: 18px; margin: 0; }
.outcome-metrics dd svg { width: 18px; flex-shrink: 0; color: var(--muted); }
.outcome-metrics dd small { display: block; font-size: 11px; color: var(--muted); margin-bottom: 3px; }
.outcome-metrics dd strong { display: block; font: 600 28px/1.2 Bahnschrift,'Trebuchet MS',sans-serif; overflow-wrap: anywhere; }
.outcome-metrics > div > small { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; }
.outcome-strip > .authority-note { margin: 12px 16px 0; }
.metric-current { color: var(--teal); }
.invoice-workbench { grid-template-columns: minmax(0,1.6fr) minmax(300px,1fr); gap: 24px; padding-top: 14px; }
.invoice-workbench .mission-active,.invoice-workbench .mission-evidence { padding: 0; }
.invoice-workbench .mission-evidence { padding-left: 22px; border-left: 1px solid var(--rule); }
.invoice-workbench .mission-active > h2 { font-size: 18px; margin: 4px 0; }
.invoice-workbench .mission-active > .button { margin: 4px 8px 4px 0; }
.invoice-workbench .mission-action-status:empty { display: none; }
.invoice-workbench .mission-active > label { display: block; margin-top: 6px; font-size: 12px; color: var(--muted); }
.invoice-workbench select { margin: 4px 0 14px; }
.change-review h3 { font-size: 22px; margin: 12px 0 6px; }
.change-rationale { color: var(--muted); margin: 6px 0 16px; }
.change-review-heading { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; border-bottom: 1px solid var(--rule); padding: 8px 0; }
.change-review-heading span { color: var(--coral); }
.change-list { list-style: none; padding: 0; margin: 0; }
.change-list li { display: grid; grid-template-columns: 26px minmax(0,1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--rule); }
.change-list svg { width: 22px; height: 22px; color: var(--teal); }
.change-list strong { font-size: 15px; }
.change-list p { margin: 3px 0; }
.change-list small { color: var(--muted); font-size: 12px; }
.change-proof { display: block; font-size: 12px; color: var(--teal); margin: 6px 0 2px; font-weight: 600; }
.change-list summary { padding: 5px 0; font-weight: 400; }
.change-list code { margin: 6px 0; }
.review-risk { padding: 12px 0; font-size: 13px; }
.review-risk ul { padding-left: 18px; margin: 6px 0 0; color: var(--muted); }
.invoice-primary-action { border-top: 2px solid var(--teal); padding: 12px 0; background: #f4f9f6; }
.invoice-primary-action .review-confirmation { margin: 10px 0; }
.request-trace h2 { font-size: 18px; margin: 16px 0 12px; }
.proof-chain { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--teal); }
.proof-chain li { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 5px 8px; padding: 10px 12px; border-bottom: 1px solid var(--rule); }
.proof-chain svg { width: 20px; height: 20px; color: var(--teal); grid-row: span 2; }
.proof-chain small { color: var(--muted); font-size: 12px; }
.proof-chain strong { font-size: 14px; line-height: 1.4; }
.evidence-provenance { font-size: 12px !important; color: var(--muted); }
.trace-events { list-style: none; padding: 0; margin: 16px 0; max-height: 340px; overflow-y: auto; scrollbar-gutter: stable; }
.same-sandbox-test { border-top: 1px solid var(--rule); padding: 18px 0; min-width: 0; }
.same-sandbox-test h2 { font-size: 18px; margin: 0 0 12px; }
.sandbox-test-binding { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 6px 12px; font-size: 12px; }
.sandbox-test-binding dt { color: var(--muted); }
.sandbox-test-binding dd { margin: 0; overflow-wrap: anywhere; }
.same-sandbox-test .confirmed { color: var(--teal); }
.invoice-sandbox-inventory { border-top: 1px solid var(--rule); padding: 12px 0; min-width: 0; overflow-x: auto; }
.invoice-sandbox-inventory summary { cursor: pointer; font-weight: 600; }
.invoice-sandbox-inventory table { width: 100%; min-width: 680px; table-layout: auto; }
.invoice-sandbox-inventory th:first-child { width: 290px; }
.invoice-sandbox-inventory td { vertical-align: top; }
.invoice-sandbox-inventory td strong, .invoice-sandbox-inventory td code { display: block; overflow-wrap: anywhere; }
.invoice-sandbox-inventory td button { width: 44px; height: 44px; padding: 10px; }
.invoice-sandbox-inventory time { font-size: 12px; color: var(--muted); }
.invoice-demo-session { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.invoice-demo-session time, .invoice-demo-session span { font-size: 12px; color: var(--muted); }
.invoice-demo-session p { flex-basis: 100%; }
.trace-event { width: 100%; text-align: left; border: 0; border-bottom: 1px solid var(--rule); background: #fff; color: var(--ink); padding: 10px; cursor: pointer; font-family: inherit; display: grid; grid-template-columns: 85px minmax(0,1fr); gap: 4px 8px; }
.trace-event[aria-pressed=true] { background: #e8f3ef; box-shadow: inset 3px 0 var(--teal); }
.trace-event time,.trace-event small { font-size: 11px; color: var(--muted); }
.trace-event strong { font-size: 13px; line-height: 1.45; }
.trace-event small { grid-column: 2; }
.trace-event:focus-visible { outline: 2px solid var(--teal); outline-offset: -2px; }
.challenge-proof-chain { grid-column: 1/-1; list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 18px 0; border-block: 1px solid var(--rule); gap: 18px; }
.challenge-proof-chain li { display: grid; gap: 7px; }
.challenge-proof-chain svg { width: 25px; height: 25px; color: var(--teal); }
.challenge-proof-chain small { color: var(--muted); font-size: 12px; }
.challenge-proof-chain strong { font-size: 18px; line-height: 1.4; }
.challenge-verdict { font-size: 22px; }
.challenge-verdict.confirmed { color: var(--teal); border-color: var(--teal); background: #eaf6f1; }
.invoice-challenge h2 { font-size: 24px; margin: 0; }
.invoice-challenge .challenge-decisions { grid-column: 1/-1; font-size: 16px; }
.invoice-challenge > .button { min-height: 42px; }
.invoice-audience .topbar,.invoice-audience .session-bar,.invoice-audience .app-shell > footer { display: none; }
.invoice-audience .invoice-mission { padding: 24px 40px; }
.audience-header { display: flex; align-items: center; gap: 24px; border-bottom: 1px solid var(--rule); padding-bottom: 16px; }
.audience-header > strong { font-size: 24px; }
.audience-header > span { font-size: 14px; color: var(--muted); }
.audience-header .button { margin-left: auto; }
.audience-stage > h2 { font-size: 38px; line-height: 1.2; margin: 10px 0 24px; max-width: 1050px; }
.audience-stage > .eyebrow { margin: 24px 0 0; font-size: 16px; }
.audience-stage .outcome-metrics dd strong { font-size: 44px; }
.audience-stage .outcome-metrics dt { font-size: 18px; }
.audience-stage .outcome-metrics dd small,.audience-stage .outcome-heading time { font-size: 15px; }
.audience-run-state { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 18px 0; }
.audience-run-state strong { font-size: 24px; }
.audience-run-state span { font-size: 18px; color: var(--muted); }
.audience-stage .proof-chain { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 0; border-block: 2px solid var(--teal); }
.audience-stage .proof-chain li { padding: 20px 14px; border: 0; border-right: 1px solid var(--rule); }
.audience-stage .proof-chain strong { font-size: 20px; }
.audience-stage .proof-chain small { font-size: 15px; }
.audience-stage .trace-events { display: flex; gap: 8px; max-height: 130px; }
.audience-stage .trace-events li { flex: 0 0 270px; }
.audience-stage .trace-event { height: 100%; grid-template-columns: 1fr; }
.audience-stage .trace-event strong { font-size: 16px; }
.audience-stage .trace-event small { grid-column: 1; font-size: 13px; }
.audience-checks { display: flex; flex-wrap: wrap; gap: 12px 28px; list-style: none; padding: 12px 0; color: var(--teal); }
.audience-checks li { display: flex; align-items: center; gap: 10px; font-size: 18px; }
.audience-checks svg { width: 20px; }
.audience-challenge-chain { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; gap: 24px; padding: 24px 0; border-block: 2px solid var(--teal); }
.audience-challenge-chain small { display: block; font-size: 18px; color: var(--muted); margin-bottom: 16px; }
.audience-challenge-chain strong { font-size: 28px; line-height: 1.3; }
.audience-source { font-size: 20px; color: var(--muted); }
@media (max-width:1100px) { .invoice-workbench { grid-template-columns: minmax(0,1fr) minmax(280px,0.8fr); gap: 16px; } .audience-stage .proof-chain,.audience-challenge-chain { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) {
	.invoice-workbench { grid-template-columns: minmax(0,1fr); }
	.invoice-workbench .mission-evidence { padding: 16px 0; border-left: 0; border-top: 1px solid var(--rule); }
	.outcome-metrics { grid-template-columns: minmax(0,1fr); gap: 14px; }
	.outcome-metrics > div { border: 0; }
	.outcome-metrics dd { justify-content: space-between; }
	.outcome-heading time { margin-left: 0; }
	.invoice-modes > .button { padding: 10px; }
	.challenge-proof-chain { grid-template-columns: minmax(0,1fr); }
	.invoice-audience .invoice-mission { padding: 16px; }
	.audience-header { flex-wrap: wrap; gap: 12px; }
	.audience-header .button { margin-left: 0; }
	.audience-stage > h2 { font-size: 28px; }
	.audience-stage .outcome-metrics dd strong { font-size: 34px; }
	.outcome-metrics .metric-comparison { gap: 8px; }
	.audience-stage .outcome-metrics .metric-comparison strong { font-size: 28px; white-space: nowrap; }
	.audience-stage .proof-chain,.audience-challenge-chain { grid-template-columns: minmax(0,1fr); }
	.audience-stage .proof-chain strong { font-size: 18px; }
	.audience-challenge-chain strong { font-size: 22px; }
	.audience-run-state strong { font-size: 20px; }
}