/* Bright, square metric icons with the depth of the supplied references. */
.dashboard .metric-card{height:150px}.dashboard .color-icon{--icon-color:#3b8cf8;--icon-bottom:#1e5eb0;--icon-top:#70b0ff;width:45px;height:45px;border-radius:11px;border:2px solid var(--icon-top);background:linear-gradient(145deg,var(--icon-top),var(--icon-color) 55%);box-shadow:inset 0 1px 0 #ffffff40,0 4px 0 var(--icon-bottom),0 5px 14px color-mix(in srgb,var(--icon-color) 24%,transparent);color:#fff}.dashboard .color-icon .icon{width:26px;height:26px;stroke-width:2.5}.dashboard .color-icon.electric-blue{--icon-color:#3a8af4;--icon-top:#71b0ff;--icon-bottom:#2563bd}.dashboard .color-icon.electric-cyan{--icon-color:#08b9df;--icon-top:#60d8f0;--icon-bottom:#047f9c}.dashboard .color-icon.electric-pink{--icon-color:#e645a0;--icon-top:#f884c5;--icon-bottom:#ae2673}.dashboard .color-icon.electric-amber{--icon-color:#ffb51b;--icon-top:#ffd866;--icon-bottom:#c47b05}.dashboard .color-icon.electric-lime{--icon-color:#67c816;--icon-top:#adea67;--icon-bottom:#408b07}.dashboard .color-icon.electric-purple{--icon-color:#9b52ed;--icon-top:#c496ff;--icon-bottom:#6c2ebb}.dashboard .color-icon.electric-orange{--icon-color:#fb762f;--icon-top:#ffb078;--icon-bottom:#be4712}.dashboard .color-icon.electric-teal{--icon-color:#04b49d;--icon-top:#52decb;--icon-bottom:#087a6b}.connection-default{display:inline-block;border-radius:5px;background:#2d3c50;color:#95bcf4;font-size:10px;margin:5px 5px 0 0;padding:2px 5px}.connection-demo-label{display:inline-block;color:#a8a0b2;font-size:8px;letter-spacing:.8px;border:1px solid #514659;border-radius:4px;padding:2px 4px;margin:4px 0}.connection-name .phone-icon{background:linear-gradient(145deg,#7ccf24,#42a900);border:1px solid #b4eb76;box-shadow:0 4px #2c7500}
/* Flows: folder navigation and a compact, usable table. */
body[data-route=flujos] .page-header{height:92px;padding:0 20px;border-bottom:0}.flow-library-heading{gap:13px}.flow-library-heading h1{font-size:21px;color:var(--text);font-weight:700;letter-spacing:0}.flow-library-heading p{font-size:14px;margin-top:6px;color:#c4bdce}.flow-heading-icon>.icon{width:22px;height:22px}.flow-header-actions{display:flex;align-items:center;gap:8px}.flow-header-actions .btn{font-size:13px;height:40px;border-radius:8px;padding:9px 15px}.flow-header-actions .secondary{background:#292730}.flow-library{padding:0 18px 13px;min-height:calc(100svh - 92px);display:flex;flex-direction:column}.flow-library-search{min-height:40px;border-radius:6px;background:#242328}.flow-library-search input{font-size:13px}.flow-status-filters{display:flex;align-items:center;gap:8px;margin:12px 0 18px}.flow-status-filters button{display:flex;align-items:center;gap:6px;background:#242328;color:#c6bfce;border:1px solid #38373e;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:650;min-height:31px}.flow-status-filters button.selected{background:#347ff0;color:white;border-color:#569bfa}.flow-status-filters i{display:block;width:8px;height:8px;border-radius:50%}.flow-status-filters i.active{background:#27cb6e}.flow-status-filters i.paused{background:#f04f68}.flow-library-layout{display:grid;grid-template-columns:255px minmax(0,1fr);flex:1;min-height:calc(100svh - 205px);background:#242328;border:1px solid #38373e;border-radius:6px;overflow:hidden}.flow-folders{padding:10px 6px;border-right:1px solid #38373e;min-width:0}.flow-folders h2{font-size:10px;font-weight:500;color:#aaa1b8;margin:0 6px 10px;letter-spacing:.15px}.flow-folders button{display:flex;align-items:center;gap:6px;text-align:left;width:100%;min-height:33px;padding:7px 12px;color:#c6bfce;background:transparent;border-radius:7px;font-size:13px;font-weight:600;overflow-wrap:anywhere}.flow-folders button.selected{background:#347ff0;color:white}.flow-folders button .icon{width:17px;height:17px;padding:2px;background:#0003;border-radius:4px}.flow-library-content{min-width:0}.flow-library-content>h2{height:44px;display:flex;align-items:center;padding:0 28px;font-size:14px;font-weight:600;border-bottom:1px solid #38373e;letter-spacing:0}.flow-table-scroll{overflow-x:auto;margin:0 0 0 16px}.flow-library-table{width:100%;min-width:700px;table-layout:auto}.flow-library-table th{font-size:10px;color:#aaa1b8;font-weight:500;height:33px;padding:9px 16px;border-bottom:1px solid #38373e;letter-spacing:.25px}.flow-library-table th:first-child{width:60%}.flow-library-table th:nth-child(2){width:11%}.flow-library-table th:nth-child(3){width:9%}.flow-library-table th:last-child{width:20%}.flow-library-table td{padding:12px 16px;border-bottom:1px solid #3b383f;height:53px;font-size:12px;white-space:nowrap}.flow-library-table tr:last-child td{border-bottom:0}.flow-library-table tr.flow-active td:first-child{border-left:2px solid #23c569}.flow-library-table tr.flow-paused td:first-child{border-left:2px solid #e75d72}.flow-name-button{display:flex;align-items:center;gap:8px;text-align:left;background:none;color:var(--text);font-size:14px;font-weight:650;padding:0;white-space:normal}.flow-name-button i{width:10px;height:10px;background:#23c569;flex-shrink:0;border-radius:50%}.flow-paused .flow-name-button i{background:#e75d72}.flow-name-button:hover{text-decoration:underline}.flow-state-chip{display:inline-flex;align-items:center;gap:5px;background:#1c4b363d;border:1px solid #285b3c;border-radius:4px;color:#23d478;padding:4px 8px;font-size:10px;font-weight:650}.flow-state-chip i{width:6px;height:6px;background:currentColor;border-radius:50%}.flow-state-chip.paused{background:#53273240;border-color:#62313d;color:#f1899b}.flow-blocks{display:flex;align-items:center;gap:5px;font-size:12px}.flow-blocks .icon{width:13px;height:13px;color:#8e9fff}.flow-library-table time{color:#cbc3d5}.flow-library-table td.flow-library-empty{height:165px;text-align:center;white-space:normal;color:var(--muted);font-size:13px}
/* Reference dialogs share the charcoal palette and preserve their distinct accents. */
#modal:where([data-kind]:not([data-kind=""])){padding:0;background:#1b1a1f;border:1px solid #38373e;border-radius:16px;max-width:calc(100vw - 28px);max-height:calc(100svh - 28px);color:#f4f1f6;overflow-y:auto;box-shadow:0 25px 100px #0009}#modal:where([data-kind]:not([data-kind=""])) #modal-content{padding:0}#modal:where([data-kind]:not([data-kind=""])) .modal-head{background:#242328;border-bottom:1px solid #45414a;padding:21px 26px;min-height:64px;gap:15px}#modal:where([data-kind]:not([data-kind=""])) .modal-head h2{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:650;letter-spacing:-.3px}#modal:where([data-kind]:not([data-kind=""])) .modal-head>.icon-btn{width:25px;height:25px;border:0;background:none;color:#b2aab9;font-size:20px}#modal:where([data-kind]:not([data-kind=""]))::backdrop{background:#000b;backdrop-filter:blur(2px)}.reference-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px 23px;background:#242328;border-top:1px solid #45414a;min-height:67px}.reference-modal-footer .btn{font-size:14px;min-height:39px;border-radius:11px;padding:9px 17px}.outline-cancel{background:transparent;border:1px solid #706777;color:#aaa1b5}.text-close{background:none;color:#32cce0;border:0}.reference-modal-footer .primary{background:#3489fa;border:1px solid #4898ff;box-shadow:0 2px 8px #328eff20}.reference-form-body{padding:25px 28px}.reference-form-body>.modal-description{font-size:14px;margin-bottom:22px}.reference-demo-note{font-size:11px;line-height:1.5;color:#a59aaf;margin-top:16px}.reference-form-body .floating-field{margin-top:18px}.floating-field{display:block;position:relative;min-width:0}.floating-field>span{position:absolute;top:-9px;left:12px;padding:0 5px;background:#1b1a1f;color:#4697ff;font-size:13px;line-height:18px;z-index:1}.floating-field input{width:100%;height:45px;min-width:0;padding:9px 14px;border:2px solid #348aff;border-radius:9px;background:#1b1a1f;color:#f0eaf5;box-shadow:0 2px 8px #1b80ff13;font-size:15px}.floating-field input:focus{outline:none;box-shadow:0 0 0 2px #368aff25}.floating-field input::placeholder{color:#a59aaf}.text-demo{background:none;color:#36cbb5;font-size:inherit;min-height:0;padding:0;border:0;border-radius:0;white-space:normal;text-decoration:underline;display:inline}.reference-form-body .form-field input{background:#1b1a1f;border-color:#49424f}.reference-form-body .form-field>span{color:#afa4bc}.reference-form-body .check-field{font-size:13px}
/* WhatsApp method picker. */
#modal[data-kind=connection-choice]{width:680px;border:2px solid #3b373f;border-radius:25px;padding:9px 0 24px}#modal[data-kind=connection-choice] .modal-head{background:transparent;border:0;padding:21px 27px 4px;min-height:0}#modal[data-kind=connection-choice] .modal-head h2{font-size:23px;font-weight:800}.connection-choice-subtitle{font-size:15px;font-weight:600;color:#a59dac;margin:0 27px 24px}.connection-choices{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:0 27px 3px}.connection-choice{--choice:#12b9ee;--choice-bottom:#0d90be;--choice-bg:#17343e;background:var(--choice-bg);border:2px solid var(--choice);border-radius:21px;box-shadow:0 6px 0 var(--choice-bottom);text-align:left;padding:20px 20px 21px;min-height:230px;color:white;transition:transform .15s,filter .15s}.connection-choice:hover{transform:translateY(-3px);filter:brightness(1.08)}.connection-choice.business-choice{--choice:#65cf00;--choice-bottom:#49a000;--choice-bg:#243b11}.connection-choice-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.luminous-icon{background:var(--choice);width:53px;height:53px;border:2px solid #ffffff55;border-radius:16px;display:grid;place-items:center;box-shadow:0 4px 0 var(--choice-bottom),inset 0 -5px 0 #0001}.luminous-icon .icon{width:29px;height:29px;stroke-width:2.3}.official-choice .luminous-icon .icon{fill:white;stroke-width:0}.recommended-chip{font-size:10px;border-radius:18px;background:var(--choice);color:white;font-weight:800;padding:6px 10px;white-space:nowrap}.connection-choice h3{font-size:19px;font-weight:800;line-height:1.3;margin-bottom:12px;letter-spacing:-.3px}.connection-choice p{font-size:13px;font-weight:600;line-height:1.7;color:#b5b0bc}
/* Official Cloud API overview. */
#modal[data-kind=cloud]{width:675px}#modal[data-kind=cloud] .modal-head h2>.icon{color:#338aff;fill:currentColor;width:27px;height:27px;stroke-width:0}.cloud-overview{padding:35px 39px 37px}.cloud-capacity{background:#1c2834;border:1px solid #334957;padding:23px 27px;border-radius:12px;min-height:120px}.cloud-capacity h3{font-size:16px;font-weight:750;margin-bottom:14px}.cloud-capacity>div{display:flex;align-items:center;gap:13px}.cloud-capacity>div>.icon{width:27px;height:27px;color:#2789ff;fill:currentColor;stroke-width:0}.cloud-capacity span{display:flex;flex-direction:column;gap:4px}.cloud-capacity strong{font-size:17px}.cloud-capacity small{color:#a198ac;font-size:14px}.cloud-connection-status{display:flex;align-items:center;gap:27px;border:1px solid #f9b628;background:#3c2e13;border-radius:14px;padding:26px 31px;margin-top:26px;min-height:148px}.cloud-connection-status>.icon{width:44px;height:44px;color:#ffa900;stroke-width:2.4}.cloud-connection-status>div>span{display:inline-block;padding:4px 9px;border-radius:20px;color:white;font-weight:750;background:#ff9900;font-size:13px;margin-bottom:10px}.cloud-connection-status p{font-size:18px;line-height:1.55}.cloud-connection-status.configured{border-color:#35bc79;background:#163c2c}.cloud-connection-status.configured>div>span{background:#248958;font-size:10px}.cloud-connection-status.configured>.icon{color:#5ed29b}.cloud-connect-action{display:flex;justify-content:center;margin:50px 0 28px}.cloud-connect-action .btn{min-height:66px;min-width:325px;border-radius:14px;font-size:19px;background:#217efa;box-shadow:0 5px 15px #167fff22}.cloud-connect-action .icon{width:23px;height:23px;fill:white;stroke-width:0}.cloud-benefits{background:#2b292f;padding:26px 27px;border-radius:15px}.cloud-benefits h3{font-size:16px;font-weight:700;margin-bottom:10px}.cloud-benefits ul{margin:0;padding-left:25px;line-height:1.6;font-size:16px}.cloud-benefits li{padding-left:0}#modal[data-kind=cloud] .reference-modal-footer{padding-top:10px;padding-bottom:10px}
/* Business name, default switch, and QR screen. */
#modal[data-kind=business]{width:1080px}.business-form-fields{display:flex;align-items:center;gap:25px;min-height:103px;padding:32px 28px 25px}.business-form-fields .floating-field{width:275px}.simple-switch{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:17px;white-space:nowrap;position:relative}.simple-switch input{position:absolute;opacity:0;width:42px;height:25px;left:0;top:0;cursor:pointer}.simple-switch-track{display:block;width:43px;height:22px;background:#605d64;border-radius:20px;position:relative}.simple-switch-track:after{content:'';width:22px;height:22px;position:absolute;left:0;top:0;border-radius:50%;background:#c8c4cb;transition:transform .15s}.simple-switch input:checked+.simple-switch-track{background:#227b51}.simple-switch input:checked+.simple-switch-track:after{transform:translateX(21px);background:#23c975}.simple-switch input:focus-visible+.simple-switch-track{outline:2px solid #5caaff;outline-offset:4px}#modal[data-kind=business] .reference-modal-footer{padding:10px}.business-form-fields~.form-error:not([hidden]){padding:0 28px 15px}#modal[data-kind=qr]{width:1240px}#modal[data-kind=qr] .modal-head{padding:15px 23px;border:0;background:#1b1a1f;min-height:45px}#modal[data-kind=qr] .modal-head h2{font-size:15px;color:#a59aac}.qr-connection-layout{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:25px;padding:8px 26px 25px}.qr-instructions h3{font-size:21px;font-weight:750;margin-bottom:12px}.qr-instructions ol{padding:0 0 0 21px;font-size:16px;line-height:1.8;margin:0}.qr-instructions li{margin:5px 0;padding-left:2px}.qr-instructions .icon{width:18px;height:18px;margin:0 2px}.qr-instructions strong{font-weight:550}.qr-instructions .reference-demo-note{margin-top:25px;max-width:470px}.demo-qr-frame{margin:0;background:#353239;padding:23px 23px 12px;border-radius:15px}.demo-qr-frame img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:white}.demo-qr-frame figcaption{text-align:center;font-size:12px;color:#c0b5c9;margin-top:12px}
/* Activator dialog with its coral header and colored field markers. */
#modal[data-kind=activator]{width:675px;background:#1b1a1f;border:0}#modal[data-kind=activator] .modal-head{background:linear-gradient(110deg,#f98b67,#e76641);border:0;padding:13px 18px;min-height:60px}#modal[data-kind=activator] .modal-head h2{font-size:17px;font-weight:700;color:white;gap:10px}#modal[data-kind=activator] .modal-head>.icon-btn{color:white}.modal-title-icon{width:34px;height:34px;border-radius:10px;background:#ffffff24;display:grid;place-items:center}.modal-title-icon>.icon{width:18px;height:18px;fill:white;stroke-width:0}.activator-form-body{padding:18px}.activator-description{font-size:13px;line-height:1.6;color:#aaa1b0;font-style:italic;margin-bottom:13px}.activator-field{display:block;margin:11px 0 0}.activator-field-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:5px}.field-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;flex-shrink:0;font-style:normal}.field-symbol .icon{width:15px;height:15px;stroke-width:2}.field-symbol.symbol-purple{background:#4f23662b;color:#a45eff}.field-symbol.symbol-cyan{background:#16425847;color:#28b3f5}.field-symbol.symbol-green{background:#165b3540;color:#1bda70}.field-symbol.symbol-amber{background:#77541633;color:#ffb316}.activator-field input,.activator-field select{width:100%;height:42px;border:1px solid #514957;background:#1b1a1f;border-radius:10px;color:#e2dae8;padding:9px 13px;font-size:14px}.activator-field input::placeholder{color:#a89eaf}.activator-field select:has(option:checked[value=""]){color:#a89eaf}.activator-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.setting-switch{--switch-accent:#21cb69;display:flex;align-items:center;gap:7px;border:1px solid #28523d;border-radius:11px;padding:10px;background:#18362933;position:relative;cursor:pointer}.setting-switch.switch-cyan{--switch-accent:#1dacef;border-color:#274e67;background:#16304433}.setting-switch>.field-symbol{background:color-mix(in srgb,var(--switch-accent) 12%,transparent);color:var(--switch-accent)}.setting-switch-label{display:flex;flex-direction:column;line-height:1.3}.setting-switch-label strong{font-size:13px;color:#f1eaf5}.setting-switch-label small{font-size:11px;color:var(--switch-accent);margin-top:2px}.setting-switch input{position:absolute;right:12px;top:18px;width:32px;height:20px;margin:0;opacity:0;cursor:pointer}.setting-switch-track{display:block;width:32px;height:12px;position:relative;border-radius:10px;background:#5f555f;margin-left:auto;flex-shrink:0}.setting-switch-track:after{content:'';position:absolute;width:18px;height:18px;left:0;top:-3px;background:#a79aa9;border-radius:50%;transition:transform .15s}.setting-switch input:checked+.setting-switch-track{background:color-mix(in srgb,var(--switch-accent) 45%,#1b1a1f)}.setting-switch input:checked+.setting-switch-track:after{background:var(--switch-accent);transform:translateX(14px)}.setting-switch input:focus-visible+.setting-switch-track{outline:2px solid var(--switch-accent);outline-offset:5px}#modal[data-kind=activator] .reference-modal-footer{border:0;background:#1b1a1f;padding:15px 18px 20px;min-height:70px}#modal[data-kind=activator] .reference-modal-footer .btn{font-size:13px;border-radius:10px;min-height:38px}#modal[data-kind=activator] .reference-modal-footer .outline-cancel{border-color:#b4aaba;color:#c9bfce}
/* Provider-specific model pickers. */
#modal[data-kind=openai],#modal[data-kind=claude]{width:500px;border:0}#modal[data-kind=openai]{--provider-accent:#ffb400;--provider-button:#00a68b;--provider-link:#00b59a}#modal[data-kind=claude]{--provider-accent:#df7954;--provider-button:#df7954;--provider-link:#df7954}#modal[data-kind=openai] .modal-head,#modal[data-kind=claude] .modal-head{padding:21px 25px;min-height:77px}#modal[data-kind=openai] .modal-head h2,#modal[data-kind=claude] .modal-head h2{font-size:17px}.provider-logo{width:34px;height:34px;display:block;flex-shrink:0;background-color:white;border-radius:8px;background-repeat:no-repeat}.provider-logo.openai-logo{background-image:url('/openai-dialog-reference.png');background-size:527px 642px;background-position:-42px -34px}.provider-logo.claude-logo{background-image:url('/claude-dialog-reference.png');background-size:517px 730px;background-position:-36px -32px}.provider-form-body{padding:21px 25px 25px}.provider-description{color:#aaa0b1;font-size:13px;line-height:1.5;margin-bottom:14px}.provider-help-links{display:flex;align-items:center;gap:12px;margin:0 0 22px}.provider-help-links a{border:1px solid var(--provider-link);color:var(--provider-link);border-radius:15px;padding:6px 10px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:600;flex:1}.provider-help-links .icon{width:14px;height:14px}.provider-help-links a:hover{background:#ffffff06}#modal[data-kind=claude] .provider-help-links a{flex:initial;padding-left:12px;padding-right:12px}.provider-form-body h3{font-size:13px;font-weight:750;margin:19px 0 8px}.key-demo-helper{font-size:10px;color:#a59aaf;line-height:1.4;margin-top:8px}.key-demo-helper .btn{font-size:10px;color:var(--provider-link)}.model-reference-note{font-size:11px;line-height:1.5;color:#a096a7;margin-bottom:10px}.provider-models{display:flex;flex-direction:column;gap:8px}.provider-model{display:flex;align-items:center;gap:9px;padding:11px 10px;background:#212025;border:1px solid #3d3941;border-radius:12px;min-height:71px;position:relative;cursor:pointer}.provider-model input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0}.provider-model.selected{border-color:var(--provider-accent);background:color-mix(in srgb,var(--provider-accent) 11%,#1b1a1f);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--provider-accent) 30%,transparent)}.provider-model:focus-within{outline:2px solid #6cacff;outline-offset:2px}.model-index{min-width:61px;display:flex;flex-direction:column;align-items:center;line-height:1.2;flex-shrink:0}.model-index small{font-size:8px;color:#a094a9}.model-index strong{font-size:17px;line-height:1.2;color:#04c09e}.provider-model.selected .model-index strong{color:var(--provider-accent)}.model-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.model-details>strong{font-size:13px;line-height:1.3;display:flex;gap:6px;align-items:center;flex-wrap:wrap;letter-spacing:-.25px;color:#f5f0f8}.model-details>strong>b{display:inline-block;font-size:8px;font-weight:650;background:var(--provider-accent);color:#31200b;padding:2px 4px;border-radius:3px;letter-spacing:0}.model-details>span{font-size:12px;line-height:1.3;color:#a79bac}.model-price{width:60px;flex-shrink:0;text-align:center;display:flex;flex-direction:column;line-height:1.2}.model-price small{font-size:8px;color:#a699ac}.model-price strong{font-size:15px;font-weight:750}.model-selected-check{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--provider-accent);color:#2d2118;flex-shrink:0;opacity:0}.model-selected-check .icon{width:12px;height:12px;stroke-width:2.3}.provider-model.selected .model-selected-check{opacity:1}.model-profile{font-size:11px;font-weight:800;color:var(--provider-accent);min-width:84px;flex-shrink:0;padding-left:7px}#modal[data-kind=claude] .provider-model{padding:12px 11px;min-height:73px}#modal[data-kind=claude] .model-details>strong>b{color:#fff;font-size:8px;text-transform:uppercase}#modal[data-kind=claude] .model-details>strong{font-size:13px}#modal[data-kind=claude] .provider-model.selected{border-width:2px;padding:11px 10px}.provider-form-body .reference-demo-note{font-size:10px;margin-top:13px;color:#8f839a}.provider-connect{background:var(--provider-button);color:white;border-radius:18px!important;font-size:14px}.disconnect-ai{margin-right:auto;background:none;color:#c58c8c;font-size:11px!important;padding-left:0!important}.provider-form-body .floating-field input{font-size:16px;height:47px}#modal[data-kind=openai] .reference-modal-footer,#modal[data-kind=claude] .reference-modal-footer{padding:13px 25px;min-height:64px}.provider-form-body .form-error{font-size:12px}
/* Meta CAPI Cloud account and event selection. */
#modal[data-kind=capi]{width:675px;border:0}#modal[data-kind=capi] .modal-head{padding:18px 25px;min-height:58px}#modal[data-kind=capi] .modal-head h2{font-size:18px;letter-spacing:0}.capi-form-body{padding:23px 27px 26px}.capi-info{display:flex;align-items:flex-start;gap:14px;background:#192f40;padding:27px 28px;border-radius:15px;color:#e6ecf2}.capi-info>.icon{width:23px;height:23px;color:#3292ff;margin-top:3px}.capi-info p{font-size:15px;line-height:1.55;font-weight:500}.capi-account-select{display:block;margin-top:36px}.capi-account-select select{width:100%;height:45px;min-width:0;padding:10px 14px;border:1px solid #524957;background:#1b1a1f;border-radius:14px;color:#c0b5c9;font-size:16px}.capi-account-hint{font-size:12px;color:#a296ab;margin-top:5px;line-height:1.5}.capi-account-hint .text-demo{font-size:11px}.capi-form-body>h3{font-size:17px;font-weight:700;margin:32px 0 25px}.capi-event-picker{border:1px solid #524957;border-radius:13px;background:#1b1a1f;position:relative}.capi-event-picker>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:10px 10px;min-height:53px;position:relative}.capi-event-picker>summary>.icon{margin-left:auto;width:14px;height:14px;flex-shrink:0}.capi-events-label{position:absolute;top:-10px;left:10px;background:#1b1a1f;padding:0 6px;color:#bbb1c3;font-size:13px}#capi-event-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}.capi-event-chip{display:inline-flex;align-items:center;gap:8px;background:#4a454e;border-radius:20px;font-size:13px;line-height:1.3;padding:6px 8px 6px 12px;color:#f1eaf6}.capi-event-chip button{display:grid;place-items:center;width:20px;height:20px;background:#777079;color:#302b34;border-radius:50%;padding:0;flex-shrink:0}.capi-event-chip .icon{width:13px;height:13px;stroke-width:2.5}.capi-event-options{border-top:1px solid #49404f;padding:9px 12px}.capi-event-options label{display:flex;gap:9px;align-items:center;font-size:13px;color:#c7bbd1;padding:9px 0}.capi-event-options input{accent-color:#3888f9;width:15px;height:15px;margin:0}.capi-account-fields{margin-top:24px}.capi-account-fields .check-field{font-size:12px;margin:18px 0;color:#c1b5cc}.capi-account-fields>.floating-field:last-child{margin-top:23px}.capi-form-body .reference-demo-note{font-size:10px;margin-top:17px}#modal[data-kind=capi] .reference-modal-footer{padding:10px}.capi-form-body .form-error{margin-top:13px}
@media(max-width:1200px){.flow-library-layout{grid-template-columns:210px minmax(0,1fr)}.flow-header-actions .btn{font-size:12px;padding:9px 12px}.flow-library-heading p{font-size:12px}.qr-instructions ol{font-size:14px}.qr-instructions h3{font-size:19px}.qr-connection-layout{gap:23px;padding:8px 23px 23px}}
@media(max-width:760px){body[data-route=flujos] .page-header{height:auto;min-height:132px;padding:17px 15px;align-items:flex-start;flex-wrap:wrap;gap:14px}.flow-library-heading{gap:9px}.flow-library-heading h1{font-size:20px}.flow-library-heading p{font-size:12px;margin-top:4px}.flow-heading-icon{display:none}.flow-header-actions{width:100%;justify-content:flex-end}.flow-header-actions .btn{font-size:12px;height:36px;padding:8px 11px}.flow-library{padding:0 14px 14px;min-height:calc(100svh - 132px)}.flow-library-layout{grid-template-columns:170px minmax(0,1fr);min-height:calc(100svh - 243px)}.flow-folders button{font-size:12px;padding-left:8px}.flow-library-content>h2{padding-left:17px;font-size:13px}.flow-table-scroll{margin-left:0}.flow-library-table{min-width:640px}.flow-library-table th:first-child{width:48%}.flow-library-table th,.flow-library-table td{padding-left:12px;padding-right:12px}.flow-name-button{font-size:13px}.dashboard .metric-card{height:147px}.dashboard .color-icon{width:43px;height:43px;border-radius:10px}.dashboard .color-icon .icon{width:24px;height:24px}.connection-choices{padding:0 20px;gap:14px}.connection-choice{padding:17px 15px;min-height:241px}.connection-choice h3{font-size:17px}.connection-choice p{font-size:12px}.recommended-chip{font-size:8px;padding:5px 7px}.luminous-icon{width:46px;height:46px;border-radius:14px}.connection-choice-top{gap:7px}.cloud-overview{padding:25px}.cloud-capacity{padding:20px;min-height:112px}.cloud-connection-status{padding:22px;gap:20px;min-height:137px}.cloud-connection-status p{font-size:16px}.cloud-connect-action{margin:32px 0 25px}.cloud-connect-action .btn{font-size:17px;min-width:0;width:100%;max-width:325px;min-height:58px}.cloud-benefits{padding:21px}.cloud-benefits ul{font-size:14px}.business-form-fields{padding:30px 23px;gap:20px}.business-form-fields .floating-field{width:55%}.simple-switch{font-size:15px;gap:9px}.qr-connection-layout{grid-template-columns:1fr;padding:5px 22px 22px;gap:24px}.qr-instructions{order:2}.demo-qr-frame{max-width:355px;width:100%;margin:auto;padding:17px 17px 10px}.qr-instructions h3{font-size:18px}.qr-instructions ol{font-size:14px}.qr-instructions .reference-demo-note{margin-top:15px}.qr-connection-layout+.reference-modal-footer{gap:7px;flex-wrap:wrap;padding:12px 18px}.qr-connection-layout+.reference-modal-footer .btn{font-size:12px;padding:8px 11px;min-height:35px}.provider-form-body{padding:21px 22px}.capi-form-body{padding:23px}.capi-info{padding:23px 22px;gap:11px}.capi-info p{font-size:14px}.capi-account-select select{font-size:15px}.activator-field input,.activator-field select{font-size:14px}.model-details>strong{font-size:12px}.model-details>span{font-size:11px}.model-price{width:54px}.model-index{min-width:51px}}
@media(max-width:520px){.flow-library-layout{grid-template-columns:1fr;min-height:calc(100svh - 251px)}.flow-folders{border-right:0;border-bottom:1px solid #38373e;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:9px}.flow-folders h2{display:none}.flow-folders button{width:auto;flex-shrink:0;padding:7px 11px;white-space:nowrap}.flow-library-content>h2{padding-left:13px}.flow-status-filters{margin-bottom:13px}.flow-library-table{min-width:640px}.flow-library-layout{display:flex;flex-direction:column}.flow-library-content{flex:1}.connection-choices{grid-template-columns:1fr;gap:20px;padding:0 20px}.connection-choice{min-height:0;padding:17px 19px 20px;border-radius:19px}.connection-choice-top{margin-bottom:12px}.connection-choice h3{font-size:19px;margin-bottom:8px}.connection-choice p{font-size:13px;line-height:1.65}.recommended-chip{font-size:10px;padding:6px 10px}#modal[data-kind=connection-choice] .modal-head{padding-left:20px;padding-right:17px}#modal[data-kind=connection-choice] .modal-head h2{font-size:21px}.connection-choice-subtitle{margin-left:20px;margin-right:20px;font-size:13px;margin-bottom:20px}#modal:where([data-kind]:not([data-kind=""])) .modal-head{padding-left:19px;padding-right:17px}#modal:where([data-kind]:not([data-kind=""])) .modal-head h2{font-size:16px}.cloud-overview{padding:20px}.cloud-capacity h3{font-size:14px}.cloud-connection-status{padding:19px 16px;gap:15px}.cloud-connection-status>.icon{width:33px;height:33px}.cloud-connection-status p{font-size:15px}.cloud-connection-status>div>span{font-size:11px}.cloud-benefits{padding:19px 17px}.cloud-benefits h3{font-size:14px}.cloud-benefits ul{font-size:13px}.business-form-fields{flex-direction:column;align-items:stretch;gap:25px;padding:29px 22px}.business-form-fields .floating-field{width:100%}.simple-switch{font-size:16px}.activator-form-body{padding:16px}.activator-description{font-size:12px}.activator-field-label{font-size:13px}.activator-switches{gap:8px}.setting-switch{padding:10px 8px;gap:5px}.setting-switch .field-symbol{width:25px;height:28px}.setting-switch-label strong{font-size:12px}.setting-switch-label small{font-size:10px}.setting-switch-track{width:27px}.setting-switch input:checked+.setting-switch-track:after{transform:translateX(9px)}.provider-form-body{padding:20px 19px}.provider-description{font-size:12px}.provider-help-links{gap:8px;flex-wrap:wrap}.provider-help-links a{font-size:10px;gap:5px;padding:6px 9px}.provider-help-links .icon{width:12px;height:12px}.provider-form-body .floating-field>span{font-size:12px}.provider-form-body h3{font-size:13px}.provider-model{gap:7px;padding:11px 7px}.model-details>strong{font-size:12px}.model-details>strong>b{font-size:7px}.model-details>span{font-size:10px}.model-index{min-width:43px}.model-index small,.model-price small{font-size:7px}.model-index strong{font-size:15px}.model-price{width:47px}.model-price strong{font-size:13px}.model-selected-check{width:15px;height:15px}.model-profile{min-width:70px;font-size:9px;padding-left:0}#modal[data-kind=claude] .provider-model{padding:11px 9px}#modal[data-kind=claude] .provider-model.selected{padding:10px 8px}#modal[data-kind=claude] .model-details>strong{font-size:12px}#modal[data-kind=claude] .model-details>span{font-size:11px}#modal[data-kind=openai] .reference-modal-footer,#modal[data-kind=claude] .reference-modal-footer{padding:12px 17px;gap:5px}.reference-modal-footer .btn{font-size:13px;padding:8px 13px}.capi-form-body{padding:22px 19px}.capi-info{padding:20px 16px;gap:10px}.capi-info p{font-size:13px}.capi-info>.icon{width:20px;height:20px}.capi-account-select{margin-top:29px}.capi-form-body>h3{font-size:16px;margin-top:25px}.capi-event-chip{font-size:11px;padding:5px 6px 5px 9px;gap:7px}.capi-event-chip button{width:18px;height:18px}.capi-events-label{font-size:12px}.capi-event-options label{font-size:12px}}
@media(max-width:385px){.setting-switch .field-symbol{display:none}.provider-help-links a{font-size:9px;padding:6px 7px}.model-index{min-width:37px}.model-price{width:42px}.provider-model{gap:5px}.model-profile{min-width:65px}.dashboard .metric-card{height:147px}.dashboard .metric-label h2{font-size:10px}}
.light .flow-library-search,.light .flow-library-layout{background:#fff;border-color:#dad4df}.light .flow-library-heading p{color:#77697f}.light .flow-folders{border-color:#ddd6e4}.light .flow-folders button{color:#64566e}.light .flow-folders button.selected{color:white}.light .flow-library-content>h2,.light .flow-library-table th,.light .flow-library-table td{border-color:#dfd8e5}.light .flow-library-table time{color:#72617e}.light .flow-status-filters button{background:#f1edf5;color:#75647f;border-color:#ddd5e6}.light .flow-status-filters button.selected{background:#347ff0;color:white}

.connection-name .phone-icon.cloud-phone{background:linear-gradient(145deg,#55c9ff,#079bd7);border-color:#89ddff;box-shadow:0 4px #08749c}

/* Original platform logos; compensate transparent padding without stretching. */
.platform-logo{--platform-size:24px;position:relative;display:inline-block;width:var(--platform-size);height:var(--platform-size);flex:0 0 var(--platform-size);overflow:hidden}
.platform-logo img{position:absolute;display:block;max-width:none;width:100%;height:auto;top:0;left:0}
.platform-logo-whatsapp img{width:147.806%;left:-24.249%;top:-24.018%}
.platform-logo-whop img{width:111.111%;left:-5.556%;top:50%;transform:translateY(-50%)}
.dashboard [data-segment="provider"]{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.dashboard [data-segment="provider"] .platform-logo{--platform-size:20px}
@media(max-width:760px){.connection-tabs .platform-logo{--platform-size:20px}}