/* Reference-preserving improvements for the CenterGraph × Datum demo. */
html {font-size:16px} body{font-size:1rem;line-height:1.5} button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #659bff;outline-offset:3px}
.navBtn,.btn,.filter,.cgFilter,.voiceBtn,td,th,.liMain b,.tableTitle,.pageLead,.workflowRow b,.wfField label,.metricTop,.cardHead p,.hero p,.decisionCard p,.timeItem b{font-size:.875rem}
.btn,.filter{min-height:38px}.btn.sm{font-size:.8125rem;min-height:34px}.navBtn{min-height:40px!important;line-height:1.35}.navBtn .label{white-space:normal}
.cardHead h3{font-size:1rem}.cardHead{flex-wrap:wrap}.pageHead{align-items:center}.pageLead{line-height:1.65}.topTitle strong{font-size:1.125rem;max-width:320px;overflow:hidden;text-overflow:ellipsis}.topTitle{min-width:0;flex:0 1 auto;white-space:nowrap}.topbar{gap:10px;padding:0 20px}.topbar>.pill{white-space:nowrap;font-size:.75rem}.command{min-width:44px;max-width:300px;flex:1 1 180px}.command span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.topIcon{flex-shrink:0}.profile{flex-shrink:0}.profileText{display:none}
.metricValue{font-size:1.75rem}.metricMeta{gap:5px;flex-wrap:wrap}.scopeCell{min-width:0}.scopeCell b{font-size:.875rem}.scopeCell p{font-size:.75rem}.scopeRibbon{gap:10px}.hero{gap:20px}.hero h2{font-size:1.6rem}.hero p{line-height:1.7}.hero .btn{min-height:42px}
.card,.cardPad,.liMain,.workspace,.page,.cgShell>*,.decisionLayout>*{min-width:0}.kv{gap:12px}.kv b{text-align:right;overflow-wrap:anywhere}.workflowSummary b{overflow-wrap:anywhere}.tableWrap{max-width:100%;overflow:auto}.accessMatrix{overflow:auto}
.demoBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:10px 14px;background:#edf3ff;border:1px solid #dce7fa;border-radius:12px;color:#24456e;font-size:.75rem}.demoBar strong{font-size:.8125rem;color:#1b4db1}.demoBar .demoActions{display:flex;gap:8px;align-items:center;flex-shrink:0}.demoBar button{background:#fff;border:1px solid #d3e0f7;border-radius:8px;min-height:32px;padding:4px 10px;color:#24456e;font-size:.75rem;cursor:pointer}.demoBar .demoCopy span{margin-left:10px}.demoActions .mobilePreviewButton{font-weight:750}.demoFooter{font-size:.75rem;color:#667085;line-height:1.6;border-top:1px solid #e3e8f0;margin-top:24px;padding:16px 0 0}
.decisionWorkspace{display:grid;grid-template-columns:minmax(245px,.7fr) minmax(0,1.8fr);gap:18px;align-items:start}.caseList{padding:18px}.caseGroup{margin:16px 0 8px;font-size:.75rem;color:#67778b;letter-spacing:.03em}.caseButton{width:100%;display:block;text-align:left;border:1px solid transparent;padding:14px;border-radius:12px;background:transparent;margin:4px 0;color:#25354b}.caseButton:hover{background:#f4f7fc}.caseButton.active{background:#edf3ff;border-color:#bdd2ff;box-shadow:inset 3px 0 #2b67f6}.caseButton strong{font-size:.875rem;display:block;line-height:1.6}.caseButton small{display:block;margin-top:5px;font-size:.75rem;color:#6b778a}.caseButton .pill{margin-top:9px}
.decisionPane{padding:24px}.decisionPane h2{font-size:1.35rem;line-height:1.45;margin:10px 0 4px}.decisionPane .caseMeta{font-size:.8125rem;color:#667085;margin:0 0 20px}.caseTopline{display:flex;gap:8px;flex-wrap:wrap}.journeySteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 24px}.journeyStep{padding:12px 8px;border-top:3px solid #e5eaf2;color:#8a95a5;font-size:.8125rem}.journeyStep.done{border-color:#0f9f6e;color:#087a52}.journeyStep.active{border-color:#2b67f6;color:#285dcc}.journeyStep b{display:block;font-size:.875rem;margin-top:4px}.sourceFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#f7f9fc;border:1px solid #e6ebf4;padding:16px;border-radius:12px}.sourceFacts div{min-width:0}.sourceFacts dt{color:#69758a;font-size:.75rem;margin-bottom:4px}.sourceFacts dd{margin:0;font-weight:650;font-size:.8125rem;overflow-wrap:anywhere}
.evidenceButtons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.evidenceButton{font-size:.75rem;border:1px solid #cddcf2;background:#f4f8ff;color:#2357b5;padding:8px 10px;border-radius:8px}.evidenceButton:hover{background:#e8f0ff}.decisionForm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.decisionForm label{font-size:.8125rem;color:#3d4c62;display:flex;gap:7px;flex-direction:column;font-weight:650}.decisionForm input,.decisionForm select,.decisionForm textarea,.demoField{background:#fff;color:#172c48;border:1px solid #ced7e4;padding:11px 12px;min-height:44px;border-radius:9px;width:100%;font-size:.875rem}.decisionForm textarea{min-height:98px;resize:vertical}.decisionForm .wide{grid-column:1/-1}.decisionForm .decisionSubmit{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:4px}.decisionForm .decisionSubmit span{font-size:.75rem;font-weight:400;color:#667085}.flowError{font-size:.8125rem;color:#bd243e;min-height:1.4em}.caseSaved{background:#f1f9f5;border:1px solid #d4eddf;border-radius:12px;padding:18px;margin:18px 0}.caseSaved h3{margin:0 0 10px;font-size:1rem}.caseSaved p{margin:6px 0;font-size:.875rem;overflow-wrap:anywhere}.handoffBox,.verifyBox{margin-top:16px;padding:18px;border:1px solid #dee6f2;border-radius:12px}.handoffBox h3,.verifyBox h3{font-size:1rem;margin:0 0 8px}.handoffBox p,.verifyBox p{font-size:.8125rem;color:#5d6b81;line-height:1.7}.verifyBox.isResolved{background:#f0faf5;border-color:#c6e9d8}.verifyBox.isOpen{background:#fff8ed;border-color:#f1d9ab}.caseActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.recordLog{margin-top:18px;padding:22px}.recordLog h3{font-size:1rem;margin:0 0 14px}.recordRow{border-top:1px solid #edf0f5;padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.recordRow strong{font-size:.875rem;display:block}.recordRow small{font-size:.75rem;color:#667085}.recordRow .btn{flex-shrink:0}.flowNote{font-size:.75rem;line-height:1.65;color:#65758a;margin:12px 0}.demoChat{margin-top:20px;padding:22px}.demoChat .chatLog{height:260px;max-height:40vh}.demoChat .msg{font-size:.875rem;line-height:1.75}.demoChat h3{margin:0 0 6px;font-size:1.1rem}.demoChat .ask{flex-wrap:wrap}.demoChat #datumInput{min-width:200px;flex:1;padding:12px;font-size:.875rem}.datumVoiceHint{font-size:.75rem}.aiEvidence{border-top:1px solid #dce5f2;margin-top:10px;padding-top:8px;color:#4d6280;font-size:.75rem;line-height:1.8}.plainEmpty{padding:26px;text-align:center;color:#65758a;font-size:.875rem}
.modal{max-height:88dvh;overflow:auto}.modalBackdrop{overflow:auto;padding:20px;overscroll-behavior:contain}.modal h2,.drawer h2{line-height:1.5}.drawer{max-width:100%;overflow:auto}.evidenceSheet{padding:0 0 10px}.evidenceSheet h3{font-size:1rem;margin:22px 0 10px}.evidenceSheet p{font-size:.875rem;line-height:1.8}.sampleDocument{padding:22px;border:1px solid #dfe6ef;border-left:4px solid #2b67f6;border-radius:8px;background:#f7f9fc}.sampleDocument pre{white-space:pre-wrap;font-size:.8125rem;overflow-wrap:anywhere;font-family:inherit;line-height:1.9}.cmdItem{width:100%;text-align:left;border:0;background:#fff;cursor:pointer}.cmdItem:hover,.cmdItem:focus{background:#edf3ff}.cmdItem b{font-size:.875rem}.cmdSearch{font-size:1rem}.modalTop{align-items:flex-start}.toast{z-index:1000;max-width:calc(100vw - 24px);font-size:.875rem!important;line-height:1.5}
.mobilePreviewOverlay{position:fixed;inset:0;background:#071526e8;z-index:500;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:18px}.mobilePreviewTop{display:flex;align-items:center;justify-content:space-between;width:min(430px,100%);color:#fff;font-size:.8125rem}.mobilePreviewTop button{background:#fff;color:#223751;border:0;border-radius:9px;padding:8px 13px;font-size:.8125rem}.mobileDevice{width:min(430px,100%);height:calc(100dvh - 92px);border:1px solid #7292b3;border-radius:24px;background:#f7f8fa;overflow:hidden;box-shadow:0 24px 90px #0006}.mobileDevice iframe{width:100%;height:100%;border:0;display:block;background:#fff}.mobilePreviewOverlay[hidden]{display:none}
.skipLink{position:fixed;top:-100px;left:12px;background:#fff;color:#18396e;z-index:1000;padding:12px}.skipLink:focus{top:10px}
.evidenceButton svg,.caseSaved h3 svg{width:16px;height:16px;vertical-align:middle;margin-right:4px;stroke-width:1.8}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.doc[hidden]{display:none!important}.workflowSummary{min-width:0}
.cg3dCanvas{touch-action:none}.navBtn{position:relative}.navBtn .navBadge{flex-shrink:0}.decisionPane .sourceFacts{margin:0}.demoBar button[hidden]{display:none}
@media(min-width:721px) and (max-width:1400px){.g6{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar>.pill{display:none}.command{max-width:220px}.hero{grid-template-columns:1.1fr .9fr}.decisionNow p{font-size:.8125rem}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.g3>.card:last-child{grid-column:auto}.scopeRibbon{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:721px) and (max-width:1080px){.splitWide,.split,.decisionWorkspace,.decisionLayout{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.topTitle strong{max-width:260px}.hero{grid-template-columns:1fr}.caseList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.caseList h3,.caseList .caseGroup{grid-column:1/-1}.command{display:none}}
@media(max-width:720px){body{font-size:1rem}.demoBar{padding:10px;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:14px}.demoCopy span{display:block;margin:3px 0 0!important;font-size:.75rem}.demoActions{width:100%;justify-content:flex-end}.demoBar button{min-height:36px}.mobileHeaderTitle{min-width:0;overflow:hidden}.mobileHeaderTitle span{display:none}.mobileHeaderTitle b{font-size:1rem;line-height:1.3}.mobileHeader img{width:34px;object-fit:cover;object-position:left}.mobileHeader>button{min-width:44px;min-height:44px}.mobileHeader{gap:7px;padding:10px}.mobileBottomNav{padding-bottom:env(safe-area-inset-bottom,0)}.mobileBottomNav button{min-height:58px;font-size:.75rem}.sidebar{max-width:calc(100vw - 28px)}.sidebar.mobile-open .label,.sidebar.mobile-open .navGroup,.sidebar.mobile-open .brandSub{display:block!important}.sidebar.mobile-open .navBtn{justify-content:flex-start}.sidebar.mobile-open .brand img{width:178px!important;height:38px!important;object-fit:contain}.sidebar.mobile-open .sideFooter{display:block!important}.sidebar.mobile-open .sideUser div{display:block}.sidebar.mobile-open .sideUser .avatar{display:grid}.sidebar.mobile-open .navBtn{min-height:44px!important}.btn,.filter,.voiceBtn,.cgFilter{min-height:44px;font-size:.875rem}.btn.sm{min-height:40px}.main{padding-bottom:110px}.pageHead.compact{display:block}.headActions{flex-wrap:wrap;overflow:visible}.pageLead{font-size:.875rem!important}.hero{display:block;padding:18px}.hero h2{font-size:1.45rem}.hero p{font-size:.875rem!important}.decisionNow{margin-top:18px}.scopeCell{min-width:82vw}.metric{padding:12px}.metricTop{font-size:.8125rem}.metricValue{font-size:1.6rem}.g3,.g4,.g6{grid-template-columns:repeat(2,minmax(0,1fr))}.g3>.card{grid-column:1/-1}.splitWide,.split,.decisionWorkspace,.decisionLayout{grid-template-columns:1fr}.sourceFacts,.decisionForm{grid-template-columns:1fr}.decisionPane{padding:17px}.decisionPane h2{font-size:1.2rem}.journeySteps{gap:4px}.journeyStep{font-size:.6875rem;padding:9px 3px}.journeyStep b{font-size:.75rem}.decisionForm input,.decisionForm select,.decisionForm textarea{font-size:1rem}.caseList{padding:15px}.caseButton{padding:12px}.caseGroup{margin-top:12px}.recordRow{align-items:flex-start;flex-wrap:wrap}.cardHead h3{font-size:1rem}.cardHead p{font-size:.8125rem}.docGrid{grid-template-columns:1fr}.demoChat{padding:16px}.datumVoiceBtns{overflow:auto;max-width:100%}.demoChat .ask{gap:8px}.demoChat #datumInput{flex-basis:100%;min-width:0;font-size:1rem}.modalBackdrop{padding:10px}.modal{width:100%;max-height:92dvh;padding:18px}.modalTop h2{font-size:1.2rem}.workflowGrid,.workflowSummary{grid-template-columns:1fr}.workflowFoot{flex-direction:column;align-items:stretch;gap:14px}.workflowFoot>div{justify-content:flex-end}.cgToolbar{flex-wrap:wrap}.cgFilter{white-space:nowrap}.cgFilters{width:100%}.cgLensSummary{display:none}.cgCanvas{height:480px}.evidenceButtons{gap:7px}.evidenceButton{min-height:44px}.archMetroLegend,.archMetroPills{flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:6px}.topIcon{min-width:40px;min-height:40px}.cardHead{gap:10px}}