/* Action-first refinements to the existing rounded visual system. */
.demo-intro{padding-top:35px;padding-bottom:23px}.demo-intro h1{font-size:29px}.demo-intro p:not(.section-label){margin-top:8px}.demo-intro .section-label{margin-bottom:8px}.workspace-top{padding-block:22px}.workspace-body{padding-top:22px}.workspace-actions{max-width:520px}.small-button{font-size:12px;min-height:40px}.workspace-actions .subtle{font-size:10px}.workspace select{font-size:12px}.controls{margin-bottom:20px}.view-controls{margin-bottom:16px}.next-action{display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:17px;background:#eff7f3;border:1px solid #d9e9df;margin-bottom:23px}.next-action.attention{background:#fff8ec;border-color:#ebdec8}.next-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:50%;background:#fff;color:#4d8166;font-size:18px;font-weight:650}.attention .next-icon{color:#997438}.next-label{display:block;font-size:10px;color:#54795f;letter-spacing:.08em;margin-bottom:3px}.attention .next-label{color:#8d6d3c}.next-action h3{font-size:16px;line-height:1.7;font-weight:650}.next-action p{font-size:12px;line-height:1.9;color:#5f756a;margin-top:4px}.attention p{color:#7d6b50}.next-action>div:not(.next-controls){flex:1}.next-controls{flex-shrink:0;max-width:35%}.review-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;margin-bottom:24px}.review-card{border:1px solid #e7d9c4;background:#fffcf7;padding:22px;border-radius:17px}.review-head{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:13px}.review-card h4{font-size:15px;line-height:1.8;margin:0}.review-card blockquote{background:white;border:1px solid #e8e0d3;border-radius:11px;padding:14px 18px;margin:13px 0 10px;font-size:14px;font-weight:600;line-height:1.9}.review-card blockquote small{display:block;font-size:10px;font-weight:400;color:#7e796e;margin-bottom:5px}.review-card p{font-size:12px;line-height:1.9;color:#796f5e}.review-confirm{display:flex;gap:14px;align-items:flex-end;margin-top:17px;flex-wrap:wrap}.review-confirm label{font-size:11px;color:#7b715e;display:flex;flex-direction:column;gap:6px}.review-confirm select{min-width:180px}.review-card>.small-button{margin-top:18px}.version-strip{display:flex;gap:12px;align-items:center;margin-bottom:24px;font-size:11px;color:#697d8e}.version-strip>span{padding:3px 9px;border-radius:50px;background:#eff4f8;flex-shrink:0}.version-panel{border:1px solid #dce7ef;background:#f6f9fc;padding:18px 20px;border-radius:14px;margin-bottom:26px}.version-panel.stale{background:#fff8ed;border-color:#ebd9bc}.version-panel strong{font-size:13px;font-weight:600}.version-panel p{font-size:11px;line-height:1.8;color:#667d91;margin-top:4px}.version-panel small{font-size:10px;color:#738696;display:block;line-height:1.8;margin-top:9px}.delta-list{padding:0;list-style:none;margin:13px 0 0}.delta-list li{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border-radius:8px;padding:9px 12px;margin-top:5px;font-size:11px}.delta-list li>span{flex:1;min-width:160px}.delta-list b{color:#5c6b76}.delta-list em{font-style:normal;background:#f5e8d4;border-radius:30px;padding:1px 8px;color:#835e29;font-weight:600}.output-heading h3{font-size:16px}.total-name h4{font-size:15px}.total-number{font-size:30px}.allocation button{font-size:11px;min-height:34px}.allocation b{font-size:11px}.source-link{font-size:12px}.flow-explanation{border-top:1px solid #e2e9f0;margin-top:24px;padding-top:12px}.flow-explanation summary{list-style:none;cursor:pointer;font-size:12px;color:#658298;padding:8px 0;display:flex;justify-content:space-between;gap:20px}.flow-explanation .before-after{border:0;border-radius:13px;margin-top:10px;padding:17px 19px}.flow-explanation>p{font-size:11px;color:#708698;margin-top:12px}.scenario-actions{display:flex;gap:12px;flex-wrap:wrap}.report-review{margin-bottom:24px}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.compare-pair>div{background:white;border:1px solid #e8dfd0;border-radius:11px;padding:15px 17px}.compare-pair span{font-size:10px;display:block;color:#7b817a}.compare-pair strong{font-size:14px;line-height:1.8;display:block;margin-top:5px;font-weight:550}.compare-pair p{font-size:11px;margin-top:4px}.report-summary{margin-top:25px;padding:22px;display:flex;align-items:center;gap:25px;border:1px solid #dbe6ef;background:#f4f8fc;border-radius:16px}.report-summary h4{font-size:14px;margin:0 0 7px}.report-summary p{font-size:12px;color:#677f93;line-height:1.9}.report-summary>.small-button{flex-shrink:0}.task-toolbar{display:flex;gap:15px;margin-bottom:17px}.task-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#6c8498}.task-toolbar label:first-child{flex:1;max-width:480px}.task-toolbar input{font:inherit;font-size:13px;padding:11px 13px;border:1px solid #cddde9;border-radius:10px;background:#fcfdfe;min-width:0;width:100%;color:var(--ink)}input:focus-visible{outline:3px solid #467ec2;outline-offset:3px}.task-links{display:flex;gap:23px;flex-wrap:wrap}.task-side{min-width:220px}.task-main h3{font-size:16px}.task-customer{font-size:12px}.due{font-size:12px}.demo-after .text-link{margin-top:20px;font-size:13px}.print-dialog{width:min(920px,calc(100% - 30px));padding:28px;border:1px solid #d7e2ec;border-radius:20px;max-height:90vh;overflow:auto}.print-dialog::backdrop{background:#20354a66;backdrop-filter:blur(3px)}.print-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.print-toolbar>div{display:flex;gap:12px;align-items:center}.print-toolbar>p{font-size:12px;color:#6d8294}.print-sheet{color:#243a4d;border:1px solid #dfe7ec;border-radius:10px;padding:28px;background:white;font-size:12px}.print-title{border-bottom:2px solid #567d9c;padding-bottom:15px;margin-bottom:24px}.print-title>span{font-size:11px;color:#59758d}.print-title h2{font-size:25px;margin-block:7px}.print-title p{font-size:12px}.print-sheet h3{font-size:16px;margin:25px 0 13px}.print-sheet h4{font-size:13px;margin:20px 0 7px}.print-sheet h4 small{font-size:10px;font-weight:400;margin-left:12px}.print-sheet table{width:100%;border-collapse:collapse;font-size:12px}.print-sheet th,.print-sheet td{border:1px solid #d7e1e8;padding:9px 11px;text-align:left}.print-sheet th{background:#f0f5f8;font-weight:550}.print-sheet th:first-child{width:50px}.print-customer{break-inside:avoid}.print-changes{padding:15px;background:#fff5e5;border:1px solid #eed7b4;border-radius:8px;font-size:12px}.print-changes p{margin-top:5px}.print-disclaimer{font-size:10px;line-height:1.8;color:#758593;margin-top:24px}.source-dialog{max-height:90vh}.demo-small a{text-decoration:underline}
@media(max-width:1050px){.workspace-actions{max-width:320px;flex-direction:row}.next-controls{max-width:none}.next-action{flex-wrap:wrap}.next-controls{margin-left:50px}.task-side{min-width:200px}}
@media(max-width:760px){.demo-intro{padding-top:26px}.demo-intro h1{font-size:24px}.next-action{padding:17px 15px;gap:11px}.next-icon{flex-basis:29px;height:29px}.next-action h3{font-size:14px}.next-action p{font-size:12px}.next-controls{margin-left:40px}.next-action>div:not(.next-controls){min-width:0}.review-card{padding:17px}.review-card h4{font-size:14px}.review-confirm{display:block}.review-confirm select{width:100%}.review-confirm .small-button{margin-top:12px;width:100%}.version-strip{align-items:flex-start;line-height:1.9}.version-panel{padding:16px}.version-panel strong{font-size:12px}.delta-list li{gap:7px}.delta-list li>span{width:100%;flex:auto}.total-name h4{font-size:13px}.total-number{font-size:25px}.allocation button{font-size:10px}.source-link{font-size:11px}.compare-pair{grid-template-columns:1fr}.report-summary{display:block;padding:18px}.report-summary>.small-button{margin-top:14px}.task-toolbar{gap:10px}.task-toolbar label:first-child{min-width:0}.task-toolbar input{font-size:12px}.task-main h3{font-size:14px}.task-links{gap:12px}.task-side{min-width:0}.workspace-actions{max-width:none}.workspace-actions .small-button{font-size:10px}.print-dialog{padding:16px}.print-toolbar{align-items:flex-start;flex-direction:column}.print-sheet{padding:15px}.print-sheet table{font-size:10px}.print-sheet th,.print-sheet td{padding:7px 6px}.print-title h2{font-size:22px}.print-sheet h3{font-size:14px}.print-title p{font-size:10px}.print-sheet th:first-child{width:32px}.demo-after{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body.demo-page:has(#print-dialog[open]){background:white}body.demo-page:has(#print-dialog[open])>*:not(#print-dialog){display:none!important}#print-dialog[open]{display:block;position:static;margin:0;padding:0;border:0;border-radius:0;max-height:none;height:auto;width:100%;overflow:visible}#print-dialog::backdrop{background:none}.print-toolbar{display:none}.print-sheet{border:0;padding:0}.print-title,.print-customer{break-inside:avoid}.print-sheet h3{break-after:avoid}.print-sheet th{background:#f0f5f8;print-color-adjust:exact}.print-changes{print-color-adjust:exact}@page{size:A4;margin:16mm}}

@media(min-width:1000px){#unit-review{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);column-gap:25px}#unit-review .review-head{grid-column:1/-1}#unit-review h4,#unit-review blockquote,#unit-review>p{grid-column:1}#unit-review .review-confirm{grid-column:2;grid-row:2/5;margin-top:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding-left:25px;border-left:1px solid #eae0d2}#unit-review .review-confirm select{width:100%}.review-area:has(>article:nth-child(2)) #unit-review{display:block}.review-area:has(>article:nth-child(2)) #unit-review .review-confirm{padding:0;border:0;margin-top:17px}}
@media(max-width:760px){.next-action{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:start}.next-icon{margin-top:3px}.next-controls{grid-column:2;margin:0;max-width:100%}.next-controls .small-button{max-width:100%;text-align:left}.print-sheet th:first-child{width:40px;white-space:nowrap}.review-confirm .small-button{font-size:11px}.scenario-actions{display:grid;grid-template-columns:1fr}.scenario-actions .small-button{font-size:10px;max-width:100%}}