*{box-sizing:border-box}:root{--wa-green: #00a884;--wa-green-dark: #008f72;--wa-bg: #6f9f92;--wa-header: #f0f2f5;--bot-bubble: #ffffff;--user-bubble: #d9fdd3;--text: #111b21;--muted: #667781;--danger: #c0392b;--ok: #1e8e3e;--radius: 10px;--brand: #00a884;--brand-dark: #008f72;--bg: #f0f2f5}html,body{margin:0;padding:0;background:var(--wa-bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;overflow-x:hidden}#root{min-height:100dvh}.chat-shell{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--wa-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.5' opacity='0.13' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(14 16) rotate(-8)'%3E%3Crect width='36' height='24' rx='6'/%3E%3Cpath d='M10 24l-3 8 10-8'/%3E%3Cpath d='M9 9h19M9 15h12'/%3E%3C/g%3E%3Cg transform='translate(84 22) rotate(10)'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3Cpath d='M14 14l7 7'/%3E%3C/g%3E%3Cg transform='translate(134 10)'%3E%3Ccircle cx='13' cy='13' r='13'/%3E%3Cpath d='M13 6v7l5 3'/%3E%3C/g%3E%3Cg transform='translate(198 20) rotate(-14)'%3E%3Cpath d='M2 22l3-8L17 2l5 5-12 12-8 3z'/%3E%3Cpath d='M14 5l5 5'/%3E%3C/g%3E%3Cg transform='translate(244 14) rotate(8)'%3E%3Crect width='20' height='26' rx='3'/%3E%3Cpath d='M10 19v-9m0 0l-4 4m4-4l4 4'/%3E%3C/g%3E%3Cg transform='translate(8 84) rotate(-6)'%3E%3Crect width='32' height='20' rx='4'/%3E%3Ctext x='4' y='15' font-size='11' font-family='Arial' font-weight='700' fill='%23ffffff' stroke='none'%3E24%3C/text%3E%3Ccircle cx='25' cy='10' r='4'/%3E%3Cpath d='M25 8v2l2 1'/%3E%3C/g%3E%3Cg transform='translate(66 88) rotate(16)'%3E%3Ccircle cx='11' cy='11' r='11'/%3E%3Cpath d='M6 16L16 6m-4-2l6 6'/%3E%3C/g%3E%3Cg transform='translate(120 76) rotate(-6)'%3E%3Cpath d='M2 8a9 9 0 0 1 18 0z'/%3E%3Cpath d='M5 12l-2 5M11 12v5M17 12l2 5'/%3E%3C/g%3E%3Cg transform='translate(178 82) rotate(-10)'%3E%3Crect width='16' height='26' rx='4'/%3E%3Cpath d='M4 8h8v6H8l-3 3v-3H4z'/%3E%3C/g%3E%3Cg transform='translate(236 80) rotate(8)'%3E%3Cpath d='M0 4h20M7 4V1h6v3'/%3E%3Cpath d='M2 4l2 20h12l2-20'/%3E%3Cpath d='M7 9v10m6-10v10'/%3E%3C/g%3E%3Cg transform='translate(16 152) rotate(-8)'%3E%3Cpath d='M2 8h18v7a7 7 0 0 1-7 7h-4a7 7 0 0 1-7-7z'/%3E%3Cpath d='M20 9h3a3 3 0 0 1 0 7h-3'/%3E%3Cpath d='M7 5V2m5 3V1'/%3E%3C/g%3E%3Cg transform='translate(70 148) rotate(6)'%3E%3Crect width='30' height='20' rx='2'/%3E%3Cpath d='M6 15V9m6 6V6m6 9v-4'/%3E%3Cpath d='M15 20v5m0-5l-8 7m8-7l8 7'/%3E%3C/g%3E%3Cg transform='translate(140 146) rotate(-8)'%3E%3Crect width='20' height='27' rx='3'/%3E%3Cpath d='M6 0h8v4H6z'/%3E%3Cpath d='M4 11l2 2 4-4m-6 11l2 2 4-4'/%3E%3Cpath d='M13 12h4m-4 8h4'/%3E%3C/g%3E%3Cg transform='translate(196 150) rotate(8)'%3E%3Crect width='26' height='24' rx='3'/%3E%3Cpath d='M0 7h26M6 0v4m14-4v4'/%3E%3Cpath d='M5 12h3m3 0h3m3 0h3M5 18h3m3 0h3'/%3E%3C/g%3E%3Cg transform='translate(10 216) rotate(6)'%3E%3Crect width='26' height='18' rx='2'/%3E%3Cpath d='M1 2l12 9L25 2'/%3E%3C/g%3E%3Cg transform='translate(64 224) rotate(-8)'%3E%3Crect width='30' height='20' rx='10'/%3E%3Cpath d='M8 20l-2 7 8-7'/%3E%3Ccircle cx='9' cy='10' r='1'/%3E%3Ccircle cx='15' cy='10' r='1'/%3E%3Ccircle cx='21' cy='10' r='1'/%3E%3C/g%3E%3Cg transform='translate(122 214)'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3Cpath d='M7 8c0-4 6-4 6 0 0 3-3 3-3 5m0 3v1'/%3E%3C/g%3E%3Cg transform='translate(170 220) rotate(10)'%3E%3Ccircle cx='9' cy='9' r='9'/%3E%3Cpath d='M9 4v5l4 2'/%3E%3C/g%3E%3Cg transform='translate(214 212) rotate(-6)'%3E%3Crect width='28' height='18' rx='3'/%3E%3Ctext x='4' y='13' font-size='10' font-family='Arial' font-weight='700' fill='%23ffffff' stroke='none'%3E24%3C/text%3E%3Ccircle cx='21' cy='9' r='3.5'/%3E%3Cpath d='M21 7v2l1.5 1'/%3E%3C/g%3E%3Cpath d='M52 60v5m-2.5-2.5h5M256 122v5m-2.5-2.5h5M112 252v5m-2.5-2.5h5M262 250v5m-2.5-2.5h5'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#8fb9ad,#6f9f92);background-size:280px 280px,auto}.chat-header{position:sticky;top:0;z-index:10;background:var(--wa-header);border-bottom:1px solid #e0e4e8;padding:8px 16px;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--wa-green),#4fc3a1);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.chat-header .who{flex:1;min-width:0}.chat-header .title{font-weight:600;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header .subtitle{font-size:12.5px;color:var(--wa-green)}.manager-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--wa-green);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.manager-btn:hover{background:var(--wa-green-dark)}.manager-btn:active{transform:scale(.95)}.manager-btn svg{width:20px;height:20px;fill:#fff}.restart-btn{flex-shrink:0;width:36px;height:36px;margin-right:8px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted)}.restart-btn:hover{background:#0000000f}.restart-btn svg{width:20px;height:20px;fill:currentColor}.chat-log{flex:1;padding:16px clamp(12px,6vw,90px) 12px;display:flex;flex-direction:column;gap:4px}.bubble{position:relative;max-width:min(72%,560px);padding:7px 10px 8px;border-radius:var(--radius);line-height:1.4;font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 1px #0000001a;margin-bottom:4px}.bubble .msg-time{float:right;margin:8px 0 0 8px;font-size:11px;color:var(--muted);-webkit-user-select:none;user-select:none}.bubble.bot{background:var(--bot-bubble);border-top-left-radius:2px;align-self:flex-start}.bubble.user{background:var(--user-bubble);border-top-right-radius:2px;align-self:flex-end}.msg-row{display:flex;align-items:flex-end;gap:8px}.msg-row.user{justify-content:flex-end}.msg-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--wa-green),#4fc3a1);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.system-badge{align-self:center;background:#fff;color:var(--muted);border-radius:999px;padding:6px 16px;font-size:13px;box-shadow:0 1px 1px #00000014;margin:6px 0}.bubble.card{max-width:min(92%,480px);width:100%}.q-text{font-weight:500;margin-bottom:10px}.q-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.q-option{text-align:left;background:#fafafa;border:1.5px solid #d8dee3;border-radius:10px;padding:9px 12px;font-size:13.5px;line-height:1.3;cursor:pointer;color:var(--text)}.q-option:not(:disabled):hover{border-color:var(--wa-green);background:#f2faf7}.q-option.selected{border-color:var(--wa-green);background:#eafaf1;box-shadow:0 0 0 1px var(--wa-green)}.q-option:disabled{cursor:default}.q-option:disabled:not(.selected){opacity:.75}.q-other{margin-top:10px}.q-other input{width:100%;border:1.5px solid #d8dee3;border-radius:10px;padding:9px 12px;font-size:14px;font-family:inherit}.q-other input:focus{outline:none;border-color:var(--wa-green)}.q-done{margin-top:10px;width:100%}.typing{align-self:flex-start;background:var(--bot-bubble);border-radius:var(--radius);border-top-left-radius:2px;box-shadow:0 1px 1px #0000001a;color:var(--muted);font-size:20px;letter-spacing:3px;line-height:1;padding:8px 12px 12px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.4}}.composer{position:sticky;bottom:0;z-index:10;padding:8px clamp(10px,4vw,60px) calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;max-height:52dvh;overflow-y:auto;background:linear-gradient(to top,var(--wa-bg) 85%,transparent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #cfd9d5;color:var(--wa-green-dark);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;line-height:1.3;cursor:pointer;text-align:left;box-shadow:0 1px 1px #00000014}.chip:hover{background:#f4faf8;border-color:var(--wa-green)}.chip.selected{background:var(--user-bubble);border-color:var(--wa-green);font-weight:600}.chip:disabled{opacity:.6;cursor:default}.input-row{display:flex;gap:8px;align-items:flex-end}.composer-bar{flex:1;display:flex;align-items:flex-end;gap:8px;background:#fff;border-radius:24px;padding:7px 12px;box-shadow:0 1px 2px #0000001a;min-width:0}.composer-icon{flex-shrink:0;width:24px;height:24px;color:#8696a0;align-self:flex-end;margin-bottom:4px;background:none;border:none;padding:0;cursor:pointer}.composer-icon:disabled{color:#c5ced4;cursor:default}.composer-icon.mic-active{color:#e53935;animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.45}}.composer-hint{position:absolute;bottom:100%;left:12px;right:12px;margin-bottom:6px;background:#33414d;color:#fff;font-size:13px;padding:8px 12px;border-radius:10px;z-index:5}.input-row{position:relative}.composer-icon svg{width:24px;height:24px;fill:currentColor}.chat-input{flex:1;border:none;outline:none;padding:8px 2px;font-size:15px;font-family:inherit;resize:none;max-height:120px;background:transparent;color:var(--text);min-width:0}.chat-input:disabled{color:var(--muted)}.chat-input::placeholder{color:#8696a0}.send-btn{width:46px;height:46px;border-radius:50%;background:var(--wa-green);color:#fff;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.send-btn svg{width:22px;height:22px;fill:#fff;margin-left:2px}.send-btn:disabled{background:#d1d7db;cursor:default;box-shadow:none}.send-btn:not(:disabled):active{background:var(--wa-green-dark)}.primary-btn{background:var(--wa-green);color:#fff;border:none;border-radius:24px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #00000026}.primary-btn:disabled{background:#d1d7db;cursor:default;box-shadow:none}.primary-btn:not(:disabled):active{background:var(--wa-green-dark)}.panel{background:#fff;border-radius:var(--radius);box-shadow:0 1px 1px #0000001a;padding:16px;margin:6px 0 10px;display:flex;flex-direction:column;gap:10px;align-self:flex-start;width:min(100%,460px)}.panel h3{margin:0 0 4px;font-size:16px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.field input,.field textarea,.field select{width:100%;border:1.5px solid #d1d7db;border-radius:10px;padding:10px 12px;font-size:15px;font-family:inherit;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--wa-green)}.field textarea{min-height:84px;resize:vertical}.consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted)}.consent input{margin-top:2px;accent-color:var(--wa-green)}.error-text{color:var(--danger);font-size:13px}.summary-card{border-left:4px solid var(--wa-green)}.summary-card .category{display:inline-block;background:var(--user-bubble);color:#075e54;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.admin-shell .panel{width:100%;align-self:stretch}.admin-shell{max-width:1000px;margin:0 auto;padding:16px;min-height:100dvh;background:var(--bg)}.admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.admin-nav a{text-decoration:none;color:var(--wa-green-dark);padding:8px 12px;border-radius:8px;background:#fff;font-size:14px}.admin-nav a.active{background:var(--wa-green);color:#fff}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #e3eaf1;vertical-align:top}.admin-table th{background:#eef3f8;font-weight:600}.table-wrap{overflow-x:auto}.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.badge.ok{background:#e3f4e8;color:var(--ok)}.badge.warn{background:#fdecea;color:var(--danger)}.badge.neutral{background:#eef3f8;color:var(--muted)}.step-editor{border:1px solid #e3eaf1;border-radius:10px;padding:12px;margin-bottom:10px;background:#fbfdfe}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kb-services{display:flex;flex-wrap:wrap;gap:6px 18px}.field .kb-services label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;color:inherit;white-space:nowrap;cursor:pointer}.field .kb-services input[type=checkbox]{width:auto;margin:0}.small-btn{background:#eef3f8;border:none;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;color:var(--wa-green-dark)}.small-btn.danger{color:var(--danger)}