@charset "UTF-8";
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#16253a;background:#f3f6fb;--ink:#16253a;--ink-2:#36465c;--muted:#56657a;--line:#e2e8f1;--line-strong:#c4cedc;--blue:#2457d0;--blue-strong:#1c47b0;--blue-soft:#edf3fe;--green:#13705a;--red:#b0414c;--amber:#8f5410;--orange:#8f5410;--slate:#4a5b70;--violet:#5a44b0;--focus:#7aa2ff;--page:#f3f6fb;--page-top:#e9eff9;--glass:rgba(255,255,255,.82);--glass-edge:rgba(22,37,58,.09);--sidebar:238px}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}h1,h2,h3,h4,p{margin:0}button,input,textarea,select{font:inherit}a{color:var(--blue);text-decoration:none}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a9c5ff;outline-offset:3px}p{color:var(--muted)}svg{display:block;width:18px;height:18px;flex:none}code{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;overflow-wrap:anywhere}small{font-size:12px}ul{margin:10px 0;padding-left:18px}li{margin-top:5px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}
.skip-link{position:fixed;top:-70px;left:12px;z-index:100;background:white;padding:10px}.skip-link:focus{top:12px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px 25px;z-index:10;overflow-y:auto}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 12px;color:#3f66da}.brand .glass-wordmark{width:min(164px,100%);height:auto;display:block}.brand-label{font-size:16px;font-weight:400;letter-spacing:-.4px;color:#627084}.workspace-label{font-size:11px;letter-spacing:1.5px;color:#637083;font-weight:650;margin:36px 12px 16px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:4px 0;border-radius:7px;color:#637084;font-size:12px}.nav-item svg{width:16px;height:16px}.nav-item:hover{background:#f5f8fd;color:#435a7a}.nav-item.active{color:#4164bf;background:#edf3ff;font-weight:550}.sidebar-bottom{margin-top:auto;padding:31px 12px 0}.rehearsal-label{display:flex;gap:7px;align-items:center;font-size:11px;color:#606f85}.sidebar-bottom p{font-size:12px;line-height:1.8;margin-top:10px}.native-link{display:flex;justify-content:space-between;margin-top:22px;padding-top:19px;border-top:1px solid var(--line);font-size:12px;color:#587191}
.workspace{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:77px;padding:0 38px;background:#ffffffdc;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:#627083}.breadcrumb span{padding:0 9px;color:#626e80}.topbar-right{display:flex;gap:20px;align-items:center;font-size:12px}.mode-badge{background:#f5f8ff;border:1px solid #dce5f8;color:#597093;padding:5px 9px;border-radius:5px;white-space:nowrap}.connection-indicator{display:flex;align-items:center;gap:7px;color:#617085;white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;background:#acb7c5;border-radius:50%;flex:none}.status-dot.green{background:#4e9884}.status-dot.blue{background:#799ef2}.status-dot.orange{background:#c59a58}main{flex:1;max-width:1530px;margin:0 auto;padding:36px 38px 46px;width:100%}.workspace-footer{padding:20px 38px;border-top:1px solid var(--line);font-size:12px;color:#616e80;display:flex;justify-content:space-between;gap:20px}
.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.7px;text-transform:uppercase;color:#626f82;margin-bottom:11px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.page-heading h1{font-size:31px;line-height:1.3;letter-spacing:-1px;font-weight:470}.page-heading p{font-size:12px;line-height:1.8;max-width:700px;margin-top:10px}.heading-actions,.button-group{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:9px 14px;border:1px solid #dbe4f1;border-radius:6px;background:white;color:#5a7090;font-size:12px;font-weight:550;white-space:nowrap}.button svg{width:14px;height:14px}.button:hover{background:#f6f9ff;border-color:#bdd0ee}.button.primary{background:#4169e1;border-color:#4169e1;color:white;box-shadow:0 3px 9px #4169e112}.button.primary:hover{background:#355bcb}.button.small{min-height:31px;padding:6px 9px;font-size:12px}.button.danger{color:#a75662;border-color:#f0d9dd}.button.ghost{border-color:transparent;background:transparent;padding-left:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#5e718b;width:32px;height:32px;border-radius:5px}.icon-button:hover{background:#f1f5fc}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;font-size:11px;font-weight:500;line-height:1.45;padding:4px 7px;background:#f1f4f8;color:#606f85;white-space:nowrap}.badge.green{color:#337a67;background:#ecf7f2}.badge.red{color:#a55663;background:#fbf0f2}.badge.orange{color:#826a44;background:#fcf6ea}.badge.blue{color:#516fa5;background:#edf3ff}.badge.outline{color:#5d6f8a;background:white;border:1px solid #dfe7f3}.check-icon{width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#f3f6fa;color:#606f84}.check-icon svg{width:14px;height:14px}.check-icon.green{background:#edf7f2;color:#377968}.check-icon.red{background:#fcf0f2;color:#af5061}.check-icon.orange{background:#faf5e9;color:#7f6a47}
.panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 10px #243e6910;min-width:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 25px 18px}.panel-header h2{font-size:16px;font-weight:550;letter-spacing:-.3px}.panel-header p{font-size:12px;margin-top:5px;line-height:1.8}.panel-body{padding:0 25px 24px}.panel-intro{padding:0 25px 20px;font-size:12px;line-height:1.9;max-width:1020px}.section-gap{margin-top:23px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin-top:22px}.info-strip{display:flex;align-items:flex-start;gap:11px;background:#f1f5fb;border:1px solid #e3ebf5;border-radius:7px;padding:15px 18px;margin-top:23px;color:#5c6f89}.info-strip svg{width:15px;height:15px;margin-top:2px}.info-strip p{font-size:12px;line-height:1.85;color:#5d708b}.mini-label{display:block;font-size:11px;letter-spacing:1.1px;font-weight:550;text-transform:uppercase;color:#607086;margin-bottom:5px}.context-copy{font-size:12px;line-height:1.9}.context-callout{border-left:2px solid #c4d5f2;background:#f4f8ff;border-radius:0 5px 5px 0;padding:12px 14px;font-size:12px;line-height:1.8;color:#596f8f;margin-top:18px}
.hero{padding:34px;display:grid;grid-template-columns:1.35fr .9fr;gap:35px;background:linear-gradient(125deg,#fff 10%,#f5f9ff 100%);margin-bottom:22px}.hero h1{font-size:39px;line-height:1.25;letter-spacing:-1.4px;font-weight:460}.hero p{font-size:13px;line-height:1.85;max-width:560px;margin-top:14px}.hero .button-group{margin-top:23px}.hero-note{font-size:12px!important;color:#5e6f86;margin-top:13px!important}.partner-card{padding:22px 23px;border:1px solid #dce7f7;background:#ffffffe3;border-radius:9px;align-self:center;box-shadow:0 4px 16px #466fab0a}.partner-heading{display:flex;gap:13px;align-items:center}.partner-symbol{width:44px;height:44px;background:#edf3ff;color:#536f9b;border-radius:9px;display:flex;align-items:center;justify-content:center}.partner-symbol svg{width:24px;height:24px}.partner-card h2{font-size:16px;font-weight:530;color:#48678f}.partner-card p{font-size:12px;margin:3px 0 0}.partner-card .badge{margin-top:18px}.partner-meta{margin-top:17px;border-top:1px solid #e7eef8;padding-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.partner-meta strong{font-size:12px;font-weight:500;color:#587091}.next-action{display:flex;gap:13px;align-items:center;border:1px solid #dbe6fb;background:#edf3ff;padding:16px 19px;border-radius:8px;margin-bottom:23px}.next-action .next-icon{background:#e0eaff;border-radius:50%;color:#526e9d;padding:8px;flex:none}.next-action strong{display:block;font-size:12px;font-weight:550;color:#51709d}.next-action p{font-size:12px;margin-top:4px;line-height:1.7;color:#5c7090}.next-action .button{margin-left:auto;flex:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.metric{padding:21px 22px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;letter-spacing:.7px;color:#607087}.metric-top svg{width:15px;height:15px;color:#5f6e84}.metric-value{font-size:28px;letter-spacing:-.8px;font-weight:430;line-height:1.4;color:#4e709c;margin:9px 0 4px}.metric-caption{font-size:12px;color:#5d6e86}.workflow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));padding:2px 25px 25px;gap:16px}.workflow-step{min-width:0}.step-marker{background:#f3f6fb;border:1px solid #dfe8f4;color:#607188;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-bottom:13px}.step-marker.green{color:#377a67;background:#edf8f2;border-color:#d4ebdf}.step-marker.red{color:#a55565;background:#fcf0f2;border-color:#f0d8de}.step-marker.orange{color:#816c48;background:#fbf5e9;border-color:#f0e4cd}.step-marker.blue{color:#516fa6;background:#edf3ff;border-color:#d5e2fa}.step-marker svg{width:13px;height:13px}.workflow-step h3{font-size:12px;font-weight:550;color:#597090}.workflow-step p{font-size:12px;line-height:1.8;margin-top:6px;color:#5f6f86}.workflow-step .badge{margin-top:9px}.flow-list{padding:0 25px 24px}.flow-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:18px;align-items:start;padding:19px 0;border-top:1px solid #e9eff7}.flow-row:first-child{border-top:0}.flow-row .step-marker{margin:0;width:34px;height:34px}.flow-row h3{font-size:13px;font-weight:550;color:#557094}.flow-row p{font-size:12px;line-height:1.9;margin-top:6px}.flow-agent{font-size:12px;color:#5d6e8a;margin-top:9px;display:block}.flow-row details{margin-top:12px}
.runtime-line{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf2f8;font-size:12px}.runtime-line:last-child{border-bottom:0}.runtime-line span:first-child{color:#606f86}.runtime-line span:last-child{color:#587091;text-align:right;overflow-wrap:anywhere;max-width:65%}.scope-details{border-top:1px solid #e7eef7;padding-top:13px;margin-top:17px;font-size:12px;color:#5b6f8b}.scope-details summary{cursor:pointer;color:#587193;font-weight:500}.scope-details>div{padding-top:11px}.scope-details p{font-size:12px;line-height:1.9;margin-top:8px}.reference{margin-top:11px;min-width:0}.reference>span{display:block;font-size:12px;color:#5f6e84}.reference code{display:block;font-size:12px;line-height:1.8;color:#5b6f8a;margin-top:4px}.technical-json{display:block;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #e4ebf5;border-radius:6px;background:#f8fafd;color:#5c718b;padding:12px;font-size:12px;line-height:1.8;max-height:300px;overflow:auto}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 25px;gap:11px;color:#5e6e85}.empty-state>svg{width:26px;height:26px;color:#617086}.empty-state h3{font-size:13px;color:#5d6f8a;font-weight:500}.empty-state p{font-size:12px;max-width:520px;line-height:1.8}
.checks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 25px 25px}.check-card{border:1px solid #e2eaf5;border-radius:8px;padding:20px;background:#fcfdff;min-width:0}.check-heading{display:flex;align-items:center;gap:10px}.check-heading h3{font-size:12px;font-weight:550;color:#577093;flex:1;min-width:0}.check-heading .badge{font-size:11px;white-space:normal;text-align:right;max-width:110px}.check-card>p{font-size:12px;line-height:1.85;margin:12px 0 0 37px}.check-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 0 37px}.check-values>div{background:#f5f8fc;border:1px solid #e6edf7;border-radius:5px;padding:10px;min-width:0}.check-values>div:last-child{background:#f1f6ff}.check-values p{font-size:12px;line-height:1.8;color:#5a6f8d;overflow-wrap:anywhere}.check-card details{margin-left:37px}.source-list{padding:0 25px 24px}.source-row{padding:16px 0;border-top:1px solid #e7edf6}.source-row:first-child{border-top:0}.source-head{display:flex;align-items:center;gap:12px}.source-head>svg{color:#5b6f8c;width:17px;height:17px}.source-head strong{font-size:12px;font-weight:500;color:#597091;flex:1;overflow-wrap:anywhere}.source-row p{font-size:12px;line-height:1.8;margin:9px 0 0 29px}.source-row details{margin-left:29px}.recommendation{background:#f7faff;border:1px solid #e3ebf9;border-radius:7px;padding:20px}.recommendation h3{font-size:14px;font-weight:520;line-height:1.7;color:#516f99}.recommendation>p{font-size:12px;line-height:1.85;margin-top:10px}.confidence-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e9f8;padding-top:15px;margin-top:17px}.confidence-line span{font-size:12px;color:#5c6f8b}.confidence-line strong{font-size:22px;font-weight:450;color:#536f96}.confidence-line small{font-size:12px;margin-left:4px;color:#5d6f87}.confidence-disclaimer{font-size:12px!important;color:#5e6f87!important;line-height:1.85!important}.recommendation-list{display:grid;gap:13px}.recommendation-item{border:1px solid #e4ebf6;border-radius:7px;padding:17px}.recommendation-item h3{font-size:12px;font-weight:550;color:#597091}.recommendation-item p{font-size:12px;line-height:1.85;margin-top:8px}.recommendation-item .mini-label{margin-top:11px;font-size:11px}
.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:0 25px 25px}.agent-card{border:1px solid #e0e9f6;border-radius:8px;background:#fcfdff;padding:21px;min-width:0}.agent-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.agent-heading h3{font-size:13px;color:#557095;font-weight:550;line-height:1.7}.agent-heading .badge{white-space:normal;text-align:right;max-width:115px;font-size:11px;flex:none}.agent-card>p{font-size:12px;line-height:1.9;margin-top:11px}.agent-card .scope-details{font-size:12px}.agent-card h4{font-size:12px;font-weight:550;color:#5b708e;margin:16px 0 7px}.agent-output{background:#f2f6fd;border:1px solid #e1eaf7;padding:12px 14px;border-radius:6px;margin-top:15px;font-size:12px;color:#5b718f;line-height:1.9}.agent-output p{font-size:12px;color:#5b718f}.agent-card ul{color:#5d6e88;font-size:12px;line-height:1.85}.agent-record{padding:10px 0;border-top:1px solid #e8eef7;margin-top:10px;font-size:12px;color:#5d718a}.agent-record span{display:block}.agent-record code{display:block;margin-top:5px;font-size:12px}
.draft-status{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.draft-status p{font-size:12px;line-height:1.9;max-width:700px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{color:#5d6e87;font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;background:#f6f9fd;padding:12px 18px;border-bottom:1px solid #e1e9f4}td{padding:15px 18px;border-bottom:1px solid #e8eef7;color:#5c708e;vertical-align:top;line-height:1.9;overflow-wrap:anywhere;min-width:135px}tr:last-child td{border-bottom:0}.primary-cell{display:block;color:#587094;font-weight:550}.secondary-cell{display:block;font-size:12px;color:#5f7087;margin-top:4px}.after-value{background:#f4f8ff}.draft-preview{margin-top:20px}.draft-preview summary{font-size:12px;color:#577194;font-weight:500;cursor:pointer}.draft-texts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.draft-texts>div{min-width:0}.draft-texts pre{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 "SFMono-Regular",Consolas,monospace;color:#5b6f8b;border:1px solid #e2eaf6;border-radius:7px;padding:17px;background:#f9fbfe;max-height:400px;overflow:auto}.form-section{padding-top:21px;margin-top:20px;border-top:1px solid #e5edf8}.note-label{font-size:11px;display:block;color:#5c718e;margin-bottom:8px}.review-note{width:100%;min-height:92px;resize:vertical;background:#fbfdff;border:1px solid #dce7f6;border-radius:6px;padding:13px;font-size:12px;line-height:1.8;color:#546f96}.review-note::placeholder{color:#627086}.review-boundary{font-size:12px;line-height:1.9;margin:12px 0 16px;color:#5c6f8a}.gate-card{border:1px solid #e1eaf7;border-radius:8px;padding:22px;min-width:0}.gate-header{display:flex;gap:13px;align-items:center}.gate-header h3{font-size:14px;font-weight:530;color:#557197;flex:1}.gate-card>p{font-size:12px;line-height:1.9;margin-top:13px}.gate-card .review-note{min-height:83px}.gate-card .form-section{margin-top:15px;padding-top:17px}.approval-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 25px 25px}.activation-gate{background:#f5f8ff;border:1px solid #dce7f9;padding:23px;border-radius:8px;margin:0 25px 25px}.activation-gate h3{font-size:15px;font-weight:520;color:#557199}.activation-gate p{font-size:12px;line-height:1.9;margin-top:9px}.activation-gate .form-section{border-top-color:#dde7f6}.export-result{background:#edf7f2;border:1px solid #d8ebdf;border-radius:7px;padding:16px 20px;display:flex;gap:12px;align-items:center;color:#49766a;font-size:12px;margin-bottom:22px}.export-result a{margin-left:auto;color:#447864;font-weight:550}.export-result svg{width:16px;height:16px}
.follow-up-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 25px 21px}.sample-clock strong{display:block;font-size:23px;font-weight:450;letter-spacing:-.7px;color:#566f94}.sample-clock p{font-size:12px;margin-top:6px}.follow-up-policy{font-size:12px;line-height:1.9;color:#5e6f87}.task-grid{padding:0 25px 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.task-card{border:1px solid #e1eaf7;border-radius:8px;padding:21px;background:#fbfdff;min-width:0}.task-heading{display:flex;justify-content:space-between;gap:15px}.task-heading h3{font-size:13px;font-weight:550;color:#587093}.task-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.task-meta>div>span:last-child{font-size:12px;color:#5b718e}.task-card>p{font-size:12px;line-height:1.9;margin-top:13px}.task-card ul{font-size:12px;color:#5c6f89;line-height:1.9}.task-history{padding:10px 0;border-top:1px solid #e5edf7;font-size:12px;color:#5c6f8b}.task-history p{font-size:12px;line-height:1.9;margin-top:4px}.earlier-tasks{padding:0 25px 20px}.earlier-tasks>summary{font-size:12px;color:#5a7190;cursor:pointer}.earlier-tasks .task-grid{padding:17px 0 0}
.diagnostic-numbers{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:19px}.diagnostic-numbers span{font-size:12px;display:block;color:#5c6e88}.diagnostic-numbers strong{font-size:23px;font-weight:440;display:block;color:#587194;margin-top:4px}.measured-accuracy{padding:14px 16px;background:#f0f5fd;border:1px solid #e0eaf9;border-radius:6px;margin-top:20px}.measured-accuracy>strong{font-size:26px;font-weight:440;color:#537099;display:block}.measured-accuracy>strong.unmeasured{font-size:15px}.measured-accuracy p{font-size:12px;line-height:1.8;margin-top:6px;color:#5c6f8b}.measured-accuracy small{font-size:12px;display:block;color:#5e6e86;margin-top:9px;line-height:1.8}.review-selects{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.review-selects label{display:block;font-size:11px;color:#5c6f8b}.review-selects select{display:block;margin-top:7px;width:100%;padding:11px;border:1px solid #dce7f6;border-radius:6px;background:#fbfdff;color:#597090;font-size:12px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 25px 25px}.comparison-card{padding:21px;border:1px solid #e0e9f7;border-radius:8px;background:#fcfdff}.comparison-card h3{font-size:13px;color:#556f92;font-weight:550}.comparison-card>p{font-size:12px;line-height:1.9;margin-top:12px}.comparison-card .measured-accuracy{margin-top:15px}.feedback-row{padding:16px 0;border-top:1px solid #e5edf7}.feedback-row:first-child{border-top:0}.feedback-row p{font-size:12px;line-height:1.85;margin-top:9px}.feedback-row small{color:#5e6e85;font-size:12px;display:block;margin-top:6px}.evidence-row{display:grid;grid-template-columns:36px 93px minmax(0,1fr) 160px;gap:18px;padding:19px 25px;border-top:1px solid #e9eff7;align-items:start}.event-sequence{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f6fb;color:#616f85;font-size:11px}.event-time{font-size:12px;line-height:1.8;color:#5e6e85}.event-body h3{font-size:12px;font-weight:550;color:#587093}.event-body p{font-size:12px;line-height:1.85;margin-top:7px}.event-details{margin:0;padding:0;border:0;min-width:0}.event-details summary{font-size:12px;text-align:right}.event-details code{font-size:12px}.event-details .reference>span{font-size:12px}.event-details .technical-json{max-height:250px;font-size:12px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 25px 25px}.scenario-button{border:1px solid #e1e9f5;border-radius:7px;padding:17px;background:#fcfdff;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:116px;color:#5a708f}.scenario-button:hover{background:#f4f8ff;border-color:#c1d3ee}.scenario-button strong{font-size:12px;font-weight:550;color:#586f90}.scenario-button span{font-size:12px;line-height:1.85;display:block;margin-top:7px}.scenario-button small{font-size:12px;color:#5d6e87;margin-top:auto;padding-top:9px}.guide-note{padding:17px 21px;border:1px solid #e1eaf7;background:#f7faff;border-radius:7px;margin-top:20px;font-size:12px;line-height:1.9;color:#5b718c}
.loading{padding:100px 30px;text-align:center}.loading .glass-wordmark{width:164px;height:auto;color:#3f66da;margin:0 auto 25px}.loading h2{font-size:17px;font-weight:480;color:#5b708d}.loading p{font-size:12px;margin-top:9px}.toast{position:fixed;bottom:27px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,18px);max-width:min(680px,calc(100vw - 36px));padding:13px 18px;border:1px solid #dce6f5;border-radius:8px;background:#fff;box-shadow:0 8px 28px #2745721d;color:#567095;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .15s,transform .15s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{color:#9d5c6a;border-color:#efd7dd;background:#fff9fa}.offline-banner{padding:12px 17px;border:1px solid #ecdcca;background:#fdf8ee;color:#7f6c4c;border-radius:7px;font-size:12px;margin-bottom:22px}
@media(min-width:1500px){.checks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1160px){:root{--sidebar:210px}.sidebar{padding-left:15px;padding-right:15px}.brand{padding:0 10px}.topbar{padding:0 28px}main{padding:31px 28px 40px}.hero{padding:29px;gap:25px}.hero h1{font-size:33px}.hero p{font-size:12px}.metrics{gap:12px}.metric{padding:18px 17px}.topbar-right{gap:12px}.evidence-row{grid-template-columns:30px 76px minmax(0,1fr) 135px;gap:13px}.workspace-footer{padding:19px 28px}.scenario-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.partner-card{max-width:none}.partner-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-two,.agent-grid,.approval-grid,.comparison-grid,.task-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.checks-grid{grid-template-columns:1fr}.workflow-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-badge{display:none}.evidence-row{grid-template-columns:30px 76px minmax(0,1fr)}.event-details{grid-column:3}.event-details summary{text-align:left}.follow-up-toolbar{flex-wrap:wrap}.check-card>p,.check-values,.check-card details{margin-left:0}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:750px){:root{--sidebar:0px}.sidebar{position:relative;width:100%;padding:22px 21px 0;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.brand{padding:0;gap:10px}.brand .glass-wordmark{width:164px}.brand-label{font-size:14px}.workspace-label{margin:23px 0 9px}.sidebar nav{display:flex;gap:5px;overflow:auto;white-space:nowrap;padding-bottom:12px}.nav-item{padding:8px 10px;flex:none;font-size:12px;margin:0}.nav-item svg{width:14px;height:14px}.sidebar-bottom{display:none}.workspace{margin-left:0}.topbar{height:57px;padding:0 21px;gap:10px}.breadcrumb{font-size:12px}.breadcrumb span{padding:0 6px}.topbar-right{font-size:12px}.connection-indicator{white-space:normal;font-size:12px}main{padding:27px 21px 35px}.workspace-footer{padding:17px 21px;font-size:12px}.hero{padding:25px;gap:23px}.hero h1{font-size:32px}.hero p{font-size:12px}.partner-card{padding:19px}.partner-meta{grid-template-columns:1fr 1fr}.next-action{align-items:flex-start;flex-wrap:wrap;gap:11px;padding:15px 17px}.next-action>div:nth-child(2){flex:1;min-width:190px}.next-action .button{margin-left:0;width:100%}.panel-header{padding:21px 21px 17px}.panel-body{padding:0 21px 22px}.panel-intro{padding:0 21px 19px}.flow-list{padding:0 21px 20px}.checks-grid,.agent-grid,.task-grid,.approval-grid,.comparison-grid,.scenario-grid{padding:0 21px 21px}.activation-gate{margin:0 21px 21px;padding:19px}.follow-up-toolbar{padding:0 21px 20px}.source-list{padding:0 21px 21px}.draft-texts,.review-selects{grid-template-columns:1fr}.flow-row{gap:13px;grid-template-columns:30px minmax(0,1fr)}.flow-row>.badge{grid-column:2;justify-self:start}.flow-row .step-marker{width:28px;height:28px}.evidence-row{padding:18px 21px;grid-template-columns:26px minmax(0,1fr);gap:11px}.event-time{grid-column:2;grid-row:1;font-size:12px;text-align:right}.event-body{grid-column:2}.event-details{grid-column:2}.event-sequence{grid-column:1;grid-row:1/3}.toast{left:50%}.page-heading h1{font-size:28px}.info-strip{padding:14px 17px}.export-result{flex-wrap:wrap}.export-result a{margin-left:0}.scenario-grid{grid-template-columns:1fr 1fr}.hero .button-group .button{white-space:normal;flex:1;min-width:130px}.check-values{grid-template-columns:1fr 1fr}.check-heading{flex-wrap:wrap}.check-heading h3{min-width:150px}.check-heading .badge{max-width:none}.earlier-tasks{padding:0 21px 20px}}
@media(max-width:430px){main{padding-left:17px;padding-right:17px}.metrics{gap:10px}.metric{padding:16px 14px}.metric-top{font-size:12px}.metric-caption{font-size:12px}.metric-value{font-size:25px}.check-values,.scenario-grid{grid-template-columns:1fr}.hero{padding:23px 21px}.workflow-summary{grid-template-columns:1fr 1fr}.gate-header{gap:10px}.gate-header h3{font-size:12px}.topbar .breadcrumb{max-width:160px}.button-group>.button{white-space:normal}.follow-up-toolbar>.button{width:100%}}
.scenario-button small{display:flex;align-items:center;gap:7px}.scenario-button small svg{width:12px;height:12px}.current-recheck{padding:0;margin-top:15px}.runtime-line+.button-group{margin-top:18px}

/* The walkthrough keeps order, work and business results separate. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.flow-explanation{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0 25px 19px;color:#52657e;font-size:12px;line-height:1.65}.flow-explanation span{max-width:350px}.flow-explanation strong{color:#243b59;font-weight:600}
.workflow-scroll{border-top:1px solid #e4eaf3;border-bottom:1px solid #e4eaf3;padding:0}.workflow-table{width:100%;min-width:990px;border-collapse:collapse;table-layout:fixed}.workflow-table thead th{background:#f7f9fc;font-size:12px;letter-spacing:.15px;text-transform:none;color:#465b76;font-weight:650;padding:14px 18px;text-align:left;border-bottom:1px solid #dce5ef;position:sticky;top:0}.workflow-table thead th:nth-child(1){width:23%}.workflow-table thead th:nth-child(2){width:19%}.workflow-table thead th:nth-child(3){width:10%}.workflow-table thead th:nth-child(4){width:30%}.workflow-table thead th:nth-child(5){width:18%}
.workflow-table .workflow-row>th,.workflow-table .workflow-row>td{vertical-align:top;padding:20px 18px;border-bottom:1px solid #e7edf5;text-align:left;font-size:12px;font-weight:400;color:#354d6b;line-height:1.65}.workflow-table .workflow-row:last-child>*{border-bottom:0}.workflow-table .workflow-row>th strong{display:block;color:#233a57;font-size:12px;font-weight:600;margin:4px 0 5px}.flow-number{font-variant-numeric:tabular-nums;font-size:12px;font-weight:650;letter-spacing:.5px;color:#617086;display:block}.workflow-table p{font-size:12px;line-height:1.7;color:#596c85;margin:6px 0 0}.workflow-table small{display:block;font-size:12px;line-height:1.7;margin-top:7px;color:#617086}.execution-status{font-size:12px;color:#4e617b;display:block;margin-top:2px}.workflow-table .flow-phase th{padding:11px 18px;background:#eff3f8;color:#344d6a;font-size:12px;text-align:left;font-weight:650;letter-spacing:.1px;border-bottom:1px solid #dfe7f0}.workflow-table .human-row{background:#fafbfe}.human-owner{font-size:12px;font-weight:600;color:#435975}.workflow-table .current-row{background:#f1f5ff}.workflow-table .current-row>th{box-shadow:inset 3px 0 #4169e1}.current-label{display:inline-block;font-size:11px;margin-top:10px;color:#3159b9;font-weight:650;border:1px solid #cedafa;border-radius:4px;padding:2px 6px;background:#fff}.flow-status{display:inline-block;font-size:12px;font-weight:600;line-height:1.5;border-radius:4px;border:1px solid #e0e7f1;padding:3px 7px;background:#f5f7fa;color:#536881}.flow-status.red{border-color:#efcbd0;background:#fdf3f4;color:#9c3846}.flow-status.orange{border-color:#eadabb;background:#fcf7ec;color:#886122}.flow-status.green{border-color:#c9e3d8;background:#f0f8f4;color:#21664f}.flow-status.blue{border-color:#d4e0f6;background:#f2f6fd;color:#385f9c}.agent-link{border:0;background:none;color:#365ebe;display:inline-flex;align-items:flex-start;gap:7px;padding:0;font-size:12px;line-height:1.65;font-weight:550;text-align:left;text-decoration:underline;text-decoration-color:#cad6f5;text-underline-offset:3px;white-space:normal}.agent-link svg{width:12px;height:12px;margin-top:4px;color:#596e93}.agent-link:hover{color:#23499f;text-decoration-color:#23499f}.workflow-footnote{padding:17px 25px;color:#5d7089;font-size:12px;line-height:1.8;background:#fcfdff}.workflow-footnote strong{color:#374d6a;font-weight:600}.flow-overview{padding:0 25px 23px}.flow-overview p{font-size:12px;line-height:1.8;margin-bottom:12px;color:#5a6e89}.flow-overview p strong{color:#304969}.flow-overview-footer{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid #e5ebf4;padding-top:15px;font-size:12px;color:#5d7188}
.agent-work-table,.agent-performance-table{width:100%;border-collapse:collapse;min-width:860px}.agent-work-table th,.agent-work-table td,.agent-performance-table th,.agent-performance-table td{text-align:left;padding:18px 20px;font-size:12px;line-height:1.75;vertical-align:top;color:#4f637e;border-bottom:1px solid #e6edf5;font-weight:400}.agent-work-table thead th,.agent-performance-table thead th{background:#f7f9fc;color:#405774;font-size:12px;font-weight:600;padding-top:14px;padding-bottom:14px}.agent-work-table tbody th{width:21%}.agent-work-table td:nth-child(2){width:26%}.agent-work-table td:nth-child(3){width:12%}.agent-work-table td:nth-child(4){width:28%}.agent-work-table td:nth-child(5){width:13%}.agent-work-table small,.agent-performance-table small{display:block;color:#5f7088;font-size:12px;line-height:1.7;margin-top:4px}.agent-performance-table tbody th{width:23%;min-width:185px}.agent-performance-table .numeric-cell{font-variant-numeric:tabular-nums;font-size:15px;color:#354f71}.agent-performance-table td strong{font-size:13px;font-weight:550;color:#354f71}.agent-performance-table .scope-details{margin-top:7px;padding-top:0;border:0}.agent-performance-table .scope-details summary{font-size:12px}.not-measured{font-size:12px;color:#617085}.agent-performance-table tbody tr:hover,.agent-work-table tbody tr:hover{background:#fafcff}
#agent-dialog{padding:0;border:1px solid #d5dfed;border-radius:12px;width:min(760px,calc(100vw - 48px));max-width:760px;max-height:90vh;color:#203249;background:#fff;box-shadow:0 24px 70px #10233c40;overflow:hidden}#agent-dialog::backdrop{background:#182e4a66;backdrop-filter:blur(3px)}body:has(#agent-dialog[open]){overflow:hidden}.agent-drawer{display:flex;flex-direction:column;max-height:88vh}.agent-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 30px 22px;border-bottom:1px solid #e3eaf4}.agent-drawer-header h2{font-size:22px;line-height:1.4;font-weight:550;letter-spacing:-.5px;color:#263f60}.agent-drawer-header p{font-size:12px;color:#5c708c;margin-top:7px}.agent-drawer-header .mini-label{color:#5e6f86;margin-bottom:8px}.agent-drawer-body{overflow-y:auto;overscroll-behavior:contain;padding:0 30px 10px}.agent-drawer-body>section{padding:23px 0;border-bottom:1px solid #e7edf5}.agent-drawer-body>section:last-child{border-bottom:0}.agent-drawer-body h3{font-size:14px;font-weight:600;color:#304c6d;margin-bottom:10px}.agent-drawer-body h4{font-size:12px;font-weight:600;color:#4a6385}.agent-drawer-body p,.agent-drawer-body li{font-size:12px;line-height:1.8;color:#5b708d}.agent-result-box{padding:16px 18px;background:#f5f8fc;border:1px solid #e2eaf5;border-radius:7px;margin-top:15px}.agent-result-box .mini-label{color:#5e718b}.agent-result-box .agent-next{border-top:1px solid #e2eaf4;padding-top:10px;margin-top:10px}.agent-source-list{padding-left:18px;margin:13px 0 17px}.agent-source-list li{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;overflow-wrap:anywhere;margin-bottom:9px;color:#5c718f}.policy-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:15px}.policy-columns ul{padding-left:17px;margin-top:10px}.agent-drawer-body .reference>span{font-size:12px;color:#5d6f89}.agent-drawer-body .reference code{color:#577092}.agent-drawer-body .technical-json{color:#536f94}.agent-drawer-body .scope-details summary{color:#4b6b96}.agent-drawer-body .agent-record{color:#5a6f8b;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-top:10px}.agent-drawer-body .agent-card{padding:18px;margin-top:12px;background:#fafcff}.agent-drawer-body .diagnostic-numbers span{color:#5a718e}.agent-drawer-footer{padding:17px 30px;display:flex;justify-content:space-between;gap:14px;border-top:1px solid #e3eaf4;background:#fafcff}.agent-drawer-footer .button{font-size:12px}.drawer-suggestion{background:#fcfdff}.drawer-suggestion p+p{margin-top:10px}
@media(max-width:1160px){.workflow-table{min-width:950px}.workflow-table .workflow-row>th,.workflow-table .workflow-row>td,.workflow-table thead th{padding-left:15px;padding-right:15px}.agent-performance-table{min-width:890px}}
@media(max-width:750px){.flow-explanation{padding:0 21px 18px;gap:9px;font-size:12px}.flow-explanation span{max-width:none}.workflow-footnote,.flow-overview{padding-left:21px;padding-right:21px}.flow-overview-footer{flex-direction:column;align-items:flex-start;gap:13px}.workflow-table{min-width:930px}#agent-dialog{width:calc(100vw - 24px);max-height:94vh;border-radius:9px}.agent-drawer{max-height:92vh}.agent-drawer-header{padding:22px}.agent-drawer-header h2{font-size:19px}.agent-drawer-body{padding:0 22px 8px}.agent-drawer-footer{padding:15px 22px}.policy-columns{grid-template-columns:1fr;gap:12px}}
.reference-name{display:block;font-size:12px;font-weight:500;color:#4b6487;line-height:1.75;margin-top:4px}.technical-reference{margin-top:5px;font-size:12px}.technical-reference>summary{cursor:pointer;color:#5e6f88;font-size:12px;text-transform:none}.technical-reference>code{display:block;margin-top:7px;background:#f6f9fd;border:1px solid #e2eaf5;border-radius:5px;padding:9px 10px;font-size:12px;line-height:1.8;color:#59718f}.agent-drawer-body .agent-source-list{margin:13px 0 18px;padding:0;display:grid;gap:14px}.agent-drawer-body .agent-source-list>.reference{margin:0;padding:12px 15px;border:1px solid #e3eaf4;border-radius:6px;background:#fafcff}.agent-drawer-body .reference-name{font-size:12px;color:#415d81}.agent-drawer-body .technical-reference>summary{color:#5a6f8c}.delivery-note{padding:13px 18px;border:1px solid #e7d9bb;border-radius:7px;background:#fffbf1;color:#795d2b;font-size:12px;line-height:1.75;margin-bottom:22px}.delivery-note strong{font-weight:600}
.agent-drawer-body .drawer-table{margin:17px 0 0;padding:0;border:1px solid #e4ebf4;border-radius:6px}.drawer-table table{min-width:560px;width:100%;border-collapse:collapse}.drawer-table th,.drawer-table td{padding:12px 14px;border-bottom:1px solid #e7edf5;font-size:12px;line-height:1.75;text-align:left;vertical-align:top;color:#587091;font-weight:400}.drawer-table thead th{background:#f4f7fb;color:#3a5578;font-weight:600;font-size:12px}.drawer-table tbody th{font-weight:550;color:#3d5879}.drawer-table tr:last-child>*{border-bottom:0}.drawer-table .badge{font-size:11px}.drawer-table p{font-size:12px}.drawer-table small{display:block;color:#5d6f89;font-size:12px;margin-top:7px}.identity-values{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.identity-values>div{border:1px solid #e2eaf5;border-radius:6px;padding:14px 16px;background:#fbfcff}.identity-values strong{font-size:13px;font-weight:550;color:#355477}
.workflow-table .workflow-row>th,.agent-work-table tbody th,.agent-performance-table tbody th,.drawer-table tbody th{text-transform:none;letter-spacing:normal;background:inherit}.agent-work-table thead th,.agent-performance-table thead th,.drawer-table thead th{text-transform:none;letter-spacing:normal}
@media(max-width:600px){.agent-drawer-footer{flex-direction:column;align-items:stretch}.agent-drawer-footer>.button{width:100%}.agent-drawer-footer .button-group{justify-content:space-between}.agent-drawer-footer .button-group .button{flex:1}}
.agent-performance-table .score-percent{font-size:19px;font-weight:550;color:#2d5489;letter-spacing:-.3px}.agent-performance-table .metric-second{display:block;margin-top:12px}.synthetic-measurement{padding:17px 18px;border:1px solid #dce7f6;border-radius:7px;background:#f7faff;margin-top:19px}.measurement-score{display:flex;align-items:center;gap:18px;margin-top:12px}.measurement-score>strong{font-size:30px;font-weight:450;color:#355e9b;letter-spacing:-.6px}.measurement-score>span{color:#587190;font-size:12px;line-height:1.8}.synthetic-measurement>p{margin-top:12px}.measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:17px 0 7px}.measurement-grid span{display:block;color:#5c718d;font-size:12px}.measurement-grid strong{display:block;font-size:18px;color:#395c8c;font-weight:500;margin-top:5px}.synthetic-measurement .scope-details{margin-top:15px}.agent-performance-table{min-width:960px}.agent-performance-table tbody th{width:20%}.agent-performance-table td{min-width:110px}
.checked-improvement{display:flex;align-items:center;gap:30px;padding:17px 22px;border:1px solid #dfe8f6;border-radius:7px;background:#f7faff;margin:0 0 19px}.checked-improvement>div{flex:1}.checked-improvement strong{font-size:28px;letter-spacing:-.7px;font-weight:450;color:#355f96}.checked-improvement p{font-size:12px;color:#5a6f8c;margin-top:6px}.improvement-arrow{color:#5c718f}.checked-improvement .mini-label{color:#5d718b}
.performance-chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;margin-bottom:24px}.performance-chart-panel{overflow:hidden}.chart-body{padding:25px 28px}.result-bar{margin-bottom:20px}.bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;color:#4d6483;line-height:1.6;margin-bottom:8px}.bar-label strong{font-size:11px;font-weight:550;color:#355780;white-space:nowrap}.bar-track{height:9px;border-radius:3px;background:#ecf1f8;overflow:hidden}.bar-fill{height:100%;display:block;border-radius:3px}.bar-fill.blue{background:#4677b8}.bar-fill.muted{background:#a8bad3}.bar-axis{display:flex;justify-content:space-between;color:#5e7089;font-size:12px;margin-top:9px}.total-accuracy-trend{border-top:1px solid #e2eaf4;margin-top:25px;padding-top:22px}.total-accuracy-trend figcaption,.agent-chart-pair figcaption{font-size:12px;font-weight:550;color:#425d80;margin-bottom:9px}.total-accuracy-trend .measured-sparkline{width:100%;height:100px;display:block}.measured-sparkline{display:block;width:132px;height:44px;overflow:visible}.spark-grid{stroke:#dfe7f2;stroke-width:1;stroke-dasharray:3 3}.spark-line{stroke:#4677b8;fill:none;stroke-width:2;stroke-linecap:round}.spark-first{fill:#fff;stroke:#6789b8;stroke-width:1.8}.spark-last{fill:#4677b8;stroke:#fff;stroke-width:1}.spark-values{display:flex;justify-content:space-between;font-size:12px;color:#4e6e98;gap:10px}.total-accuracy-trend p,.chart-improvement p,.chart-note{color:#5e7089;font-size:12px;line-height:1.9;margin-top:11px}.chart-improvement{border-top:1px solid #e2eaf4;margin-top:22px;padding-top:22px}.chart-improvement h3{font-size:12px;font-weight:550;color:#425d80;margin-bottom:17px}.chart-note{border-top:1px solid #e2eaf4;padding-top:14px;margin-top:22px}.chart-legend{display:flex;gap:20px;font-size:12px;color:#5c718f;margin-bottom:19px}.chart-legend>span{display:flex;align-items:center;gap:7px}.legend-swatch{display:inline-block;width:13px;height:6px;border-radius:2px}.legend-swatch.first{background:#a8bad3}.legend-swatch.latest{background:#4677b8}.time-bars{display:grid;gap:17px}.time-bar-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}.time-bar-label .agent-link{font-size:11px;line-height:1.5;text-align:left}.time-bar-label>span{font-size:11px;color:#5c708c;white-space:nowrap}.paired-bar-tracks{display:grid;gap:4px}.paired-bar-tracks .bar-track{height:5px}.agent-performance-table .accuracy-trend{min-width:132px;width:132px}.agent-performance-table .accuracy-trend small{font-size:12px;margin-top:7px;line-height:1.5}.agent-performance-table .spark-values{color:#517099;font-size:12px}.agent-chart-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #dfe7f3;margin-top:17px;padding-top:19px}.agent-chart-pair .measured-sparkline{width:100%;height:65px}.agent-chart-pair .accuracy-trend{width:100%}.agent-chart-pair small{display:block;font-size:12px;color:#5d708a;margin-top:7px}.comparison-card .result-bar{margin-top:19px;margin-bottom:9px}
@media(max-width:1200px){.performance-chart-grid{grid-template-columns:1fr}.performance-chart-panel .chart-body{padding:22px 26px}.total-accuracy-trend .measured-sparkline{height:85px}.time-bars{grid-template-columns:1fr 1fr;column-gap:28px;row-gap:20px}}
@media(max-width:750px){.chart-body,.performance-chart-panel .chart-body{padding:22px 21px}.time-bars{grid-template-columns:1fr}.agent-chart-pair{grid-template-columns:1fr}.bar-label{font-size:11px}.bar-label strong{font-size:11px}.total-accuracy-trend .measured-sparkline{height:70px}}
.result-bar-plot{display:block;width:100%;height:9px;overflow:visible}.bar-background{fill:#ecf1f8}.bar-color.blue{fill:#4677b8}.bar-color.muted{fill:#a8bad3}.paired-bar-tracks .result-bar-plot{height:5px}.total-accuracy-trend .measured-sparkline,.agent-chart-pair .measured-sparkline{height:auto;aspect-ratio:3 / 1}
.current-check-panel{margin-bottom:24px}.current-check-visual{display:flex;align-items:center;gap:35px;padding:22px 30px 28px}.current-check-ring{width:190px;height:190px;flex:none}.check-ring-base{stroke:#edf1f7}.check-ring-passed{stroke:#568b82}.check-ring-needs-work{stroke:#bc8552}.check-ring-waiting{stroke:#acb9cd}.ring-total{fill:#355477;font-size:31px;font-weight:500;letter-spacing:-.5px}.ring-caption{fill:#7b8fa9;font-size:10px}.current-check-legend{max-width:650px;flex:1}.current-check-legend>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#506b8f;margin-bottom:14px}.current-check-legend strong{font-size:15px;font-weight:550;color:#3c5a7f;margin-left:auto}.check-key{width:10px;height:10px;border-radius:2px;flex:none}.check-key.passed{background:#568b82}.check-key.needs-work{background:#bc8552}.check-key.waiting{background:#acb9cd}.current-check-legend p{font-size:12px;line-height:1.85;color:#5d718c;border-top:1px solid #e4ebf5;padding-top:15px;margin-top:18px}.current-check-legend .button{margin-top:15px}
@media(max-width:650px){.current-check-visual{flex-direction:column;gap:15px;padding:19px 21px 25px}.current-check-ring{width:170px;height:170px}.current-check-legend{width:100%}}
/* Charts share the application palette; status colours keep their existing meaning. */
.bar-background{fill:var(--line)}.bar-color.blue{fill:var(--blue)}.bar-color.muted{fill:var(--muted);fill-opacity:.55}.spark-line{stroke:var(--blue)}.spark-grid{stroke:var(--line)}.spark-first{stroke:var(--blue);fill:#fff}.spark-last{fill:var(--blue);stroke:#fff}.legend-swatch.first{background:var(--muted);opacity:.55}.legend-swatch.latest{background:var(--blue)}.check-ring-base{stroke:var(--line)}.check-ring-passed{stroke:var(--green)}.check-ring-needs-work{stroke:var(--amber)}.check-ring-waiting{stroke:var(--muted)}.check-key.passed{background:var(--green)}.check-key.needs-work{background:var(--amber)}.check-key.waiting{background:var(--muted)}
.agent-trend-panel,.dense-history-panel{margin-bottom:24px}.agent-trend-list{padding:0 25px}.agent-trend-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(165px,1fr) minmax(165px,1fr) minmax(120px,.75fr);gap:28px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.trend-agent-name .agent-link{font-size:12px}.trend-agent-name small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.history-spark-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:var(--muted)}.history-spark-top strong{font-size:12px;font-weight:550;color:var(--ink)}.history-sparkline{display:block;width:100%;height:36px;overflow:visible;margin-top:3px}.history-spark-cell>small{display:block;font-size:12px;color:var(--muted);line-height:1.6}.history-point{fill:var(--blue);stroke:#fff;stroke-width:.45}.history-point.last{stroke-width:1}.history-area{fill:var(--blue-soft)}.trend-guard-summary>span,.trend-guard-summary>small{display:block;font-size:12px;color:var(--muted);line-height:1.7}.trend-guard-summary>strong{display:block;font-size:12px;font-weight:500;color:var(--ink);margin:5px 0}.dense-history-body{padding:22px 28px}.history-chart-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;max-width:660px;margin-bottom:23px}.history-chart-controls label{font-size:11px;color:var(--muted)}.history-chart-controls select{display:block;width:100%;padding:9px 12px;border:1px solid var(--line);background:#fff;border-radius:5px;color:var(--ink);font-size:12px;margin-top:6px}.dense-history-figure{margin:0}.dense-history-figure figcaption,.case-duration-figure figcaption{font-size:12px;font-weight:550;color:var(--ink);margin-bottom:13px}.dense-history-plot{display:block;width:100%;height:auto;overflow:visible}.history-axis{font-size:10px;fill:var(--muted);font-family:inherit}.history-chart-stats{display:flex;flex-wrap:wrap;gap:28px;border-top:1px solid var(--line);padding-top:16px;margin-top:11px}.history-chart-stats>span{display:block;font-size:12px;color:var(--muted)}.history-chart-stats strong{display:block;font-size:16px;font-weight:500;color:var(--ink);margin-top:5px}.dense-history-body>.button{margin-top:18px}.case-duration-figure{margin:0}.case-duration-plot{width:100%;height:auto;display:block;overflow:visible}.case-agent-label{font-size:10px;fill:var(--ink);font-family:inherit}.case-duration-point{fill:var(--blue);fill-opacity:.7;stroke:#fff;stroke-width:.55}.agent-performance-table .accuracy-trend{width:170px;min-width:170px}.agent-drawer-body .dense-agent-charts .history-sparkline{height:36px;aspect-ratio:auto}.total-accuracy-trend .history-sparkline{height:44px}.dense-agent-charts figcaption{font-size:12px}
@media(max-width:1160px){.agent-trend-row{grid-template-columns:minmax(140px,1fr) minmax(150px,1fr) minmax(150px,1fr);gap:18px}.trend-guard-summary{grid-column:1/-1;display:flex;align-items:center;gap:10px}.trend-guard-summary>strong{margin:0}.trend-guard-summary>small{margin-left:auto}}
@media(max-width:750px){.agent-trend-list{padding:0 21px}.agent-trend-row{grid-template-columns:1fr 1fr;gap:12px 22px;padding:17px 0}.trend-agent-name{grid-column:1/-1}.trend-guard-summary{margin-top:3px}.history-chart-controls{grid-template-columns:1fr;gap:13px}.dense-history-body{padding:20px 21px}.history-chart-stats{gap:20px}.history-chart-stats>span{flex:1;min-width:105px}.dense-history-plot{min-width:0}.dense-history-figure{overflow-x:auto;padding-bottom:7px}.case-duration-figure{overflow-x:auto}.case-duration-plot{min-width:0}.dense-agent-charts{grid-template-columns:1fr 1fr!important;gap:17px}.agent-trend-row .history-sparkline{height:34px}.history-spark-cell>small{font-size:12px}}
.current-check-visual{padding-bottom:18px}.current-check-ring{width:150px;height:150px}.current-check-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:0 28px 20px}.current-check-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0;font-size:12px;color:var(--ink)}.current-check-item .badge{font-size:11px;flex:none}@media(max-width:750px){.current-check-ring{width:130px;height:130px}.current-check-breakdown{grid-template-columns:1fr;padding-left:21px;padding-right:21px}.current-check-item{padding:8px 0}}
.trend-guard-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px;color:var(--muted)}.trend-guard-summary>div strong{font-size:12px;font-weight:500;color:var(--ink)}@media(max-width:1160px){.trend-guard-summary>div{justify-content:flex-start;margin:0;gap:6px}.trend-guard-summary{gap:17px}}

/* Recorded monitoring playback uses the existing blue, slate and status colours. */
.monitor-panel,.monitor-agent-panel{margin-bottom:24px}
.monitor-playback-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.monitor-playback-bar>div:first-child{display:grid;gap:7px}
.monitor-live-status{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink)}
.monitor-playback-bar small{font-size:12px;color:var(--muted)}
.monitor-playback-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.monitor-playback-controls label,.monitor-chart-controls label{display:grid;gap:7px;font-size:11px;color:var(--muted);font-weight:600}
.monitor-playback-controls select,.monitor-chart-controls select{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:12px;padding:10px;max-width:100%}
.monitor-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px 0}
.monitor-summary>div{display:grid;gap:6px}
.monitor-summary span{font-size:12px;color:var(--muted)}
.monitor-summary strong{font-size:23px;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.monitor-summary small{font-size:12px;color:var(--muted);line-height:1.5}
.monitor-chart-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.monitor-main-chart{margin:0}
.monitor-activity{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.monitor-activity h3{font-size:13px;margin:0 0 12px}
.monitor-activity article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:start}
.monitor-sequence{font-size:11px;font-variant-numeric:tabular-nums;padding-top:3px;color:var(--muted)}
.monitor-activity strong{font-size:12px;font-weight:600}
.monitor-activity p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.6}
.monitor-activity .agent-link{font-size:0}
.monitor-activity .agent-link svg{width:15px}
.monitor-agent-row{grid-template-columns:minmax(160px,1.15fr) minmax(150px,1fr) minmax(150px,1fr) minmax(130px,.85fr)}
.monitor-spark{min-width:0}
.monitor-spark small{font-size:12px;color:var(--muted);display:block}
.monitor-agent-counters{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-content:center}
.monitor-agent-counters div{display:grid;gap:5px}
.monitor-agent-counters span{font-size:12px;color:var(--muted)}
.monitor-agent-counters strong{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.monitor-detail h4{font-size:13px;margin:20px 0 8px}
.monitor-tool-summary{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;background:#f7f9fc;padding:12px;border:1px solid var(--line);border-radius:7px;margin:12px 0}
.monitor-tool-summary strong{font-weight:600}
.monitor-misses article{padding:13px 0;border-bottom:1px solid var(--line)}
.monitor-misses strong{font-size:12px}
.monitor-misses p{font-size:12px;margin:6px 0;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:1100px){.monitor-agent-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.monitor-agent-row .trend-agent-name,.monitor-agent-counters{grid-column:1/-1}.monitor-agent-counters{grid-template-columns:repeat(4,minmax(0,1fr))}.monitor-playback-bar{align-items:start;flex-direction:column}}
@media(max-width:620px){.monitor-summary{grid-template-columns:1fr 1fr}.monitor-chart-controls{grid-template-columns:1fr}.monitor-agent-counters{grid-template-columns:1fr 1fr}.monitor-playback-controls{gap:8px}.monitor-activity article{grid-template-columns:35px 1fr auto}}
@media(prefers-reduced-motion:no-preference){.monitor-live-status .status-dot.blue{animation:monitor-pulse 2s ease-in-out infinite}@keyframes monitor-pulse{50%{opacity:.4}}}

.monitor-spark .history-sparkline{height:48px}
.monitor-agent-counters strong{font-size:12px;line-height:1.5}

/* Shared Glass demo presentation. Kept identical in both demos' styles.css; colours come from the :root tokens. */
body{color:var(--ink);background-color:var(--page);background-image:radial-gradient(1200px 640px at 92% -10%,rgba(80,128,235,.17),transparent 62%),radial-gradient(900px 620px at 12% 108%,rgba(48,170,160,.10),transparent 60%),linear-gradient(180deg,var(--page-top),var(--page) 420px);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased}
p{color:var(--ink-2)}
small{font-size:12px}

/* Glass surfaces */
.sidebar{background:rgba(255,255,255,.66);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border-right:1px solid var(--glass-edge)}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.62);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--glass-edge)}
.panel{background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--glass-edge);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 32px -18px rgba(24,48,92,.30),0 2px 6px rgba(24,48,92,.05)}
.hero{background:linear-gradient(130deg,rgba(255,255,255,.92) 20%,rgba(236,243,255,.82) 100%)}
.next-action{background:linear-gradient(120deg,rgba(236,243,255,.92),rgba(244,248,255,.78));border:1px solid rgba(36,87,208,.16);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.next-action strong{font-size:15px;color:var(--ink)}
.next-action p{font-size:13.5px;color:var(--ink-2)}
.info-strip{background:rgba(255,255,255,.6);border:1px solid var(--glass-edge);color:var(--ink-2);font-size:13px;border-radius:10px}
.info-strip p{color:var(--ink-2);font-size:13px}

/* Type scale: readable from across a meeting room */
.page-heading{margin-bottom:26px}
.page-heading h1,h1{color:var(--ink);font-weight:580;letter-spacing:-.9px}
.page-heading h1{font-size:34px;line-height:1.2}
.hero h1{font-size:40px;line-height:1.15}
.page-heading p,.hero p{font-size:15.5px;line-height:1.6;color:var(--ink-2);max-width:74ch;margin-top:8px}
.eyebrow{font-size:11.5px;letter-spacing:.11em;color:var(--blue);font-weight:650;margin-bottom:10px}
.panel-header h2{font-size:18px;font-weight:620;letter-spacing:-.3px;color:var(--ink)}
.panel-header p,.panel-heading-sub{font-size:13px;line-height:1.6;color:var(--muted)}
.mini-label{font-size:11px;letter-spacing:.08em;color:var(--muted);font-weight:620}
h3{color:var(--ink)}
.metric-value{color:var(--ink);font-weight:560}
.metric-caption{font-size:12.5px;color:var(--muted)}
.breadcrumb{font-size:13px;color:var(--muted)}
.breadcrumb span{color:var(--line-strong);margin:0 4px}
.breadcrumb #crumb-page{color:var(--ink);font-weight:600;margin:0}

/* Controls */
.button{font-size:13px;min-height:40px;border-radius:9px;color:var(--ink-2);border-color:rgba(22,37,58,.14);background:rgba(255,255,255,.85);transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}
.button:hover:not(:disabled){border-color:rgba(36,87,208,.45);color:var(--blue);background:white}
.button:active:not(:disabled){transform:translateY(1px)}
.button.primary{color:white;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0)),var(--blue);border-color:var(--blue);box-shadow:0 6px 16px -6px rgba(36,87,208,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.button.primary:hover:not(:disabled){color:white;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0)),var(--blue-strong)}
.button.small{font-size:12.5px;min-height:34px}
button:disabled{opacity:.5}
.badge{font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 9px;letter-spacing:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
select,textarea,input{color:var(--ink)}
.review-note{font-size:14px;border-radius:10px}
.review-note[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 3px rgba(176,65,76,.12)}
.note-count{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.note-count.warn{color:var(--amber);font-weight:600}
.note-count.ok{color:var(--green)}
.toast{background:rgba(22,37,58,.94);color:white;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:13.5px;box-shadow:0 18px 40px -12px rgba(16,32,60,.45);backdrop-filter:blur(10px)}
.toast.error{background:rgba(120,30,40,.95)}

/* Sidebar: demo switcher and numbered walkthrough */
.demo-switch{display:grid;gap:3px;margin:24px 0 4px;padding:4px;border-radius:12px;background:rgba(36,87,208,.06);border:1px solid rgba(36,87,208,.08)}
.demo-switch a{display:block;padding:8px 11px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--ink-2);line-height:1.35}
.demo-switch a small{display:block;font-size:11px;font-weight:450;color:var(--muted)}
.demo-switch a[aria-current="page"]{background:white;color:var(--blue);box-shadow:0 2px 8px -2px rgba(24,48,92,.18)}
.demo-switch a:not([aria-current]):hover{background:rgba(255,255,255,.6);color:var(--ink)}
.workspace-label{font-size:11px;letter-spacing:.1em;color:var(--muted);margin:22px 12px 10px}
.nav-item{font-size:13.5px;color:var(--ink-2);gap:12px;padding:9px 12px;border-radius:10px;transition:background .15s,color .15s}
.nav-item:hover{background:rgba(36,87,208,.06);color:var(--ink)}
.nav-item.active{background:rgba(36,87,208,.10);color:var(--blue);font-weight:620}
.nav-step{flex:none;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:11.5px;font-weight:650;color:var(--blue);background:rgba(36,87,208,.08);border:1px solid rgba(36,87,208,.14)}
.nav-item.active .nav-step{color:white;background:var(--blue);border-color:var(--blue);box-shadow:0 4px 10px -3px rgba(36,87,208,.6)}
.sidebar-bottom p,.rehearsal-label{color:var(--muted);font-size:12px}
.native-link{color:var(--ink-2);font-size:13px}

/* What is real in this demo */
.topbar-right{display:flex;align-items:center;gap:14px}
.data-legend{position:relative;font-size:13px}
.data-legend summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(36,87,208,.18);background:rgba(255,255,255,.75);color:var(--ink-2);font-weight:600;white-space:nowrap}
.data-legend summary::-webkit-details-marker{display:none}
.data-legend summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}
.data-legend[open] summary{border-color:var(--blue);color:var(--blue)}
.data-legend-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(400px,calc(100vw - 32px));padding:16px;border-radius:14px;background:rgba(255,255,255,.985);backdrop-filter:blur(20px);border:1px solid var(--glass-edge);box-shadow:0 24px 48px -16px rgba(16,32,60,.35);z-index:60;display:grid;gap:12px}
.data-legend-panel p{font-size:13px;line-height:1.5;margin:0;color:var(--ink-2)}
.data-legend-panel .data-chip{margin-bottom:3px}
.data-legend-panel .legend-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.connection-indicator{font-size:13px;color:var(--ink-2)}
.connection-indicator.busy{color:var(--blue);font-weight:600}
.connection-indicator.busy .status-dot{background:var(--blue);animation:glass-pulse 1s ease-in-out infinite}
@keyframes glass-pulse{50%{opacity:.35}}

/* Data kind chips: the label carries the meaning, the colour only groups it */
.data-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.data-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:12px;font-weight:620;line-height:1.5;border:1px solid currentColor;background:rgba(255,255,255,.7);white-space:nowrap}
.data-chip::before{content:"";width:7px;height:7px;border-radius:2px;background:currentColor}
.data-chip.synthetic{color:var(--slate)}
.data-chip.synthetic::before{border-radius:50%}
.data-chip.recorded{color:var(--violet)}
.data-chip.recorded::before{border-radius:50%;background:transparent;border:2px solid currentColor;width:8px;height:8px}
.data-chip.executed{color:var(--blue)}
.data-chip.live{color:var(--green)}
.data-chip.live::before{transform:rotate(45deg)}

/* Walkthrough pager */
.page-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.pager-link{display:flex;flex-direction:column;gap:3px;text-align:left;padding:16px 20px;border-radius:14px;border:1px solid var(--glass-edge);background:var(--glass);backdrop-filter:blur(14px);box-shadow:0 10px 26px -18px rgba(24,48,92,.4);color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s}
.pager-link:hover{border-color:rgba(36,87,208,.45);transform:translateY(-1px);box-shadow:0 14px 30px -18px rgba(36,87,208,.55)}
.pager-link.next{text-align:right;align-items:flex-end}
.pager-link span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:650}
.pager-link strong{font-size:16px;font-weight:620}
.pager-link small{font-size:12.5px;color:var(--muted)}

/* Charts: glass cards, straight segments between real points, recessive grid, hover read-outs */
.chart-tooltip{position:fixed;z-index:300;transform:translate(-50%,calc(-100% - 12px));pointer-events:none;padding:7px 11px;border-radius:9px;background:rgba(22,37,58,.92);backdrop-filter:blur(8px);color:white;font-size:12.5px;font-weight:560;line-height:1.4;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(16,32,60,.6)}
.chart-tooltip[hidden]{display:none}
.chart-crosshair{stroke:var(--ink);stroke-opacity:.28;stroke-width:1;stroke-dasharray:3 3;opacity:0;pointer-events:none;vector-effect:non-scaling-stroke}
.chart-crosshair.visible{opacity:1}
svg[data-hover-labels]{cursor:crosshair;touch-action:pan-y}
.chart-area{fill:url(#glass-area-blue);stroke:none}
.chart-area.soft{fill:url(#glass-area-soft)}
.chart-plot-bg{fill:rgba(255,255,255,.55);stroke:none}
.chart-grid-line{stroke:rgba(22,37,58,.09);stroke-width:1;vector-effect:non-scaling-stroke}
.chart-baseline{stroke:rgba(22,37,58,.22);stroke-width:1;vector-effect:non-scaling-stroke}
.chart-axis{fill:var(--muted);font-size:12px;font-weight:500}
.chart-axis.strong{fill:var(--ink-2);font-weight:600}
.chart-line{fill:none;stroke:var(--blue);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 3px 5px rgba(36,87,208,.28))}
.chart-dot{fill:white;stroke:var(--blue);stroke-width:2}
.chart-dot.end{fill:var(--blue);stroke:white;stroke-width:2.5;filter:drop-shadow(0 2px 4px rgba(36,87,208,.5))}
.chart-end-label{fill:var(--blue);font-size:12.5px;font-weight:650}
.chart-legend-note{font-size:12.5px;color:var(--muted)}
.chart-glass{border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(240,245,255,.55));border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);padding:12px 10px 6px}

/* Evidence trail filters and paging */
.trail-controls{display:flex;flex-wrap:wrap;gap:8px;padding:0 25px 16px}
.filter-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(22,37,58,.14);background:rgba(255,255,255,.8);color:var(--ink-2);font-size:13px;font-weight:600}
.filter-chip span{font-size:11.5px;color:var(--muted);background:rgba(22,37,58,.06);border-radius:999px;padding:0 7px}
.filter-chip:hover{border-color:rgba(36,87,208,.45);color:var(--blue)}
.filter-chip.active{background:var(--blue);border-color:var(--blue);color:white}
.filter-chip.active span{background:rgba(0,0,0,.18);color:white;font-weight:650}
.trail-more{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 25px;border-top:1px solid var(--line)}
.trail-more p{font-size:13px;color:var(--muted)}

/* Walkthrough page (both demos) */
.walk-steps{counter-reset:none}
.walk-say{margin-top:10px;padding-left:12px;border-left:3px solid rgba(36,87,208,.3);font-size:13.5px;color:var(--ink-2);font-style:italic}

/* Collapsible detail groups on long pages */
.section-disclosure{margin-top:22px;border-radius:14px;border:1px solid var(--glass-edge);background:rgba(255,255,255,.5)}
.section-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}
.section-disclosure>summary::-webkit-details-marker{display:none}
.section-disclosure>summary strong{display:block;font-size:16px;font-weight:620;color:var(--ink)}
.section-disclosure>summary small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.section-disclosure>summary::after{content:"Show";flex:none;font-size:12.5px;font-weight:650;color:var(--blue);padding:6px 12px;border-radius:999px;border:1px solid rgba(36,87,208,.25);background:white}
.section-disclosure[open]>summary::after{content:"Hide"}
.section-disclosure>.disclosure-body{padding:0 14px 16px}
.section-disclosure>.disclosure-body>.panel:first-child,.section-disclosure>.disclosure-body>section:first-child{margin-top:0}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:1100px){.data-legend summary{padding:6px 10px}}
@media(max-width:750px){.page-heading h1{font-size:28px}.hero h1{font-size:32px}.page-pager{grid-template-columns:1fr}.pager-link.next{text-align:left;align-items:flex-start}.data-legend summary .legend-long{display:none}.topbar-right{gap:8px}.trail-controls{padding:0 20px 14px}.demo-switch{margin-top:16px}}
@media(max-width:430px){.page-heading h1{font-size:25px}.hero h1{font-size:28px}.data-legend-panel{right:-8px}}

/* Presenter walkthrough (both demos) */
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.guide-intro{padding:26px 30px;display:flex;justify-content:space-between;gap:32px;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(236,243,255,.7));border-radius:14px 14px 0 0}
.guide-intro h2{font-size:24px;font-weight:600;color:var(--ink)}
.guide-intro p{font-size:14px;max-width:70ch;line-height:1.6;margin-top:8px;color:var(--ink-2)}
.duration{font-size:30px;color:var(--blue);font-weight:600;line-height:1.2;white-space:nowrap}
.duration small{display:block;font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:4px}
.guide-step{display:grid;grid-template-columns:96px 1fr auto;gap:22px;padding:22px 28px;border-top:1px solid var(--line);align-items:start}
.guide-time{font-size:12px;font-weight:650;color:var(--blue);padding-top:2px;letter-spacing:.02em}
.guide-step h3{font-size:16px;font-weight:620;color:var(--ink)}
.guide-step p{font-size:14px;line-height:1.6;margin-top:6px;color:var(--ink-2)}
.guide-say,.walk-say{font-size:13.5px;color:var(--ink-2);border-left:3px solid rgba(36,87,208,.3);padding-left:12px;margin-top:10px;font-style:italic}
@media(max-width:750px){.guide-step{grid-template-columns:1fr;gap:10px;padding:20px}.guide-step .button{justify-self:start}.guide-intro{padding:22px}}

/* Chart marks in both demos */
.spark-line,.history-spark-line{fill:none;stroke:var(--blue);stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 2px 3px rgba(36,87,208,.25))}
.spark-grid{stroke:rgba(22,37,58,.12);stroke-width:1;stroke-dasharray:2 3}
.history-point,.history-point.last,.history-spark-end{fill:var(--blue);stroke:white;stroke-width:1.4}
.history-sparkline{height:40px;overflow:visible}
.monitor-spark .history-sparkline{height:46px}
.history-spark-top span,.history-spark-cell>small,.monitor-spark>small,.compact-history-spark small,.compact-history-spark figcaption{color:var(--muted);font-size:12px}
.history-spark-top strong,.compact-history-spark figcaption strong{color:var(--ink);font-size:14px;font-weight:650}
.history-grid{stroke:rgba(22,37,58,.08);stroke-width:1}
.history-baseline{stroke:rgba(22,37,58,.3);stroke-width:1;stroke-dasharray:4 4}
.history-axis-label{fill:var(--muted);font-size:11px;font-weight:500}
.history-series{fill:none;stroke:var(--slate);stroke-opacity:.2;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:none;transition:stroke-opacity .2s}
.history-series.focus{stroke:var(--blue);stroke-opacity:1;stroke-width:2.6;filter:drop-shadow(0 3px 5px rgba(36,87,208,.3))}
.history-line-legend{display:flex;flex-wrap:wrap;gap:8px;padding:14px 25px 4px}
.legend-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;border:1px solid rgba(22,37,58,.12);background:rgba(255,255,255,.8);color:var(--ink-2);font-size:12.5px;font-weight:560}
.legend-toggle i{width:14px;height:3px;border-radius:2px;background:var(--slate);opacity:.45}
.legend-toggle strong{font-weight:650;color:var(--ink)}
.legend-toggle:hover{border-color:rgba(36,87,208,.45)}
.legend-toggle.active{border-color:var(--blue);background:rgba(36,87,208,.08);color:var(--blue)}
.legend-toggle.active i{background:var(--blue);opacity:1;height:4px}
.history-plot-note,.chart-note{font-size:12.5px;line-height:1.6;color:var(--muted)}
.history-timing-plot.chart-glass{margin:0 25px}
.dense-history-figure.chart-glass{padding:16px 14px 8px}
.dense-history-figure figcaption{font-size:13px;font-weight:620;color:var(--ink);padding:0 6px 6px}
.dense-history-plot{display:block;width:100%;height:auto}
.dense-history-plot .chart-axis{font-size:13px}
.history-axis{fill:var(--muted);font-size:11px}
.history-chart-stats>span{font-size:12px;color:var(--muted)}
.history-chart-stats strong{font-size:17px;color:var(--ink);font-weight:620}
.monitor-summary>div{border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(238,244,255,.6));border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);padding:14px 16px}
.monitor-summary span{font-size:12.5px;color:var(--muted)}
.monitor-summary strong{font-size:26px;color:var(--ink);font-weight:600}
.monitor-summary small{font-size:12px;color:var(--muted)}
.monitor-agent-counters span{font-size:11.5px;color:var(--muted)}
.monitor-agent-counters strong{font-size:14px;color:var(--ink)}
.permission-ok{color:var(--green)!important}
.permission-changed{color:var(--amber)!important;font-weight:600}
.bar-background,.result-bar-background{fill:rgba(22,37,58,.07)}
.bar-color.blue{fill:url(#glass-bar)}
.bar-color.muted{fill:var(--slate);fill-opacity:.55}
.check-ring-base{stroke:rgba(22,37,58,.08)}
.current-check-ring{filter:drop-shadow(0 6px 14px rgba(24,48,92,.14))}
.ring-total,.check-donut-total{fill:var(--ink);font-weight:600}
.ring-caption,.check-donut-label{fill:var(--muted);font-size:12px}
.case-duration-point{fill:var(--blue);fill-opacity:.75;stroke:white;stroke-width:1.2}
.case-agent-label{fill:var(--ink-2);font-size:11px}

.hero h1{max-width:none}
@media(max-width:750px){.breadcrumb{display:none}.topbar{justify-content:space-between}.data-legend{position:static}.data-legend-panel{left:16px;right:16px;width:auto;top:calc(100% + 6px)}.topbar{position:sticky}}