:root{color-scheme:light;--ink:#17201b;--muted:#69736c;--line:#e5e9e6;--soft:#f6f8f6;--green:#287956;--green-soft:#e7f3ec;--amber:#a36117;--amber-soft:#fff3df;--red:#ad4141;--red-soft:#fbecec;--shadow:0 14px 45px rgba(22,34,27,.06)}
html,body{max-width:100%;overflow-x:hidden}
*{box-sizing:border-box}body{margin:0;background:#fbfcfb;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button{border:0;border-radius:9px;padding:10px 15px;background:var(--ink);color:#fff;font-weight:680;cursor:pointer}button:hover{opacity:.87}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(40,121,86,.2);outline-offset:2px}button:disabled{opacity:.5;cursor:wait}.secondary{color:var(--ink);background:#fff;border:1px solid var(--line)}.danger{background:var(--red)}.danger-secondary{background:#fff;color:var(--red);border:1px solid #edcccc}.text-button{padding:4px;background:transparent;color:var(--green)}h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;line-height:1.08;margin:5px 0 10px}h2{font-size:21px;letter-spacing:-.025em;margin:4px 0 8px}h3{font-size:15px;margin:24px 0 10px}p{line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-size:11px;font-weight:780;margin:0}.lede,.page-header p,.setup-card>p{color:var(--muted);max-width:650px}.logo{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--ink);color:#fff;font-weight:800}.logo.large{width:47px;height:47px;border-radius:13px;font-size:19px;margin-bottom:27px}.loading-screen,.welcome{min-height:100vh;display:grid;place-items:center}.loading-screen{text-align:center;color:var(--muted)}.welcome{padding:25px;background:radial-gradient(circle at 50% 0,#eef6f1,transparent 42%)}.welcome-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(28px,5vw,52px);box-shadow:var(--shadow)}
.sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:25px 18px;background:#f3f6f3;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:18px;padding:0 8px 23px}.workspace-switch{display:flex;flex-direction:column;align-items:flex-start;width:100%;background:#fff;color:var(--ink);border:1px solid var(--line);margin-bottom:22px}.workspace-switch small{color:var(--muted);font-weight:500}.sidebar nav{display:grid;gap:4px}.nav-button{background:transparent;color:var(--muted);text-align:left;padding:10px 12px}.nav-button.active,.nav-button:hover{background:#fff;color:var(--ink);opacity:1}.mode-toggle{margin-top:auto;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 8px;color:var(--muted)}.mode-toggle strong,.mode-toggle small{display:block;font-size:12px}.mode-toggle small{font-weight:400}.mode-toggle input{accent-color:var(--green)}.main{margin-left:236px;padding:52px clamp(28px,5vw,72px) 90px;max-width:1500px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:31px}.page-header>button{margin-top:8px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metrics article,.panel,.object-card,.onboarding{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.metrics article{padding:20px}.metrics small{color:var(--muted)}.metrics strong{display:block;font-size:31px;margin-top:15px}.onboarding{padding:21px;margin-bottom:18px}.onboarding-copy{display:flex;justify-content:space-between}.progress-track{height:6px;border-radius:99px;background:#e8ece9;margin:18px 0 11px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--green);border-radius:inherit;transition:.4s}.milestones{display:flex;justify-content:space-between;color:#9aa29d;font-size:10px}.milestones .done{color:var(--green);font-weight:700}.start-grid,.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.start-card,.object-card{padding:28px;text-align:left;color:var(--ink);background:#fff}.start-card span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:11px}.start-card p,.object-card p,.object-card small{color:var(--muted)}.start-card b,.pipe-card>b{color:var(--green)}.object-card{display:flex;justify-content:space-between;align-items:flex-end}.pipe-card{width:100%}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px}.panel{padding:24px;margin-top:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.empty-state,.empty-mini{text-align:center;color:var(--muted);padding:55px 20px}.empty-mini{padding:30px}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;text-transform:capitalize;background:#eff1ef;color:#616b64}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.live,.badge.succeeded{color:var(--green);background:var(--green-soft)}.badge.paused,.badge.invalid,.badge.completed_with_errors{color:var(--red);background:var(--red-soft)}.badge.setup_incomplete,.badge.processing,.badge.pending,.badge.retrying,.badge.waiting_for_connection,.badge.waiting_for_destination{color:var(--amber);background:var(--amber-soft)}.back{margin-bottom:18px}.pipe-header{align-items:center}.setup-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:28px;align-items:start}.setup-steps{display:grid;gap:17px;padding:18px 0}.setup-steps span{display:flex;align-items:center;gap:10px;color:#9aa29d;font-weight:650}.setup-steps span i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaeeeb;font-style:normal;font-size:11px}.setup-steps span.active{color:var(--ink)}.setup-steps span.active i{background:var(--green-soft);color:var(--green)}.setup-card{margin:0;padding:clamp(25px,4vw,42px)}
.copy-box{border:1px solid var(--line);border-radius:11px;background:var(--soft);padding:12px;margin:23px 0;display:grid;grid-template-columns:1fr auto;gap:5px 10px}.copy-box span{grid-column:1/-1;font-size:11px;color:var(--muted);font-weight:700}.copy-box code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 0}.listening{margin-top:25px;border:1px solid #d8e9df;background:var(--green-soft);border-radius:12px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.listening>span{width:10px;height:10px;border-radius:50%;background:var(--green);animation:pulse 1.5s infinite;grid-row:1/3}.listening small{color:var(--muted)}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(40,121,86,.1)}}details{margin:18px 0}summary{cursor:pointer;font-weight:700}pre{white-space:pre-wrap;word-break:break-word;background:#18231d;color:#e7efe9;border-radius:10px;padding:16px;max-height:280px;overflow:auto;font-size:12px}.light-pre{background:var(--soft);color:var(--ink)}.technical,.hint{color:var(--muted);font-size:12px}
.mapping-list,.audience-list,.form-stack{display:grid;gap:12px;margin-top:23px}.mapping-list>label{display:grid;grid-template-columns:1fr auto minmax(180px,.7fr) auto;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.mapping-list small,.mapping-list strong{display:block}.mapping-list small{color:var(--muted);margin-top:3px}.mapping-list select,.audience-card select,.form-stack input,.form-stack select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.confidence{font-style:normal;font-size:10px;border-radius:99px;padding:4px 7px;background:#eff1ef;color:var(--muted)}.confidence.recognised{background:var(--green-soft);color:var(--green)}.confidence.suggested{background:var(--amber-soft);color:var(--amber)}.mapping-list .hint{grid-column:1/-1}.mapping-list>button,.audience-list>button{justify-self:start;margin-top:8px}.audience-card{display:grid;grid-template-columns:auto 1fr minmax(180px,.7fr);align-items:center;gap:13px;border:1px solid var(--line);border-radius:11px;padding:15px}.audience-card input{width:17px;height:17px;accent-color:var(--green)}.audience-card strong,.audience-card small{display:block}.audience-card small{color:var(--muted);margin-top:4px}
.route-options{display:grid;gap:7px}.connection-list{display:grid;gap:14px}.connection-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.connection-list>div+div{border-top:1px solid var(--line);padding-top:14px}.provider-picker{margin-top:18px}.provider-picker .start-card{color:var(--ink)}
.route-visual{display:grid;grid-template-columns:minmax(150px,.6fr) 1.4fr;gap:35px;align-items:center;margin:25px 0}.source-node,.route-lines>div{border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--soft)}.source-node small,.route-lines small{display:block;color:var(--muted)}.route-lines{display:grid;gap:9px}.route-lines>div{position:relative;background:#fff;display:flex;gap:12px}.route-lines i{position:absolute;left:-27px;color:var(--green)}.journey{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:25px 0}.journey span{padding:8px 10px;border-radius:8px;background:#f0f2f0;color:var(--muted);font-size:12px}.journey .done{background:var(--green-soft);color:var(--green)}.journey b{color:#aeb5b0}.success-panel{text-align:center;border-radius:13px;background:var(--green-soft);padding:24px;margin-top:24px}.success-panel>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--green);color:#fff;margin:auto;font-size:20px}
.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{color:var(--muted);background:transparent;padding:12px 2px;border-radius:0;white-space:nowrap}.tabs .active{color:var(--ink);border-bottom:2px solid var(--ink)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.facts article{border:1px solid var(--line);border-radius:11px;padding:15px;background:#fff}.facts small,.facts strong{display:block}.facts small{color:var(--muted);margin-bottom:8px}.submission-list{display:grid}.submission-row{display:grid;grid-template-columns:145px 1fr auto auto;gap:15px;align-items:center;padding:13px 5px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);border-radius:0;text-align:left}.submission-row time,.submission-row small{color:var(--muted);font-size:11px}.submission-row strong,.submission-row small{display:block}.submission-row em{font-style:normal;color:var(--muted);font-size:12px}.submission-row b{color:var(--green)}.activity-list{list-style:none;padding:0;margin:15px 0}.activity-list li{display:flex;gap:11px;padding:9px 0}.activity-list li>i{width:7px;height:7px;border-radius:50%;background:var(--green);margin-top:5px}.activity-list strong,.activity-list small{display:block}.activity-list small{color:var(--muted);margin-top:3px;font-size:11px}.pipe-actions{display:flex;gap:9px;margin-top:22px}.advanced-panel code{display:block;background:var(--soft);padding:10px;border-radius:8px;word-break:break-all}
.form-stack label{font-weight:700}.form-stack label span,.form-stack small{color:var(--muted);font-weight:400}.form-stack input,.form-stack select{display:block;margin-top:7px}.form-stack button{margin-top:8px}.notice{padding:12px;background:var(--amber-soft);color:var(--amber);border-radius:9px}.delivery-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}dialog{width:min(650px,calc(100vw - 30px));border:1px solid var(--line);border-radius:17px;padding:30px;box-shadow:0 28px 80px rgba(17,27,21,.22);color:var(--ink)}dialog::backdrop{background:rgba(20,30,24,.32);backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:13px;right:13px;width:31px;height:31px;padding:0;background:var(--soft);color:var(--ink);font-size:19px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid article{background:var(--soft);padding:13px;border-radius:9px}.detail-grid small,.detail-grid strong{display:block}.button-row{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}#toast{position:fixed;right:22px;bottom:22px;padding:12px 15px;border-radius:10px;background:var(--ink);color:#fff;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:none}
.card-actions{display:flex;gap:8px;align-items:center}.form-error{margin:0;padding:11px 13px;border-radius:9px;background:var(--red-soft);color:var(--red);font-weight:650}.button-row.centered{justify-content:center}.technical-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.diagnostics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 20px}.diagnostics>div{background:var(--soft);border-radius:8px;padding:10px;min-width:0}.diagnostics dt{font-size:11px;color:var(--muted)}.diagnostics dd{margin:4px 0 0;word-break:break-word}.diagnostics code{font-size:11px}.website-pipe{width:100%}
.nav-count{float:right;min-width:20px;padding:2px 6px;border-radius:99px;background:var(--amber-soft);color:var(--amber);text-align:center;font-size:10px}.metric-card{padding:20px;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.metric-card strong{display:block;font-size:31px;margin-top:15px}.metric-card span{display:block;color:var(--muted);font-size:11px;margin-top:7px}.metric-card.attention{border-color:#e9c991;background:var(--amber-soft)}.connection-health{display:flex;justify-content:space-between;align-items:center}.connection-health p{margin-bottom:0;color:var(--muted)}.badge.healthy,.badge.resolved{color:var(--green);background:var(--green-soft)}.badge.needs_attention,.badge.open,.badge.recovering{color:var(--amber);background:var(--amber-soft)}.badge.cancelled{color:var(--muted)}.issue-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;margin:-10px 0 22px;border:1px solid #e9c991;border-radius:13px;background:var(--amber-soft)}.issue-banner p{margin:4px 0 0;color:#78501f}.issue-card{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:16px 5px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);border-radius:0;text-align:left}.issue-card small,.issue-card em{display:block;color:var(--muted);font-style:normal;margin-top:4px}.issue-card em{font-size:11px}.issue-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--amber-soft);color:var(--amber);font-weight:800}.issue-card.resolved .issue-icon{background:var(--green-soft);color:var(--green)}.healthy-state{text-align:center;padding:40px}.healthy-state>span{display:grid;place-items:center;width:42px;height:42px;margin:auto;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:20px}.healthy-state p{color:var(--muted)}.resolved-issues{opacity:.8}.loading-panel{padding:50px;color:var(--muted);text-align:center}.trust-notice{margin:16px 0}.recovery-progress{padding:15px;margin:15px 0;border-radius:10px;background:var(--green-soft);color:var(--green)}.recovery-progress span{display:block;height:5px;margin-bottom:10px;border-radius:99px;background:linear-gradient(90deg,var(--green),#9bcbb3,var(--green));background-size:200% 100%;animation:recover 1.5s linear infinite}.recovery-progress p{margin:4px 0 0;color:var(--muted)}@keyframes recover{to{background-position:-200% 0}}.danger-zone{padding:12px;border:1px solid #edcccc;border-radius:10px}.submission-journey{display:flex;align-items:stretch;gap:8px;margin:18px 0}.submission-journey>span{flex:1;padding:12px;border-radius:9px;background:var(--soft);color:var(--muted);font-weight:700}.submission-journey small{display:block;margin-top:5px;font-size:10px;font-weight:400}.submission-journey .done{background:var(--green-soft);color:var(--green)}.submission-journey .problem{background:var(--red-soft);color:var(--red)}.submission-journey .working{background:var(--amber-soft);color:var(--amber)}.submission-journey>b{align-self:center;color:#adb5b0}.delivery-row{gap:9px}.delivery-row>span{flex:1}.route-lines .badge{margin-left:auto;align-self:center}
@media(max-width:950px){.sidebar{position:static;width:auto;height:auto;flex-direction:row;align-items:center;padding:13px 18px}.brand{padding:0}.workspace-switch{width:auto;margin:0 0 0 15px}.sidebar nav{display:flex;margin-left:auto}.mode-toggle{margin:0 0 0 10px}.main{margin:0;padding:36px 22px 70px}.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.setup-layout{grid-template-columns:1fr}.setup-steps{display:flex;overflow:auto}.setup-steps span{white-space:nowrap}.setup-steps .text-button{display:none}}
@media(max-width:650px){.sidebar .brand strong,.workspace-switch small,.mode-toggle span{display:none}.workspace-switch{padding:8px}.sidebar nav{gap:0}.nav-button{font-size:12px;padding:8px}.page-header{display:block}.page-header>button{margin-top:12px}.metrics,.start-grid,.card-grid,.facts{grid-template-columns:1fr 1fr}.metrics article{padding:16px}.object-card{display:block}.object-card button{margin-top:15px}.card-actions{flex-wrap:wrap}.milestones span:nth-child(even){display:none}.mapping-list>label{grid-template-columns:1fr}.mapping-list>label>i{display:none}.audience-card{grid-template-columns:auto 1fr}.audience-card select{grid-column:2}.route-visual{grid-template-columns:1fr}.route-lines i{display:none}.submission-row{grid-template-columns:1fr auto}.submission-row time{display:none}.submission-row em{grid-column:2;grid-row:1}.submission-row b{display:none}.detail-grid,.diagnostics{grid-template-columns:1fr}.tabs{gap:13px}.pipe-actions{flex-wrap:wrap}}
@media(max-width:430px){.metrics,.start-grid,.card-grid,.facts{grid-template-columns:1fr}.sidebar nav .nav-button:nth-child(2){display:none}.main{padding:28px 15px 60px}.panel,.setup-card{padding:20px}.copy-box{grid-template-columns:1fr}.copy-box .copy{justify-self:start}.journey b{display:none}}
.badge.warning{color:var(--amber);background:var(--amber-soft)}
.source-details{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.source-details .detail-grid{margin-top:10px}.source-details .detail-grid article{background:#fff}.naming-step{grid-column:1/-1;padding:17px;border:1px solid #d8e9df;border-radius:11px;background:var(--green-soft)}.naming-step h3{margin:5px 0 10px}.naming-step input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.naming-step small{display:block;margin-top:8px;color:var(--muted)}

:root{
  --brand-primary:#4cb963;--brand-secondary:#01200f;
  --brand-900:var(--brand-secondary);--brand-800:#07391c;--brand-700:#287f43;--brand-600:#3cae58;--brand-500:var(--brand-primary);--brand-100:#dff2e3;--brand-50:#f0f8f1;
  --brand-secondary-700:#00170b;--brand-secondary-500:var(--brand-secondary);--brand-secondary-100:#dfe5e1;
  --accent-600:var(--brand-secondary-700);--accent-500:var(--brand-secondary-500);--accent-100:var(--brand-secondary-100);
  --brand-action:var(--brand-primary);--brand-action-hover:#3cae58;--brand-action-text:var(--brand-secondary);--focus-ring:var(--brand-secondary);--focus-ring-on-dark:var(--brand-primary);--focus-ring-on-brand:#fff;--motion-accent:var(--brand-primary);
  --neutral-950:var(--brand-secondary);--neutral-800:#26352c;--neutral-700:#455249;--neutral-600:#626d66;--neutral-500:#7d8780;--neutral-300:#cbd1cc;--neutral-200:#dde1dd;--neutral-100:#eceeea;--neutral-50:#faf9f6;
  --surface-page:#faf9f6;--surface-raised:#fff;--surface-inset:#f4f3ef;--surface-brand:#f3ebdd;--surface-technical:var(--surface-brand);
  --success-700:#35664f;--success-100:#e2efe8;--warning-700:#8e6018;--warning-100:#f8ecd5;--error-700:#9e4542;--error-100:#f7e2e0;
  --text-primary:var(--neutral-950);--text-secondary:var(--neutral-700);--text-muted:var(--neutral-600);--border-subtle:var(--neutral-200);--border-strong:var(--neutral-300);
  --font-primary:"Rubik","Avenir Next",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Rubik","Avenir Next",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.875rem;--text-3xl:2.5rem;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
  --radius-control:8px;--radius-surface:12px;--radius-feature:16px;--radius-round:999px;
  --shadow-raised:0 1px 2px rgb(1 32 15 / 5%),0 6px 18px rgb(1 32 15 / 7%);--shadow-interactive:0 2px 4px rgb(1 32 15 / 6%),0 10px 24px rgb(1 32 15 / 9%);--shadow-overlay:0 20px 60px rgb(1 32 15 / 18%);
  --motion-fast:120ms;--motion-standard:180ms;--motion-slow:240ms;--ease-standard:cubic-bezier(.2,.8,.2,1);--breakpoint-shell:1040px;--breakpoint-mobile:720px;
  --ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border-subtle);--soft:var(--surface-inset);--green:var(--brand-700);--green-soft:var(--brand-50);--amber:var(--warning-700);--amber-soft:var(--warning-100);--red:var(--error-700);--red-soft:var(--error-100);--shadow:var(--shadow-raised)
}
*{box-sizing:border-box}html,body{max-width:none;overflow-x:visible}html{scroll-behavior:smooth}body{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.5}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,button,select,label,legend,summary,th,.wordmark,.eyebrow,.quiet-status,.badge,.pipe-table-head,.object-table-head,.audience-head,.setup-progress,.tabs,.edit-nav a,.settings-nav a,.sidebar small,.metric-strip strong,.metric-strip small,.metrics strong,.metrics small,.metric-card strong,.metric-card small,.object-identity>strong,.pipe-identity>strong,.attention-task strong,.issue-card strong,.route-node>small{font-family:var(--font-primary)}input,textarea,p,small,.lede,.form-stack label span,.form-error,.hint,.pipe-table-row,.object-row-main,.submission-row,.issue-card,.attention-task,.table-link,.metric-card span{font-family:var(--font-body)}strong{font-weight:600}small{font-weight:400}.metric-strip strong,.metrics strong,.metric-card strong{font-weight:700}.metric-strip small,.metrics small,.metric-card small,.route-node>small,.sidebar small{font-weight:500}button{min-height:44px;border-radius:var(--radius-control);font-weight:500;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}label,select,.edit-nav a,.settings-nav a{font-weight:500}input,textarea{font-weight:400}.pipe-table-row,.object-row-main,.submission-row,.issue-card,.attention-task,.table-link{font-weight:400}button:not(:disabled):active{transform:translateY(1px)}h2,h3{font-weight:600}code,pre,.technical{font-family:var(--font-mono);font-weight:500}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.wordmark{font-weight:600;letter-spacing:-.035em;line-height:1}.loading-screen .wordmark,.welcome-card>.wordmark{color:var(--brand-secondary);font-size:var(--text-xl)}.welcome-card>.wordmark{display:block;margin-bottom:var(--space-8)}.form-stack label{font-weight:500}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;height:100dvh;padding:var(--space-4) var(--space-4) var(--space-5);display:flex;flex-direction:column;background:var(--surface-page);color:var(--text-primary);border:0;border-right:1px solid color-mix(in srgb,var(--brand-secondary) 16%,transparent);box-shadow:4px 0 14px rgb(1 32 15 / 4%);z-index:30}.sidebar :focus-visible{outline-color:var(--focus-ring)}.sidebar .new-pipe-action:focus-visible{outline-color:var(--focus-ring)}.brand{width:100%;display:flex;align-items:center;margin:0 0 var(--space-6);padding:0}.brand-link{width:100%;min-height:44px;padding:4px var(--space-2);display:flex;align-items:center;justify-content:flex-start;border:0;background:transparent}.brand-link:hover{background:transparent}.brand-link img{display:block;width:160px;max-width:100%;height:auto}
.workspace-switch{width:100%;height:auto;min-height:64px;margin:0 0 var(--space-4);padding:var(--space-3);display:grid;grid-template-columns:1fr auto;text-align:left;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-subtle)}.workspace-switch:hover{background:var(--brand-50);border-color:var(--brand-100)}.workspace-switch small{grid-column:1/-1;color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.workspace-switch strong{overflow:hidden;text-overflow:ellipsis}.new-pipe-action{width:100%;margin-bottom:var(--space-5);background:var(--brand-action);border-color:var(--brand-action);color:var(--brand-action-text);font-weight:600;letter-spacing:.01em;box-shadow:0 2px 6px rgb(1 32 15 / 10%)}.new-pipe-action:hover{background:var(--brand-action-hover);box-shadow:0 4px 12px rgb(1 32 15 / 14%);transform:translateY(-1px)}.new-pipe-action:active{transform:translateY(1px)}
.sidebar nav{display:block;min-height:0;overflow:auto;margin:0;padding:0 var(--space-1)}.sidebar nav section{margin:0 0 var(--space-4)}.sidebar nav h2{margin:0 0 var(--space-1);padding:0 var(--space-2);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sidebar nav .sidebar-settings{margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.nav-button{width:100%;min-height:38px;margin:1px 0;padding:var(--space-2);display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:var(--text-secondary);text-align:left;font-weight:500}.nav-button:hover{background:var(--brand-50);color:var(--brand-secondary)}.nav-button.active{background:var(--brand-100);color:var(--brand-secondary)}.nav-count{min-width:22px;padding:2px 6px;border-radius:var(--radius-round);background:var(--brand-action);color:var(--brand-action-text);text-align:center;font-size:var(--text-xs)}
.mode-toggle{margin:auto 0 0;padding:var(--space-3);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-subtle);color:var(--text-primary)}.mode-toggle span{display:grid}.mode-toggle small{color:var(--text-muted)}.mode-toggle input{position:absolute;opacity:0}.mode-toggle i{width:38px;height:22px;padding:3px;border-radius:var(--radius-round);background:var(--neutral-300)}.mode-toggle i:after{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--motion-standard) var(--ease-standard)}.mode-toggle input:checked+i{background:var(--brand-primary)}.mode-toggle input:checked+i:after{transform:translateX(16px)}.mode-toggle input:focus-visible+i{outline:3px solid var(--focus-ring);outline-offset:3px}
.main{width:calc(100% - 232px)!important;margin:0 0 0 232px!important;min-width:0;padding:var(--space-12) clamp(var(--space-6),4vw,var(--space-16)) var(--space-16)}#mainContent{width:min(100%,1440px);margin:0 auto}.mobile-menu,.nav-scrim{display:none}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);margin:0 0 var(--space-8)}.page-header h1{margin:2px 0 var(--space-2);font-size:clamp(2rem,3.2vw,var(--text-3xl));font-weight:700;line-height:1.08;letter-spacing:-.035em}.page-header p{max-width:720px;margin:0;color:var(--text-secondary)}.eyebrow,.page-context{margin:0 0 var(--space-1);color:var(--brand-primary);font-size:var(--text-xs);font-weight:500;letter-spacing:.07em}.eyebrow{text-transform:uppercase}.page-header .page-context{color:var(--brand-primary)}.page-context span{display:inline-block;padding:0 3px;color:color-mix(in srgb,var(--brand-primary) 68%,var(--brand-secondary))}
.health-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-feature);background:var(--surface-raised);box-shadow:0 1px 2px rgb(23 32 27 / 3%)}.health-hero h2{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-2xl)}.health-hero p{margin:0;color:var(--text-secondary)}
.quiet-status{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.quiet-status i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--neutral-500)}.quiet-status.live i,.quiet-status.healthy i,.quiet-status.succeeded i{background:var(--brand-primary)}.quiet-status.needs_attention i,.quiet-status.warning i,.quiet-status.retrying i,.quiet-status.waiting_for_connection i,.quiet-status.waiting_for_destination i{background:var(--warning-700)}.quiet-status.invalid i,.quiet-status.failed i{background:var(--error-700)}.quiet-status.setup_incomplete i{background:var(--accent-500)}.quiet-status.prominent{gap:var(--space-2);font-size:var(--text-base);font-weight:600}.quiet-status.prominent i{width:10px;height:10px}.quiet-status.prominent.live,.quiet-status.prominent.healthy,.quiet-status.prominent.succeeded{color:var(--success-text)}.quiet-status.prominent.live i,.quiet-status.prominent.healthy i,.quiet-status.prominent.succeeded i{box-shadow:0 0 0 3px var(--brand-100)}.quiet-status.prominent.needs_attention,.quiet-status.prominent.warning{color:var(--warning-700)}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:var(--space-6) 0 var(--space-10);border-block:1px solid var(--border-subtle)}.metric-strip article{padding:var(--space-5) var(--space-6);border-right:1px solid var(--border-subtle)}.metric-strip article:first-child{padding-left:0}.metric-strip article:last-child{border:0}.metric-strip small{display:block;color:var(--text-muted)}.metric-strip strong{display:block;margin-top:var(--space-1);font-size:var(--text-2xl);font-variant-numeric:tabular-nums}.health-metric .quiet-status{margin-top:var(--space-2)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:var(--space-10)}.dashboard-primary,.dashboard-side,.dashboard-side>section,.flow-section{min-width:0}.dashboard-primary,.dashboard-side>section,.flow-section{padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}.dashboard-side{display:grid;align-content:start;gap:var(--space-6)}.dashboard-side h2,.dashboard-primary h2,.flow-section h2{margin:0;font-size:var(--text-xl)}.dashboard-primary .submission-list,.dashboard-primary .submission-row,.dashboard-primary .submission-row>span{min-width:0}.dashboard-primary .submission-row{grid-template-columns:124px minmax(0,1fr) minmax(100px,auto) 20px;gap:var(--space-3)}.dashboard-primary .submission-row strong,.dashboard-primary .submission-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-line{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.connection-line:last-child{border:0}.connection-line span:first-child{display:grid}.connection-line small{color:var(--text-muted)}
.pipe-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.pipe-table-head,.pipe-table-row{min-width:860px;display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(190px,1fr) 130px minmax(150px,.8fr) 90px 24px;gap:var(--space-4);align-items:center}.pipe-table-head{padding:var(--space-3) var(--space-5);background:var(--surface-inset);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.pipe-table-row{width:100%;min-height:78px;padding:var(--space-4) var(--space-5);border:0;border-top:1px solid var(--border-subtle);border-radius:0;background:transparent;color:var(--text-primary);text-align:left}.pipe-table-row:hover{background:var(--brand-50)}.pipe-table-row>span:not(.quiet-status),.pipe-identity{display:grid;min-width:0}.pipe-table-row small{overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.pipe-table-row time{color:var(--text-secondary);font-size:var(--text-sm)}.volume{text-align:center;font-variant-numeric:tabular-nums}
.title-with-status{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.tabs{display:flex;gap:var(--space-6);overflow:auto;margin:0 0 var(--space-6);border-bottom:1px solid var(--border-subtle)}.tabs button{min-height:44px;padding:0 0 var(--space-3);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--text-muted)}.tabs button.active{border-color:var(--brand-700);color:var(--text-primary)}
.routing-flow{width:min(100%,680px);display:grid;gap:0;margin:var(--space-6) auto 0}.route-trunk,.route-provider-group{display:grid;justify-items:stretch;gap:0}.route-connector{display:block;position:relative;justify-self:center;width:2px;height:28px;background:var(--brand-primary)}.route-connector:after{content:"";position:absolute;bottom:-1px;left:-3px;width:6px;height:6px;border-right:2px solid var(--brand-primary);border-bottom:2px solid var(--brand-primary);transform:rotate(45deg)}.route-node{width:100%;padding:var(--space-3) var(--space-4);display:grid;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised);text-align:left;box-shadow:var(--shadow-raised)}.route-node small{font-size:var(--text-xs);text-transform:uppercase}.route-node span{color:var(--text-muted);font-size:var(--text-xs)}.route-node.listpipe{grid-template-columns:1fr;row-gap:var(--space-1);align-items:center;border-color:var(--brand-100);border-left:4px solid var(--brand-primary);background:var(--surface-brand);color:var(--brand-secondary)}.route-node.listpipe .route-wordmark{color:var(--brand-secondary);font-size:var(--text-lg)}.route-node.listpipe small{color:var(--text-secondary)}.route-destinations{display:grid;gap:var(--space-6)}.route-provider-group{position:relative}.route-audience-list{display:grid;gap:var(--space-3)}.route-destination{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.route-destination .quiet-status{justify-self:end}.route-empty{padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-control);color:var(--text-muted)}
.routing-flow.processing .route-trunk:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--motion-accent);animation:route-pulse 1.6s var(--ease-standard) infinite}@keyframes route-pulse{0%{transform:translateY(-90px);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(90px);opacity:0}}
.pipe-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:var(--space-6) 0 var(--space-8);border-block:1px solid var(--border-subtle)}.pipe-summary>div{padding:var(--space-4);display:grid;border-right:1px solid var(--border-subtle)}.pipe-summary>div:last-child{border:0}.pipe-summary small{color:var(--text-muted)}
.setup-shell{max-width:1080px;margin:0 auto}.setup-progress{margin-bottom:var(--space-8)}.setup-progress>div{height:3px;background:var(--neutral-200)}.setup-progress>div span{display:block;height:100%;background:var(--accent-500);transition:width var(--motion-slow) var(--ease-standard)}.setup-progress ol{display:grid;grid-template-columns:repeat(5,1fr);margin:var(--space-3) 0 0;padding:0;list-style:none}.setup-progress button{width:100%;padding:var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2);border:0;background:transparent;color:var(--text-muted);font-size:var(--text-sm)}.setup-progress button i{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--border-strong);border-radius:50%;font-style:normal}.setup-progress button.current{color:var(--text-primary);font-weight:600}.setup-progress button.current i{border-color:var(--accent-500);background:var(--accent-100);color:var(--accent-600)}.setup-progress button.complete i{border-color:var(--success-700);color:var(--success-700)}.setup-focus{max-width:760px;margin:0 auto}.setup-card{padding:clamp(var(--space-6),5vw,var(--space-12));border:1px solid var(--border-subtle);border-radius:var(--radius-feature);background:var(--surface-raised);box-shadow:var(--shadow-raised)}.setup-focus>#finishLater{display:block;margin:var(--space-4) auto}
.technical-inset{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);margin:var(--space-5) 0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-inset)}.technical-inset span,.technical-inset small{grid-column:1/-1;color:var(--text-muted);font-size:var(--text-xs)}.technical-inset code{min-width:0;overflow-wrap:anywhere;color:var(--brand-800);font-size:var(--text-sm)}.listening span{background:var(--motion-accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--motion-accent) 35%,transparent);animation:listening-pulse 1.6s infinite}@keyframes listening-pulse{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.edit-layout{display:grid;grid-template-columns:180px minmax(0,820px);align-items:start;gap:var(--space-8)}.edit-nav{position:sticky;top:var(--space-5);display:grid}.edit-nav a{padding:var(--space-2) var(--space-3);border-left:2px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none}.edit-nav a:hover{border-color:var(--brand-700);color:var(--text-primary)}.edit-sections{display:grid;gap:var(--space-6)}.edit-sections>section{padding:var(--space-6);scroll-margin-top:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}.edit-sections h2{margin:0 0 var(--space-4)}.edit-sections>section>label{display:grid;gap:var(--space-2);margin-top:var(--space-4);font-weight:500}.switch-field{grid-template-columns:1fr auto!important;align-items:center}.switch-field span{display:grid}.switch-field small{color:var(--text-muted);font-weight:400}.switch-field input{width:20px;height:20px}
.edit-mapping{display:grid;gap:var(--space-2)}.edit-mapping label{display:grid;grid-template-columns:1fr minmax(220px,.8fr);align-items:center;gap:var(--space-4);padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.edit-mapping span{display:grid}.edit-mapping small{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500}.audience-selector{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.audience-choice{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control)}.audience-choice:has(input:checked){border-color:var(--brand-600);background:var(--brand-50)}.audience-choice>label{display:flex;align-items:center;gap:var(--space-3)}.audience-choice>label span{display:grid}.audience-choice small{color:var(--text-muted)}.audience-choice .route-options{margin:var(--space-3) 0 0 30px;display:flex;gap:var(--space-3)}.audience-choice .route-options label{display:grid;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}
.change-summary{margin-top:var(--space-4);padding:var(--space-4);border-left:3px solid var(--warning-700);background:var(--warning-100)}.change-summary p{margin:var(--space-1) 0}.change-summary small{color:var(--text-secondary)}.edit-savebar{position:sticky;bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:rgb(255 255 255 / 94%);box-shadow:var(--shadow-overlay);backdrop-filter:blur(12px)}.edit-savebar span{margin-right:auto;color:var(--text-muted);font-size:var(--text-sm)}.before-after{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);margin:var(--space-5) 0}.before-after>div{display:grid;padding:var(--space-4);border-radius:var(--radius-control);background:var(--surface-inset)}.before-after small{color:var(--text-muted)}
@media(max-width:1040px){.sidebar{transform:translateX(-100%);transition:transform var(--motion-slow) var(--ease-standard);box-shadow:var(--shadow-overlay)}.nav-open .sidebar{transform:translateX(0)}.nav-open{overflow:hidden}.sidebar .brand strong{display:inline}.workspace-switch small{display:block}.mode-toggle span{display:grid}.sidebar nav .nav-button{display:flex;min-height:44px;font-size:var(--text-sm);padding:var(--space-2)}.nav-open .sidebar{transform:translateX(0)}.nav-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;border-radius:0;background:rgb(23 32 27 / 45%);opacity:0;pointer-events:none;transition:opacity var(--motion-standard)}.nav-open .nav-scrim{opacity:1;pointer-events:auto}.mobile-menu{display:flex;position:fixed;top:var(--space-3);left:var(--space-3);z-index:24;min-height:44px;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-raised)}.mobile-menu span{width:3px;height:3px;border-radius:50%;background:currentColor}.mobile-menu b{margin-left:var(--space-1);font-size:var(--text-sm)}.main{width:100%!important;margin:0!important;padding-top:76px}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.main{padding:72px var(--space-4) var(--space-12)}.page-header{display:block;margin-bottom:var(--space-6)}.page-header>button{margin-top:var(--space-4)}.page-header h1{font-size:2rem}.health-hero{display:block;padding:var(--space-5)}.health-hero>.quiet-status,.health-hero>button{margin-top:var(--space-4)}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip article{padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.metric-strip article:nth-child(2n){border-right:0}.metric-strip article:first-child{padding-left:var(--space-4)}.dashboard-side{grid-template-columns:1fr}.pipe-table{border:0;background:transparent;box-shadow:none}.pipe-table-head{display:none}.pipe-table-row{grid-template-columns:1fr auto;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}.pipe-table-row>span:nth-child(2),.pipe-table-row time{grid-column:1/-1}.pipe-table-row>span:nth-child(3){grid-column:2;grid-row:1}.pipe-table-row .volume{grid-column:1}.pipe-table-row>b{grid-column:2;grid-row:4}.routing-flow{grid-template-columns:1fr}.route-branch{grid-template-columns:1fr}.route-branch>i{width:2px;height:20px;justify-self:center}.route-branch>i:after{left:-3px;right:auto;bottom:-1px;transform:rotate(45deg)}.pipe-summary{grid-template-columns:1fr 1fr}.setup-progress ol span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.setup-progress button{justify-content:center}.setup-card{padding:var(--space-5)}.technical-inset{grid-template-columns:1fr}.technical-inset button{justify-self:start}.edit-layout{grid-template-columns:1fr}.edit-nav{position:static;display:flex;overflow:auto}.edit-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid var(--border-subtle)}.edit-sections>section{padding:var(--space-5)}.edit-mapping label{grid-template-columns:1fr}.audience-choice .route-options{margin-left:0;display:grid}.edit-savebar{display:grid;grid-template-columns:1fr 1fr}.edit-savebar span{grid-column:1/-1}.before-after{grid-template-columns:1fr}.before-after>span{text-align:center;transform:rotate(90deg)}}
@media(max-width:1040px){.sidebar nav .nav-button{display:flex!important;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.routing-flow.processing .route-trunk:after{display:none}.listening span{animation:none;box-shadow:none}}

/* Sprint 5 Phase 3 operational surfaces */
.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}
.surface-section,.operational-surface,.attention-inbox,.activity-surface{border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised);box-shadow:var(--shadow-raised)}
.surface-section,.attention-inbox,.activity-surface{padding:var(--space-6)}
.surface-section+.surface-section{margin-top:var(--space-6)}
.result-count{color:var(--text-muted);font-size:var(--text-sm)}
.header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}

.object-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised);box-shadow:var(--shadow-raised)}
.object-table-head,.object-row-main{display:grid;align-items:center;gap:var(--space-4)}
.websites-table{--website-action-space:126px}.websites-table .object-table-head,.websites-table .object-row-main{grid-template-columns:minmax(190px,1.4fr) minmax(130px,.9fr) 90px 90px 130px 28px}.websites-table .object-table-head,.websites-table .object-row{min-width:820px}.websites-table .object-table-head{padding-right:calc(var(--space-5) + var(--website-action-space))}
.connections-table .object-table-head,.connections-table .object-row-main{grid-template-columns:minmax(190px,1.25fr) 90px 100px minmax(150px,1fr) 130px 28px}
.object-table-head{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);background:var(--surface-inset);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.object-row{position:relative;border-bottom:1px solid var(--border-subtle)}.object-row:last-child{border-bottom:0}
.object-row-main{width:100%;min-height:76px;padding:var(--space-4) var(--space-5);border:0;border-radius:0;background:transparent;color:var(--text-primary);text-align:left;font-weight:400}
.object-row-main:hover{background:var(--brand-50)}.object-row-main>b{color:var(--brand-700);font-size:var(--text-lg)}
.object-identity{display:grid;min-width:0}.object-identity strong,.object-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-identity small,.object-row-main time{color:var(--text-muted);font-size:var(--text-sm)}
.website-row{padding-right:var(--website-action-space);transition:background var(--motion-standard) var(--ease-standard)}.website-row:hover,.website-row:focus-within{background:var(--brand-50)}.website-row .object-row-main{grid-template-columns:minmax(190px,1.4fr) minmax(130px,.9fr) 90px 90px 130px 28px}.website-row .object-row-main:hover{background:transparent}.website-row .row-action{position:absolute;right:var(--space-4);top:50%;min-height:40px;transform:translateY(-50%)}.website-row .row-action:active{transform:translateY(calc(-50% + 1px))}
.connection-row{border-bottom:1px solid var(--border-subtle)}.connection-row:last-child{border-bottom:0}

.object-list-row{width:100%;display:grid;grid-template-columns:1fr auto 24px;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;color:var(--text-primary);text-align:left}.object-list-row:last-child{border-bottom:0}.object-list-row:hover{background:var(--brand-50)}.object-list-row span{display:grid}.object-list-row small{color:var(--text-muted)}
.relationship-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}.relationship-strip span{display:grid;text-align:center}.relationship-strip small{color:var(--text-muted)}.relationship-strip>b{color:var(--brand-secondary-500)}
.health-detail{max-width:720px;padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}

.filter-bar{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}
.filter-bar label{display:grid;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.filter-bar select{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:#fff;color:var(--text-primary)}
.filter-bar .filter-check{display:flex;min-height:44px;align-items:center;gap:var(--space-2);white-space:nowrap}.filter-check input{width:18px;height:18px;accent-color:var(--brand-700)}
.table-scroll{overflow-x:auto}.operational-table{width:100%;border-collapse:collapse;text-align:left}.operational-table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-inset);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.operational-table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.operational-table tr:last-child td{border-bottom:0}.operational-table tbody tr:hover{background:var(--brand-50)}.operational-table td>strong,.operational-table td>small{display:block}.operational-table td>small,.operational-table time{color:var(--text-muted);font-size:var(--text-sm)}
.table-link,.row-chevron{min-height:44px;padding:0;border:0;background:transparent;color:var(--text-primary);text-align:left}.table-link{display:grid;min-width:0;width:100%;align-content:center}.table-link strong,.table-link small{min-width:0;overflow-wrap:anywhere}.table-link small{color:var(--text-muted);font-weight:400}.row-chevron{width:44px;color:var(--brand-700);font-size:var(--text-lg);text-align:center}
.empty-state.compact{min-height:240px;border:0;box-shadow:none}.empty-state.compact h2{font-size:var(--text-xl)}

.drawer-backdrop{position:fixed;inset:0;z-index:60;background:rgb(23 32 27 / 32%);backdrop-filter:blur(2px)}
.detail-drawer{position:fixed;inset:0 0 0 auto;z-index:61;width:min(680px,92vw);height:100dvh;overflow-y:auto;padding:var(--space-10) var(--space-8) var(--space-12);border:0;border-left:1px solid var(--border-subtle);background:var(--surface-page);box-shadow:var(--shadow-overlay);animation:drawer-enter var(--motion-standard) var(--ease-standard)}
.detail-drawer[hidden],.drawer-backdrop[hidden]{display:none}.drawer-open{overflow:hidden}.drawer-close{position:sticky;top:0;float:right;z-index:2;width:44px;height:44px;padding:0;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-raised);color:var(--text-primary);font-size:1.5rem;box-shadow:var(--shadow-raised)}
.drawer-header{padding:0 var(--space-12) var(--space-6) 0;border-bottom:1px solid var(--border-subtle)}.drawer-header h2{margin:var(--space-1) 0;font-size:var(--text-2xl)}.drawer-header p:last-child{color:var(--text-muted)}
.drawer-section{padding:var(--space-6) 0;border-bottom:1px solid var(--border-subtle)}.drawer-section>h3{margin:0 0 var(--space-4);font-size:var(--text-lg)}.drawer-section>p{color:var(--text-secondary)}
.drawer-skeleton,.screen-skeleton{display:grid;gap:var(--space-3)}.drawer-skeleton{padding-top:var(--space-12)}.drawer-skeleton span,.screen-skeleton span{display:block;height:54px;border-radius:var(--radius-control);background:linear-gradient(90deg,var(--neutral-100),var(--surface-raised),var(--neutral-100));background-size:200% 100%;animation:skeleton-shift 1.8s linear infinite}.drawer-skeleton .skeleton-title{width:62%;height:32px}.drawer-skeleton p,.screen-skeleton p{color:var(--text-muted)}.screen-skeleton{padding:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}
.screen-error{max-width:720px;padding:var(--space-8);border:1px solid var(--error-700);border-radius:var(--radius-surface);background:var(--surface-raised)}.screen-error p{color:var(--text-secondary)}
@keyframes drawer-enter{from{transform:translateX(24px);opacity:.5}to{transform:none;opacity:1}}@keyframes skeleton-shift{to{background-position:-200% 0}}

.journey-stack{display:grid;gap:0;margin:0;padding:0;list-style:none}.journey-step{position:relative;display:grid;grid-template-columns:28px 1fr;gap:var(--space-3);min-height:58px;padding-bottom:var(--space-4)}.journey-step:not(:last-child):before{content:"";position:absolute;top:25px;bottom:-1px;left:12px;width:1px;background:var(--border-strong)}.journey-step i{position:relative;z-index:1;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface-raised);color:var(--text-muted);font-style:normal;font-weight:600}.journey-step span{display:grid;align-content:start}.journey-step small{margin-top:2px;color:var(--text-muted)}.journey-step.done i{border-color:var(--success-700);background:var(--success-100);color:var(--success-700)}.journey-step.current i{border-color:var(--warning-700);background:var(--warning-100);color:var(--warning-700)}.journey-step.problem i{border-color:var(--error-700);background:var(--error-100);color:var(--error-700)}
.route-outcomes{display:grid;gap:var(--space-4)}.route-outcome{padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}.route-outcome header{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.route-outcome h3{margin:2px 0;font-size:var(--text-base)}.route-outcome header small{color:var(--text-muted)}.safe-copy,.safe-message{padding:var(--space-4);border-radius:var(--radius-control);background:var(--success-100);color:var(--success-700)}.safe-message{margin:var(--space-6) 0}.safe-message p{margin:var(--space-1) 0 0;color:var(--text-secondary)}
.readable-details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border:1px solid var(--border-subtle);border-radius:var(--radius-control);overflow:hidden}.readable-details>div{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.readable-details>div:nth-child(odd){border-right:1px solid var(--border-subtle)}.readable-details>div:nth-last-child(-n+2){border-bottom:0}.readable-details dt{color:var(--text-muted);font-size:var(--text-xs)}.readable-details dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-weight:600}.technical-drawer{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-inset)}.technical-drawer summary{font-weight:600}.technical-drawer pre{max-height:260px}.historical-section>p{margin-top:-8px}.delivery-history{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.delivery-history:last-child{border-bottom:0}.delivery-history span{display:grid}.delivery-history small{color:var(--text-muted)}

.attention-inbox{max-width:920px}.attention-task{width:100%;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:var(--space-4);min-height:104px;padding:var(--space-5) 0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;color:var(--text-primary);text-align:left}.attention-task:last-child{border-bottom:0}.attention-task:hover{background:var(--warning-100)}.attention-marker{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--warning-100);color:var(--warning-700);font-weight:800}.attention-task>span:nth-child(2){display:grid;gap:3px}.attention-task small{color:var(--text-secondary);font-weight:400}.attention-task em{margin-top:var(--space-1);color:var(--brand-700);font-style:normal;font-weight:600}.attention-task>b{color:var(--brand-700)}
.healthy-empty{max-width:720px;padding:var(--space-12);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised);text-align:center}.healthy-empty>span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto var(--space-4);border-radius:50%;background:var(--success-100);color:var(--success-700)}.healthy-empty h2{margin:0}.healthy-empty p,.history-note{color:var(--text-muted)}.history-note{font-size:var(--text-sm)}.quiet-danger{margin-top:var(--space-8);padding:var(--space-4);border-top:1px solid var(--border-subtle)}

.audience-operations{border:1px solid var(--border-subtle);border-radius:var(--radius-control);overflow:hidden}.audience-head,.audience-operation{display:grid;grid-template-columns:minmax(190px,1.3fr) 100px minmax(150px,1fr) 120px;gap:var(--space-4);align-items:center}.audience-head{padding:var(--space-3) var(--space-4);background:var(--surface-inset);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;text-transform:uppercase}.audience-operation{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.audience-operation>span:first-child{display:grid}.audience-operation small,.audience-operation time{color:var(--text-muted);font-size:var(--text-sm)}.audience-operation code{grid-column:1/-1;color:var(--text-muted)}.connection-technical{max-width:760px}

.event-timeline{margin:0;padding:0;list-style:none}.event-timeline li{position:relative;display:grid;grid-template-columns:18px 1fr;gap:var(--space-3);min-height:70px}.event-timeline li:not(:last-child):before{content:"";position:absolute;top:17px;bottom:0;left:5px;width:1px;background:var(--border-subtle)}.event-timeline li>i{position:relative;z-index:1;width:11px;height:11px;margin-top:5px;border-radius:50%;background:var(--brand-700);box-shadow:0 0 0 4px var(--brand-100)}.event-timeline p{margin:3px 0;color:var(--text-muted);font-size:var(--text-sm)}.event-timeline details{margin:var(--space-2) 0}.event-timeline details code,.event-timeline details small{display:block;color:var(--text-muted);font-size:var(--text-xs)}.event-timeline.compact li{min-height:58px}
.activity-row{display:grid;width:100%;min-width:0;min-height:54px;grid-template-columns:minmax(0,1fr) 20px;align-items:start;gap:var(--space-3);margin:-8px 0 8px;padding:8px var(--space-2);border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.activity-row>span{display:grid;min-width:0}.activity-row strong,.activity-row small{min-width:0;overflow-wrap:anywhere}.activity-row small{margin-top:3px;color:var(--text-muted);font-size:var(--text-sm);font-weight:400}.activity-row>b{align-self:center;color:var(--brand-700);font-size:var(--text-lg);font-weight:500}.activity-row:hover{background:var(--brand-50)}.activity-row:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px;background:var(--brand-50)}
.detail-drawer.activity-detail-drawer{width:min(500px,92vw)}.activity-drawer-header .eyebrow{padding-right:var(--space-2)}.activity-details{display:grid;margin:0}.activity-details>div{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.activity-details>div:first-child{padding-top:0}.activity-details>div:last-child{padding-bottom:0;border-bottom:0}.activity-details dt{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.activity-details dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;color:var(--text-primary);font-weight:500;line-height:1.5}.activity-history-note{margin:0}.activity-related{display:grid;gap:var(--space-2)}.activity-related h3{margin-bottom:var(--space-2)}.activity-related button{display:flex;width:100%;justify-content:space-between}.activity-technical{color:var(--text-secondary)}.activity-technical .diagnostics{margin-bottom:0}.activity-error{margin-top:var(--space-12)}
.activity-pagination{display:grid;grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr);align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.activity-pagination button:first-child{justify-self:start}.activity-pagination button:last-child{justify-self:end}.activity-pagination span{color:var(--text-muted);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:500}.activity-pagination button:disabled{cursor:not-allowed}
.activity-filter-bar .activity-clear{min-height:44px;align-self:end;white-space:nowrap}.activity-filter-bar .activity-clear:disabled{display:none}.activity-filter-empty{text-align:center}.activity-filter-empty button{margin-top:var(--space-3)}
.context-note{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-inset);color:var(--text-secondary)}

.settings-layout{display:grid;grid-template-columns:190px minmax(0,820px);align-items:start;gap:var(--space-8)}.settings-nav{position:sticky;top:var(--space-5);display:grid}.settings-nav a{padding:var(--space-2) var(--space-3);border-left:2px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none}.settings-nav a:hover,.settings-nav a:focus-visible{border-color:var(--brand-700);color:var(--text-primary)}.settings-sections{display:grid;gap:var(--space-6)}.settings-sections>section{padding:var(--space-6);scroll-margin-top:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}.settings-sections h2{margin:0 0 var(--space-3)}.settings-sections p{color:var(--text-secondary)}.settings-toggle{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.settings-toggle span{display:grid}.settings-toggle small{color:var(--text-muted)}.settings-toggle input{width:22px;height:22px;accent-color:var(--brand-700)}

@media(max-width:1040px){.filter-bar{grid-template-columns:repeat(2,minmax(160px,1fr))}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow-x:auto}.settings-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid var(--border-subtle)}}
@media(max-width:720px){
  .header-actions{justify-content:flex-start;margin-top:var(--space-4)}
  .object-table{border:0;background:transparent;box-shadow:none}.object-table-head{display:none}.object-row,.connection-row{display:block;margin-bottom:var(--space-3);padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}.object-row-main,.website-row .object-row-main,.connections-table .object-row-main{display:grid;grid-template-columns:1fr auto;gap:var(--space-2) var(--space-4);padding:var(--space-4);border-radius:var(--radius-surface)}.object-row-main>*{grid-column:1}.object-row-main>.quiet-status,.object-row-main>b{grid-column:2;grid-row:1}.website-row{padding:0 0 56px}.website-row .row-action{right:var(--space-4);top:auto;bottom:var(--space-3);transform:none}.website-row .row-action:active{transform:translateY(1px)}
  .relationship-strip{grid-template-columns:1fr}.relationship-strip>b{transform:rotate(90deg)}
  .filter-bar{grid-template-columns:1fr}.filter-bar .filter-check{white-space:normal}
  .operational-surface{border:0;background:transparent;box-shadow:none}.table-scroll{overflow:visible}.operational-table,.operational-table tbody,.operational-table tr,.operational-table td{display:block;width:100%}.operational-table thead{display:none}.operational-table tr{position:relative;margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised)}.operational-table td{display:grid;min-width:0;grid-template-columns:110px minmax(0,1fr);gap:var(--space-3);padding:var(--space-2) 0;border:0}.operational-table td:before{content:attr(data-label);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.operational-table td:has(>.row-chevron){position:absolute;top:var(--space-3);right:var(--space-3);display:block;width:auto}.operational-table td:has(>.row-chevron):before{display:none}.table-link{padding-right:44px}
  .detail-drawer{inset:0;width:100vw;padding:var(--space-5) var(--space-4) var(--space-10);border-left:0;animation:none}.detail-drawer.activity-detail-drawer{width:100vw}.drawer-close{top:var(--space-1)}.drawer-header{padding-top:var(--space-6)}.readable-details{grid-template-columns:1fr}.readable-details>div,.readable-details>div:nth-child(odd){border-right:0;border-bottom:1px solid var(--border-subtle)}.readable-details>div:last-child{border-bottom:0}.route-outcome{padding:var(--space-4)}.route-outcome header{display:grid}.attention-inbox,.activity-surface,.surface-section{padding:var(--space-4)}.activity-row{grid-template-columns:minmax(0,1fr) 16px;padding-inline:var(--space-2)}
  .audience-head{display:none}.audience-operation{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-4)}.audience-operation>*:before{display:block;color:var(--text-muted);font-size:var(--text-xs)}.audience-operation>span:first-child:before{content:"Audience"}.audience-operation>span:nth-child(2):before{content:"Used by"}.audience-operation>time:before{content:"Last refreshed"}.audience-operation>.quiet-status:before{content:"Status"}.context-note{display:grid}
}
@media(prefers-reduced-motion:reduce){.detail-drawer{animation:none}.drawer-skeleton span,.screen-skeleton span{animation:none;background:var(--neutral-100)}}
.account-menu{width:100%;min-width:0;margin-top:var(--space-3);padding:var(--space-3);display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;background:rgb(255 255 255 / 7%);border:1px solid rgb(255 255 255 / 12%);color:#fff;text-align:left}.account-email{display:block;width:100%;max-width:100%;min-width:0;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.5}.account-role{display:block;flex-shrink:0;margin-top:2px;line-height:1.5;text-transform:capitalize}.account-popover{min-width:0}.account-section h2{margin:0 0 var(--space-3)}.account-information-card{min-width:0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-inset)}.account-workspace-section{display:grid;gap:var(--space-2);margin-top:var(--space-5)}.account-section-label{margin:0;color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.account-workspace-control{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left}.account-workspace-control strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-signout-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--brand-secondary) 14%,transparent)}.account-panel-action{width:100%;margin:0;background:transparent}.auth-brand-logo{display:block;width:min(280px,100%);height:auto;margin:0 auto var(--space-4)}.auth-primary{display:flex;min-height:48px;align-items:center;justify-content:center;margin:var(--space-6) 0 var(--space-4);border-radius:var(--radius-control);background:var(--brand-action);color:var(--brand-action-text);font-family:var(--font-primary);font-weight:600;text-decoration:none}.auth-primary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.dev-auth{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-technical)}.dev-auth>strong,.dev-auth>small{display:block}.dev-auth>small{margin-bottom:var(--space-4);color:var(--text-secondary)}.recovery-link{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:var(--space-4);color:var(--brand-secondary);text-align:center}.auth-welcome .welcome-card{max-width:520px}
.sidebar .account-menu{background:var(--surface-raised);border-color:var(--border-subtle);color:var(--text-primary)}.sidebar .account-menu:hover{background:var(--brand-50)}.sidebar .account-menu small{color:var(--text-muted)}
.workspace-list{display:grid;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-2) 0}.workspace-choice{width:100%;text-align:left}.sensitive-control{display:grid;gap:7px}.sensitive-control>label{font-weight:700}.sensitive-field{position:relative}.form-stack .sensitive-field input{margin:0;padding-right:52px}.sensitive-toggle{position:absolute;top:50%;right:2px;width:42px;height:42px;min-height:42px;padding:0;transform:translateY(-50%);border:0;background:transparent;color:var(--text-secondary)}.sensitive-toggle:hover{background:var(--brand-50);opacity:1}.sensitive-toggle:active{transform:translateY(calc(-50% + 1px))}.sensitive-toggle i{display:block;position:relative;width:19px;height:13px;margin:auto;border:2px solid currentColor;border-radius:70% 18%;transform:rotate(45deg)}.sensitive-toggle i:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}.sensitive-toggle[aria-pressed="true"] i:before{content:"";position:absolute;top:50%;left:-4px;width:24px;height:2px;background:currentColor;box-shadow:0 0 0 2px var(--surface-raised);transform:rotate(-90deg)}
.technical-inset{background:var(--surface-brand)}
.route-trunk>i,.route-branch>i{background:var(--brand-primary)}.route-trunk>i:after,.route-branch>i:after{border-color:var(--brand-primary)}

.configuration-danger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-top:var(--space-8);padding:var(--space-5);border:1px solid color-mix(in srgb,var(--error-700) 24%,var(--border-subtle));border-radius:var(--radius-surface);background:var(--surface-raised)}.configuration-danger>div{min-width:0}.configuration-danger h2{margin:2px 0 var(--space-1)}.configuration-danger p:last-child{max-width:680px;margin:0;color:var(--text-secondary)}.configuration-danger .danger-secondary{flex:0 0 auto}

/* Responsive and type hierarchy refinements */
.page-header .eyebrow{color:var(--brand-primary)}.route-node small,.account-section-label,.sensitive-control>label{font-weight:500}
@media(min-width:1041px) and (max-width:1240px){.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:var(--space-6)}}
@media(max-width:720px){.pipe-table,.object-table{overflow:visible}.pipe-table-head,.pipe-table-row,.websites-table .object-table-head,.websites-table .object-row{min-width:0}}
@media(max-width:600px){.configuration-danger{align-items:stretch;flex-direction:column}.configuration-danger .danger-secondary{width:100%}}
@media(max-width:650px){.dashboard-primary .submission-row{grid-template-columns:minmax(0,1fr) auto}.dashboard-primary .submission-row time{display:none}.dashboard-primary .submission-row em{grid-column:2;grid-row:1}.dashboard-primary .submission-row b{display:none}}

/* Card, status, routing and control refinements */
.health-hero,.dashboard-primary,.dashboard-side>section,.flow-section,.edit-sections>section,.settings-sections>section{box-shadow:var(--shadow-raised)}
.start-card,.metric-card,.pipe-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-raised);transition:transform var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}
.start-card:hover,.start-card:focus-visible,.metric-card:hover,.metric-card:focus-visible,.pipe-card:hover,.pipe-card:focus-visible{transform:translateY(-1px);border-color:var(--brand-100);box-shadow:var(--shadow-interactive)}
@keyframes healthy-breathe{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand-primary) 0%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--brand-primary) 16%,transparent)}}
.quiet-status.live i,.quiet-status.healthy i{animation:healthy-breathe 2.6s var(--ease-standard) infinite}
.websites-table .object-table-head,.websites-table .object-row-main,.website-row .object-row-main{grid-template-columns:minmax(180px,1.4fr) minmax(120px,.9fr) 80px 80px minmax(160px,auto) 28px}.websites-table .object-table-head,.websites-table .object-row{min-width:900px}.website-row{display:grid;grid-template-columns:minmax(0,1fr) var(--website-action-space);padding-right:0}.website-row .row-action{position:static;width:calc(100% - var(--space-4));align-self:center;justify-self:end;margin-right:var(--space-4);padding-inline:var(--space-2);transform:none;white-space:nowrap}.website-row .row-action:active{transform:translateY(1px)}.website-row .quiet-status{min-width:0}.website-row .object-row-main>b{justify-self:end}
.route-node.listpipe{border:2px solid var(--brand-primary);background:var(--surface-brand)}.route-provider-group+.route-provider-group{padding-top:var(--space-4);border-top:1px dashed var(--border-subtle)}.route-audience-list{--route-gutter:48px;--route-spine-x:12px;position:relative;display:grid;gap:var(--space-3);padding-top:var(--space-5)}.route-audience-list:after{content:"";position:absolute;top:-1px;left:var(--route-spine-x);right:calc(50% - 1px);height:2px;background:var(--brand-primary)}.route-destination{position:relative;display:grid;grid-template-columns:var(--route-gutter) minmax(0,1fr);align-items:center;gap:0}.route-destination:before{content:"";position:absolute;z-index:0;top:calc(0px - var(--space-3));bottom:calc(0px - var(--space-3));left:var(--route-spine-x);width:2px;background:var(--brand-primary)}.route-destination:first-child:before{top:calc(0px - var(--space-5))}.route-destination:last-child:before{bottom:50%}.route-audience-connector{display:block;position:relative;z-index:1;height:2px;margin:0 6px 0 var(--route-spine-x);background:var(--brand-primary)}.route-audience-connector:after{content:"";position:absolute;right:0;bottom:-3px;width:6px;height:6px;border-right:2px solid var(--brand-primary);border-bottom:2px solid var(--brand-primary);transform:rotate(-45deg)}.route-node.source{min-width:0}.route-website-url{display:block;min-width:0;max-width:100%;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.route-node.audience{min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.route-audience-copy{min-width:0;display:grid}.route-node.audience .quiet-status{align-self:center;justify-self:end}
.route-main-connector{margin-bottom:6px}.route-branch-entry:after{display:none}
.mode-toggle{grid-template-columns:minmax(0,1fr) auto}.mode-toggle .mode-toggle-label{position:relative;min-width:0;display:flex;align-items:center;gap:var(--space-1)}.mode-switch{display:block;cursor:pointer}.mode-switch i{display:block}.mode-help{position:relative;width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);font-family:var(--font-primary);font-size:12px;font-weight:700;line-height:1}.mode-help:before{content:"";position:absolute;width:16px;height:16px;border:1px solid currentColor;border-radius:50%}.mode-help:hover,.mode-help:focus-visible,.mode-help[aria-expanded="true"]{background:var(--surface-brand);color:var(--brand-secondary)}.mode-help-text{position:absolute;z-index:5;left:0;bottom:calc(100% + 6px);width:max-content;max-width:190px;padding:6px 8px;display:block!important;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--brand-secondary);color:#fff;font-size:var(--text-xs);font-weight:500;line-height:1.35;box-shadow:var(--shadow-raised);opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),visibility var(--motion-fast)}.mode-help:hover+.mode-help-text,.mode-help:focus-visible+.mode-help-text,.mode-toggle-label.is-open .mode-help-text{opacity:1;visibility:visible;transform:translateY(0)}
.edit-layout select{min-height:46px;padding:11px 44px 11px var(--space-4);font-weight:400}.edit-layout select option{font-weight:400}
.sensitive-field{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;position:relative}.form-stack .sensitive-field input{grid-area:1/1/2/3;min-height:46px;margin:0;padding-right:56px}.sensitive-toggle{position:relative;inset:auto;grid-area:1/2;align-self:center;justify-self:center;width:42px;height:42px;min-height:42px;margin:0;padding:0;display:grid;place-items:center;transform:none;border:0;background:transparent;color:var(--text-secondary)}.sensitive-toggle:active{transform:translateY(1px)}
@media(max-width:720px){.website-row{display:block;padding:0 0 56px}.website-row .row-action{position:absolute;right:var(--space-4);bottom:var(--space-3);width:auto;margin:0}.website-row .object-row-main{grid-template-columns:minmax(0,1fr) minmax(max-content,auto) 24px}.website-row .object-row-main>*{grid-column:1}.website-row .object-row-main>.quiet-status{grid-column:2;grid-row:1}.website-row .object-row-main>b{grid-column:3;grid-row:1}.websites-table .object-row{min-width:0}.route-audience-list{--route-gutter:36px;--route-spine-x:8px}.route-node.audience{gap:var(--space-2)}.pipe-table-row{box-shadow:var(--shadow-raised);transition:transform var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.pipe-table-row:hover,.pipe-table-row:focus-visible{transform:translateY(-1px);border-color:var(--brand-100);box-shadow:var(--shadow-interactive)}}
@media(prefers-reduced-motion:reduce){.quiet-status.live i,.quiet-status.healthy i{animation:none;box-shadow:0 0 0 3px var(--brand-100)}.start-card:hover,.start-card:focus-visible,.metric-card:hover,.metric-card:focus-visible,.pipe-card:hover,.pipe-card:focus-visible,.pipe-table-row:hover,.pipe-table-row:focus-visible{transform:none}}

/* Page-by-page UI refinements */
.dashboard-connection{width:calc(100% + (2 * var(--space-6)));min-height:56px;margin-inline:calc(-1 * var(--space-6));padding-inline:var(--space-6);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.dashboard-connection:last-child{border-bottom:0}.dashboard-connection:hover,.dashboard-connection:focus-visible{background:var(--brand-50)}.dashboard-connection:focus-visible{position:relative;z-index:1}.dashboard-activity>.event-timeline,.dashboard-activity>.empty-mini{margin-top:var(--space-5)}
.quiet-status.setup_incomplete i{background:var(--warning-700)}.quiet-status.prominent.setup_incomplete{color:var(--warning-700)}
.routing-flow.route-incomplete .route-destinations{padding-top:34px}
.mapping-panel{overflow:hidden}.mapping-table{border:1px solid var(--border-subtle);border-radius:var(--radius-control);overflow:hidden}.mapping-table-head,.mapping-table-row{display:grid;grid-template-columns:minmax(170px,1.05fr) minmax(170px,1fr) minmax(180px,1.2fr) minmax(100px,.65fr);gap:var(--space-4);align-items:center}.mapping-table-head{padding:var(--space-3) var(--space-4);background:var(--surface-inset);color:var(--text-muted);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.mapping-table-row{min-height:76px;padding:var(--space-4);border-top:1px solid var(--border-subtle)}.mapping-cell{min-width:0}.mapping-incoming,.mapping-target{display:grid}.mapping-cell small{color:var(--text-muted);font-size:var(--text-xs)}.mapping-cell .confidence{justify-self:start}.mapping-incoming small{font-family:var(--font-mono)}.mapping-example{overflow-wrap:anywhere;color:var(--text-secondary);font-size:var(--text-sm)}
.connection-metrics time{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:.8125rem;font-weight:400;font-variant-numeric:tabular-nums}.connections-table time{font-size:.8125rem;font-weight:400}
.filter-bar{grid-template-columns:repeat(5,minmax(120px,1fr)) auto}.submission-sort select{min-width:132px}
.filter-bar.activity-filter-bar{grid-template-columns:repeat(4,minmax(130px,1fr)) auto}
.attention-summary{max-width:920px;margin-bottom:var(--space-4);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-inset)}.attention-summary h2{margin:var(--space-1) 0 var(--space-1);font-size:var(--text-xl)}.attention-summary p:last-child{margin:0;color:var(--text-secondary)}
.platform-picker{min-width:0;margin:0;padding:0;border:0}.platform-picker legend{margin-bottom:var(--space-2);font-family:var(--font-primary);font-weight:500}.platform-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.platform-choice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised);cursor:pointer}.platform-choice:hover,.platform-choice:focus-within{border-color:var(--brand-100);background:var(--brand-50)}.platform-choice:has(input:checked){border-color:var(--brand-700);box-shadow:0 0 0 1px var(--brand-700)}.platform-choice input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--brand-700)}.platform-choice>span{display:grid;min-width:0;gap:var(--space-1)}.platform-choice-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.platform-choice small{color:var(--text-secondary);font-weight:400;line-height:1.4}.platform-support{display:inline-flex;padding:2px 7px;border-radius:99px;color:var(--text-secondary);background:var(--surface-inset);font-size:var(--text-xs);font-style:normal;font-weight:600;line-height:1.5}.platform-support.supported{color:var(--success-700);background:var(--success-100)}.platform-support.experimental{color:var(--warning-700);background:var(--warning-100)}.platform-setup-note,.destination-guard{margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-inset)}.platform-setup-note.experimental{border-color:color-mix(in srgb,var(--warning-700) 28%,var(--border-subtle));background:var(--warning-100)}.platform-setup-note p,.destination-guard p{margin:var(--space-1) 0 0;color:var(--text-secondary)}.destination-guard{margin-top:var(--space-6);border-color:color-mix(in srgb,var(--warning-700) 28%,var(--border-subtle));background:var(--warning-100)}
.form-source-guide{display:grid;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-inset)}.form-source-guide>.eyebrow{margin-bottom:0}.form-source-option{display:grid;gap:var(--space-1);min-width:0}.form-source-option+.form-source-option{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.form-source-option>span{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.form-source-option small{color:var(--text-secondary);font-weight:400;line-height:1.45}
.brevo-subscription-control{min-width:0}.brevo-subscription-copy{max-width:42ch;margin-top:var(--space-2)!important;color:var(--text-secondary)!important;font-size:var(--text-xs);font-weight:400;line-height:1.45}.brevo-doi-fields{display:grid;gap:var(--space-3)}.brevo-doi-fields[hidden]{display:none}
.elementor-setup-guide ol{display:grid;gap:var(--space-2);margin:var(--space-5) 0;padding-left:24px;color:var(--text-secondary)}.elementor-setup-guide li{padding-left:var(--space-1);line-height:1.55}.elementor-setup-guide .technical-inset{margin-bottom:var(--space-3)}.setup-requirement{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.inline-website-creator{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--brand-100);border-radius:var(--radius-control);background:var(--brand-50)}.inline-website-creator[hidden]{display:none}.inline-website-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.inline-website-heading .eyebrow{margin-bottom:var(--space-1)}.inline-website-heading h3{margin:0;font-size:var(--text-lg)}.inline-website-heading .text-button{flex:0 0 auto}.inline-website-creator>.form-error{margin:0}.inline-website-creator>.platform-picker{display:grid;gap:var(--space-2)}
.listener-state{display:grid;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-inset)}.listener-state p{margin:0;color:var(--text-secondary)}.listener-state ul{margin:var(--space-1) 0;padding-left:22px;color:var(--text-secondary)}.listener-state .button-row{margin-top:var(--space-2)}.listener-timeout{border-color:color-mix(in srgb,var(--warning-700) 24%,var(--border-subtle));background:var(--warning-100)}.listener-problem{border-color:color-mix(in srgb,var(--error-700) 24%,var(--border-subtle));background:var(--error-100)}
@media(max-width:1040px){.filter-bar{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:800px){.mapping-panel{padding:var(--space-4)}.mapping-table{border:0;overflow:visible}.mapping-table-head{display:none}.mapping-table-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-raised)}.mapping-cell{display:grid;align-content:start}.mapping-cell:before{content:attr(data-label);margin-bottom:var(--space-1);color:var(--text-muted);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.mapping-example{font-size:var(--text-sm)}.attention-summary{padding:var(--space-4)}}
@media(max-width:600px){.mapping-table-row{grid-template-columns:1fr}.submission-sort select{min-width:0}.activity-pagination{grid-template-columns:1fr 1fr}.activity-pagination span{grid-column:1/-1;grid-row:1;text-align:center}.activity-pagination button:first-child,.activity-pagination button:last-child{grid-row:2;width:100%;justify-self:stretch}}
@media(max-width:600px){.platform-choice-grid{grid-template-columns:1fr}.platform-choice{padding:var(--space-3)}}
@media(max-width:600px){.elementor-setup-guide ol{padding-left:20px}.inline-website-heading{display:grid}.inline-website-heading .text-button{justify-self:start}.inline-website-creator>button{width:100%}}
@media(max-width:600px){.listener-state .button-row{display:grid;grid-template-columns:1fr}.listener-state .button-row button{width:100%}}
@media(max-width:1040px){.filter-bar.activity-filter-bar{grid-template-columns:repeat(2,minmax(160px,1fr))}.activity-filter-bar .activity-clear{justify-self:start}}
@media(max-width:600px){.filter-bar.activity-filter-bar{grid-template-columns:1fr}.activity-filter-bar .activity-clear{width:auto}}

/* Shared provider connection progress */
#modal{overflow:hidden}#modal:has(.inline-website-creator:not([hidden])){max-height:calc(100dvh - 30px);overflow:auto}.provider-connection-status[hidden]{display:none}.provider-connection-status{position:absolute;z-index:4;inset:0;padding:var(--space-6);display:grid;place-items:center;background:rgb(250 249 246 / 92%);backdrop-filter:blur(3px)}.provider-connection-status-card{width:min(100%,360px);padding:var(--space-6);display:grid;justify-items:center;text-align:center;border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-raised);box-shadow:var(--shadow-overlay)}.provider-connection-status-card .eyebrow{margin:var(--space-4) 0 var(--space-1)}.provider-connection-status-card h2{margin:0;font-size:var(--text-xl)}.provider-connection-status-card p:not(.eyebrow){max-width:30ch;margin:var(--space-3) 0 0;color:var(--text-secondary);overflow-wrap:anywhere}.provider-connection-status-card button{margin-top:var(--space-5)}.provider-connection-spinner{width:28px;height:28px;border:3px solid var(--brand-100);border-top-color:var(--brand-primary);border-radius:50%;animation:provider-connection-spin .8s linear infinite}.provider-connection-status[data-state="success"] .provider-connection-spinner{display:grid;place-items:center;border:0;background:var(--success-100);color:var(--success-700);animation:none}.provider-connection-status[data-state="success"] .provider-connection-spinner:after{content:"✓";font-weight:700}.provider-connection-status[data-state="error"] .provider-connection-spinner{display:none}@keyframes provider-connection-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.provider-connection-status{padding:var(--space-4)}.provider-connection-status-card{padding:var(--space-5)}}
@media(prefers-reduced-motion:reduce){.provider-connection-spinner{animation:none}}