:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--foreground:#0f172a;--muted:#6d7888;--border:#dbe4ef;--primary:#2563eb;--primary-2:#174fc6;--accent:#059669;--warning:#d97706;--danger:#dc2626;--ring:#2563eb47;--shadow:0 12px 28px #0f172a14;--row:38px;--gap:12px;font-family:Segoe UI,Aptos,system-ui,sans-serif;font-size:14px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b1220;--surface:#111a2e;--surface-2:#1b2740;--foreground:#e5edff;--muted:#93a4c3;--border:#22304f;--primary:#3b82f6;--primary-2:#60a5fa;--accent:#10b981;--warning:#fbbf24;--danger:#f87171;--ring:#3b82f652;--shadow:0 18px 36px #00000047}[data-density=comfortable]{--row:46px;--gap:16px}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.loginShell{grid-template-columns:minmax(320px,440px) 1fr;min-height:100vh;display:grid}.loginPanel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:22px;padding:40px;display:flex}.loginBrand{align-items:center;gap:14px;display:flex}.loginBrand h1,.passwordChangePanel h1{margin:0;line-height:1.15}.loginBrand p,.passwordChangePanel p{color:var(--muted);margin:6px 0 0;line-height:1.55}.brandLogo{object-fit:contain;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex:0 0 64px;width:64px;height:64px;padding:6px}.loginVisual{background:linear-gradient(135deg, #2563eb1f, transparent 42%), radial-gradient(circle at 70% 20%, #05966924, transparent 26%), var(--background);align-content:center;padding:44px;display:grid}.brandMark{color:#fff;background:var(--primary);border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.loginPitch{max-width:520px;margin-bottom:22px}.loginPitchEyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin-bottom:10px;font-size:12px;font-weight:600;display:inline-block}.loginPitch h2{color:var(--foreground);margin:0 0 10px;font-size:26px;line-height:1.25}.loginPitch p{color:var(--muted);max-width:46ch;margin:0;line-height:1.55}.loginFeatureCard{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .2s,box-shadow .2s;display:flex}.loginFeatureCard:hover{border-color:var(--primary)}.loginFeatureIcon{width:34px;height:34px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:8px;flex:none;place-items:center;display:grid}.loginFeatureCard strong{color:var(--foreground);margin-bottom:3px;font-size:14px;display:block}.loginFeatureCard small{color:var(--muted);line-height:1.45}.passwordChangeShell{grid-template-columns:minmax(340px,500px) 1fr}.passwordChangePanel{position:relative}.securitySeal{width:52px;height:52px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));border-radius:14px;place-items:center;display:grid}.passwordChangeVisual{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 18%, transparent), transparent 48%), radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 30%), var(--background)}.passwordChangeNote{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--surface) 88%, transparent);max-width:520px;box-shadow:var(--shadow);border-radius:18px;padding:34px}.passwordChangeNote>svg{color:var(--accent);margin-bottom:28px}.passwordChangeNote h2{max-width:12ch;margin:0 0 12px;font-size:clamp(28px,4vw,46px);line-height:1.05}.passwordChangeNote p{color:var(--muted);max-width:46ch;line-height:1.65}.formMessage{border-radius:8px;margin:-8px 0 0;padding:10px 12px;font-size:13px}.formMessage.error{color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 26%, var(--border))}.formMessage.success{color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border))}.appShell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.appShell.navCollapsed{grid-template-columns:72px 1fr}.appShell.navCollapsed .navButton span,.appShell.navCollapsed .navSection,.appShell.navCollapsed .navBrand span{display:none}.appShell.navCollapsed .navBrand{justify-content:center;padding:8px 0 14px}.appShell.navCollapsed .navBrandMain{display:none}.sidebar{background:var(--surface);border-right:1px solid var(--border);height:100vh;padding:14px;position:sticky;top:0;overflow:auto}.navBrand{justify-content:space-between;align-items:center;gap:10px;padding:8px 6px 14px;font-weight:700;display:flex}.navBrandMain{align-items:center;gap:10px;display:flex}.navSection{color:var(--muted);text-transform:uppercase;margin:14px 0 6px;font-size:11px;font-weight:700}.navButton{width:100%;color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;min-height:34px;padding:7px 8px;display:flex}.navButton:hover,.navButton.active{background:var(--surface-2);color:var(--primary)}.mainColumn{min-width:0}.topbar{background:color-mix(in srgb, var(--surface) 90%, transparent);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;height:56px;padding:0 18px;display:flex;position:sticky;top:0}.searchBox{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;min-width:min(420px,44vw);height:34px;padding:0 10px;display:flex}.searchBox input{color:var(--foreground);background:0 0;border:0;outline:0;width:100%}.topActions,.headerActions,.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page{gap:var(--gap);min-height:0;padding:18px;display:grid}.page:has(.flowBuilderShell){grid-template-rows:1fr 1fr 14fr;height:calc(100vh - 56px)}.pageHeader{justify-content:space-between;align-items:end;gap:16px;display:flex}.pageHeader h1{letter-spacing:0;margin:2px 0;font-size:24px}.pageHeader p{color:var(--muted);margin:0}.eyebrow{color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:800}.grid{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span9{grid-column:span 9}.span12{grid-column:span 12}.panel,.statCard{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.panel{overflow-wrap:anywhere;min-width:0;padding:12px}.panelHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.panelHeader h2{margin:0;font-size:15px}.statCard{justify-content:space-between;gap:10px;min-height:92px;padding:12px;display:flex}.statCard span,.statCard small{color:var(--muted)}.statCard strong{font-variant-numeric:tabular-nums;margin:6px 0 2px;font-size:24px;display:block}.button,.ghostButton,.iconButton{border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:32px;display:inline-flex}.button{background:var(--primary);color:#fff;border-color:var(--primary);padding:0 11px;font-weight:650}.button.secondary{background:var(--surface);color:var(--foreground)}.button.danger{background:var(--danger);border-color:var(--danger)}.button:disabled{opacity:.55;cursor:default}.ghostButton,.iconButton{color:var(--foreground);background:0 0;padding:0 9px}.iconButton{width:32px;padding:0}.field{color:var(--muted);gap:5px;min-width:0;font-size:12px;font-weight:650;display:grid}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;max-width:100%;min-height:34px;color:var(--foreground);border-radius:6px;padding:7px 9px}.checkField{color:var(--foreground);grid-template-columns:18px 1fr;align-items:center;gap:8px;min-height:32px;font-weight:600;display:grid}.checkField input{width:16px;height:16px;accent-color:var(--primary)}.checkField small{color:var(--muted);grid-column:2;font-weight:400}.checkField.disabled{opacity:.65;cursor:default}.checkField.disabled input{cursor:default}.acceptedTypesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;max-height:220px;padding-right:4px;display:grid;overflow-y:auto}.jsonEditorBlock{flex-direction:column;gap:4px;min-width:0;max-width:100%;display:flex}.jsonEditorBlock .cm-editor{background:var(--surface);border:1px solid var(--border);color:var(--foreground);border-radius:8px;min-width:0;max-width:100%;font-size:13px;overflow:hidden}.jsonEditorBlock .cm-editor.cm-focused{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:0}.jsonEditorBlock .cm-scroller{max-width:100%;overflow-x:auto}.jsonEditorBlock .cm-scroller,.jsonEditorBlock .cm-content{background:var(--surface);color:var(--foreground)}.jsonEditorBlock .cm-gutters{background:var(--surface-2);color:var(--muted);border-right:1px solid var(--border)}.jsonEditorBlock .cm-activeLine,.jsonEditorBlock .cm-activeLineGutter{background:color-mix(in srgb, var(--primary) 8%, transparent)}.jsonEditorBlock .cm-selectionBackground,.jsonEditorBlock .cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--primary) 24%, transparent)!important}.jsonEditorBlock .cm-content ::selection{background:color-mix(in srgb, var(--primary) 24%, transparent)!important}.jsonEditorBlock .cm-cursor{border-left-color:var(--foreground)}.jsonEditorError{color:var(--danger);margin:0;font-size:12px}.field textarea{resize:vertical;min-height:92px;font-family:Cascadia Code,Consolas,monospace;font-size:12px}.field small{color:var(--muted);font-weight:400}.tableWrap{border:1px solid var(--border);border-radius:7px;overflow:auto}.dataTable{border-collapse:collapse;width:100%;min-width:680px}.dataTable th{text-align:left;height:34px;color:var(--muted);background:var(--surface-2);font-size:12px;position:sticky;top:0}.dataTable td,.dataTable th{border-bottom:1px solid var(--border);height:var(--row);white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 10px}.clickableRow:hover{background:color-mix(in srgb, var(--primary) 7%, transparent)}.statusPill{border:1px solid;border-radius:999px;align-items:center;padding:7px 14px;font-size:11px;font-weight:800;display:inline-flex}.statusPill.success{color:var(--accent)}.statusPill.warning{color:var(--warning)}.statusPill.danger{color:var(--danger)}.statusPill.neutral{color:var(--muted)}.dataState{min-height:128px;color:var(--muted);text-align:center;place-items:center;gap:8px;display:grid}.dataState.danger{color:var(--danger)}.toastViewport{z-index:40;gap:8px;width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-left:4px solid var(--primary);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;gap:10px;padding:11px;display:flex}.toast strong,.toast span{display:block}.toast span{color:var(--muted);margin-top:2px;font-size:12px}.toast-success{border-left-color:var(--accent)}.toast-warning{border-left-color:var(--warning)}.toast-danger{border-left-color:var(--danger)}.detailList{gap:8px;margin:0;display:grid}.detailList div{border-bottom:1px solid var(--border);grid-template-columns:120px 1fr;gap:10px;padding:7px 0;display:grid}.detailList dt{color:var(--muted);font-size:12px;font-weight:700}.detailList dd{overflow-wrap:anywhere;min-width:0;margin:0}.actionBar{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.rowActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.drawerGrid{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.builderList{gap:8px;min-width:0;display:grid}.mediaNodeBox{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, var(--surface-2));border-radius:8px;gap:8px;padding:10px;display:grid}.fileDropField{border:1px dashed var(--border-strong);min-height:54px;color:var(--foreground);background:color-mix(in srgb, var(--primary) 5%, var(--surface));border-radius:8px;place-items:center;display:grid;position:relative}.fileDropField input{opacity:0;cursor:pointer;position:absolute;inset:0}.fileDropField span{color:var(--primary);align-items:center;gap:8px;font-weight:700;display:inline-flex}.builderRow{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, var(--surface-2));border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.1fr) auto;align-items:end;gap:8px;padding:8px;display:grid}.builderRow>*{min-width:0}.interactiveOptionRow{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) auto}.interactiveListOptionRow{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr) auto}.scopeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tooltipContainer{cursor:help;position:relative}.tooltipContainer .tooltipContent{background:var(--surface-2);border:1px solid var(--border);z-index:100;white-space:nowrap;border-radius:8px;padding:8px 12px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.tooltipContainer:hover .tooltipContent{display:block}.categoryChip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.nodePalette{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.nodeButton{border:1px solid var(--border);background:var(--surface);color:var(--foreground);text-align:left;touch-action:none;border-radius:8px;min-height:44px;padding:8px;transition:border-color .18s,background .18s}.nodeButton:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.flowCanvas{border:1px solid var(--border);background:var(--surface);border-radius:8px;height:560px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.flowCanvas.dropActive{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.modalOverlay{z-index:2000;background:#0f172a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modalSurface{background:color-mix(in srgb, var(--surface) 95%, var(--primary));width:min(760px,100%);max-height:min(86vh,900px);color:var(--foreground);border:1px solid color-mix(in srgb, var(--border) 70%, var(--primary));box-shadow:0 24px 60px #0f172a47, 0 0 0 1px color-mix(in srgb, var(--primary) 8%, transparent);border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.modalSurface.lg{width:min(1080px,100%)}.modalHeader,.modalFooter{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.modalHeader{border-bottom:none;align-items:flex-start;padding-bottom:8px}.modalHeader>div:first-child{flex:1;min-width:0}.modalFooter{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end}.modalHeader h2{margin:0;font-size:18px}.modalHeader p{color:var(--muted);margin:3px 0 0}.modalBody{gap:12px;padding:14px;display:grid;overflow:auto}.summaryStrip{flex-wrap:wrap;gap:8px;display:flex}.emptyHint{min-height:120px;color:var(--muted);border:1px dashed var(--border);text-align:center;border-radius:8px;place-items:center;padding:16px;display:grid}.flowLayout{gap:var(--gap);grid-template-columns:300px minmax(0,1fr) 320px;display:grid}.flowLayout .dataTable{min-width:420px}.react-flow__node-default{border-color:var(--border);background:var(--surface);color:var(--foreground);white-space:pre-line;border-radius:8px;font-weight:700}.inlineIcon{vertical-align:-2px;color:var(--primary);margin-right:4px}.flowViewToggle{align-items:center;gap:8px;display:inline-flex}.segBtn{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.segBtn:hover{color:var(--foreground);border-color:var(--primary)}.segBtn.active{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.flowLibrary{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}.flowLibrary .panelHeader p{margin:2px 0 0}.onboardHint{border:1px dashed var(--border);background:color-mix(in srgb, var(--primary) 5%, var(--surface));border-radius:10px;padding:14px 16px}.onboardHint strong{margin-bottom:6px;display:block}.onboardHint ol{color:var(--muted);gap:4px;margin:0;padding-left:18px;display:grid}.templateGallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.templateCard{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.templateCard:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.templateCardTop{align-items:center;gap:8px;display:flex}.templateCardTop h4{margin:0;font-size:14px}.waEndpointPanel,.waEndpointHandlerForm,.waEndpointHandlerList{gap:10px;min-width:0;display:grid}.waEndpointHandlerForm{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:10px}.waEndpointHandlerRow{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:8px;display:grid}.waEndpointHandlerRow span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waFlowConfigToolbar{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, var(--accent) 6%);box-shadow:var(--shadow);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.waFlowConfigSummary{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.waFlowConfigItem{align-items:center;gap:6px;min-width:0;display:inline-flex}.waFlowConfigItemLabel{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.waFlowConfigName{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:14px;font-weight:700;overflow:hidden}.waFlowConfigValue{color:var(--foreground);font-size:13px}.waFlowConfigValue.muted{color:var(--muted)}.waFlowConfigSep{background:var(--border);width:1px;height:20px}.waFlowStatusDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.waFlowStatusDot.on{background:var(--success,#15803d);box-shadow:0 0 0 3px color-mix(in srgb, var(--success,#15803d) 20%, transparent)}.waFlowStatusDot.off{background:color-mix(in srgb, var(--muted) 60%, transparent)}.waFlowConfigMeta{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.waFlowMetaChip{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.waFlowConfigEditBtn{gap:6px}.waFlowBadge{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);letter-spacing:.02em;border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.waFlowBadge--status{color:var(--foreground)}.waFlowBadge--status.draft{color:var(--warning,#b45309);border-color:color-mix(in srgb, var(--warning,#b45309) 40%, var(--border));background:color-mix(in srgb, var(--warning,#b45309) 12%, var(--surface))}.waFlowBadge--status.published{color:var(--success,#15803d);border-color:color-mix(in srgb, var(--success,#15803d) 40%, var(--border));background:color-mix(in srgb, var(--success,#15803d) 12%, var(--surface))}.waFlowSettingsForm{gap:16px;display:grid}.waFlowSettingsSection{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:12px;padding:14px;display:grid}.waFlowSettingsSectionHead{align-items:center;gap:8px;display:flex}.waFlowSettingsSectionHead svg{color:var(--primary);flex-shrink:0}.waFlowSettingsSectionHead>div{flex:1;min-width:0}.waFlowSettingsSectionHead strong{color:var(--foreground);font-size:13px}.waFlowSettingsSectionHead p{color:var(--muted);margin:2px 0 0;font-size:12px}.waFlowSettingsEndpointRow{flex-wrap:wrap;align-items:end;gap:20px;display:flex}.waFlowSettingsConnector{flex:1;min-width:220px;max-width:340px}.waFlowSettingsHandlers{gap:10px;padding-top:4px;display:grid}.waFlowSettingsHint{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.waFlowSettingsHint code{background:var(--surface);border-radius:4px;padding:1px 5px;font-size:11px}.waFlowMultiSelect{position:relative}.waFlowMultiSelectControl{width:100%;height:var(--row);border:1px solid var(--border);background:var(--surface);color:var(--foreground);font:inherit;cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.waFlowMultiSelectControl>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.waFlowMultiSelectControl .muted{color:var(--muted)}.waFlowMultiSelectControl:hover{border-color:var(--muted)}.waFlowMultiSelectControl svg{color:var(--muted);flex-shrink:0}.waFlowMultiSelectMenu{z-index:30;border:1px solid var(--border);background:var(--surface);max-height:240px;box-shadow:var(--shadow-lg,0 12px 32px #00000029);border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.waFlowMultiSelectOption{width:100%;color:var(--foreground);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.waFlowMultiSelectOption:hover{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.waFlowMultiSelectOption.active{color:var(--primary);font-weight:600}.waFlowMultiSelectCheck{border:1px solid var(--border);border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.waFlowMultiSelectOption.active .waFlowMultiSelectCheck{border-color:var(--primary);background:var(--primary);color:#fff}.waFlowHandlerEmpty{border:1px dashed var(--border);background:var(--surface);color:var(--muted);text-align:center;border-radius:8px;padding:12px;font-size:12px}.waFlowHandlerForm{gap:4px;display:grid}.waFlowHandlerFormTitle{color:var(--foreground);font-size:13px;font-weight:600}.waFlowHandlerFormRow{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.waFlowHandlerFormRow>*{flex:1;min-width:100px}.waFlowHandlerFormBtn{height:var(--row);background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:0 14px;font-size:13px;font-weight:500;flex:none!important}.waFlowHandlerFormBtn:disabled{opacity:.5;cursor:default}.waFlowHandlerFormBtn:not(:disabled):hover{background:var(--primary-2)}.waFlowHandlerList{gap:4px;display:grid}.waFlowHandlerRow{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.waFlowHandlerRowId{color:var(--foreground);white-space:nowrap;font-size:12px;font-weight:600}.waFlowHandlerRowMeta{color:var(--muted);white-space:nowrap;font-size:11px}.waFlowHandlerRowLabel{color:var(--muted);white-space:nowrap;font-size:11px;font-style:italic}.waFlowHandlerRowRemove{width:22px;height:22px;color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;place-items:center;margin-left:auto;font-size:16px;line-height:1;display:grid}.waFlowHandlerRowRemove:hover{background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.waEndpointHandlerSection .hintText{color:var(--muted);margin:0 0 6px;font-size:12px}.waEndpointHandlerSection .waEndpointHandlerForm{background:0 0;border:none;padding:0}.waEndpointHandlerSection .waEndpointHandlerForm>*{flex:1;min-width:100px}.hintText{color:var(--muted);margin:0 0 4px;font-size:12px}.templateCardIcon{width:28px;height:28px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface));border-radius:8px;place-items:center;display:grid}.templateCardDesc{color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.5}.templateReqs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.templateReqs li{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px}.templateInstallBtn{justify-content:center}.builderBar{margin-bottom:var(--gap);justify-content:space-between;align-items:center;gap:8px;display:flex}.builderTitle{flex-shrink:0;align-items:end;gap:8px;display:flex}.builderTitle .field{margin:0}.builderTitle .field label{display:none}.builderTitle .field input{min-height:30px;padding:4px 8px;font-size:13px}.compactBuilderBar{margin-bottom:0;padding:2px 0}.compactBuilderBar .actionBar{gap:4px;padding:4px}.compactBuilderBar .button{min-height:28px;padding:0 8px;font-size:12px}.compactBuilderBar .button svg{width:13px;height:13px}.flowBuilderShell{flex-direction:column;flex:1;min-height:0;display:flex}.flowOpsPanel{margin-bottom:var(--gap);grid-template-columns:minmax(260px,1fr) minmax(220px,320px) auto;align-items:end;gap:12px;display:grid}.flowOpsPanel h2{margin:0 0 4px;font-size:15px}.flowOpsPanel .field{margin:0}.flowOpsStatus{color:var(--primary);margin:6px 0 0;font-size:12px;font-weight:700}.panelSubhead{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 8px;font-size:13px}.paletteHelp{margin:-4px 0 12px;font-size:12px}.palettePanel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--primary) 8%), var(--surface))}.paletteGroup{margin-bottom:14px;padding-top:2px}.paletteGroupLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.paletteList{gap:8px;display:grid}.paletteNode{border:1px solid var(--border);border-left:4px solid var(--node-tone,var(--primary));background:var(--surface);color:var(--foreground);text-align:left;touch-action:none;min-height:48px;box-shadow:0 1px 0 color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.paletteNode:hover{border-color:var(--node-tone,var(--primary));background:color-mix(in srgb, var(--node-tone,var(--primary)) 7%, var(--surface));box-shadow:var(--shadow);transform:translateY(-1px)}.paletteNode.dragging{cursor:grabbing}.paletteDragOverlay{z-index:1000;cursor:grabbing;pointer-events:none;width:220px;box-shadow:var(--shadow-lg);background:var(--surface)}.paletteNodeIcon{width:30px;height:30px;color:var(--node-tone,var(--primary));background:color-mix(in srgb, var(--node-tone,var(--primary)) 14%, var(--surface));border-radius:8px;flex:none;place-items:center;display:grid}.paletteNodeText{gap:1px;min-width:0;display:grid}.paletteNodeText strong{font-size:13px}.paletteNodeText small{color:var(--muted);font-size:11px}.canvasPanel{border-radius:8px;flex:1;min-height:0;padding:0;position:relative;overflow:hidden}.canvasPanel .flowCanvas{border:0;border-radius:0;height:100%;min-height:500px}.canvasPanel.canvasMaximized{z-index:1000;box-shadow:none;border-radius:0;position:fixed;inset:0}.canvasPanel.canvasMaximized .flowCanvas{min-height:100vh}.canvasPanel.canvasMaximized .flowPaletteTrigger,.canvasPanel.canvasMaximized .flowPalettePanel,.canvasPanel.canvasMaximized .flowExecTrigger,.canvasPanel.canvasMaximized .flowFloatingOps{z-index:1002}.flowFloatingOps{z-index:8;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;align-items:end;gap:8px;padding:10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.flowSelectionToolbar{border-right:1px solid color-mix(in srgb, var(--border) 70%, transparent);align-items:center;gap:6px;margin-right:2px;padding-right:10px;display:flex}.flowSelectionCount{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;padding:0 8px 0 2px;font-size:12px;font-weight:600}.propsPanel{align-content:start}.flowExecutionPanel{margin-top:0}.flowExecutionPanel .execLayout{min-height:400px}.flowPaletteTrigger{z-index:10;border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--foreground);box-shadow:var(--shadow);cursor:pointer;border-radius:8px;place-items:center;transition:border-color .18s;display:grid;position:absolute;top:14px;left:14px}.flowPaletteTrigger:hover{border-color:var(--primary);color:var(--primary)}.flowPalettePanel{z-index:10;border:1px solid var(--border);background:var(--surface);min-width:260px;max-height:calc(100% - 28px);box-shadow:var(--shadow);border-radius:10px;align-content:start;gap:8px;padding:10px;display:grid;position:absolute;top:14px;left:56px;overflow-y:auto}.flowPaletteHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:4px;font-size:14px;display:flex}.flowPaletteClose{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;font-size:18px;display:grid}.flowPaletteClose:hover{background:var(--surface-2);color:var(--foreground)}.flowPalettePanel .paletteGroup{margin-bottom:6px}.flowPalettePanel .paletteHelp{display:none}.flowExecTrigger{z-index:10;border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--foreground);box-shadow:var(--shadow);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:border-color .18s;display:inline-flex;position:absolute;top:14px;right:14px}.flowExecTrigger:hover{border-color:var(--primary);color:var(--primary)}.flowExecutionPanel .panelHeader h2{margin:0}.execLayout{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:240px 1fr;gap:0;min-height:300px;transition:grid-template-columns .2s;display:grid;overflow:hidden}.execLayout:has(.execInspectorPanel){grid-template-columns:240px 1fr 1fr}.execSidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 40%, var(--surface));align-content:start;gap:1px;max-height:380px;display:grid;overflow:auto}.execSess{color:var(--foreground);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px;padding:8px 10px;font-size:12px;display:grid}.execSess strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sessMeta{color:var(--muted);grid-column:1/-1;margin-top:-2px;font-size:11px}.execSess:hover{background:color-mix(in srgb, var(--primary) 6%, transparent)}.execSess.active{background:color-mix(in srgb, var(--primary) 10%, transparent);box-shadow:inset 3px 0 0 var(--primary)}.execTimelinePanel{max-height:380px;padding:12px;overflow:auto}.tlRail{gap:0;display:grid}.tlRail[data-has-inspector=true] .tlNode:not(.accent-red) .tlCard.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring)}.tlNode{gap:10px;display:flex;position:relative}.tlConnector{flex-direction:column;flex-shrink:0;align-items:center;width:28px;padding-top:6px;display:flex}.tlDot{background:var(--surface-2);width:26px;height:26px;color:var(--muted);border:2px solid var(--border);z-index:1;border-radius:999px;place-items:center;font-size:11px;font-weight:700;transition:all .15s;display:grid}.tlDot.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.accent-green .tlDot{border-color:var(--accent);color:var(--accent)}.accent-green .tlDot.active{background:var(--accent);border-color:var(--accent);color:#fff}.accent-red .tlDot{border-color:var(--danger);color:var(--danger)}.accent-red .tlDot.active{background:var(--danger);border-color:var(--danger);color:#fff}.accent-amber .tlDot{border-color:var(--warning);color:var(--warning)}.accent-amber .tlDot.active{background:var(--warning);border-color:var(--warning);color:#fff}.accent-blue .tlDot.active{background:var(--primary);border-color:var(--primary);color:#fff}.tlLine{background:var(--border);flex:1;width:2px;min-height:12px;margin:-2px 0}.tlCard{border:1px solid var(--border);background:var(--surface);color:var(--foreground);text-align:left;cursor:pointer;font:inherit;border-radius:8px;flex:1;gap:3px;margin-bottom:8px;padding:9px 11px;transition:border-color .12s,box-shadow .12s;display:grid;position:relative}.tlCard:hover{border-color:var(--primary)}.tlCard.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring)}.accent-green .tlCard{border-left:3px solid var(--accent)}.accent-red .tlCard{border-left:3px solid var(--danger)}.accent-amber .tlCard{border-left:3px solid var(--warning)}.accent-blue .tlCard{border-left:3px solid var(--primary)}.tlCardTop{justify-content:space-between;align-items:center;gap:6px;display:flex}.tlNodeType{font-size:13px;font-weight:600}.tlNodeId{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tlCardMeta{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex;overflow:hidden}.tlErrorHint{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.execInspectorPanel{border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 35%, var(--surface));align-content:start;gap:0;max-height:380px;display:grid;overflow:auto}.inspHeader{border-bottom:1px solid var(--border);gap:3px;padding:10px 12px 8px;display:grid}.inspHeaderTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.inspHeaderTop strong{font-size:14px;font-weight:700}.inspNodeId{color:var(--foreground);font-size:12px}.inspMeta{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 50%, var(--surface));grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px;display:grid}.inspMetaItem{flex-direction:column;gap:1px;display:flex}.inspMetaItem span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:10px}.inspMetaItem strong{font-size:12px;font-weight:600}.inspBody{gap:0;display:grid}.inspSection{border-bottom:1px solid var(--border)}.inspSection:last-child{border-bottom:none}.inspSectionHead{width:100%;color:var(--foreground);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .1s;display:flex}.inspSectionHead:hover{background:color-mix(in srgb, var(--primary) 5%, transparent)}.inspCount{color:var(--muted);background:var(--surface-2);border-radius:999px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:400;line-height:18px}.inspSectionBody{padding:0 12px 8px}.inspEmpty{color:var(--muted);padding:4px 0;font-size:11px}.kvTable{gap:2px;display:grid}.kvRow{border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent);justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;font-size:11px;display:flex}.kvRow:last-child{border-bottom:none}.kvKey{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-family:Cascadia Code,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:10px;overflow:hidden}.kvVal{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:40%;font-size:11px;overflow:hidden}.inspError{border-bottom:1px solid var(--border);margin:0}.inspErrorHead{color:var(--danger);padding:8px 12px 0;font-size:12px;font-weight:600}.inspErrorBody{color:var(--danger);white-space:pre-wrap;word-break:break-all;max-height:100px;margin:0;padding:6px 12px 10px;font-family:Cascadia Code,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:11px;overflow:auto}.execEmpty{text-align:center;color:var(--muted);padding:28px 12px;font-size:13px}.modalTitleNode{flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:0;display:flex}.modalTitleInput{color:var(--foreground);resize:none;white-space:pre-wrap;overflow-wrap:anywhere;field-sizing:content;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;width:100%;min-width:80px;max-width:100%;padding:4px 0;font-family:inherit;font-size:18px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.modalTitleInput:focus{border-bottom-color:var(--primary)}.modalTitleInput::placeholder{color:var(--muted);font-weight:400}.modalTitleBadge{background:color-mix(in srgb, var(--primary) 18%, var(--surface));color:var(--primary);white-space:nowrap;cursor:help;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.modalBody:has(>.nodeModalGrid){grid-template-rows:minmax(0,1fr);overflow:hidden}.nodeModalGrid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);align-items:start;gap:14px;min-height:0;display:grid}.nodeModalGrid>*{overscroll-behavior:contain;min-width:0;min-height:0;max-height:100%;padding-right:4px;overflow-y:auto}.nodeDataPanel{align-content:start;gap:12px;display:grid}.nodeDataPanel section{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 55%, var(--surface));border-radius:8px;gap:8px;padding:10px;display:grid}.nodeDataPanel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px}.nodeDataPanelGroup{min-width:0}.nodeDataPanelGroupHeader{min-width:0;color:var(--muted);align-items:baseline;gap:6px;font-size:12px;display:flex}.nodeDataPanelGroupHeader strong{color:var(--foreground);white-space:nowrap;font-size:12px;font-weight:750}.nodeDataPanelGroupHeader span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dataPathList{gap:6px;max-height:180px;display:grid;overflow:auto}.dataPathList button{border:1px solid var(--border);color:var(--foreground);background:var(--surface);text-align:left;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.dataPathList button:hover{border-color:var(--primary)}.dataPathList span,.dataPathList strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dataPathList span{color:var(--primary)}.dataPathList strong{color:var(--muted);font-weight:600}.contextChipList{flex-wrap:wrap;gap:6px;max-height:150px;display:flex;overflow:auto}.contextChipList button{border:1px solid var(--border);color:var(--foreground);background:var(--surface);border-radius:999px;padding:5px 8px;font-size:12px}.contextChipList button:hover{border-color:var(--primary);color:var(--primary)}.httpBodyEditor{gap:12px;min-width:0;display:grid;container-type:inline-size}.http-body-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.http-body-tabs button{border:1px solid var(--border);min-height:44px;color:var(--muted);background:var(--surface);font:inherit;border-radius:7px;padding:8px 12px;font-weight:650}.http-body-tabs button[aria-selected=true]{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.http-body-tabs button:focus-visible,.httpBodyEditor input:focus-visible,.httpBodyEditor select:focus-visible,.httpBodyEditor textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 48%, transparent);outline-offset:2px}.httpBodyRows{gap:8px;min-width:0;display:grid}.httpBodyRow{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 42%, var(--surface));border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:end;gap:8px;min-width:0;padding:10px;display:grid}.httpBodyRow label,.httpJsonLabel{min-width:0;color:var(--muted);gap:5px;font-size:12px;font-weight:700;display:grid}.httpBodyRow input:not([type=checkbox]),.httpBodyRow select,.httpJsonLabel textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;min-width:0;min-height:44px;color:var(--foreground);background:var(--surface);font:inherit;border-radius:7px;padding:9px}.httpJsonLabel textarea{resize:vertical;min-height:180px}.httpRequired{white-space:nowrap;align-items:center;min-height:44px;gap:7px!important;display:flex!important}.httpFormDataRow{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) auto minmax(0,1fr) minmax(0,1.5fr) auto}.httpUploadedFile,.httpUploadStatus,.httpUploadError{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.httpUploadStatus{color:var(--success,#137a48);margin:0;font-size:12px;font-weight:700}.httpUploadError{border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface));border-radius:7px;margin:0;padding:8px;font-size:12px;font-weight:700}@container (width<=900px){.httpBodyRow,.httpFormDataRow{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.httpBodyRow>.button,.httpFormDataRow>.button{grid-column:span 2;min-height:44px}}@container (width<=430px){.httpBodyRow,.httpFormDataRow{grid-template-columns:minmax(0,1fr)}.httpBodyRow>.button,.httpFormDataRow>.button{grid-column:span 1}}.executionError{border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface));border-radius:7px;padding:8px;font-size:12px;font-weight:700}.variableTree{gap:2px;max-height:260px;display:grid;overflow:auto}.variableTreeBranchToggle,.variableTreeLeaf{color:var(--foreground);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:grid}.variableTreeBranchToggle{color:var(--muted);grid-template-columns:auto 1fr;font-weight:600}.variableTreeBranchToggle:hover{background:color-mix(in srgb, var(--surface-2) 60%, var(--surface))}.variableTreeLeaf{border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto}.variableTreeLeaf:hover{border-color:var(--primary)}.variableTreeLeaf span{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.variableTreeLeaf strong{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;font-weight:500;overflow:hidden}.nodeEditorBlock{border:1px solid color-mix(in srgb, var(--border) 60%, var(--primary));background:color-mix(in srgb, var(--surface-2) 40%, color-mix(in srgb, var(--primary) 4%, var(--surface)));border-radius:10px;gap:10px;min-width:0;padding:12px;display:grid;box-shadow:0 1px 3px #0f172a0f}.nodeEditorBlockHeader{color:var(--foreground);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.nodeEditorBlockHeader .button{min-height:28px;padding:5px 8px;font-size:12px}.httpNodeForm{gap:12px;width:100%;min-width:0;max-width:100%;display:grid}.httpEndpointGrid{grid-template-columns:minmax(0,1.2fr) minmax(92px,.45fr) minmax(0,1.35fr);align-items:end;gap:10px;min-width:0;display:grid}.httpBlockHeader{align-items:flex-start}.httpBlockHeader>div:first-child{gap:2px;min-width:0;display:grid}.httpBlockHeader small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}.httpModeTabs{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex:none;gap:2px;padding:3px;display:inline-flex}.httpModeTabs button{min-height:28px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:11px;font-weight:800;line-height:1;transition:background .15s,color .15s,box-shadow .15s}.httpModeTabs button:hover:not(:disabled){color:var(--foreground);background:color-mix(in srgb, var(--primary) 7%, var(--surface))}.httpModeTabs button.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 10%, transparent)}.httpModeTabs button:focus-visible,.contextChipList button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.httpBodyRows{gap:8px;display:grid}.httpInlineAction{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.httpInlineAction .button{min-height:28px;padding:5px 8px;font-size:12px}.httpMediaBlock{border-color:color-mix(in srgb, var(--accent) 32%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.optionalBadge{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));min-height:22px;color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.inlineHelpLabel{align-items:center;gap:6px;min-width:0;display:inline-flex}.helpTooltipButton{border:1px solid color-mix(in srgb, var(--primary) 38%, var(--border));background:var(--surface);width:18px;height:18px;color:var(--primary);font:inherit;cursor:help;border-radius:999px;place-items:center;font-size:11px;font-weight:900;line-height:1;display:inline-grid;position:relative}.helpTooltipButton span{z-index:20;border:1px solid var(--border);background:var(--surface);width:min(320px,72vw);color:var(--foreground);box-shadow:var(--shadow);text-align:left;text-transform:none;opacity:0;pointer-events:none;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:500;line-height:1.45;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.helpTooltipButton:hover span,.helpTooltipButton:focus-visible span{opacity:1;transform:translate(-50%)translateY(0)}.helpTooltipButton:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chipList{flex-wrap:wrap;gap:6px;display:flex}.chipButton{border:1px solid var(--border);min-height:28px;color:var(--foreground);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.chipButton:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.chipButton span{color:var(--muted);font-weight:700}.nodeKvRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.fieldHint{color:var(--muted);font-size:12px;line-height:1.45}.compactHint{padding:8px;font-size:12px}.webhookEventGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-height:260px;padding:4px;display:grid;overflow:auto}.eventsScroller{border:1px solid var(--border);border-radius:8px;max-height:360px;overflow:auto}.tone-trigger{--node-tone:#2563eb}.tone-message{--node-tone:#059669}.tone-wait{--node-tone:#d97706}.tone-logic{--node-tone:#7c3aed}.tone-agent{--node-tone:#0891b2}.tone-end{--node-tone:#64748b}.react-flow__node.tone-trigger,.react-flow__node.tone-message,.react-flow__node.tone-wait,.react-flow__node.tone-logic,.react-flow__node.tone-agent,.react-flow__node.tone-end{box-shadow:none;background:0 0;border:0;padding:0}.flowNode{border:1px solid var(--border);border-left:4px solid var(--node-tone,var(--primary));background:var(--surface);min-width:184px;box-shadow:var(--shadow-sm);color:var(--foreground);border-radius:8px;overflow:visible}.flowNode.selected{border-color:color-mix(in srgb, var(--node-tone,var(--primary)) 62%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--node-tone,var(--primary)) 14%, transparent), var(--shadow-sm)}.flowNodeBody{align-items:center;gap:10px;min-height:62px;padding:12px 14px;display:flex}.flowNodeBody strong,.flowNodeBody small{display:block}.flowNodeBody small{color:var(--muted);margin-top:2px;font-size:.74rem}.flowNodeGlyph{width:30px;height:30px;color:var(--node-tone,var(--primary));background:color-mix(in srgb, var(--node-tone,var(--primary)) 12%, var(--surface));border-radius:8px;place-items:center;display:grid}.flowNodeHandle{border:2px solid var(--surface);background:var(--node-tone,var(--primary));width:11px;height:11px}.flowNodeTarget{left:-6px}.flowNodeSource{right:-6px}.conditionPorts{pointer-events:none;position:absolute;inset:0}.conditionHandle{right:-6px;transform:translate(50%,-50%)}.conditionHandleMatch{background:var(--success)}.conditionHandleNoMatch{background:var(--danger)}.conditionPortLabel{white-space:nowrap;border:1px solid color-mix(in srgb, currentColor 28%, transparent);background:var(--surface);text-align:center;min-width:22px;box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:6px;padding:1px 5px;font-size:.68rem;font-weight:800;line-height:1.35;position:absolute;left:calc(100% + 10px)}.conditionPortMatch{color:var(--success);top:calc(34% - 10px)}.conditionPortNoMatch{color:var(--danger);top:calc(70% - 10px)}.react-flow__controls-button,.react-flow__minimap{background:var(--surface);color:var(--foreground);border-color:var(--border)}.secretBox{border:1px solid var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--surface));border-radius:8px;gap:8px;padding:10px;display:grid}.secretBox code{background:var(--surface);overflow-wrap:anywhere;border-radius:6px;padding:8px}.split{gap:var(--gap);grid-template-columns:310px minmax(0,1fr) 300px;display:grid}.inboxLayout{gap:var(--gap);grid-template-columns:360px minmax(0,1fr) 330px;align-items:stretch;height:calc(100dvh - 150px);min-height:480px;display:grid}.inboxLayout>.panel{height:100%;min-height:0}.conversationPanel{flex-direction:column;padding:0;display:flex;overflow:hidden}.conversationPanel .panelHeader{margin:0;padding:12px 12px 8px}.inboxTabs{background:var(--surface-2);border-radius:8px;gap:4px;margin:0 12px 6px;padding:3px;display:flex}.inboxTab{color:var(--muted);text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.inboxTab.active{background:var(--surface);color:var(--foreground);box-shadow:0 1px 3px #00000014}.inboxTab:hover:not(.active){color:var(--foreground)}.inboxFilterBar{flex-wrap:wrap;gap:4px;margin:0 12px 6px;display:flex}.inboxFilterBar select{border:1px solid var(--border);background:var(--surface);min-width:0;height:30px;color:var(--foreground);cursor:pointer;border-radius:6px;outline:0;flex:1;padding:0 8px;font-size:11px;font-weight:600}.inboxFilterCheck{height:30px;color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.inboxFilterCheck input{accent-color:var(--accent)}.mediaLazyBtn{border:1px dashed var(--border);background:color-mix(in srgb, var(--surface-2) 50%, transparent);height:32px;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mediaLazyBtn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.messageMedia{margin:6px 0}.messageImage{cursor:pointer;border-radius:8px;max-width:100%;max-height:260px;display:block}.messageAudio,.messageVideo{max-width:100%;display:block}.messageDocument{border:1px solid var(--border);color:var(--accent);border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.messageDocument:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.sideToolbar{border-top:1px solid var(--border);gap:8px;padding:10px 14px 14px;display:grid}.sideToolbarSection{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sideToolbarDivider{background:var(--border);height:1px}.sideToolbarBtn{border:1px solid var(--border);background:var(--surface);width:100%;height:32px;color:var(--foreground);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.sideToolbarBtn:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.sideToolbarBtn:active{background:color-mix(in srgb, var(--primary) 14%, var(--surface))}.sideToolbarBtn.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface));box-shadow:inset 0 0 0 1px var(--primary)}.transferPopup{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:200px;margin-bottom:6px;position:absolute;bottom:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #0f172a2e}.transferPopupHeader{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);padding:10px 12px 6px;font-size:11px;font-weight:700}.transferPopupItem{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:10px 12px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.transferPopupItem:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.transferPopupItem:not(:last-child){border-bottom:1px solid color-mix(in srgb, var(--border) 40%, transparent)}.toolbarSelect{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--foreground);cursor:pointer;border-radius:6px;outline:0;padding:0 8px;font-size:11px;font-weight:600}.conversationItem.resolved{opacity:.55}.slaBadge{color:#fff;letter-spacing:.5px;background:#e74c3c;border-radius:3px;flex-shrink:0;align-items:center;height:16px;padding:0 5px;font-size:9px;font-weight:900;line-height:1;display:inline-flex}.inboxSearch{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 78%, var(--surface));height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;margin:0 12px 10px;padding:0 12px;display:flex}.inboxSearch input{width:100%;color:var(--foreground);background:0 0;border:0;outline:0;min-width:0}.conversationList{flex:1;align-content:start;min-height:0;display:grid;overflow-y:auto}.conversationItem{border:0;border-top:1px solid var(--border);width:100%;color:var(--foreground);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid;position:relative}.conversationItem:hover,.conversationItem.active{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.conversationItem.active:before{content:"";background:linear-gradient(180deg, var(--primary), var(--accent));border-radius:0 999px 999px 0;width:4px;position:absolute;top:9px;bottom:9px;left:0}.conversationAvatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#0f766e,#2563eb 58%,#111827);border-radius:16px;place-items:center;width:42px;height:42px;font-weight:850;display:grid;box-shadow:inset 0 0 0 1px #ffffff38,0 8px 20px #0f172a1f}.conversationMain,.conversationTopline{min-width:0}.conversationMain{gap:3px;display:grid}.conversationTopline{justify-content:space-between;gap:8px;display:flex}.conversationTopline strong,.conversationPreview,.conversationPhone{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversationTopline small,.conversationPhone,.conversationPreview{color:var(--muted);font-size:12px}.conversationPreview{color:color-mix(in srgb, var(--foreground) 72%, var(--muted))}.conversationMeta{justify-items:end;gap:6px;display:grid}.unreadBadge{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:11px;font-weight:850;display:inline-grid}.chatPanel{grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;padding:0;display:grid;overflow:hidden}.chatHeader{border-bottom:1px solid var(--border);background:radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 28%), color-mix(in srgb, var(--surface) 92%, var(--surface-2));justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.chatHeader h2{margin:0;font-size:16px}.chatHeader span,.mutedText{color:var(--muted);font-size:12px}.sideInfoPanel{flex-direction:column;display:flex;overflow-y:auto}.sideInfoPanel>:last-child{margin-top:auto}.messageList{background:linear-gradient(90deg, color-mix(in srgb, var(--border) 38%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--border) 28%, transparent) 1px, transparent 1px), radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 28%), color-mix(in srgb, var(--surface-2) 72%, var(--surface));background-size:28px 28px,28px 28px,auto,auto;align-content:start;gap:10px;min-height:0;padding:18px;display:grid;overflow-y:auto}.messageBubble{background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 78%, transparent);border-radius:16px 16px 16px 4px;gap:4px;max-width:min(78%,620px);padding:10px 12px 8px;display:grid;box-shadow:0 10px 24px #0f172a14}.messageBubble header,.messageBubble footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.messageBubble header strong{font-size:12px}.messageBubble header span,.messageBubble footer small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.messageBubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.45}.messageBubble.out{color:#052e16;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;border-radius:16px 16px 4px;justify-self:end}.messageBubble.failed{outline:2px solid color-mix(in srgb, var(--danger) 24%, transparent)}.messageBubble.new{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);animation:.8s ease-out 3 msgNewPulse}.scrollBottomBtn{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin:0 auto;padding:0 14px;font-size:12px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex;position:sticky;bottom:10px;box-shadow:0 4px 16px #0f172a24}.scrollBottomBtn:hover{background:var(--surface-2);box-shadow:0 6px 20px #0f172a33}.messageStatusIcon{color:var(--muted);align-items:center;line-height:1;display:inline-flex}.messageStatusIcon .spin{animation:.8s linear infinite statusSpin}@keyframes statusSpin{to{transform:rotate(360deg)}}@keyframes msgNewPulse{0%{background-color:color-mix(in srgb, var(--accent) 20%, transparent)}to{background-color:#0000}}.newBadge{color:var(--accent)!important;font-weight:800!important}.copyId{align-items:center;gap:5px;padding:2px 8px;font-size:12px;display:inline-flex}.copyId code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.loadOlderRow{justify-items:center;padding:2px 0 6px;display:grid}.loadOlderButton{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--surface-2));height:32px;color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.loadOlderButton:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.loadOlderButton:disabled{opacity:.55;cursor:default}.contactLinkHint{border:1px dashed var(--border);background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-radius:12px;gap:8px;margin-top:8px;padding:10px 12px;display:grid}.chatEmptyState{text-align:center;max-width:320px;color:var(--muted);border:1px dashed var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:18px;place-self:center;justify-items:center;gap:8px;padding:26px;display:grid}.chatEmptyState strong{color:var(--foreground);font-size:16px}.composerBar{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);gap:8px;padding:10px 14px 12px;display:grid}.composerInputWrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-end;gap:6px;padding:4px 4px 4px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.composerInputWrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.composerInputWrap textarea{resize:none;min-height:36px;max-height:120px;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;padding:8px 0;font-family:inherit;font-size:14px;line-height:1.4}.composerInputWrap textarea::placeholder{color:var(--muted);opacity:.7}.composerSendBtn{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,opacity .15s;display:flex}.composerSendBtn:hover{background:var(--primary-2)}.composerSendBtn:disabled{opacity:.35;cursor:default}.composerQuickReplies{flex-wrap:wrap;gap:4px;display:flex}.composerQuickBtn{border:1px solid var(--border);background:var(--surface);height:26px;color:var(--muted);cursor:pointer;border-radius:999px;padding:0 10px;font-size:11px;font-weight:600;transition:background .12s,border-color .12s}.composerQuickBtn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.chatPanel>.composerBar{border-top:0}.whatsappPreview{--wa-prev-chat:#efeae2;--wa-prev-bubble:#fff;--wa-prev-text:#111b21;--wa-prev-muted:#667781;background:var(--wa-prev-chat);border:1px solid var(--border);border-radius:10px;padding:18px}[data-theme=dark] .whatsappPreview{--wa-prev-chat:#0b141a;--wa-prev-bubble:#202c33;--wa-prev-text:#e9edef;--wa-prev-muted:#8696a0}.waPreviewBubble{background:var(--wa-prev-bubble);max-width:430px;color:var(--wa-prev-text);word-break:break-word;border-radius:2px 8px 8px;padding:8px 11px 9px;font-size:13.5px;line-height:1.4;position:relative;box-shadow:0 1px 1px #111b211f}.waPreviewBubble:before{content:"";border:6px solid #0000;border-top-color:var(--wa-prev-bubble);border-right-color:var(--wa-prev-bubble);position:absolute;top:0;left:-7px}.waPreviewBubble strong{margin-bottom:3px;font-weight:700;display:block}.waPreviewBubble p{white-space:pre-wrap;margin:0}.waPreviewBubble small{color:var(--wa-prev-muted);margin-top:5px;font-size:11px;display:block}.chartBars{gap:8px;display:grid}.chartBar{grid-template-columns:130px 1fr 56px;align-items:center;gap:10px;display:grid}.chartBar span:last-child{text-align:right;font-variant-numeric:tabular-nums}.barTrack{background:var(--surface-2);border-radius:999px;height:9px;overflow:hidden}.barFill{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=1120px){.appShell{grid-template-columns:72px 1fr}.navButton span,.navSection,.navBrand span{display:none}.sidebar{padding:10px}.split,.flowLayout,.executionGrid,.nodeModalGrid,.inboxLayout{grid-template-columns:1fr}.modalBody:has(>.nodeModalGrid){grid-template-rows:none;overflow:auto}.nodeModalGrid{grid-template-rows:none}.nodeModalGrid>*{max-height:none;padding-right:0;overflow-y:visible}.flowOpsPanel,.httpEndpointGrid{grid-template-columns:1fr}.builderBar{flex-direction:column;align-items:stretch}.flowFloatingOps{flex-wrap:wrap;margin:10px;position:static;transform:none}.flowPalettePanel{min-width:auto;left:14px;right:14px}}@media (width<=760px){.loginShell,.grid{grid-template-columns:1fr}.loginVisual{display:none}.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span12{grid-column:span 1}.appShell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;display:flex;position:static;overflow-x:auto}.navBrand{min-width:48px}.topbar{flex-direction:column;align-items:stretch;gap:8px;height:auto;padding:10px}.searchBox{min-width:100%}.drawerGrid,.formGrid,.builderRow,.scopeGrid{grid-template-columns:1fr}.flowFloatingOps{align-items:stretch}.httpBlockHeader{flex-direction:column}.httpModeTabs{width:100%}.httpModeTabs button{flex:1}.flowFloatingOps .button{width:100%}.executionTimeline{flex-direction:column}.timelineStep{min-width:0}}.notesList{flex-direction:column;gap:6px;max-height:240px;padding-right:2px;display:flex;overflow-y:auto}.noteItem{border:1px solid var(--border);border-radius:6px;padding:6px 8px}.noteItem p{word-break:break-word;white-space:pre-wrap;color:var(--accent);margin:0 0 2px;font-size:13px;line-height:1.4}.switchHandle{background:var(--primary)}.switchHandleDefault{background:var(--muted)}.switchPortLabel{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:92px;font-size:10px;font-weight:700;position:absolute;right:12px;overflow:hidden;transform:translateY(-50%)}.switchPortDefault{font-style:italic}.actionsDropdown{display:inline-block;position:relative}.actionsDropdownTrigger{border:1px solid var(--border);background:var(--surface);min-height:28px;color:var(--foreground);border-radius:6px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.actionsDropdownTrigger:hover{border-color:var(--primary);color:var(--primary)}.actionsDropdownMenu{z-index:50;border:1px solid var(--border);background:var(--surface);min-width:180px;box-shadow:var(--shadow);border-radius:8px;gap:2px;margin-top:4px;padding:4px;display:grid;position:absolute;top:100%;right:0}.actionsDropdownMenu button{width:100%;color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.actionsDropdownMenu button:hover{background:color-mix(in srgb, var(--primary) 8%, var(--surface));color:var(--primary)}.actionsDropdownMenu button.danger:hover{background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger)}[data-theme=dark] .react-flow__background{background:var(--surface-2)!important}[data-theme=dark] .react-flow__minimap{border:1px solid var(--border);background:var(--surface)!important}[data-theme=dark] .react-flow__minimap-svg g rect:first-child{fill:var(--surface-2)!important}[data-theme=dark] .react-flow__minimap-svg .react-flow__minimap-node{fill:var(--primary)!important;stroke:color-mix(in srgb, var(--primary) 60%, transparent)!important}[data-theme=dark] .react-flow__minimap-svg .react-flow__minimap-viewport{stroke-width:2px;fill:#0000!important;stroke:var(--primary)!important}[data-theme=dark] .react-flow__controls-button{background:var(--surface)!important;border-color:var(--border)!important;color:var(--foreground)!important;fill:var(--foreground)!important}[data-theme=dark] .react-flow__controls-button:hover{background:var(--surface-2)!important}[data-theme=dark] .react-flow__controls-button svg{fill:var(--foreground)!important}[data-theme=dark] .react-flow__edge-path{stroke:var(--muted)!important}[data-theme=dark] .react-flow__connection-path{stroke:var(--primary)!important}[data-theme=dark] .react-flow__attribution{background:0 0!important}[data-theme=dark] .react-flow__attribution a{color:var(--muted)!important}.panelCount{background:var(--surface-2);min-width:24px;height:22px;color:var(--muted);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.usersTable .cellName{font-weight:600}.usersTable .cellEmail{color:var(--muted);font-size:13px}.usersTable .cellTeams{max-width:180px}.usersTable .noTeams{color:var(--muted)}.roleBadge{background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.teamChip{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:4px;margin:1px 3px 1px 0;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.cellActions{text-align:right;white-space:nowrap}.rowAction{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;margin:0 1px;transition:background .12s,color .12s;display:inline-flex}.rowAction:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.rowAction.danger:hover{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.userRow .cellActions{opacity:0;transition:opacity .12s}.userRow:hover .cellActions{opacity:1}.teamList{gap:8px;display:grid}.teamCard{border:1px solid var(--border);border-radius:8px;transition:border-color .12s,box-shadow .12s}.teamCard:hover{border-color:color-mix(in srgb, var(--border) 60%, var(--primary));box-shadow:0 1px 4px #0f172a0f}.teamCardBody{gap:6px;padding:10px 12px;display:grid}.teamCardTop{justify-content:space-between;align-items:center;gap:8px;display:flex}.teamCardName{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.teamCardActions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .12s;display:flex}.teamCard:hover .teamCardActions{opacity:1}.teamCardMeta{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.teamMemberList{flex-wrap:wrap;gap:4px;padding-top:2px;display:flex}.teamMemberChip{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.inviteResult{gap:14px;display:grid}.inviteSuccess{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:flex}.inviteDetail{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.inviteLinkBox{gap:5px;display:grid}.inviteLinkBox label{color:var(--muted);font-size:12px;font-weight:700}.inviteLinkRow{gap:8px;display:flex}.inviteLinkInput{border:1px solid var(--border);background:var(--surface-2);min-width:0;min-height:34px;color:var(--foreground);border-radius:6px;flex:1;padding:7px 9px;font-family:Cascadia Code,Consolas,monospace;font-size:13px}.fieldLabel{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.userStatusSection{align-items:center;gap:10px;padding-top:6px;display:flex}.deleteConfirm{text-align:center;gap:8px;padding:8px 0;display:grid}.deleteIcon{color:var(--danger);place-items:center;display:grid}.deleteConfirm p{margin:0;font-size:14px}.deleteHint{color:var(--muted);font-size:13px!important}.deleteActions{justify-content:center;gap:8px;padding-top:6px;display:flex}.memberPicker{gap:8px;display:grid}.memberPickerList{border:1px solid var(--border);border-radius:8px;gap:4px;max-height:320px;padding:4px;display:grid;overflow:auto}.memberPickerItem{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .1s;display:flex}.memberPickerItem:hover{background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.memberPickerItem.selected{background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-color:color-mix(in srgb, var(--primary) 20%, transparent)}.memberPickerItem input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.memberPickerInfo{flex:1;gap:1px;min-width:0;display:grid}.memberPickerInfo strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.memberPickerInfo span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.teamCardInactive{opacity:.55}.resetHint{color:var(--muted);margin:0;line-height:1.5}.memberSearch{border:1px solid var(--border);background:var(--surface);width:100%;min-height:32px;color:var(--foreground);border-radius:6px;padding:6px 9px}.userStatusSection .field{width:100%}.assignmentTimeline{flex-direction:column;gap:0;padding:8px 0;display:flex}.assignmentEvent{align-items:flex-start;gap:10px;padding:10px 0;display:flex;position:relative}.assignmentEvent:before{content:"";background:var(--border);width:2px;position:absolute;top:26px;bottom:-1px;left:5px}.assignmentEvent:last-child:before{display:none}.assignmentEventDot{background:var(--primary);z-index:1;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:2px}.assignmentEventBody{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.assignmentEventBody strong{font-size:13px}.assignmentEventMeta{color:var(--muted);flex-wrap:wrap;gap:4px;font-size:12px;display:flex}.paginationBar{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;padding:12px 16px;display:flex}.paginationBar .ghostButton:disabled{opacity:.4;cursor:not-allowed}.paginationBar .mutedText{font-size:13px}.simSeedScreen{background:radial-gradient(1200px 600px at 50% -10%,#0b3b35,#0a201d 60%,#07120f);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.simSeedCard{background:var(--surface);width:min(560px,100%);color:var(--foreground);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;padding:22px 22px 18px;display:flex;box-shadow:0 24px 60px #0006}.simSeedHead{align-items:center;gap:12px;display:flex}.simSeedAvatar{color:#fff;background:#075e54;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.simSeedHead h2{margin:0;font-size:18px}.simSeedHead span{color:var(--muted);font-size:13px}.simSeedHint{color:var(--muted);margin:0;font-size:12.5px}.simSeedFields{flex-direction:column;gap:12px;max-height:52vh;padding-right:4px;display:flex;overflow-y:auto}.simSeedField{flex-direction:column;gap:5px;display:flex}.simSeedLabel{align-items:center;gap:8px;font-size:12.5px;display:flex}.simSeedLabel code{color:var(--foreground);font-size:12.5px}.simSeedField input{border:1px solid var(--border);background:var(--surface-2);color:var(--foreground);border-radius:9px;outline:none;padding:9px 11px;font-size:13.5px}.simSeedField input:focus{border-color:#128c7e}.simSeedVariables{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.simSeedVariablesHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.simSeedVariablesHead h3{margin:0;font-size:14px}.simSeedVariablesHead p{color:var(--muted);margin:3px 0 0;font-size:12px}.simSeedVariablesHead .button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.simSeedVarRows{flex-direction:column;gap:8px;display:flex}.simSeedVarRow{grid-template-columns:minmax(110px,.8fr) minmax(150px,1.2fr) 34px;align-items:center;gap:8px;display:grid}.simSeedVarRow input{border:1px solid var(--border);background:var(--surface-2);min-width:0;color:var(--foreground);border-radius:9px;outline:none;padding:9px 11px;font-size:13.5px}.simSeedVarRow input:focus{border-color:#128c7e}.simSeedRemove{border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;display:grid}.simSeedRemove:hover{color:var(--foreground);border-color:#128c7e}.simBadge{white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:10.5px;font-weight:600}.simBadge.required{color:#b42318;background:#fde7e7}.simBadge.recommended{color:#8a6d10;background:#fef6e0}.simBadge.optional{color:#5b6470;background:#eef1f4}.simSeedActions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (width<=620px){.simSeedVariablesHead{flex-direction:column}.simSeedVarRow{grid-template-columns:1fr}.simSeedRemove{width:100%}}.simulatorLayout{box-sizing:border-box;background:var(--background);grid-template-columns:1fr 400px;gap:14px;height:100vh;padding:14px;display:grid}.simCanvas{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.simVisited .flowNode{outline-offset:2px;outline:2px solid #25d366;box-shadow:0 0 0 4px #25d3662e}.simDimmed{opacity:.5}.simVisitedEdge path{stroke:#25d366!important;stroke-width:2.6px!important}.simDimmedEdge path{opacity:.85;stroke:var(--muted)!important;stroke-width:1.6px!important}.waPhone{--wa-frame:#d1d7db;--wa-header:linear-gradient(180deg, #008a72 0%, #00806a 100%);--wa-header-text:#fff;--wa-avatar:linear-gradient(180deg, #25d366 0%, #128c7e 100%);--wa-chat-bg:radial-gradient(120% 120% at 50% 0%, #efe9e0 0%, #e7e0d6 55%, #ddd4c6 100%);--wa-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='%23b9ac99'%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Ccircle cx='28' cy='22' r='1.5'/%3E%3C/g%3E%3C/svg%3E");--wa-doodle-opacity:.5;--wa-in-bg:#fff;--wa-in-text:#111b21;--wa-out-bg:#d9fdd3;--wa-out-text:#111b21;--wa-meta:#667781;--wa-tick:#53bdeb;--wa-mono-bg:#0000000f;--wa-accent:#00a884;--wa-tag-bg:#075e5414;--wa-tag-text:#047d6a;--wa-btn-bg:#fff;--wa-btn-hover:#f2fbf8;--wa-system-bg:#ffeecf;--wa-system-text:#6b5d2f;--wa-divider:#0000000f;--wa-composer-bg:#f0f2f5;--wa-input-bg:#fff;--wa-input-text:#111b21;--wa-placeholder:#8696a0;border:1px solid var(--wa-frame);background:var(--wa-chat-bg);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000002e}.waPhone.dark{--wa-frame:#2a3942;--wa-header:linear-gradient(180deg, #1f2c33 0%, #1a262d 100%);--wa-header-text:#e9edef;--wa-avatar:linear-gradient(180deg, #2a3942 0%, #202c33 100%);--wa-chat-bg:radial-gradient(120% 120% at 50% 0%, #11202b 0%, #0c161d 55%, #070f14 100%);--wa-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Ccircle cx='28' cy='22' r='1.5'/%3E%3C/g%3E%3C/svg%3E");--wa-doodle-opacity:.04;--wa-in-bg:#202c33;--wa-in-text:#e9edef;--wa-out-bg:#005c4b;--wa-out-text:#e9edef;--wa-meta:#8696a0;--wa-tick:#53bdeb;--wa-mono-bg:#ffffff14;--wa-accent:#00a884;--wa-tag-bg:#00a88429;--wa-tag-text:#7fe0c8;--wa-btn-bg:#202c33;--wa-btn-hover:#2a3942;--wa-system-bg:#182229;--wa-system-text:#adbac1;--wa-divider:#ffffff12;--wa-composer-bg:#1f2c33;--wa-input-bg:#2a3942;--wa-input-text:#e9edef;--wa-placeholder:#8696a0}.waHeader{background:var(--wa-header);color:var(--wa-header-text);align-items:center;gap:10px;padding:10px 12px;display:flex}.waAvatar{background:var(--wa-avatar);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 1px 2px #0003}.waHeaderText{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.waHeaderText strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.waHeaderText span{opacity:.8;font-size:11.5px}.waStatus:before{content:"";vertical-align:middle;background:#25d366;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.waBack{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;padding:5px 10px;font-size:12px}.waBack:hover{background:#ffffff47}.waChat{background:var(--wa-chat-bg);flex-direction:column;flex:1;gap:4px;padding:14px 12px;display:flex;position:relative;overflow-y:auto}.waChat:before{content:"";pointer-events:none;z-index:0;background-image:var(--wa-doodle);opacity:var(--wa-doodle-opacity);position:absolute;inset:0}.waChat>*{z-index:1;position:relative}.waRow{display:flex}.waRow.in{justify-content:flex-start}.waRow.out{justify-content:flex-end}.waBubble{max-width:78%;color:var(--wa-in-text);word-break:break-word;border-radius:8px;margin:3px 8px;padding:6px 9px 7px;font-size:13.5px;line-height:1.35;position:relative;box-shadow:0 1px .5px #00000021}.waBubble.in{background:var(--wa-in-bg);color:var(--wa-in-text);border-top-left-radius:2px}.waBubble.out{background:var(--wa-out-bg);color:var(--wa-out-text);border-top-right-radius:2px}.waBubble.in:before{content:"";border:6px solid #0000;border-top-color:var(--wa-in-bg);border-right-color:var(--wa-in-bg);position:absolute;top:0;left:-7px}.waBubble.out:before{content:"";border:6px solid #0000;border-top-color:var(--wa-out-bg);border-left-color:var(--wa-out-bg);position:absolute;top:0;right:-7px}.waText{white-space:pre-wrap}.waText strong{font-weight:700}.waText em{font-style:italic}.waText del{text-decoration:line-through}.waMono{background:var(--wa-mono-bg);border-radius:4px;padding:0 3px;font-family:ui-monospace,SF Mono,Roboto Mono,Menlo,Consolas,monospace;font-size:.92em}.waMeta{float:right;color:var(--wa-meta);-webkit-user-select:none;user-select:none;align-items:center;gap:3px;margin:6px 0 -2px 10px;font-size:10.5px;line-height:1;display:inline-flex}.waTime{letter-spacing:.2px}.waTicks{color:var(--wa-tick);flex:none}.waTemplate .waMeta{float:none;align-self:flex-end;margin:2px 0 0}.waTag{color:var(--wa-tag-text);background:var(--wa-tag-bg);border-radius:6px;width:fit-content;margin-bottom:5px;padding:2px 7px;font-size:10.5px;font-weight:600;display:block}.waTemplate{border-left:3px solid #25d366;flex-direction:column;gap:4px;display:flex}.waTemplateHeader{color:var(--wa-in-text);font-size:14px;font-weight:700}.waTemplateHeader.media{color:var(--wa-meta);font-style:italic;font-weight:600}.waTemplateFooter{color:var(--wa-meta);margin-top:2px;font-size:11px}.waTemplateGroup{flex-direction:column;max-width:78%;margin:3px 8px;display:flex}.waTemplateGroup .waBubble{max-width:100%;margin:0}.waTemplateButtons{flex-direction:column;gap:5px;margin-top:5px;display:flex}.waTemplateBtn{background:var(--wa-btn-bg);width:100%;color:var(--wa-accent);cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px .5px #00000021}.waTemplateBtn:hover:not(:disabled){background:var(--wa-btn-hover)}.waTemplateBtn:disabled{cursor:default;opacity:.85}.waSystem{background:var(--wa-system-bg);color:var(--wa-system-text);text-align:center;border-radius:7px;align-self:center;max-width:90%;margin:8px auto;padding:5px 12px;font-size:11px;box-shadow:0 1px .5px #0000001a}.waSystem.error{color:#b42318;background:#fde7e7;font-weight:600}.waPhone.dark .waSystem.error{color:#ff9b9b;background:#3a1d1d}.waActions{flex-direction:column;gap:6px;margin:6px 8px 4px;display:flex}.waActionBtn{background:var(--wa-btn-bg);width:100%;color:var(--wa-accent);cursor:pointer;border:none;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:11px 12px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px .5px #00000021}.waActionBtn:hover:not(:disabled){background:var(--wa-btn-hover)}.waActionBtn:disabled{opacity:.55;cursor:default}.waActionBtn.continue{background:var(--wa-system-bg);color:var(--wa-system-text)}.waActionBtn small{opacity:.7;font-size:10.5px;font-weight:400}.waComposer{background:var(--wa-composer-bg);border-top:1px solid var(--wa-divider);align-items:center;gap:8px;padding:8px 10px;display:flex}.waComposer input{background:var(--wa-input-bg);color:var(--wa-input-text);border:none;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:13.5px}.waComposer input::placeholder{color:var(--wa-placeholder)}.waComposer input:disabled{opacity:.7}.waSend{background:var(--wa-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.waSend:disabled{opacity:.5;cursor:default}.waIconBtn{width:32px;height:32px;color:var(--wa-header-text);cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.waIconBtn:hover{background:#ffffff4d}.waEnd{flex-direction:column;align-items:center;gap:8px;margin:10px 0 4px;display:flex}.waEndActions{gap:8px;display:flex}.waEndBtn{background:var(--wa-btn-bg);border:1px solid var(--wa-divider);color:var(--wa-in-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.waEndBtn.primary{background:var(--wa-accent);border-color:var(--wa-accent);color:#fff}.span2{grid-column:span 2}.flowStatsRow{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.flowStatsRow .statCard{align-items:center;min-height:74px;padding:10px 12px}.flowStatsRow .statCard strong{margin-top:4px;font-size:20px}.flowStatsRow .statCard svg{color:var(--primary);opacity:.95}.flowStatsRow .statCard small{margin-top:1px;display:block}.waRowActions{justify-content:flex-end;align-items:center;gap:2px;min-width:74px;display:inline-flex}.waHealthCell{align-items:center;display:inline-flex}.waHealthTrigger{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0;transition:color .16s;display:inline-flex}.waHealthTrigger:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.waHealthTrigger .statusPill{white-space:nowrap;padding:5px 10px}.waHealthTrigger svg{color:var(--muted);flex-shrink:0}.waHealthFloatingPopover{z-index:120;border:1px solid var(--border);background:var(--surface);width:min(440px,56vw);max-width:calc(100vw - 24px);max-height:min(520px,100vh - 24px);box-shadow:var(--shadow);white-space:normal;border-radius:8px;padding:10px 11px;position:fixed;overflow:auto}.waHealthPopoverHeader{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.waHealthPopoverHeader strong{font-size:13px;display:block}.waHealthPopoverHeader span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.waHealthPopoverStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.waHealthPopoverStats div{background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:7px 8px}.waHealthPopoverStats strong{font-size:15px;line-height:1.1;display:block}.waHealthPopoverStats span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.waHealthPopoverList{gap:8px;display:grid}.waHealthEntity{border-top:1px solid var(--border);padding-top:8px}.waHealthEntity:first-child{border-top:0;padding-top:0}.waHealthEntityTop{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.waHealthEntityTop strong{font-size:12px;display:block}.waHealthEntityTop span{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:11px;display:block}.waHealthErrorList{gap:6px;display:grid}.waHealthError{background:color-mix(in srgb, var(--danger) 5%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 18%, var(--border));border-radius:7px;gap:2px;padding:7px 8px;display:grid}.waHealthError strong{color:var(--danger);align-items:center;gap:4px;font-size:11px;display:inline-flex}.waHealthError span,.waHealthError small{color:var(--foreground);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.waHealthError small{color:var(--muted)}.waHealthEntityHint,.waHealthEmpty{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.flowBuilderShell{gap:var(--gap);flex-direction:column;flex:1;min-height:0;display:flex}.flowBuilderPage{height:calc(100vh - 56px);overflow:hidden}.flowBuilderEmbedded{overflow:hidden}.flowBuilderTopBar{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, var(--primary) 8%);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.flowBuilderTopBarMeta{gap:2px;min-width:0;display:grid}.flowBuilderTopBarMeta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.flowBuilderTopBarMeta span:last-child{color:var(--muted);font-size:12px}.flowBuilderTopBarActions{justify-content:flex-end;align-items:center;display:flex}.flowBuilderActionBar{gap:4px}.flowBuilderBody{flex:1;grid-template-columns:minmax(220px,260px) minmax(420px,1fr) minmax(280px,320px);gap:12px;min-height:0;display:grid}.flowBuilderNavigator{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0;display:grid;overflow:hidden}.panelSubtitle{color:var(--muted);margin:2px 0 0;font-size:11px;font-weight:500}.flowBuilderScreenList{align-content:start;gap:6px;min-height:0;padding-right:2px;display:grid;overflow:auto}.flowBuilderScreenItem{background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;min-height:56px;padding:3px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid}.flowBuilderScreenItem:hover{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:color-mix(in srgb, var(--primary) 4%, var(--surface))}.flowBuilderScreenItem.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent)}.flowBuilderScreenCard{cursor:pointer;text-align:left;width:100%;min-width:0;min-height:48px;font:inherit;color:var(--foreground);background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:stretch;gap:6px;padding:8px 9px;transition:background .18s,color .18s;display:flex}.flowBuilderScreenCard:hover,.flowBuilderScreenCard:focus-visible{background:color-mix(in srgb, var(--primary) 6%, transparent)}.flowBuilderScreenCard:focus-visible,.flowBuilderScreenActions button:focus-visible,.flowBuilderFullButton:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.flowBuilderScreenCardInfo{text-align:left;gap:2px;min-width:0;display:grid}.flowBuilderScreenCardInfo span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flowBuilderScreenCardBadges{flex-wrap:wrap;gap:6px;display:flex}.flowBuilderScreenCardInfo strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.flowBuilderScreenCardInfo span{color:var(--muted);font-size:11px}.flowBuilderScreenCardBadge{border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.flowBuilderScreenCardBadge.terminal{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 25%, transparent)}.flowBuilderScreenCardBadge.warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 26%, transparent)}.flowBuilderScreenActions{grid-template-columns:repeat(2,28px);align-content:center;align-items:center;gap:4px;display:inline-grid}.flowBuilderScreenActions .iconButton{width:28px;min-height:28px;color:var(--muted);border-radius:6px}.flowBuilderScreenActions .iconButton:hover:not(:disabled){color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.flowBuilderScreenActions .iconButton.danger:hover:not(:disabled){color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.flowBuilderScreenActions .iconButton:disabled{cursor:not-allowed;opacity:.42}.flowBuilderEditor{align-content:start;min-height:0;display:grid;overflow:hidden}.flowBuilderEditor .panelHeader{margin-bottom:12px}.flowBuilderEditor .panelHeader h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.flowBuilderSidebar{align-content:start;gap:var(--gap);min-height:0;display:grid;overflow:auto}.flowBuilderScreenInspector,.flowBuilderInspectorFields{gap:10px;min-width:0;display:grid}.flowBuilderFullButton{width:100%}.flowBuilderIssuePanel{margin-bottom:8px}.flowBuilderIssue{padding:2px 0;font-size:13px}.flowBuilderIssue.error{color:var(--danger)}.flowBuilderIssue.warning{color:var(--warning)}.waScreenWorkspace{grid-template-columns:minmax(260px,340px) minmax(300px,1fr);gap:12px;height:100%;min-height:0;display:grid}.waComponentTree,.waComponentLibrary{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.waComponentTreeList,.waComponentLibraryGroups{align-content:start;gap:8px;min-width:0;min-height:0;padding-right:2px;display:grid;overflow:hidden auto}.waComponentTreeList{border:1px dashed color-mix(in srgb, var(--border) 75%, var(--primary));background:color-mix(in srgb, var(--surface-muted) 72%, transparent);border-radius:8px;height:min(560px,58vh);max-height:min(560px,58vh);padding:8px}.waComponentTreeSortableShell{width:100%;min-width:0;max-width:100%}.waComponentTreeItem{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;max-width:100%;min-height:58px;box-shadow:0 2px 10px color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.waComponentTreeItem.active{border-color:var(--primary);background:var(--primary-soft)}.waComponentTreeItem.dragging{z-index:5;border-color:var(--primary);opacity:.92;box-shadow:0 14px 36px color-mix(in srgb, var(--foreground) 18%, transparent)}.waComponentTreeSortableShell .waComponentTreeItem.dragging{opacity:.36}.waComponentTreeDragOverlay{pointer-events:none;width:min(308px,100vw - 32px);max-width:100%}.waComponentTreeDragOverlay .waComponentTreeItem{opacity:1;box-shadow:0 18px 42px color-mix(in srgb, var(--foreground) 20%, transparent)}.waComponentDragButton{border:1px solid var(--border);background:var(--surface-muted);width:30px;height:38px;color:var(--muted);cursor:grab;border-radius:8px;place-items:center;display:grid}.waComponentDragButton:active{cursor:grabbing}.waComponentTreeHeaderActions{align-items:center;gap:8px;display:inline-flex}.waComponentTreeSelect{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:2px;padding:0;display:grid}.waComponentTreeSelect strong,.waComponentTreeSelect span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.waComponentTreeSelect span{color:var(--muted);font-size:12px}.waComponentTreeSelect:focus-visible,.waComponentDragButton:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.waComponentTreeType{text-overflow:ellipsis;white-space:nowrap;max-width:108px;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800;overflow:hidden}.waComponentTreeSurface{min-width:0;min-height:0;display:grid;position:relative;overflow:visible}.waComponentAddPopover{z-index:20;border:1px solid var(--border);background:var(--surface);max-height:min(460px,62vh);box-shadow:0 22px 54px color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:8px;gap:10px;padding:12px;display:grid;position:absolute;inset:52px 8px auto;overflow:hidden auto}.waComponentAddHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.waComponentAddHeader button{border:1px solid var(--border);background:var(--surface-muted);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.waComponentAddSearch{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:8px;display:grid}.waComponentAddGroups{gap:10px;display:grid}.waComponentAddGroups h3{color:var(--muted);text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.waComponentAddGroups section>div{gap:6px;display:grid}.waComponentAddItem{border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--foreground);cursor:pointer;text-align:left;border-radius:8px;gap:2px;padding:9px 10px;display:grid}.waComponentAddItem:hover{border-color:color-mix(in srgb, var(--primary) 38%, var(--border));background:var(--primary-soft)}.waComponentAddItem small{color:var(--muted);font-size:11px}.waComponentLibraryGroup{gap:6px;display:grid}.waComponentLibraryGroup h3{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.waComponentLibraryItems{gap:6px;display:grid}.waInspectorStack,.waActionEditor,.waPayloadEditor{gap:10px;display:grid}.waActionEditor{border-top:1px solid var(--border);padding-top:10px}.waActionEditor h4,.waPayloadEditor strong{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.waPayloadRow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.waPreviewComponent{width:100%;max-width:100%;color:var(--wa-sim-bubble-text);cursor:pointer;text-align:left;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;gap:6px;padding:0;font-size:13px;line-height:1.38;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.waPreviewComponent.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 18%, transparent)}.waPreviewComponent input,.waPreviewComponent select,.waPreviewComponent textarea{border:1px solid var(--wa-sim-border);background:var(--wa-sim-bubble);width:100%;min-height:42px;color:var(--wa-sim-bubble-text);border-radius:7px;padding:8px 10px;font-size:13px;line-height:1.35}.waPreviewComponent textarea{resize:none}.waPreviewComponent input[type=checkbox],.waPreviewComponent input[type=radio]{accent-color:#1fab69;flex:0 0 15px;width:15px;height:15px;min-height:0;padding:0}.waPreviewComponent fieldset{border:1px solid var(--wa-sim-border)}.waPreviewComponent legend,.waPreviewComponent>span{color:color-mix(in srgb, var(--wa-sim-bubble-text) 78%, transparent);padding:0 4px;font-size:11px;font-weight:600}.waPreviewComponent label{align-items:center;gap:6px;min-width:0;min-height:26px;display:flex}.waPreviewText{cursor:pointer}.waPreviewText[data-type=TextHeading]{font-size:17px;font-weight:800;line-height:1.25}.waPreviewText[data-type=TextSubheading]{font-size:15px;font-weight:700}.waPreviewText[data-type=TextCaption]{color:color-mix(in srgb, var(--wa-sim-bubble-text) 68%, transparent);font-size:11px}.waPreviewField{gap:4px}.waPreviewField>span{z-index:1;background:var(--wa-sim-bubble);justify-self:start;margin-bottom:-10px;margin-left:10px}.waPreviewChoiceGroup{background:var(--wa-sim-bubble);border-radius:7px;gap:8px;padding:8px 10px 10px}.waPreviewChoiceGroup legend{margin-left:-2px}.waPreviewChoiceGroup label{color:var(--wa-sim-bubble-text);font-size:12px;line-height:1.25}.waPreviewOptIn{color:var(--wa-sim-bubble-text);align-items:flex-start;gap:8px;padding:8px 0;font-size:12px;display:flex}.waPreviewChips{flex-wrap:wrap;gap:6px;display:flex}.waPreviewChips button,.waPreviewNavigationList button{border:1px solid var(--wa-sim-border);background:color-mix(in srgb, var(--wa-sim-bubble) 92%, var(--wa-sim-screen));color:var(--wa-sim-bubble-text);border-radius:8px;font-size:11px}.waPreviewNavigationList button{text-align:left;border-radius:8px;width:100%;display:grid}.waPreviewNavigationList small{color:color-mix(in srgb, var(--wa-sim-bubble-text) 62%, transparent)}.waPreviewMedia,.waPreviewLogic{border:1px dashed var(--wa-sim-border);background:color-mix(in srgb, var(--wa-sim-bubble) 88%, var(--wa-sim-screen));min-height:74px;color:color-mix(in srgb, var(--wa-sim-bubble-text) 70%, transparent);place-items:center;overflow:hidden}.waPreviewMedia img{object-fit:cover;width:100%;height:100%;max-height:120px;display:block}.linkLike{color:#027eb5;background:0 0;border:0;font-weight:700;text-decoration:underline}.waPreviewFooterButton{color:#fff;text-align:center;background:#00a884;border-color:#0000;border-radius:8px;justify-content:center;width:100%;font-weight:800}.flowBuilderBottom{margin-top:var(--gap)}.flowBuilderBottom details{font-size:13px}.flowBuilderBottom summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;margin-bottom:4px;font-weight:600}.waPhoneFrame{--wa-sim-shell:color-mix(in srgb, var(--foreground) 16%, var(--surface));--wa-sim-screen:#f2f1ee;--wa-sim-bubble:#fff;--wa-sim-bubble-text:#111827;--wa-sim-border:#d3d9dd;border:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);background:var(--wa-sim-shell);width:min(100%,318px);height:min(636px,100vh - 232px);min-height:500px;box-shadow:0 22px 48px color-mix(in srgb, var(--foreground) 18%, transparent);box-sizing:border-box;border-radius:20px;grid-template-rows:minmax(0,1fr);margin:0 auto;padding:8px;display:grid;overflow:hidden}.theme-dark .waPhoneFrame,[data-theme=dark] .waPhoneFrame,.dark .waPhoneFrame{--wa-sim-shell:#31394b;--wa-sim-screen:#111b21;--wa-sim-bubble:#202c33;--wa-sim-bubble-text:#e9edef;--wa-sim-border:#2a3942}.waFlowNativeCard{background:var(--wa-sim-bubble);border-radius:12px;grid-template-rows:44px minmax(0,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden}.waFlowNativeTopBar{border-bottom:1px solid var(--wa-sim-border);min-height:44px;color:var(--wa-sim-bubble-text);grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;display:grid}.waFlowNativeTopBar button{width:32px;height:32px;color:var(--wa-sim-bubble-text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-self:center;place-items:center;display:grid}.waFlowNativeTopBar strong{min-width:0;color:var(--wa-sim-bubble-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.waFlowNativeContent{background:var(--wa-sim-bubble);scrollbar-width:thin;align-content:start;gap:12px;min-height:0;padding:14px 14px 10px;display:grid;overflow:auto}.waFlowNativeFooter{border-top:1px solid color-mix(in srgb, var(--wa-sim-border) 70%, transparent);background:var(--wa-sim-bubble);gap:7px;padding:10px 14px 12px;display:grid}.waFlowNativeCta{color:#fff;cursor:pointer;text-align:center;background:#1fab69;border:0;border-radius:999px;width:100%;min-height:39px;font-size:12px;font-weight:800}.waFlowNativeCta.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 28%, transparent)}.waFlowNativeFooter small{color:color-mix(in srgb, var(--wa-sim-bubble-text) 62%, transparent);text-align:center;font-size:9px;line-height:1.3}.waFlowNativeFooter small span{color:#067a46;font-weight:700}@media (width<=1120px){.flowStatsRow{grid-template-columns:repeat(2,1fr)}.flowBuilderBody,.waScreenWorkspace{grid-template-columns:1fr}.flowBuilderTopBar{flex-direction:column;align-items:flex-start}.flowBuilderTopBarActions{width:100%}.waPhoneThread{min-height:0}}@media (width<=1120px),(height<=760px){.flowBuilderPage,.flowBuilderEmbedded{overflow:auto}.flowBuilderShell,.flowBuilderBody{min-height:auto}}.campaignTypeTabs,.campaignMetrics,.campaignCatalogSummary,.wizardSteps,.campaignLifecycle>div{align-items:center;gap:.75rem;display:flex}.campaignTypeTabs{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:4px;width:fit-content;max-width:100%;margin:0 0 1rem;padding:4px;display:inline-flex}.campaignTypeTabs .button{min-width:104px;min-height:36px;color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;flex:auto;padding:0 18px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s}.campaignTypeTabs .button:hover:not(.isActive){color:var(--foreground);background:color-mix(in srgb, var(--surface) 55%, transparent)}.campaignTypeTabs .button.isActive{background:var(--surface);color:var(--foreground);box-shadow:0 1px 2px #0f172a24,0 1px 3px #0f172a14}.campaignTypeTabs .button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.campaignTypeTabs .button{transition:none}}.campaignMetrics{margin:0 0 1rem}.campaignMetrics>div,.campaignCatalogSummary>div{border:1px solid var(--border,#d8e0e5);background:var(--surface,#fff);border-radius:.65rem;gap:.15rem;min-width:9rem;padding:.8rem 1rem;display:grid}.campaignMetrics span,.campaignCatalogSummary span,.helperText{color:var(--muted,#64748b);font-size:.78rem}.campaignMetrics strong,.campaignCatalogSummary strong{font-size:1.35rem}.campaignSelectionGrid{margin-top:1rem}.wizardSteps{flex-wrap:wrap;margin-bottom:1.25rem}.wizardSteps span{color:var(--muted,#64748b);font-size:.8rem}.wizardSteps span.active{color:var(--accent,#25b7a5);font-weight:700}.wizardFooter{justify-content:flex-end;gap:.6rem;width:100%;display:flex}.variableRows{gap:.75rem;display:grid}.variableRow{border:1px solid var(--border,#d8e0e5);border-radius:.55rem;grid-template-columns:minmax(8rem,.7fr) minmax(12rem,1fr) minmax(12rem,1fr);align-items:end;gap:.75rem;padding:.75rem;display:grid}.variableRow small{color:var(--muted,#64748b);margin-top:.2rem;display:block}.campaignResults{gap:1rem;display:grid}.campaignResultHead{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.campaignResultHead>div{gap:.3rem;display:grid}.campaignResultHead span{color:var(--muted);font-size:.78rem}.campaignResultHead strong{font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1}.campaignResultGroup{gap:.45rem;display:grid}.campaignResultTiles{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;display:grid}.campaignResultTile{border:1px solid var(--border);background:var(--surface-2);border-radius:.6rem;gap:.1rem;padding:.55rem .7rem;display:grid}.campaignResultTile span{color:var(--muted);overflow-wrap:anywhere;font-size:.74rem}.campaignResultTile strong{font-variant-numeric:tabular-nums;font-size:1.2rem;line-height:1.1}.campaignResultTile.isDanger{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--surface-2))}.campaignResultTile.isDanger strong{color:var(--danger)}.campaignResultVariant{gap:.4rem;display:grid}.campaignResultVariant>strong{font-size:.85rem}.validationSummary{border-radius:.6rem;padding:1rem}.validationSuccess{color:var(--success,#15803d)}.validationError{color:var(--danger,#b91c1c);margin-bottom:.4rem}.campaignLifecycle{margin-top:1.25rem}.campaignLifecycle>div{flex-wrap:wrap;margin-top:.65rem}.campaignLifecycle span{color:var(--muted,#64748b);font-size:.72rem}.campaignLifecycle span.current{color:var(--accent,#25b7a5);font-weight:700}@media (width<=760px){.campaignMetrics,.campaignCatalogSummary{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.variableRow{grid-template-columns:1fr}}.presentationMeta{color:var(--muted,#64748b);margin-top:.15rem;font-size:.78rem;display:block}.variablesStep{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);align-items:start;gap:1rem;display:grid}@media (width<=760px){.variablesStep{grid-template-columns:1fr}}.waPreviewButtons{border-top:1px solid color-mix(in srgb, var(--wa-prev-muted) 25%, transparent);gap:4px;margin:8px -11px -9px;display:grid}.waPreviewButton{color:#1677d2;text-align:center;border-bottom:1px solid color-mix(in srgb, var(--wa-prev-muted) 18%, transparent);padding:5px 8px}
