/* P2-03i customer-facing Automation Workspace: light-first, private static demo.
   No third-party fonts, trackers, remote assets, login, cookies or persistent state. */
:root{color-scheme:light;--navy:#061a33;--navy2:#0e2b4b;--blue:#086dc3;--ice:#f5f8fc;--paper:#fff;--ink:#142944;--muted:#536a83;--line:#e0e8f1;--soft:#eaf5ff;--gold:#c58727;--shell:1400px}
*{box-sizing:border-box}body{margin:0;font:400 15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;color:var(--ink);background:var(--ice)}
button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d59527;outline-offset:3px}
[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-90px;background:#fff;padding:10px 15px;border-radius:10px;z-index:200}.skip:focus{top:12px}
.notice{background:#e8f3fc;color:#173958;padding:8px 28px;display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;border-bottom:1px solid #d8e7f5;font-size:12px}.notice strong{font-weight:800}.notice span{color:#315875}
.topbar{height:82px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);gap:20px}
.brand{display:flex;align-items:center;gap:11px}.brand img{width:43px;height:43px;background:#071a37;border-radius:10px}.brand>span{display:flex;flex-direction:column}.brand strong{font-size:21px;letter-spacing:-.06em;line-height:1.1;color:#092b50}.brand strong span{color:#087fdb}.brand small{font-size:9px;letter-spacing:.16em;font-weight:800;color:#5c7189;margin-top:5px}
.toplinks{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}.toplinks>a:hover,.sidebar-foot a:hover{color:var(--blue)}.mode{border:1px solid #b7dacf;background:#ecfaf4;border-radius:100px;padding:7px 12px;color:#22664d;font-size:10px;letter-spacing:.09em;white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#388a70;margin-right:5px}
.layout{min-height:calc(100vh - 82px);display:grid;grid-template-columns:248px minmax(0,1fr);max-width:1750px;margin:auto}.sidebar{background:#fff;border-right:1px solid var(--line);padding:32px 15px;display:flex;flex-direction:column;gap:24px}.sidebar-title{padding:0 16px;color:#667b92;font-weight:900;font-size:10px;letter-spacing:.16em}.sidebar-title small{display:block;letter-spacing:0;font-weight:450;font-size:12px;margin-top:4px}.sidebar-menu{display:grid;gap:6px}.workspace-nav{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;background:transparent;color:#466079;border-radius:11px;padding:12px 16px;font-weight:730;font-size:13px}.workspace-nav>span:first-child{font-size:17px;width:20px;text-align:center}.workspace-nav.is-active{background:#eaf4ff;color:#045fa6;border-color:#d0e7fc}.workspace-nav:hover{background:#f3f8fd}.nav-counter{margin-left:auto;padding:2px 7px;background:#cfe8ff;color:#135889;border-radius:8px;font-size:11px}
.sidebar-foot{margin-top:auto;padding:20px 15px;border-top:1px solid var(--line)}.sidebar-foot strong{font-size:13px}.sidebar-foot p{font-size:12px;color:var(--muted);margin:8px 0 12px}.sidebar-foot a{font-size:12px;color:var(--blue);font-weight:800}
.main{padding:44px clamp(18px,3.9vw,64px) 28px;min-width:0;max-width:1430px;width:100%}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.kicker{color:#1670ad;font-weight:850;letter-spacing:.18em;font-size:10px;margin:0 0 9px;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(27px,3vw,44px);margin-bottom:10px}h1 span{color:#117bd0}.intro{max-width:660px;color:var(--muted);margin-bottom:8px}.environment{border:1px solid #d6e0e9;background:#fff;padding:8px 12px;border-radius:100px;font-size:11px;font-weight:750;white-space:nowrap;color:#53718b}.environment span{color:#bf8124;margin-right:4px}
.configuration{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:0 7px 26px #17375609}.section-label{font-size:11px;letter-spacing:.12em;color:#526d87;margin:0 0 15px}.config-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) minmax(220px,.9fr);gap:15px;align-items:end}
.field{display:block;font-size:12px;color:#3c5571;font-weight:780}.field select{display:block;margin-top:6px;width:100%;border:1px solid #ccd9e8;border-radius:9px;color:#122a45;background:#fff;padding:11px 12px;font-size:13px;font-weight:580;min-height:45px}.connection{background:#f7fafd;border:1px dashed #cbdce9;border-radius:9px;padding:10px 14px;display:flex;flex-direction:column;min-height:68px}.connection>span{font-size:11px;color:#496680}.connection strong{font-size:13px}.connection small{font-size:10px;color:#71849a}.off-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c18538;margin-right:5px}
.view{margin-top:36px}.view-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.view-head h2{font-size:clamp(23px,2.5vw,32px);margin:0 0 9px}.view-head p:not(.kicker){color:var(--muted);max-width:650px;margin:0}.scope-tag{font-size:10px;letter-spacing:.08em;font-weight:850;color:#586f89;border:1px solid #d1deeb;background:#edf3fa;border-radius:100px;padding:8px 12px;white-space:nowrap}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 17px 19px;min-width:0}.stat>span{font-size:11px;font-weight:730;color:#496681;display:block}.stat strong{font-size:clamp(22px,2.15vw,31px);color:#102c4e;display:block;line-height:1.3;margin:8px 0;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.stat small{font-size:10px;color:#76899d;line-height:1.4;display:block}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:18px}
.surface{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;min-width:0}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.surface-head span{font-size:9px;font-weight:850;letter-spacing:.1em;color:#57748f}.surface h3{font-size:19px;letter-spacing:-.035em;margin:0 0 13px}.body-copy{font-size:13px;color:var(--muted);margin:10px 0 19px}.ledger{display:grid;gap:10px}.ledger>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eef1f6;padding-bottom:7px;font-size:13px}.ledger>div span{color:#566c83}.ledger strong{font-variant-numeric:tabular-nums}.ledger .ledger-total{background:#eef6ff;padding:13px;margin-top:5px;border-radius:9px;border:0;color:#0d5c98;font-weight:800}.ledger .ledger-total span{color:#0c5e99}
.step-cards{display:grid;gap:7px;margin:15px 0 20px}.step-cards>div{display:flex;gap:12px;align-items:center;background:#f7fafd;border:1px solid #edf1f6;padding:10px 12px;border-radius:9px;font-size:12px;color:#35536e}.step-cards b{font-size:11px;color:#0c74bc}.primary-btn{border:1px solid #0b72c1;background:#086fbd;color:white;font-weight:800;font-size:13px;padding:11px 17px;border-radius:9px}.primary-btn:hover{background:#075b99}
.queue-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.queue-summary span{border:1px solid #d9e5f0;border-radius:80px;background:#fff;padding:8px 13px;color:#4a647c;font-size:12px;font-weight:740}.queue{display:grid;gap:10px}.queue-row{background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.queue-row h3{font-size:16px;margin:3px 0 6px}.queue-row p{color:var(--muted);font-size:12px;margin:0}.queue-row small{font-size:10px;color:#54708a;letter-spacing:.04em}.queue-side{text-align:right;display:flex;align-items:end;gap:8px;flex-direction:column}.queue-side strong{font-size:10px;color:#91621e;background:#fff4db;border:1px solid #f6e1b4;border-radius:30px;padding:4px 9px}.queue-side strong.suppressed{color:#6d6973;background:#f2f3f6;border-color:#e4e6eb}.queue-side button{border:1px solid #bcd7eb;background:#f0f7fd;color:#07599a;font-size:12px;font-weight:800;padding:7px 11px;border-radius:8px}.queue-side button:hover{background:#ddecf9}
.inspection{margin-top:16px;background:#eaf3fb;border:1px solid #cbdfef;padding:17px 19px;border-radius:12px;color:#1b4f74;font-size:13px}.inspection strong{color:#064f8c}
.slider-label{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#41607b;margin:15px 0 5px}.slider-label strong{color:#0a4f8b;font-size:16px}input[type=range]{width:100%;accent-color:#087aca;cursor:pointer;margin:14px 0}.goal-progress{height:10px;border-radius:20px;background:#e8eff7;overflow:hidden}.goal-progress span{height:100%;background:linear-gradient(90deg,#187dc3,#2bb399);display:block;width:0;transition:width .2s}.goal-numbers{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;font-weight:800;color:#2f5678}.fine{font-size:11px;color:#6b7f91;margin:18px 0 0}.value-metrics{display:grid;gap:11px;margin:16px 0}.value-metrics>div{display:flex;flex-direction:column;background:#f7fafd;border-radius:9px;padding:10px 13px}.value-metrics strong{font-size:13px}.value-metrics span{font-size:11px;color:#5c7287}.pricing{margin-top:18px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:20px}.pricing p{font-size:12px;color:var(--muted);margin:0}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.plans>div{background:#f7fafd;border:1px solid #e1eaf4;border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:5px}.plans b{font-size:12px}.plans strong{font-size:16px;color:#164a7d}.plans small{font-size:10px;color:#677e93}
.setup-list{display:grid;gap:12px}.setup-list article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:13px}.setup-list article>b{background:#e9f4ff;color:#096eaa;border-radius:11px;padding:10px;text-align:center;font-size:12px}.setup-list h3{font-size:17px;margin:0 0 5px}.setup-list p{font-size:12px;color:var(--muted);margin:0}.setup-list article>span{font-size:11px;color:#8a642a;font-weight:780}.setup-warning{border-left:3px solid #c18d38;background:#fff7e7;padding:17px 21px;margin-top:20px;border-radius:8px;font-size:13px}.setup-warning p{margin:5px 0 0;color:#684e27}
.workspace-footer{border-top:1px solid var(--line);margin-top:42px;padding:18px 0;display:flex;justify-content:space-between;gap:12px;color:#71849a;font-size:10px;letter-spacing:.02em}
@media(max-width:1180px){.config-grid{grid-template-columns:1fr 1fr}.connection{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:13px 20px;gap:8px}.sidebar-title{display:none}.sidebar-menu{display:flex;overflow-x:auto;gap:7px}.workspace-nav{width:auto;flex-shrink:0;padding:10px 13px;font-size:12px}.sidebar-foot{display:none}.main{padding:30px 25px}.topbar{padding:0 24px}.notice{flex-direction:column;gap:0;padding:7px 12px}}@media(max-width:610px){.topbar{height:auto;min-height:75px;padding:12px 16px}.toplinks{gap:9px}.toplinks>a{display:none}.main{padding:22px 16px}.page-intro,.view-head{flex-direction:column;gap:10px}.environment,.scope-tag{align-self:flex-start}.configuration{padding:17px}.config-grid{grid-template-columns:1fr}.connection{grid-column:auto}.split{grid-template-columns:1fr}.stat-grid{gap:9px}.stat{padding:14px}.stat strong{font-size:23px}.surface{padding:18px}.pricing{grid-template-columns:1fr}.plans{grid-template-columns:1fr 1fr}.queue-row{grid-template-columns:1fr}.queue-side{align-items:flex-start;text-align:left}.setup-list article{grid-template-columns:35px minmax(0,1fr)}.setup-list article>span{grid-column:2}.workspace-footer{flex-direction:column}.sidebar{padding:11px}.workspace-nav{padding:9px 11px}.workspace-nav>span:first-child{font-size:14px;width:15px}.notice span{font-size:10px}.brand strong{font-size:19px}.mode{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Narrow-screen intrinsic sizing: keep navigational tabs scrollable inside the viewport. */
.sidebar,.sidebar-menu,.config-grid,.config-grid>*{min-width:0}
.sidebar-menu{width:100%;max-width:100%}
.config-grid select{min-width:0;max-width:100%}
@media(max-width:610px){.config-grid{grid-template-columns:minmax(0,1fr)}.sidebar{max-width:100%}.page-intro,.view-head,.topbar{min-width:0}}

/* On narrow phones, show every section directly rather than hiding tabs in
   a horizontally scrolling menu with no visible next-tab affordance. */
@media(max-width:610px){
  .sidebar-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:7px}
  .workspace-nav{width:100%;min-width:0;flex-shrink:1;justify-content:flex-start;padding:10px 8px}
  .workspace-nav>span:first-child{flex-shrink:0}
  .nav-counter{flex-shrink:0;margin-left:auto}
  .sidebar{max-width:100%}
}

/* A goal-irrelevant event is not a consent/provider rejection. */
.queue-side strong.deferred{color:#2a618f;background:#eaf5ff;border-color:#c7deef}