:root{--brand:#1f4e79;--on-brand:#fff;--brand-text:#1f4e79;--bg:#fff;--fg:#1f2430;--muted:#5b6270;--line:#e6e8ee;--sys:#f1f3f7;--info:#fff7e0;--err:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}button,input,select,textarea{font:inherit}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:focus-visible{outline:3px solid var(--brand-text);outline-offset:2px}.shell{height:var(--vvh,100dvh);background:var(--bg);flex-direction:column;min-height:0;display:flex}.center{text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.col{flex-direction:column;gap:12px}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.head{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:12px;padding:12px 14px;display:flex}.avatar{background:var(--brand);width:40px;height:40px;color:var(--on-brand);border-radius:50%;place-content:center;font-weight:700;display:grid}.titles{flex:1;min-width:0}.name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.sub{color:var(--muted);font-size:13px}.close{cursor:pointer;width:44px;height:44px;color:var(--fg);background:0 0;border:0;border-radius:50%;font-size:26px;line-height:1}.close:hover{background:var(--sys)}.list{overscroll-behavior:contain;flex:1;padding:16px 14px;overflow-y:auto}.bubbles{flex-direction:column;gap:10px;display:flex}.row-s{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.row-a{justify-content:flex-end;display:flex}.bubble{white-space:pre-wrap;word-wrap:break-word;border-radius:16px;max-width:86%;padding:10px 14px}.bubble.sys{background:var(--sys);color:var(--fg);border-bottom-left-radius:6px;position:relative}.bubble.info{background:var(--info);color:var(--fg);font-size:14px}.bubble.me{background:var(--brand);color:var(--on-brand);text-align:left;cursor:pointer;border:0;border-bottom-right-radius:6px}.help{border:1px solid var(--muted);background:var(--bg);width:24px;height:24px;color:var(--muted);cursor:pointer;vertical-align:middle;border-radius:50%;margin-left:8px;font-size:13px}.typing{gap:4px;padding:12px 14px;display:inline-flex}.typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.dock{border-top:1px solid var(--line);background:var(--bg);padding:10px 14px 6px}.in{flex-direction:column;gap:8px;display:flex}.in input:not([type=checkbox]):not([type=file]),.in textarea,.in select{background:var(--bg);width:100%;min-height:44px;color:var(--fg);border:1px solid #b8bdc7;border-radius:10px;padding:10px 12px}.in textarea{resize:vertical}.row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}button.primary,a.primary{background:var(--brand);min-height:44px;color:var(--on-brand);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}button.primary:disabled{opacity:.5;cursor:default}button.secondary{border:2px solid var(--brand-text);background:var(--bg);min-height:44px;color:var(--brand-text);cursor:pointer;border-radius:999px;padding:0 18px;font-weight:600}button.ghost{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--fg);cursor:pointer;border-radius:999px;padding:0 14px}.wa{background:var(--brand)}.end{gap:10px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg);min-height:44px;color:var(--fg);cursor:pointer;border:1.5px solid #b8bdc7;border-radius:999px;padding:0 14px}.chip.on{border-color:var(--brand-text);background:var(--brand);color:var(--on-brand)}.group{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.cat{color:var(--muted);font-size:13px;font-weight:600}.phone{grid-template-columns:minmax(120px,40%) 1fr;gap:8px;display:grid}.check{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;font-size:14px;display:flex}.check input{width:22px;height:22px;accent-color:var(--brand);margin-top:2px}.consent{padding:4px 0}.link{color:var(--brand-text);font-size:14px}.err{color:var(--err);margin:0;font-size:14px}.files{flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.files li{justify-content:space-between;gap:8px;display:flex}.muted{color:var(--muted)}.quick{flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.qa{min-height:36px;color:var(--brand-text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.status{min-height:16px;color:var(--muted);text-align:right;font-size:12px}.badge{text-align:center;padding:6px 14px 10px;font-size:11px}.badge a{color:#4a5160;align-items:center;gap:5px;min-height:24px;text-decoration:none;display:inline-flex}.badge a:hover{text-decoration:underline}h2{margin:0;font-size:20px}.away{color:#6b4f00;background:#fff7e6;border-radius:10px;margin:0 12px 6px;padding:8px 12px;font-size:13px}.agents{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.qr{text-align:center;margin:12px auto 0}.qr svg{background:#fff;border:1px solid #e3e6ec;border-radius:10px;margin:0 auto 6px;padding:6px;display:block}.card-step{flex-direction:column;gap:10px;max-height:60vh;display:flex;overflow:auto}.card-step .f{border:0;flex-direction:column;gap:4px;margin:0;padding:0;display:flex}.card-step .fl{font-size:13px;font-weight:600}.card-step input,.card-step select,.card-step textarea{width:100%}.card-step .err{color:#b3261e;font-size:12px}.bubble.me.card{white-space:pre-line;text-align:left}.bubble .pic{border-radius:10px;max-width:100%;margin-bottom:8px;display:block}:root{--wa-header:#075e54;--wa-bg:#efeae2;--wa-sys:#fff;--wa-me:#d9fdd3;--wa-accent:#0b7a69;--wa-tick:#53bdeb}.head{background:var(--wa-header);color:#fff;border-bottom:0}.head .name,.head .sub,.head .titles{color:#fff}.head .sub{opacity:.92}.head button,.head .close{color:#fff}.avatar{color:var(--wa-header);background:#fff}.list{background:var(--wa-bg);background-image:radial-gradient(#00000008 1px,#0000 1px);background-size:14px 14px}.bubble{border-radius:10px;font-size:14.5px;line-height:1.4;box-shadow:0 1px .5px #0b141a21}.bubble.sys{background:var(--wa-sys);color:#111b21;border-top-left-radius:0;border-bottom-left-radius:10px}.bubble.me,.bubble.me.card{background:var(--wa-me);color:#111b21;border-top-right-radius:0;border-bottom-right-radius:10px}.bubble.me:hover{filter:brightness(.97)}.bubble.info{color:#111b21;background:#fff5d6}.bubble.sys.typing span{background:#8696a0}.dock{background:#f0f2f5;border-top:0}.in input:not([type=checkbox]):not([type=file]),.in textarea,.in select{background:#fff;border-color:#e9edef;border-radius:10px}button.primary,a.primary{background:var(--wa-accent);color:#fff}.qa{color:var(--wa-header)}.qa:hover{background:#e7f3ef}.away{background:#fff5d6}.card-step .fl{color:#54656f}.card-step{background:#fff;border:1px solid #e9edef;border-radius:14px;padding:16px 12px 12px}.card-step .f{padding-top:6px;position:relative}.card-step .fl{z-index:1;color:#8696a0;background:#fff;padding:0 5px;font-size:12px;font-weight:500;line-height:1.3;position:absolute;top:-3px;left:10px}.card-step .f input:not([type=checkbox]),.card-step .f select,.card-step .f textarea{background:#fff;border:1px solid #cfd6da;border-radius:10px;padding:13px 12px 11px;font-size:15px}.card-step .f input:focus,.card-step .f select:focus,.card-step .f textarea:focus{border-color:var(--wa-accent);outline-offset:0;outline:2px solid #0b7a6940}.card-step .f .phone{border:1px solid #cfd6da;border-radius:10px;overflow:hidden}.card-step .f .phone select,.card-step .f .phone input{border:0;border-radius:0}.card-step .f .phone select{border-right:1px solid #cfd6da}.card-step .err,.card-step .row{margin-top:4px}