:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(17% .005 250);--surface:oklch(20.5% .006 250);--surface-2:oklch(24% .007 250);--border:oklch(30% .008 250);--ink:oklch(95% .003 250);--muted:oklch(72% .01 250);--accent:oklch(78% .12 220);--accent-ink:oklch(20% .03 220);--ok:oklch(76% .15 155);--warn:oklch(83% .14 85);--bad:oklch(68% .19 25);--sidebar:oklch(14.5% .005 250);--sidebar-w:240px;--sidebar-w-collapsed:64px;--topbar-h:56px;--z-backdrop:35;--z-sticky:10;--z-drawer:40;--z-modal:50;--z-toast:60;--radius:8px;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--bg);font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,select,input,textarea{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:600;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}small,.muted{color:var(--muted);font-size:13px}small{display:block}.mono,pre,code{font-family:Cascadia Mono,Consolas,ui-monospace,monospace}.numeric{font-variant-numeric:tabular-nums}.error,.bad{color:var(--bad)}.warning{color:var(--warn)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--surface);z-index:var(--z-toast);padding:10px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:12px}.app-shell{min-height:100dvh;display:flex}.sidebar{height:100dvh;width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border);z-index:var(--z-sticky);transition:width .18s var(--ease), flex-basis .18s var(--ease);flex-direction:column;padding:0 12px 16px;display:flex;position:sticky;top:0}.sidebar.collapsed{width:var(--sidebar-w-collapsed);flex-basis:var(--sidebar-w-collapsed)}.sidebar-brand,.brand,.nav-item{align-items:center;gap:10px;display:flex}.sidebar-brand{height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:12px}.brand{color:var(--ink);font-size:14px}.brand:hover{text-decoration:none}.brand-mark{border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--accent);flex-shrink:0;place-items:center;font-weight:600;display:grid}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:var(--muted);border-radius:var(--radius);min-height:40px;padding:10px}.nav-item:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.nav-item.router-link-active{background:color-mix(in oklch, var(--accent) 16%, transparent);color:var(--ink)}.nav-item.router-link-active svg{color:var(--accent)}.nav-item svg{flex-shrink:0}.sidebar.collapsed .sidebar-label{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;gap:4px;padding-inline:4px}.sidebar.collapsed .status-dot{margin-left:0}.status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto}.status-dot.connected{background:var(--ok)}.status-dot.connecting{background:var(--warn)}.status-dot.disconnected{background:var(--bad)}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:var(--z-sticky);height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 24px 0 12px;display:flex;position:sticky;top:0}.topbar>nav{min-width:0}.breadcrumb{min-width:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{min-width:0;color:var(--muted);align-items:center;display:flex}.breadcrumb li+li:before{content:"/";color:var(--muted);margin:0 8px}.breadcrumb li>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit;overflow:hidden}.breadcrumb [aria-current=page]{color:var(--ink)}.topbar-end{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.topbar-status{color:var(--muted);align-items:center;gap:8px;display:flex}.topbar-user{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.app-content{flex:1;width:100%;min-width:0;max-width:1640px;padding:24px 32px 120px}.app-content:focus{outline:none}.summary-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.summary-box{--tone:var(--muted);min-width:0;color:var(--ink);background:color-mix(in oklch, var(--tone) 12%, var(--surface));border:1px solid color-mix(in oklch, var(--tone) 35%, var(--border));border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;padding:16px 16px 0;display:grid}.summary-box:not(:has(.summary-box-link)){padding-bottom:16px}.summary-box.ok{--tone:var(--ok)}.summary-box.warn{--tone:var(--warn)}.summary-box.bad{--tone:var(--bad)}.summary-box.info{--tone:var(--accent)}.summary-box-content{overflow-wrap:anywhere;min-width:0}.summary-box-value{font-variant-numeric:tabular-nums;color:var(--ink);font-size:24px;font-weight:600;display:block}.summary-box-label{color:var(--muted);font-size:14px;display:block}.summary-box>svg{color:var(--tone)}.summary-box-link{color:var(--ink);border-top:1px solid color-mix(in oklch, var(--tone) 25%, var(--border));grid-column:1/-1;justify-content:space-between;align-self:end;align-items:center;margin-top:12px;padding:8px 0;font-size:13px;display:flex}.marketplace-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.marketplace-card{text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-content:start;justify-items:start;gap:6px;padding:14px 16px;display:grid}.marketplace-card:hover{background:var(--surface-2)}.marketplace-card.selected{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 9%, var(--surface))}.marketplace-card-name{font-size:14px;font-weight:600}.marketplace-card-counts{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.marketplace-card-counts strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.marketplace-card-counts span{color:var(--muted);font-size:13px}.panel.table-panel{padding:0;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.panel-header h2{font-size:16px;font-weight:600}.table-panel .filter-bar{border-bottom:1px solid var(--border);margin:0;padding:12px 16px}.table-panel .data-table{margin:0}.table-panel .empty-state{padding:32px 16px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-header>div{min-width:0}.page-header h1{overflow-wrap:anywhere}.page-header p{max-width:70ch;margin-top:6px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn,.primary-button,.secondary-button{border-radius:var(--radius);white-space:normal;min-height:36px;transition:background-color .15s var(--ease), color .15s var(--ease), opacity .15s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary,.primary-button{color:var(--accent-ink);background:var(--accent)}.btn-primary:hover,.primary-button:hover{background:color-mix(in oklch, var(--accent) 88%, white)}.btn-primary:active,.primary-button:active{background:color-mix(in oklch, var(--accent) 84%, black)}.btn-secondary,.secondary-button{background:var(--surface-2);color:var(--ink);border-color:var(--border)}.btn-secondary:hover,.secondary-button:hover{background:color-mix(in oklch, var(--surface-2) 86%, var(--ink))}.btn-secondary:active{background:var(--surface)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-ghost:active{background:var(--border)}.btn-danger{background:color-mix(in oklch, var(--bad) 14%, transparent);border-color:color-mix(in oklch, var(--bad) 45%, transparent);color:var(--bad)}.btn-danger:hover{background:color-mix(in oklch, var(--bad) 23%, transparent)}.btn-danger:active{background:color-mix(in oklch, var(--bad) 30%, transparent)}.btn:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.45}.icon-button{flex-shrink:0;padding:8px}label,.field{flex-direction:column;gap:6px;min-width:0;font-weight:500;display:flex}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:0;transition:border-color .15s var(--ease), background-color .15s var(--ease);padding:9px 10px;font-weight:400}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:hover,select:hover,textarea:hover{border-color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--bad)}textarea{resize:vertical;overflow-wrap:anywhere;min-height:90px}input[type=checkbox],input[type=radio]{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px}.checkbox,.checkbox-label,.inline-options label,label.inline-options{flex-direction:row;align-items:center;font-weight:400;display:flex}.inline-options{flex-wrap:wrap;gap:16px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wide-field{grid-column:1/-1}.form-section{border:0;min-width:0;margin:0;padding:0}.stack{flex-direction:column;gap:20px;min-width:0;display:flex}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;padding:24px}.panel .panel{background:0 0;border:0;padding:0}.panel+.panel{margin-top:20px}.split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-wrap:anywhere;margin-bottom:16px;padding:10px 14px}.filter-bar{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;display:flex}.filter-bar>label{min-width:180px}.search-field{flex:1;max-width:280px}.filter-chips,.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.chip:hover{background:var(--surface-2);color:var(--ink)}.chip:active{background:var(--border)}.chip.selected{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch, var(--accent) 9%, transparent)}.chip button{color:inherit;background:0 0;border:0;padding:2px}.status-pill{white-space:nowrap;background:color-mix(in oklch, var(--muted) 14%, transparent);width:fit-content;color:var(--muted);border-radius:20px;padding:3px 8px;font-size:13px;font-weight:500;display:inline-flex}td[data-label=Motivo] .status-pill{white-space:normal}.status-pill.ok{background:color-mix(in oklch, var(--ok) 14%, transparent);color:var(--ok)}.status-pill.warn{background:color-mix(in oklch, var(--warn) 14%, transparent);color:var(--warn)}.status-pill.bad{background:color-mix(in oklch, var(--bad) 14%, transparent);color:var(--bad)}.status-pill.info{background:color-mix(in oklch, var(--accent) 14%, transparent);color:var(--accent)}.whatsapp-page .page-header .status-pill{padding:6px 12px;font-size:14px}.data-table{border-collapse:collapse;text-align:left;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%}.data-table th{color:var(--muted);border-bottom:1px solid var(--border);padding:12px 10px;font-size:13px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere;padding:14px 10px}.data-table th:first-child{width:24%}.data-table td small{margin-top:4px}.data-table tr:hover td{background:var(--surface)}.data-table .clickable-row{cursor:pointer}.clickable-row:active td{background:var(--surface-2)}.campaign-name{color:var(--ink);font-weight:600}.menu-wrap{position:relative}.action-menu{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:160px;z-index:var(--z-sticky);flex-direction:column;align-items:stretch;padding:5px;display:flex;position:absolute;top:100%;right:0}.empty-state{text-align:center;padding:56px 20px}.empty-state p{margin-block:10px 20px}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-block:20px;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;display:inline-flex}.tabs a:hover{background:var(--surface);color:var(--ink);text-decoration:none}.tabs a.active{color:var(--accent);border-color:var(--accent)}.readiness-list{border-block:1px solid var(--border);flex-wrap:wrap;gap:12px 24px;margin:0;padding:12px 0;list-style:none;display:flex}.readiness-list li{flex:120px}.readiness-list a{color:var(--warn);font-size:13px;display:block}.readiness-list .done{color:var(--ok)}.readiness-list small{margin-top:3px}.readiness-ready{color:var(--ok);padding:8px 0;font-size:13px}.wizard-steps{color:var(--muted);flex-wrap:wrap;gap:12px 24px;margin:0 0 24px;padding:0;list-style:none;display:flex}.wizard-steps .active,.wizard-steps [aria-current=step]{color:var(--accent)}.wizard-steps .complete{color:var(--ok)}details{min-width:0}details>summary{cursor:pointer;color:var(--muted);padding-block:10px}details>summary:hover{color:var(--ink)}details[open]>summary{margin-bottom:12px}.entity-row,.instance-row,.compact-list>li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-block:14px;display:flex}.entity-row>div,.instance-row>div{overflow-wrap:anywhere;min-width:0}.current-group{border-bottom:1px solid var(--border);padding-block:12px}.message-preview{min-width:0}.message-preview h3{margin-bottom:10px}.message-example{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;padding:18px;font-family:inherit}.message-preview pre{font-family:inherit}pre{background:var(--bg);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:14px;font-size:13px;overflow:auto}.qr-image{border-radius:var(--radius);background:#fff;width:min(260px,100%);height:auto;padding:8px}.instance-row.stack{align-items:stretch}.instance-row>.row{text-align:left;width:100%}dd{overflow-wrap:anywhere;margin-left:0}dt{color:var(--muted);margin-top:10px;font-size:13px}.connection-card{max-width:460px;margin:32px auto}.connection-card h1,.connection-card h2{margin-bottom:8px}.unsaved-bar{max-width:720px;z-index:var(--z-sticky);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:20px;left:max(240px,50% - 300px);right:24px}dialog{color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:calc(100vw - 32px);padding:24px;box-shadow:0 12px 36px oklch(0% 0 0/.3)}dialog::backdrop{background:oklch(0% 0 0/.55)}.drawer{width:480px;max-width:100%;height:100dvh;max-height:100dvh;z-index:var(--z-drawer);transition:transform .16s var(--ease), opacity .16s var(--ease);border-block:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0 0 0 auto}.drawer-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex;position:sticky;top:0}.drawer-body{padding:24px}.confirmation-dialog{width:440px;z-index:var(--z-modal)}.confirmation-dialog>p{margin-block:12px 20px}.confirmation-dialog>.actions{justify-content:flex-end;margin-top:20px}.toast-container{color:var(--ink);width:min(400px,100vw - 32px);z-index:var(--z-toast);background:0 0;border:0;flex-direction:column;gap:10px;margin:0;padding:0;position:fixed;inset:auto 20px 20px auto}.toast-container:popover-open{display:flex}.toast{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;display:flex;box-shadow:0 8px 24px oklch(0% 0 0/.25)}.toast p{white-space:pre-line;color:var(--muted);margin-top:4px;font-size:13px}.toast.success strong{color:var(--ok)}.toast.error strong{color:var(--bad)}.toast.warning strong{color:var(--warn)}.toast.info strong{color:var(--accent)}.login-shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-form{width:min(360px,100%)}.password-field{align-items:center;gap:6px;display:flex}.password-field input{flex:1}.campaign-search-config{flex-direction:column;gap:16px;display:flex}.workspace-panel-heading p{color:var(--muted);margin-top:6px;font-size:13px}.config-issues{flex-direction:column;gap:4px;display:flex}.config-issues small{color:var(--warn)}@media (width<=1199px){.split{grid-template-columns:minmax(0,1fr)}.data-table{font-size:13px}.data-table th,.data-table td{padding-inline:6px}}@media (width<=899px){.sidebar,.sidebar.collapsed{width:min(280px,85vw);transition:transform .2s var(--ease);z-index:var(--z-drawer);visibility:hidden;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.mobile-open{visibility:visible;transform:none}.sidebar.collapsed .sidebar-label{display:inline}.sidebar.collapsed .sidebar-brand{justify-content:flex-start}.sidebar.collapsed .nav-item{justify-content:flex-start;gap:10px;padding-inline:10px}.sidebar.collapsed .status-dot{margin-left:auto}.sidebar-backdrop{z-index:var(--z-backdrop);background:oklch(0% 0 0/.5);position:fixed;inset:0}.app-content{padding:20px 16px 120px}.unsaved-bar{left:20px;right:20px}}@media (width<=767px){.marketplace-row{grid-template-columns:1fr;gap:8px}.marketplace-card{flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:10px 12px;display:flex}.marketplace-card-counts strong{font-size:14px}.topbar-user,.topbar-status-text{display:none}.topbar{gap:8px;padding-right:12px}.topbar-end{gap:8px}.summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-box{padding:12px 12px 0}.summary-box-value{overflow-wrap:anywhere;font-size:18px}.summary-box>svg{width:20px;height:20px}.breadcrumb li:not(:last-child){display:none}.breadcrumb li+li:before{content:none}.table-panel .data-table tr{border:0;border-bottom:1px solid var(--border);border-radius:0;margin:0}.page-header{flex-direction:column;gap:14px}.page-header>.actions{width:100%}.form-grid{grid-template-columns:minmax(0,1fr)}.panel{padding:18px}.filter-bar>label{flex:180px;min-width:0}.search-field{max-width:none}.tabs{gap:0}.tabs a{padding:10px}.data-table,.data-table tbody{width:100%;display:block}.data-table thead{display:none}.data-table tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px;padding:8px 12px;display:block}.data-table td{border:0;grid-template-columns:105px minmax(0,1fr);gap:4px 8px;padding:8px 0;font-size:14px;display:grid}.data-table td:before{content:attr(data-label);color:var(--muted);grid-row:1/span 4;font-size:13px}.data-table td>*{grid-column:2;min-width:0}.data-table td .actions{justify-content:flex-start}.drawer{width:100%}.drawer-body{padding:20px}.unsaved-bar{flex-wrap:wrap;bottom:12px;left:12px;right:12px}.toast-container{bottom:16px;right:16px}.readiness-list{gap:10px}.readiness-list li{flex-basis:45%}h1{font-size:24px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}