:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef3f2;color:#17212b;font-size:15px}*{box-sizing:border-box}html{min-width:320px;background:#eef3f2}body{margin:0;min-width:320px;background:linear-gradient(180deg,#28746714,#eff4f200 260px),#eef3f2}a{color:#126071;text-decoration:none}a:hover,a:focus{text-decoration:underline}button,.button-link{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;border:1px solid #a9b7bd;border-radius:7px;background:#fff;color:#17212b;padding:8px 12px;font:inherit;font-weight:650;cursor:pointer;box-shadow:0 1px #17212b0a}button:hover,.button-link:hover{border-color:#156a79;background:#f6fbfb;text-decoration:none}button:disabled{color:#74808a;cursor:not-allowed}input,select,textarea{width:100%;min-height:38px;border:1px solid #b6c1c7;border-radius:7px;padding:8px 10px;font:inherit;background:#fff;color:#17212b}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(216,165,57,.34);outline-offset:2px}textarea{min-height:76px;resize:vertical}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}[data-testid=app-nav]{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:15px;padding:18px 14px;overflow:auto;border-right:1px solid rgba(13,38,45,.2);background:linear-gradient(180deg,#163d42,#23464b 44%,#2d4147);color:#f8fbfb;box-shadow:14px 0 35px #17212b14}[data-testid=app-nav] .brand{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:8px 7px 14px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none}.brand-mark{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#d8a539;color:#13272b;font-size:.86rem;font-weight:800}[data-testid=app-nav] .brand strong,[data-testid=app-nav] .brand small{display:block}[data-testid=app-nav] .brand small{margin-top:2px;color:#c7d9d8;font-size:.78rem;font-weight:600}.nav-group{display:grid;gap:5px}.nav-group h2{margin:3px 8px 2px;color:#c5d7d6;font-size:.72rem;font-weight:750;letter-spacing:0;text-transform:uppercase}.nav-group a{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:8px;padding:7px 9px;color:#f8fbfb}.nav-group a:hover,.nav-group a:focus,.nav-group a.active{border-color:#ffffff2b;background:#ffffff1f;text-decoration:none}.nav-group a.active{box-shadow:inset 3px 0 #d8a539}.nav-icon{color:#9ed4cf}.nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-state{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:2px 7px;color:#dbe9e8;font-size:.68rem;font-weight:700}.app-main{min-width:0;padding:22px 26px 34px}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;border:1px solid #d5dfdf;border-radius:8px;background:#ffffffe0;padding:13px 14px;box-shadow:0 12px 28px #17212b0d}.top-left{display:grid;gap:8px;min-width:0}.breadcrumbs,.role-links,.environment-strip{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.breadcrumbs{color:#5b6972;font-size:.86rem;font-weight:650}.role-links{justify-content:flex-end}.role-links a,.environment-badge{display:inline-flex;min-height:28px;align-items:center;gap:6px;border:1px solid #c6d1d0;border-radius:999px;background:#fff;padding:5px 9px;color:#32444b;font-size:.78rem;font-weight:700;text-decoration:none}.environment-badge.safety{border-color:#94b8a2;background:#eef8f3;color:#1e4c37}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;border:1px solid #c9d7d6;border-radius:8px;background:linear-gradient(135deg,#fffffff5,#f4faf8f5),#fff;padding:18px;box-shadow:0 16px 35px #17212b0f}.page-header h1,.login-panel h1,.dashboard h1{margin:0;color:#17212b;font-size:1.6rem;line-height:1.15}.page-summary{max-width:780px;margin:8px 0 0;color:#55636d;line-height:1.45}.page-header [data-testid=primary-action]{min-width:180px;border-color:#c38e23;background:#d8a539;color:#17212b}.eyebrow{margin:0 0 6px;color:#5f6f76;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.command-strip{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:14px}.metric-tile{display:grid;grid-template-columns:28px 1fr;grid-template-areas:"icon value" "icon label";align-items:center;gap:0 9px;min-height:76px;border:1px solid #d2dddc;border-radius:8px;background:#fff;padding:13px;box-shadow:0 8px 20px #17212b0a}.metric-tile svg{grid-area:icon;color:#1e716e}.metric-tile span{grid-area:value;font-size:1.35rem;font-weight:800}.metric-tile small{grid-area:label;color:#5f6f76;font-weight:650}.metric-tile.risk svg{color:#a34f27}.filter-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,.8fr);gap:12px;margin-bottom:14px}.filter-bar,.search-box{border:1px solid #d2dddc;border-radius:8px;background:#fff;padding:12px;box-shadow:0 8px 20px #17212b09}.filter-bar{display:grid;grid-template-columns:minmax(190px,1fr) minmax(155px,210px);gap:12px}.filter-bar label,.search-box,.action-form label{display:grid;gap:6px;color:#3f4c56;font-size:.84rem;font-weight:700}.table-wrap{overflow-x:auto;border:1px solid #cbd8d8;border-radius:8px;background:#fff;box-shadow:0 12px 26px #17212b0d}table{width:100%;min-width:820px;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #e2eaea;text-align:left;vertical-align:top}th{position:sticky;top:0;z-index:1;background:#f2f6f6;color:#52616c;font-size:.78rem;font-weight:800;text-transform:uppercase}tbody tr:hover{background:#f6fbfa}tr:last-child td{border-bottom:none}td a{font-weight:800}.empty-state{color:#6a7680}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.72fr);gap:16px;margin-top:16px;align-items:start}.detail-panel,.side-panel,.role-card,.login-panel,.dashboard article,.browser-readiness{border:1px solid #cbd8d8;border-radius:8px;background:#fff;box-shadow:0 12px 26px #17212b0d}.detail-panel{padding:18px}.side-panel,.role-card,.login-panel,.dashboard article,.browser-readiness{padding:16px}.detail-panel h1{margin:0 0 12px;font-size:1.22rem}.record-summary{margin:12px 0;color:#2d3b43;font-size:1rem;line-height:1.5}.record-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.record-facts,.approval-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.record-facts div,.approval-facts div{min-width:0;border:1px solid #e0e8e8;border-radius:8px;background:#f8fbfb;padding:11px}dt{color:#64727d;font-size:.76rem;font-weight:800;text-transform:uppercase}dd{margin:3px 0 0;font-weight:750;overflow-wrap:anywhere}.action-form{display:grid;gap:10px;margin:14px 0;border:1px solid #d9e3e3;border-radius:8px;background:#fbfdfd;padding:12px}.action-form button{justify-self:start}.action-status{color:#563f09;background:#fff8db;border:1px solid #e3c65f;border-radius:7px;margin:12px 0;padding:9px 11px;font-weight:700}.side-stack{display:grid;gap:16px;align-content:start}.side-panel h2,.role-card h2,.browser-readiness h2,.object-preview h2{margin:0 0 11px;color:#1c2d35;font-size:1rem}.audit-event,.evidence-ref{display:grid;gap:5px;border-top:1px solid #e4ebeb;padding:11px 0;overflow-wrap:anywhere}.audit-event:first-of-type,.evidence-ref:first-of-type{border-top:0;padding-top:0}.evidence-ref span,.audit-event span,.audit-event time{color:#53626b;font-size:.88rem}.badge{display:inline-flex;width:fit-content;max-width:100%;align-items:center;border:1px solid #c4d0d0;border-radius:999px;background:#f8fbfb;color:#24323c;padding:4px 9px;overflow-wrap:anywhere;font-size:.76rem;font-weight:800}.receipt{border-color:#8bb7a4;background:#e7f4ee}.classification.restricted,.classification.regulated_simulated,.risk-g4,.risk-g5{color:#651d1d;background:#fde9e6;border-color:#e4a09a}.classification.confidential,.risk-g3{color:#553f07;background:#fff7d6;border-color:#dec45d}.risk-g0,.risk-g1,.risk-g2{color:#1b4b36;background:#e8f5ef;border-color:#94c4ae}.status-pill{display:inline-flex;border-radius:999px;background:#edf3f5;padding:4px 9px;color:#2a3c45;font-weight:800}.diff-viewer,.diff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}pre{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:7px;background:#1e2f35;color:#edf8f7;padding:11px;font-size:.85rem}.status-timeline{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.status-timeline li{border:1px solid #c7d2d2;border-radius:999px;background:#fff;padding:5px 9px;color:#3e4f57;font-weight:700}.object-preview{margin-top:12px;border:1px solid #e0e8e8;border-radius:8px;background:#f8fbfb;padding:12px}.object-preview ul,.role-card ul,.browser-readiness ul{margin:0;padding-left:18px}.role-home{display:grid;gap:16px}.role-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.receipt-list{display:flex;flex-wrap:wrap;gap:8px}.login-panel{display:grid;gap:14px}.login-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.login-grid a{border:1px solid #cbd8d8;border-radius:8px;background:#f8fbfb;padding:12px;font-weight:800}.approval-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#17212b85;padding:20px}.approval-modal[hidden]{display:none}.modal-card{width:min(760px,100%);max-height:min(760px,90vh);overflow:auto;border-radius:8px;background:#fff;padding:18px;box-shadow:0 24px 70px #17212b42}.modal-card header,.modal-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-card h2{margin:0}.browser-readiness{margin-top:16px}.browser-readiness ul{display:flex;flex-wrap:wrap;gap:8px 14px}.hidden-surface-notice{display:grid;gap:12px;max-width:960px;border:1px solid #d8bd64;border-radius:8px;background:#fffaf0;padding:18px;box-shadow:0 12px 26px #17212b0d}.hidden-surface-notice h1{margin:0;font-size:1.35rem}.hidden-surface-notice p{margin:0;color:#3d4a52;line-height:1.5}.notice-actions{display:flex;flex-wrap:wrap;gap:10px}.domain-page{display:grid;gap:16px}.domain-header{border-color:#c8d6d6}.domain-action-stack{display:grid;gap:7px;justify-items:end;min-width:190px}.governance-caption{color:#5f6f76;font-size:.76rem;font-weight:800}.boundary-label{display:inline-flex;width:fit-content;align-items:center;border:1px solid #b9c8c8;border-radius:999px;background:#f5faf9;padding:5px 10px;color:#24343c;font-size:.78rem;font-weight:850}.boundary-label.safe{border-color:#8dc1a6;background:#e8f6ef;color:#1e5138}.boundary-label.draft{border-color:#8fb6ce;background:#e8f3f8;color:#1f4b61}.boundary-label.approval{border-color:#d4b64e;background:#fff6d8;color:#5a4309}.boundary-label.blocked{border-color:#df9a91;background:#fdece8;color:#6a211d}.domain-panel,.channel-list,.incident-queue,.folder-tree,.contract-queue,.evidence-results,.approval-list{border:1px solid #cbd8d8;border-radius:8px;background:#fff;box-shadow:0 12px 26px #17212b0b}.domain-panel{padding:16px}.domain-panel h2,.channel-list h2{margin:0 0 10px;color:#1c2d35;font-size:1.02rem}.observe-severity-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.severity-card{display:grid;gap:6px;min-height:102px;border:1px solid #cad8d8;border-radius:8px;background:#fff;padding:14px}.severity-card span{color:#5f6f76;font-size:.77rem;font-weight:800;text-transform:uppercase}.severity-card strong{font-size:1.28rem}.severity-card.critical{border-color:#df9a91;background:#fff3ef}.severity-card.warning{border-color:#dec45d;background:#fff9df}.severity-card.safe{border-color:#98c4ad;background:#eef8f3}.observe-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(280px,.85fr);gap:14px;align-items:start}.timeline-row{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid #e2eaea;color:#33444c;font-weight:650}.timeline-row:first-of-type{border-top:0}.timeline-row span{width:10px;height:10px;margin-top:5px;border-radius:999px;background:#d8a539}.correlation-grid,.sla-strip,.button-row,.record-links{display:flex;flex-wrap:wrap;gap:8px}.correlation-grid span,.sla-strip span{border:1px solid #d7e1e1;border-radius:999px;background:#f8fbfb;padding:5px 9px;font-size:.8rem;font-weight:750}.evidence-rail,.runbook-panel,.log-panel{display:grid;gap:10px}.evidence-chip{display:grid;gap:3px;border:1px solid #dce6e6;border-radius:8px;background:#f8fbfb;padding:10px}.chat-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;gap:14px;align-items:start}.channel-list,.incident-queue,.folder-tree,.contract-queue{display:grid;gap:7px;padding:12px}.channel-list a,.incident-queue a,.folder-tree a,.contract-queue a,.queue-card{display:grid;gap:3px;border:1px solid #dce6e6;border-radius:8px;background:#f8fbfb;padding:10px;color:#21333b;text-decoration:none}.channel-list a.active,.folder-tree a.active,.queue-card:hover{border-color:#1e716e;background:#eef8f3}.chat-thread header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.message-bubble{margin-top:10px;border:1px solid #dce6e6;border-radius:8px;background:#f8fbfb;padding:10px 12px}.message-bubble p{margin:4px 0 0}.chat-context{display:grid;gap:9px}.chat-context a{display:block;font-weight:800}.itsm-grid,.vendor-grid,.legal-grid{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.35fr) minmax(290px,.9fr);gap:14px;align-items:start}.selected-incident,.checklist,.approval-detail{display:grid;gap:10px}.checklist label{display:flex;align-items:center;gap:8px;border:1px solid #dce6e6;border-radius:8px;background:#f8fbfb;padding:9px;font-weight:700}.checklist input{width:auto;min-height:auto}.drive-layout,.approval-workbench,.evidence-layout{display:grid;grid-template-columns:230px minmax(0,1fr) minmax(280px,.8fr);gap:14px;align-items:start}.packet-preview,.object-metadata,.vendor-profile,.renewal-timeline,.invoice-cards,.approval-path,.clause-review,.legal-boundary{display:grid;gap:10px}.approval-row,.evidence-result{display:grid;gap:6px;border-bottom:1px solid #e2eaea;padding:12px}.approval-row:last-child,.evidence-result:last-child{border-bottom:0}.evidence-search{display:grid;gap:10px}.evidence-search label{display:grid;gap:6px;font-weight:800}.preview-drawer,.legal-boundary{align-content:start}.compact-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-facts div{border:1px solid #e0e8e8;border-radius:8px;background:#f8fbfb;padding:9px}@media(max-width:1180px){.command-strip,.role-grid,.dashboard-grid,.login-grid,.observe-severity-strip,.observe-grid,.chat-layout,.itsm-grid,.drive-layout,.vendor-grid,.approval-workbench,.evidence-layout,.legal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}}@media(max-width:860px){.app-shell,.filter-row,.command-strip,.role-grid,.dashboard-grid,.login-grid{grid-template-columns:1fr}[data-testid=app-nav]{position:relative;height:auto;max-height:none}.app-main{padding:16px}.top-bar,.page-header{align-items:stretch;flex-direction:column}.role-links{justify-content:flex-start}.diff-viewer,.diff-grid,.record-facts,.approval-facts,.filter-bar,.observe-severity-strip,.observe-grid,.chat-layout,.itsm-grid,.drive-layout,.vendor-grid,.approval-workbench,.evidence-layout,.legal-grid,.compact-facts{grid-template-columns:1fr}.domain-action-stack{justify-items:start}}