:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18313a;background:#f3f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:30px 32px 24px}header,.brand,.section-head,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{justify-content:flex-start;gap:12px}.brand strong{font-size:22px;letter-spacing:-.7px}.mark{display:grid;place-items:center;background:#075c55;color:white;border-radius:12px;width:40px;height:40px;font-size:25px;font-weight:700}.label{font-size:12px;border-left:1px solid #ccd6d3;padding-left:12px;color:#687977}.mode,.pill{font-size:12px;padding:8px 12px;border-radius:30px;background:#e4eeeb;color:#306759}.intro{padding:54px 0 28px;max-width:700px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#69847c}.intro h1{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:17px 0 20px}.intro h1 span{color:#458577}.intro p,.next p{font-size:15px;line-height:1.7;color:#6b7c78;max-width:520px}.notice{font-size:13px;line-height:1.7;background:#f9f2df;color:#786432;border:1px solid #ede1bc;border-radius:12px;padding:16px 20px;margin-bottom:28px}.workspace{background:white;border:1px solid #e0e8e4;border-radius:20px;padding:28px;box-shadow:0 12px 35px #123f2f04}h2{font-size:20px;letter-spacing:-.4px;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.cards article{padding:20px;border:1px solid #e0e8e4;border-radius:14px;display:flex;flex-direction:column;gap:12px}.cards article>span{font-size:13px;color:#71827b}.cards strong{font-size:31px;font-weight:600;letter-spacing:-1px}.cards small{font-size:20px;font-weight:400}.cards em{font-size:11px;font-style:normal;color:#86948e}.cards .net{background:#075c55;border-color:#075c55;color:white}.cards .net>span,.cards .net em{color:#aed0c7}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:13px}caption{text-align:left;font-size:14px;font-weight:600;padding:3px 0 17px}th{font-size:11px;color:#89968f;font-weight:500;padding:12px 10px;border-bottom:1px solid #e4ebe8}td{padding:18px 10px;border-bottom:1px solid #eff2f0}td:first-child{color:#7e8a85}.amount{text-align:right;font-variant-numeric:tabular-nums}.income{color:#168269}.badge{background:#edf5f0;color:#3d7d64;padding:5px 9px;border-radius:6px;font-size:10px}.draft{color:#8c9792}.draft .badge{background:#f1f2f3;color:#89918d}.footnote{font-size:11px;color:#89968f;line-height:1.6;margin:16px 0 0}.next{padding:24px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px}.next h2{font-size:16px}.next p{font-size:12px;margin:4px 0}.future{display:flex;gap:8px;flex-wrap:wrap}.future span{font-size:11px;padding:9px 12px;border:1px dashed #becfc7;border-radius:8px;color:#718b7d}footer{border-top:1px solid #dfe8e3;padding-top:18px;font-size:10px;color:#82918a}@media(max-width:680px){main{padding:20px 16px}.label{display:none}.mode{font-size:10px}.intro{padding-top:36px}.intro h1{font-size:37px}.workspace{padding:18px}.cards{gap:8px}.cards article{padding:13px 10px}.cards strong{font-size:23px}.cards em{font-size:9px}.next{display:block}.future{margin-top:16px}footer{align-items:flex-start;line-height:1.6}.section-head h2{font-size:17px}}
.login-shell{max-width:540px;margin:8vh auto;padding:24px}.login-card{margin-top:36px;background:white;border:1px solid #dce5df;border-radius:20px;padding:32px}.login-card h1{font-size:32px}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:8px}.login-card input{font:inherit;padding:12px;border:1px solid #a5b8af;border-radius:8px;width:100%;box-sizing:border-box}button{font:inherit;padding:12px 20px;border:0;border-radius:8px;background:#13654e;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #dd9b31;outline-offset:3px}

.embedded main{max-width:1100px;padding:24px;margin:0 auto}.embedded .intro,.embedded .next{display:none}.deal-context{padding:24px 0}.deal-context h1{font-size:28px;line-height:1.2;margin:10px 0}.deal-context p{margin:0;color:#50685c}.embedded .workspace{margin-top:24px}.embedded header{padding-bottom:12px}

.diagnostics{background:#fff;border:1px solid #c6d9cf;border-radius:12px;margin:0 0 24px}.diagnostics summary{cursor:pointer;padding:16px 20px;font-weight:650;color:#145f4b}.diagnostics summary .pill{margin-left:12px}.diagnostics-body{padding:0 20px 20px}.diagnostics-body p{line-height:1.5;color:#50685c;font-size:14px}.diagnostics-body label{display:grid;gap:8px;margin:20px 0}.diagnostics input{font:inherit;border:1px solid #a5b8af;border-radius:8px;padding:12px}.diagnostics table{min-width:580px;width:100%;table-layout:fixed}.diagnostics th:nth-child(1){width:28%}.diagnostics th:nth-child(2){width:12%}.diagnostics td{vertical-align:top;overflow-wrap:anywhere}.diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.diagnostics code{font-size:12px}tr[hidden]{display:none}

.diagnostics .table-wrap{max-height:420px;overflow:auto}.diagnostics thead{position:sticky;top:0;background:white;z-index:1}
.relations{padding-top:12px}.relation-group{border-top:1px solid #dce5df;padding:8px 0}.relation-group summary{padding:10px 4px}.relation-group details{margin-left:12px}.relation-group table{min-width:480px}.relation-group th:first-child{width:35%}.relation-group .table-wrap{max-height:360px;overflow:auto}

/* Compact deal workspace; public login keeps its independent layout. */
.portal{background:#fff;color:#253342}.portal main{max-width:none;padding:14px 18px 20px}.portal [hidden]{display:none!important}.portal-context{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;padding:2px 0 12px}.portal-context span{font-size:11px;color:#7d8792}.portal-tabs{display:flex;gap:22px;border-bottom:1px solid #dfe4e9;margin-bottom:18px;overflow-x:auto}.portal-tabs button{background:transparent;color:#75808c;border-radius:0;padding:11px 2px;border-bottom:2px solid transparent;white-space:nowrap;font-size:14px}.portal-tabs button[aria-selected=true]{color:#245b91;border-bottom-color:#2b79bb;font-weight:600}.portal .section-note{font-size:12px;line-height:1.5;color:#788591;margin:0 0 14px}.portal .workspace{border:1px solid #e1e6eb;border-radius:8px;padding:18px;box-shadow:none;margin:0}.portal .workspace .eyebrow{display:none}.portal h1{font-size:20px;margin:0 0 16px}.portal h2{font-size:16px;font-weight:600;letter-spacing:0;margin:0 0 12px}.portal .cards{gap:12px;margin:18px 0}.portal .cards article{padding:14px;border-radius:6px;gap:8px}.portal .cards strong{font-size:27px}.portal .cards .net{background:#f3f7fb;border-color:#d9e3ed;color:#253d56}.portal .cards .net>span,.portal .cards .net em{color:#6a7c8f}.portal .diagnostics{border-color:#e1e6eb;border-radius:8px;margin-bottom:18px}.portal .diagnostics-body{padding:16px}.portal .diagnostics summary{padding:12px 16px;color:#3e566d;font-size:13px}.portal .diagnostics-body p{font-size:12px;color:#647380}.portal .diagnostics-body label{font-size:12px;margin:12px 0}.portal .diagnostics input{padding:9px;font-size:13px;border-color:#c8d1db}.portal button:not([role=tab]){font-size:12px;padding:9px 12px;background:#2d6a9f;border-radius:5px}.portal table{font-size:12px}.portal td{padding:12px 10px}.portal .pill{background:#f0f4f7;border-radius:5px;padding:4px 7px;color:#687d8e}.portal .relation-group summary{padding:8px 2px}.portal .empty-state{padding:28px}.portal .empty-state p{font-size:13px;color:#788591}.portal .placement-settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;padding:12px;border:1px solid #e1e6eb;border-radius:6px;margin-bottom:18px}@media(max-width:680px){.portal main{padding:12px}.portal-context{align-items:flex-start;flex-direction:column;gap:5px}.portal-tabs{gap:18px}.portal .cards strong{font-size:22px}.portal .cards article{padding:12px}.portal .workspace{padding:14px}}

/* Bitrix24 Air/Zephyr light card tokens, verified against the portal 2026-10-10. */
.portal{--ui-font-family-primary:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;--ui-color-accent-main-primary:#0075ff;--ui-color-base-90:#525c69;--ui-color-base-60:#959ca4;--ui-color-base-10:#edeef0;--ui-border-radius-md:10px;--ui-border-radius-lg:12px;font-family:var(--ui-font-family-primary);color:var(--ui-color-base-90);font-size:14px;-webkit-font-smoothing:antialiased}.portal-tabs{gap:24px;border-color:var(--ui-color-base-10)}.portal-tabs button{font-size:15px;color:#828b95;font-weight:400;padding:10px 2px}.portal-tabs button[aria-selected=true]{color:var(--ui-color-accent-main-primary);border-color:var(--ui-color-accent-main-primary);font-weight:500}.portal button:not([role=tab]){background:var(--ui-color-accent-main-primary);font-size:13px;font-weight:500;min-height:32px;border-radius:8px;line-height:1.3;padding:8px 12px}.portal button:not([role=tab]):hover:not(:disabled){background:#0064db}.portal button:focus-visible,.portal input:focus-visible{outline:2px solid #7bb7ff;outline-offset:3px}.portal button:disabled{opacity:.45;cursor:default}.portal #automation-pause{color:var(--ui-color-base-90);background:#f1f4f8;border:1px solid var(--ui-color-base-10)}.portal #automation-pause:hover{background:#e5edf8}.portal .workspace,.portal .diagnostics{border-color:var(--ui-color-base-10);border-radius:var(--ui-border-radius-lg)}.portal .cards article{border-color:var(--ui-color-base-10);border-radius:var(--ui-border-radius-md)}.portal .cards .net{background:#edf5ff;border-color:#dcecff;color:var(--ui-color-accent-main-primary)}.portal .cards article>span,.portal .cards .net>span{color:#828b95}.portal .cards em,.portal .cards .net em,.portal .section-note,.portal-context span{color:var(--ui-color-base-60)}.portal .income{color:var(--ui-color-accent-main-primary)}.portal .badge{background:#edf5ff;color:#0075ff;border-radius:6px}.portal h2{color:#333c47}.portal .diagnostics summary{color:var(--ui-color-base-90);font-weight:500}.portal .diagnostics input{border-radius:8px;border-color:#d5d7db}.portal .diagnostics pre,.portal .diagnostics code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.portal .diagnostics-body p{color:#828b95}.portal .pill{color:var(--ui-color-accent-main-primary);background:#edf5ff}.portal .empty-state{background:#fafbfc}.portal th{color:#959ca4;border-color:var(--ui-color-base-10)}.portal td{border-color:#f0f1f3}.portal .footnote{color:#959ca4}

/* Pipeline overview; stage buttons only select a read-only scenario panel. */
.automation-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.portal .automation-heading h2{font-size:22px;margin:0}.portal .neutral-button,.portal #automation-pause{background:#fff;color:#0075ff;border:1px solid #c7dcf7}.pipeline-context{display:flex;flex-direction:column;gap:4px;background:#f1f6fc;padding:12px 16px;border-radius:8px;margin-bottom:16px}.pipeline-context strong{font-size:16px;color:#333c47}.pipeline-context span{font-size:12px;color:#828b95}.stage-strip{display:flex;gap:5px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:8px}.portal .stage-strip button{flex:1 0 155px;min-width:155px;max-width:300px;min-height:70px;border:2px solid transparent;border-radius:8px;background:#e1efff;color:#333c47;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;scroll-margin:10px}.portal .stage-strip button:hover{background:#d2e7ff}.portal .stage-strip button[aria-selected=true]{background:#0075ff;color:#fff;border-color:#0055d3}.stage-strip strong{font-size:16px;line-height:1.3;white-space:normal}.stage-strip small{font-size:12px;font-weight:400}.portal .stage-content-title{font-size:19px;margin:18px 0 6px;color:#333c47}.stage-scenario{border:1px solid #dfe7ef;border-radius:10px;padding:18px;margin:14px 0 20px}.scenario-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.portal .scenario-heading h3{font-size:17px;margin:0;color:#333c47}.scenario-state{font-size:11px;padding:4px 10px;border-radius:20px;background:#e5f1ff;color:#0075ff}.scenario-trigger{background:#edf5ff;padding:10px 12px;border-radius:6px;font-size:13px;margin:12px 0 16px}.scenario-actions{list-style:none;counter-reset:action;padding:0;margin:0}.scenario-actions li{counter-increment:action;position:relative;padding:0 0 18px 48px;display:flex;flex-direction:column;gap:5px;min-height:74px}.scenario-actions li::before{content:counter(action);position:absolute;left:2px;top:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0075ff;color:#fff;font-size:14px}.scenario-actions strong{font-size:14px;color:#333c47}.scenario-actions span{font-size:13px}.scenario-actions small{font-size:12px;color:#828b95}.scenario-actions .action-transition{font-size:11px;color:#828b95;margin:0 0 14px;padding:5px 8px;background:#f4f7fb;border-radius:5px;align-self:flex-start}.scenario-actions li:has(.action-transition)::before{top:42px}.scenario-note{border-top:1px solid #edeef0;padding-top:12px;font-size:12px;line-height:1.5;color:#828b95;margin:0 0 14px}.scenario-controls{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.scenario-description{font-size:12px;max-width:700px}.scenario-description summary{color:#0075ff;cursor:pointer}.scenario-description p{line-height:1.6;color:#828b95}.portal #automation-status{margin:10px 0 0}.scenario-history h3{font-size:16px;color:#333c47;margin:0 0 10px}.portal .scenario-history .table-wrap{max-height:320px;overflow:auto;border:1px solid #edeef0;border-radius:8px}.scenario-history th{background:#f5f8fc}.scenario-history td{white-space:normal;min-width:95px}.scenario-history a{color:#0075ff;text-decoration:none}.stage-empty{padding:24px 18px;border:1px solid #edeef0;border-radius:10px;background:#fafbfc;margin:14px 0}.stage-empty p,.automation-source-note{font-size:12px;color:#828b95;line-height:1.5}.automation-source-note{margin:20px 0 0}.automation-stage-panel:focus{outline:none}@media(max-width:680px){.scenario-controls{flex-direction:column}.stage-scenario{padding:14px}.portal .stage-strip button{flex-basis:145px;min-width:145px}.automation-heading{align-items:flex-start}.portal .automation-heading h2{font-size:19px}}
/* Keep ordinary short funnels fully visible at the deal card's desktop width. */
.portal .stage-strip button{flex:1 1 110px;min-width:110px;max-width:none;border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,10px 50%);padding:10px 17px;min-height:78px}.portal .stage-strip button:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.portal .stage-strip button:focus-visible{outline:none;background:#b8d7fc}.portal .stage-strip button[aria-selected=true]:focus-visible{background:#005bd2}.portal .stage-strip strong{font-size:14px}.portal .stage-strip small{font-size:11px}.portal .automation-technical{margin-top:20px}.portal .automation-technical summary{font-size:12px;color:#828b95}@media(max-width:680px){.portal .stage-strip button{flex:0 0 145px;min-width:145px}}
.portal button.neutral-button{background:#fff;color:#0075ff;border:1px solid #c7dcf7}.portal button.neutral-button:hover:not(:disabled){background:#edf5ff;color:#0064db}

/* Read-only horizontal workflow graph, rendered from server-owned definitions. */
.workflow-viewer{margin:16px 0 20px;color:#334155}.workflow-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.portal .workflow-picker button{background:#f6f8fc;color:#4a5c75;border:1px solid #dce5f0;text-align:left;padding:9px 12px;display:flex;flex-direction:column;gap:4px}.portal .workflow-picker button[aria-pressed=true]{background:#edf5ff;color:#0075ff;border-color:#78b0ff}.workflow-picker small{font-size:11px;font-weight:400}.workflow-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.workflow-title-row h3{font-size:19px;font-weight:600;margin:0;line-height:1.4}.workflow-status{background:#fff2df;color:#925f20;border-radius:18px;padding:5px 10px;font-size:11px}.workflow-subtitle{font-size:12px;color:#718098;line-height:1.6;margin:7px 0 16px}.workflow-canvas{height:500px;width:100%;position:relative;border:1px solid #e2eaf4;border-radius:10px;background:#fff;overflow:hidden;touch-action:none}.workflow-canvas>p{padding:24px;font-size:13px;color:#64748b}.workflow-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:12px 0}.workflow-toolbar>p{font-size:11px;line-height:1.5;color:#718098;max-width:300px;margin:0}.workflow-zoom{display:flex;align-items:center;gap:0;border:1px solid #d9e4f2;border-radius:8px;overflow:hidden}.portal .workflow-zoom button{background:white;color:#0075ff;border-radius:0;display:flex;align-items:center;gap:6px;padding:8px 10px}.portal .workflow-zoom button:hover{background:#edf5ff}.workflow-zoom button img{width:20px;height:20px}.workflow-zoom output{min-width:56px;text-align:center;font-size:12px;color:#4b5f7a;font-variant-numeric:tabular-nums}.workflow-map{height:78px;width:158px;border:1px solid #dce7f7;border-radius:8px;position:relative;background:#fafcff;flex-shrink:0}.workflow-inspector{background:#f2f7ff;border-left:3px solid #0075ff;border-radius:4px;padding:14px 16px;margin:14px 0}.workflow-inspector>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.workflow-inspector strong{font-size:14px}.portal .workflow-inspector button{background:#fff;color:#0075ff;border:1px solid #cadff9;font-size:11px}.workflow-inspector p{font-size:13px;line-height:1.6;margin:10px 0 0}.workflow-inspector p:last-child{color:#657791;font-size:12px}.workflow-text{font-size:12px;margin:14px 0}.workflow-text summary{color:#0075ff;cursor:pointer}.workflow-text>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0}.portal .workflow-text button{background:#f5f8fc;color:#334155;text-align:left;font-size:12px}.workflow-footnote{font-size:12px;line-height:1.6;color:#718098;margin:10px 0}.live-workflow-controls{border-top:1px solid #e6edf6;padding-top:16px;margin-bottom:22px}.live-workflow-controls>summary{font-size:13px;color:#0075ff;cursor:pointer}.live-workflow-controls .stage-scenario{margin-top:14px}@media(max-width:680px){.workflow-canvas{height:420px}.workflow-toolbar>p{max-width:none;width:100%}.workflow-map{width:120px;height:65px}.workflow-title-row h3{font-size:17px}.workflow-inspector>div{align-items:flex-start;flex-direction:column}.workflow-zoom output{min-width:42px}}

.portal .workflow-picker button:hover:not(:disabled){background:#edf5ff;color:#0075ff}.workflow-status[data-kind=active]{background:#e5f1ff;color:#0075ff}

.portal .workflow-zoom button:hover:not(:disabled){background:#edf5ff;color:#0075ff}
.workflow-runs{border:1px solid #dce7f5;border-radius:8px;background:#f8fbff;padding:12px 14px;margin:12px 0}.workflow-run-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.workflow-run-picker label{display:flex;gap:8px;align-items:center;font-size:12px}.workflow-run-picker select{max-width:100%;border:1px solid #c9daf0;background:#fff;color:#334155;padding:8px;border-radius:6px;font:inherit}.workflow-runs p{font-size:12px;line-height:1.65;color:#52657d}.workflow-run-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#536983;margin:10px 0}.workflow-runs details{font-size:12px;color:#52657d}.workflow-runs summary{cursor:pointer;color:#0075ff}.workflow-runs ol{max-height:220px;overflow:auto;line-height:1.8}.portal .workflow-runs button{font-size:11px;background:#fff;color:#0075ff;border:1px solid #c9daf0}.workflow-run-picker label{min-width:0}.workflow-run-picker select{min-width:0}@media(max-width:680px){.workflow-run-picker label{flex-direction:column;align-items:flex-start;width:100%}}
.workflow-runs{background:#fff;border-color:#e0e8f3;box-shadow:0 3px 14px #15385a06;padding:14px 16px}.workflow-run-picker label{width:100%;justify-content:space-between}.workflow-run-picker label>span{font-size:11px;color:#718098;flex-shrink:0}.workflow-run-picker select{font-size:12px;flex:0 1 470px}.workflow-run-cards{display:grid;grid-template-columns:.8fr 1.1fr 1.2fr;gap:18px;padding:14px 0 10px;margin-top:8px;border-top:1px solid #edf1f7}.workflow-run-cards>div{display:flex;flex-direction:column;gap:7px;min-width:0}.workflow-run-cards small{font-size:10px;color:#8290a5;letter-spacing:.03em}.workflow-run-cards strong{font-size:13px;line-height:1.45;font-weight:600;color:#344861}.workflow-runs .workflow-run-path{font-size:12px;color:#0075ff;font-weight:500;margin:5px 0 7px}.workflow-runs [data-run-summary]{font-size:11px;color:#7a879a;margin:5px 0}.workflow-run-legend{border-top:1px solid #edf1f7;padding-top:9px;margin-top:10px;font-size:10px;gap:14px}.workflow-run-legend span{display:flex;align-items:center;gap:4px}.workflow-run-legend img{width:14px;height:14px}.workflow-trace-tools{display:flex;gap:6px}.portal .workflow-trace-tools button{display:flex;align-items:center;gap:5px;background:#fff;color:#0075ff;border:1px solid #dae5f4;padding:7px 9px;font-size:11px}.workflow-trace-tools img{width:16px;height:16px}.portal .workflow-trace-tools button[aria-pressed=true]{background:#eaf3ff}.workflow-trace-tools button:disabled{opacity:.45}.workflow-canvas[data-complex=false]{height:250px}.workflow-canvas{box-shadow:0 4px 16px #15385a05}.workflow-toolbar{gap:8px}.workflow-toolbar>p{max-width:190px}.workflow-map{height:60px;width:118px}@media(max-width:680px){.workflow-run-picker label{align-items:stretch}.workflow-run-picker select{flex:initial;width:100%}.workflow-run-cards{gap:10px;grid-template-columns:1fr 1fr}.workflow-run-cards>div:last-child{grid-column:1 / -1}.workflow-toolbar>p{max-width:none}.workflow-trace-tools{flex:1}.workflow-canvas[data-complex=false]{height:230px}}
.portal .workflow-trace-tools button:hover:not(:disabled){background:#edf5ff;color:#0075ff}

/* Cashier workspace: same portal tokens, server-backed demonstration receipts. */
.cash-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.cash-heading h2{margin:0;font-size:22px}.cash-heading p{margin:5px 0 0;color:#8290a5;font-size:12px}.cash-demo{display:inline-block;background:#edf5ff;color:#0075ff;border:1px solid #d8e8ff;border-radius:16px;padding:5px 9px;font-size:10px;white-space:nowrap}.cash-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:16px;align-items:start}.cash-card{border:1px solid #e0e8f3;border-radius:10px;background:#fff;padding:16px;margin-bottom:14px;box-shadow:0 3px 14px #15385a05}.cash-card h3{font-size:14px;font-weight:600;color:#344861;margin:0 0 13px}.cash-card label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#718098;margin-bottom:12px;min-width:0}.cash-card input,.cash-card select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d8e1ed;border-radius:7px;background:#fff;color:#344861;font:inherit;font-size:13px;padding:9px 10px;height:38px}.cash-card input:focus,.cash-card select:focus{outline:2px solid #b9d8ff;outline-offset:1px}.cash-card input[readonly]{background:#f6f8fc;color:#718098}.cash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cash-register-note{background:#f3f7fd;border-radius:6px;padding:9px 11px;font-size:11px;color:#527194;margin-bottom:14px}.cash-hint,#cash-status{font-size:11px;color:#7a879a;line-height:1.6;margin:7px 0 12px}.cash-card-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.cash-card-title h3{margin:0}.portal .cash-card button.neutral-button{font-size:11px;padding:7px 9px}.cash-item{padding:12px;border:1px solid #e6edf6;border-radius:7px;background:#fafcff;margin-bottom:10px}.cash-item-heading{display:flex;align-items:center;gap:10px}.cash-item-heading label{flex:1}.cash-item-numbers{display:grid;grid-template-columns:1fr .65fr 1fr;gap:10px}.cash-item>label:last-child{margin:0}.cash-summary{position:sticky;top:12px;background:#f9fbfe}.cash-summary-title{display:flex;align-items:center;gap:8px}.cash-summary-title img{width:22px;height:22px;margin-bottom:13px}.cash-total{font-size:30px;font-weight:600;color:#263b55;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.cash-summary dl{display:grid;grid-template-columns:85px minmax(0,1fr);gap:9px;font-size:11px;margin:16px 0;padding:14px 0;border-block:1px solid #e5edf7}.cash-summary dt{color:#8290a5}.cash-summary dd{margin:0;color:#344861;overflow-wrap:anywhere}.cash-summary #cash-check-result{font-size:11px;line-height:1.6;color:#527194;margin-bottom:12px}.cash-summary ul{padding-left:17px}.portal .cash-summary button{width:100%;margin-top:8px;font-size:12px;padding:10px;background:#0075ff;color:#fff}.portal .cash-summary button:disabled{opacity:.4;cursor:default}.portal #cash-preview{background:#fff;color:#0075ff;border:1px solid #bfd8fb}.portal #cash-preview:hover:not(:disabled){background:#edf5ff;color:#0075ff}.cash-history{margin-top:4px}.cash-history-item{border-top:1px solid #e9eef5;padding:13px 0;font-size:12px;color:#52657d}.cash-history-item summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer}.cash-history-item p{line-height:1.6;font-size:11px;overflow-wrap:anywhere}.cash-history-item summary>strong{margin-right:auto}.cash-card [hidden]{display:none!important}@media(max-width:740px){.cash-layout{grid-template-columns:minmax(0,1fr)}.cash-summary{position:static}.cash-summary dl{grid-template-columns:110px 1fr}.cash-grid{gap:8px}.cash-item-numbers{grid-template-columns:1fr 1fr}.cash-item-numbers>label:last-child{grid-column:1/-1}}@media(max-width:420px){.cash-grid{grid-template-columns:1fr}.cash-card{padding:12px}}

.cash-summary dt{overflow-wrap:anywhere;line-height:1.4}.cash-summary dd{line-height:1.4}

/* Online payment: a compact read-and-review surface, no bank card collection. */
.portal-tabs{overflow-x:auto}.portal-tabs [role=tab]{white-space:nowrap}
.payment-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.payment-form{display:grid;gap:12px}.payment-side{position:sticky;top:12px}.payment-eyebrow{font-size:10px;letter-spacing:1px;color:#70839d}.payment-side>[data-amount-summary]{display:block;font-size:28px;letter-spacing:-.6px;margin-top:8px;color:#172b4d}.payment-side p{font-size:12px;line-height:1.5;color:#70839d}.payment-item{border:1px solid #e8eef7;border-radius:10px;padding:12px;margin:10px 0}.payment-item-main{display:grid;grid-template-columns:minmax(130px,1fr) 90px 110px 32px;gap:10px;align-items:end}.payment-item label,.payment-form label{display:grid;gap:6px;font-size:11px;color:#70839d}.payment-form input,.payment-form select,.payment-side input{width:100%;min-width:0;padding:10px;border:1px solid #dce5f2;border-radius:8px;background:#fff;color:#172b4d;font:inherit;font-size:12px}.payment-item details,.payment-form .cash-card>details{margin-top:12px}.payment-item summary,.payment-form summary{cursor:pointer;color:#2674bd;font-size:12px;margin-bottom:8px}.payment-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.portal .payment-workspace button,.portal .payment-record button,.portal .payment-dialog button,.demo-payment-page button{border:1px solid #c9ddf7;border-radius:8px;background:#edf5ff;color:#0075ff;padding:9px 12px;font-size:12px;cursor:pointer}.portal .payment-form [data-create],.demo-payment-page [data-demo=paid],.portal .payment-dialog button:first-of-type{background:#0075ff;color:#fff;border-color:#0075ff}.portal .payment-form [data-create]:disabled{opacity:.45;cursor:default}.payment-link-layout{display:grid;gap:10px}.payment-qr{width:160px;margin:0 auto}.payment-qr svg{display:block;width:100%;height:auto}.payment-open{display:block;color:#0075ff;font-size:12px;margin:8px 0}.payment-side small{display:block;font-size:10px;color:#70839d;line-height:1.5;margin-top:8px}.payment-side h3{font-size:14px;margin-top:20px}.payment-side input{font-size:10px}.payment-side button{margin-top:8px}.payment-record{border-top:1px solid #e8eef7;padding:14px 0;font-size:12px}.payment-record>summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;cursor:pointer}.payment-record>summary strong{color:#172b4d}.payment-record>summary small{margin-left:auto;color:#8393aa}.payment-state{padding:5px 8px;border-radius:6px;background:#edf5ff;color:#2674bd}.payment-record p{overflow-wrap:anywhere}.payment-event{display:block;color:#8393aa;font-size:10px;margin:7px 0}.payment-dialog{border:1px solid #dce5f2;border-radius:16px;max-width:480px;padding:24px;color:#172b4d;box-shadow:0 20px 80px #172b4d33}.payment-dialog::backdrop{background:#172b4d55}.demo-payment-page{background:#f4f7fb;min-height:100vh;padding:8vh 16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.demo-payment-page main{max-width:520px;margin:0 auto;padding:32px}.demo-payment-page h1{font-size:24px;color:#172b4d}.demo-payment-amount{font-size:36px;display:block;margin:20px 0}.demo-payment-page [hidden]{display:none!important}.demo-payment-page .cash-demo{font-size:11px}.payment-form [data-review]{padding:12px;border-radius:8px;background:#edf5ff;color:#2674bd;font-size:12px}
@media(max-width:780px){.payment-workspace{grid-template-columns:1fr}.payment-side{position:static}.payment-link-layout{grid-template-columns:160px minmax(0,1fr)}.payment-item-main{grid-template-columns:minmax(100px,1fr) 80px 95px 28px}}@media(max-width:500px){.payment-item-main{grid-template-columns:1fr 1fr}.payment-item-main>label:first-child{grid-column:1/-1}.payment-item-main [data-remove]{grid-column:2;justify-self:end}.payment-link-layout{grid-template-columns:1fr}.payment-record>summary small{margin-left:0}}

/* Cash receipt details: same compact blue business surface. */
.cash-item-extra{margin-top:10px;border-top:1px solid #e6edf5;padding-top:10px}.cash-item-extra summary,.cash-card>summary{cursor:pointer;color:#2674bd;font-weight:600;font-size:13px;margin-bottom:10px}.cash-item-extra[open] summary{margin-bottom:14px}.cash-workspace [hidden]{display:none!important}

/* Readiness of implementation is distinct from execution status. */
.workflow-construction{margin:16px 0;padding:16px;border:1px solid #dce5ef;border-radius:12px;background:#f8fafc}.workflow-construction>p{margin:6px 0 12px;color:#52647a}.workflow-construction details{margin-top:12px}.workflow-construction summary{cursor:pointer;font-weight:600}.workflow-construction li{margin:12px 0}.workflow-construction li p{margin:4px 0;color:#52647a}.workflow-readiness-badge{display:inline-block;padding:5px 10px;border-radius:8px;margin:0 6px 6px 0;background:#e9eef5;color:#475569}.workflow-readiness-badge[data-state=connected]{background:#e2f4ea;color:#166344}.workflow-readiness-badge[data-state=mapping]{background:#fff0d1;color:#825308}.workflow-readiness-badge[data-state=decision]{background:#fce7ec;color:#94344d}.workflow-readiness-detail{padding:10px 12px;background:#f3f6fa;border-left:3px solid #64748b;border-radius:5px;white-space:pre-line}.workflow-requirement-links{display:flex;flex-wrap:wrap;gap:5px;max-height:150px;overflow:auto}.workflow-requirement-links button{font-size:12px;padding:4px 8px}.workflow-construction [data-requirements]{max-height:520px;overflow:auto}
.workflow-graph-gate{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;border:1px solid #dce5f0;border-radius:12px;background:#fcfdff;color:#52657e;text-align:center}.workflow-graph-gate[hidden]{display:none}.workflow-graph-gate p{margin:0;font-size:13px;line-height:1.6}.workflow-loading-spinner{width:26px;height:26px;border:3px solid #dce8f7;border-top-color:#1768c5;border-radius:50%;animation:workflow-loading-spin .8s linear infinite}.workflow-loading-spinner[hidden]{display:none}@keyframes workflow-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.workflow-loading-spinner{animation:none}}
/* Product information stays inside Additional, never in the main header. */
.product-about-card{box-sizing:border-box;width:100%;max-width:600px;background:#fff;border:1px solid #d9e2ee;border-radius:10px;padding:20px;margin:0 0 24px;color:#223650;text-align:left}
.product-about-card h2{font-size:18px;margin:0 0 16px}.product-about-card p{font-size:13px;line-height:1.5;color:#526987;margin:12px 0 0}.product-about-version{display:block;font-size:24px;line-height:1.5;margin:4px 0;color:#17243b;user-select:all;overflow-wrap:anywhere}
.product-about-extra{margin-top:24px}.product-about-extra>summary{cursor:pointer;padding:12px 0}.product-about-extra>summary:focus-visible{outline:3px solid #8cbaf0;outline-offset:3px}

[data-confirmation-panel] label {display:block;margin:12px 0;}
[data-confirmation-panel] input:not([type="checkbox"]),[data-confirmation-panel] select {max-width:100%;box-sizing:border-box;}
[data-confirmation-panel] input[name="sourceReference"] {width:100%;}
[data-confirmation-panel] fieldset {min-width:0;border:1px solid var(--border,#ddd);padding:12px;margin-top:16px;}
[data-confirmation-history] {overflow-wrap:anywhere;}