/* AlfaLid commercial SaaS system — loaded after legacy layers */
:root{--sx-ink:#101828;--sx-muted:#667085;--sx-line:#e4e7ec;--sx-canvas:#f8fafc;--sx-surface:#fff;--sx-brand:#5b5cf0;--sx-brand-2:#7c3aed;--sx-success:#12b76a;--sx-warning:#f79009;--sx-danger:#f04438;--sx-radius:16px;--sx-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)}
body:has(.app-shell:not(.hidden)){font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--sx-canvas)}.main-content{background:radial-gradient(circle at 72% -15%,#ecebff 0,transparent 24%),var(--sx-canvas)!important}.sidebar{background:#111827!important}.main-nav button.active{background:linear-gradient(110deg,var(--sx-brand),var(--sx-brand-2))!important}.topbar{background:rgba(255,255,255,.86)!important;border-color:var(--sx-line)!important}.view:not(.inbox-view){max-width:1520px;margin:auto;padding:28px 32px 46px!important}.section-kicker,.eyebrow{color:#635bff!important;letter-spacing:.1em!important}.panel,.welcome-card,.section-hero,.connection-flow-surface{border:1px solid var(--sx-line)!important;border-radius:var(--sx-radius)!important;background:rgba(255,255,255,.94)!important;box-shadow:var(--sx-shadow)!important}.welcome-card{background:linear-gradient(120deg,#171936 0%,#292477 56%,#6539ca 100%)!important;overflow:hidden;position:relative}.welcome-card:after{content:"";position:absolute;inset:auto -7% -75% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.19),transparent 66%)}.welcome-card p{color:#c9c8ff!important}.btn.primary,.btn.dark{border:0!important;background:linear-gradient(110deg,var(--sx-brand),var(--sx-brand-2))!important;box-shadow:0 8px 18px rgba(91,92,240,.24)!important}.btn.primary:hover,.btn.dark:hover{transform:translateY(-1px)!important;filter:brightness(1.04)}.btn.ghost,.btn.subtle{border:1px solid var(--sx-line)!important;background:#fff!important;color:#344054!important}.metric-card{border:1px solid var(--sx-line)!important;border-radius:var(--sx-radius)!important;background:#fff!important;box-shadow:var(--sx-shadow)!important}.metric-card:hover,.profile-card:hover{border-color:#c7c9ff!important;transform:translateY(-2px)!important}.profile-card,.wizard-step,.settings-card,.billing-card{border-color:var(--sx-line)!important;border-radius:var(--sx-radius)!important;box-shadow:var(--sx-shadow)!important}input,select,textarea{border-color:#d0d5dd!important;border-radius:10px!important;background:#fff!important}input:focus,select:focus,textarea:focus{border-color:var(--sx-brand)!important;box-shadow:0 0 0 4px rgba(91,92,240,.12)!important}.status-chip.success{background:#ecfdf3!important;color:#027a48!important}.status-chip.warning{background:#fffaeb!important;color:#b54708!important}.status-chip.danger{background:#fef3f2!important;color:#b42318!important}.modal{border:1px solid var(--sx-line)!important;border-radius:20px!important;box-shadow:0 24px 72px rgba(16,24,40,.2)!important}.modal::backdrop{background:rgba(16,24,40,.46);backdrop-filter:blur(3px)}
.connection-flow-surface{margin:18px 0;padding:22px}.flow-surface-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.flow-surface-head h2{margin:4px 0 5px;color:var(--sx-ink);font-size:19px;letter-spacing:-.03em}.flow-surface-head p{margin:0;color:var(--sx-muted);font-size:12px}.connection-flow{display:grid;grid-template-columns:repeat(5,minmax(126px,1fr));align-items:center;gap:10px}.flow-node{min-height:116px;padding:14px;border:1px solid var(--sx-line);border-radius:14px;background:linear-gradient(145deg,#fff,#fafbff);text-align:left;cursor:pointer;transition:.18s ease;position:relative}.flow-node:hover{transform:translateY(-2px);border-color:#b9b5ff;box-shadow:0 10px 24px rgba(91,92,240,.12)}.flow-node:focus-visible{outline:3px solid rgba(91,92,240,.25);outline-offset:2px}.flow-node small,.flow-node strong{display:block}.flow-node small{color:var(--sx-muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.flow-node strong{margin:8px 0 6px;color:var(--sx-ink);font-size:13px}.flow-node .flow-state{font-size:10px;font-weight:750;color:#475467}.flow-node.connected .flow-state{color:#027a48}.flow-node.attention .flow-state{color:#b54708}.flow-link{height:2px;background:linear-gradient(90deg,#c7c9ff,#8b8af7);position:relative}.flow-link:after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left-color:#8b8af7}.flow-node.gateway{background:linear-gradient(145deg,#f4f3ff,#fff)}.flow-node.crm{background:linear-gradient(145deg,#eefbf5,#fff)}.flow-node.test{background:linear-gradient(145deg,#fff8eb,#fff)}
@media(max-width:900px){.view:not(.inbox-view){padding:20px!important}.connection-flow{grid-template-columns:1fr 30px 1fr}.flow-link{transform:rotate(0)}.flow-link:nth-of-type(4){display:none}.flow-node{min-height:96px}.flow-node.gateway{grid-column:2;grid-row:2}.flow-node.crm{grid-column:1;grid-row:3}.flow-node.test{grid-column:3;grid-row:3}}@media(max-width:640px){.view:not(.inbox-view){padding:14px 12px 28px!important}.flow-surface-head{display:block}.flow-surface-head .btn{margin-top:12px}.connection-flow{grid-template-columns:1fr}.flow-link{height:18px;width:2px;margin:auto}.flow-link:after{right:-3px;top:auto;bottom:-1px;border:4px solid transparent;border-top-color:#8b8af7}.flow-node.gateway,.flow-node.crm,.flow-node.test{grid-column:auto;grid-row:auto}.connection-flow-surface{padding:16px}.setup-journey-art{display:none}}

/* Readability reset: no commercial product surface may inherit the former micro-type scale. */
.app-shell{font-size:14px!important}.sidebar-brand strong{font-size:18px!important}.main-nav button{min-height:48px!important;font-size:14px!important;font-weight:650!important}.workspace-box select{font-size:13px!important}.workspace-box small,.sidebar-user small{font-size:10px!important}.sidebar-user strong{font-size:13px!important}.topbar-page-meta h2{font-size:24px!important}.topbar-page-meta p{font-size:13px!important}.global-search input{font-size:14px!important}.section-kicker,.eyebrow{font-size:10px!important}.welcome-card h1,.section-hero h1{font-size:32px!important;line-height:1.12!important}.welcome-card p,.section-hero p{font-size:15px!important;line-height:1.55!important}.btn{min-height:42px!important;padding:0 15px!important;font-size:13px!important;font-weight:700!important}.panel-head h3,.panel h3{font-size:18px!important}.panel-head p{font-size:13px!important;line-height:1.5!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.metric-card{min-height:116px!important;padding:20px!important}.metric-card strong{font-size:28px!important}.metric-card span{font-size:13px!important}.metric-card small{font-size:12px!important}.metric-icon{width:44px!important;height:44px!important}.dashboard-grid,.dashboard-grid-primary,.dashboard-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.dashboard-grid .span-2{grid-column:span 2!important}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.profile-card{min-height:220px!important;padding:18px!important}.profile-card h3{font-size:16px!important}.profile-card p,.profile-card small,.profile-meta-row{font-size:12px!important}.status-chip{font-size:11px!important;padding:5px 9px!important}.onboarding-item strong{font-size:13px!important}.onboarding-item small{font-size:11px!important}.setup-step strong{font-size:12px!important}.setup-step small{font-size:10px!important}.setup-journey-copy h2{font-size:22px!important}.setup-journey-copy p{font-size:13px!important}.flow-node strong{font-size:15px!important}.flow-node small,.flow-node .flow-state{font-size:11px!important}.filter-toolbar,.search-box input,.segmented button{font-size:13px!important}.inbox-title h3{font-size:20px!important}.conversation-item strong,.conversation-item p,.chat-head strong,.message-bubble{font-size:14px!important}.modal h3{font-size:21px!important}.modal p,.modal label,.modal input,.modal select,.modal textarea{font-size:14px!important}.wizard-step h3{font-size:17px!important}.wizard-step p,.wizard-note,.info-box{font-size:13px!important;line-height:1.55!important}.table-wrap th,.table-wrap td,table th,table td{font-size:13px!important;padding:14px!important}
@media(max-width:760px){.main-nav button{font-size:15px!important}.welcome-card h1,.section-hero h1{font-size:27px!important}.metric-grid,.dashboard-grid,.dashboard-grid-primary,.dashboard-grid-secondary,.profile-grid{grid-template-columns:1fr!important}.dashboard-grid .span-2{grid-column:auto!important}.metric-card{min-height:104px!important}.modal{width:min(96vw,620px)!important}.channel-modal-actions{grid-template-columns:1fr!important}.channel-modal-actions .btn{width:100%!important}}