:root{--ai-yellow: #ffb81c;--ai-black: #111111;--ai-text: #212121;--ai-white: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f5f5f5;color:var(--ai-text)}.page{min-height:100vh;display:grid;align-items:start;justify-items:center;padding:1rem}.chat{width:min(720px,100%);background:var(--ai-white);border:1px solid #e2e2e2;border-radius:14px;overflow:hidden;position:relative}.chatHeader{background:linear-gradient(165deg,#0d0d0d,#1a1a1a);color:var(--ai-yellow);padding:.75rem 1rem .85rem;font-weight:700;border-bottom:1px solid rgba(255,184,28,.12)}.chatHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.chatHeaderTitle{font-size:1.05rem;letter-spacing:.02em}.chatHeaderHint{margin:.5rem 0 0;font-size:.78rem;font-weight:500;color:#ffffff8c;line-height:1.35}.branchNav{display:inline-flex;gap:.35rem;padding:.2rem;background:#ffffff0f;border-radius:999px;border:1px solid rgba(255,184,28,.2)}.branchNav button{border:none;cursor:pointer;padding:.38rem .85rem;border-radius:999px;font-size:.82rem;font-weight:600;background:transparent;color:#ffffffbf;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.branchNav button:hover:not(:disabled){color:var(--ai-yellow);background:#ffb81c1a}.branchNav button:disabled{opacity:.55;cursor:not-allowed}.branchNav button.isActive{background:var(--ai-yellow);color:var(--ai-black);box-shadow:0 2px 10px #ffb81c59}.branchNav button:focus-visible{outline:2px solid var(--ai-yellow);outline-offset:2px}.messages{padding:1rem;display:grid;gap:.65rem;min-height:120px;max-height:52vh;overflow-y:auto}.bubble{max-width:80%;padding:.65rem .8rem;border-radius:10px}.bubble.user{margin-left:auto;background:var(--ai-yellow)}.bubble.bot{margin-right:auto;background:#f0f0f0}.bubble.success{background:#e9f8ee;border:1px solid #9cd5aa;color:#1a5a2d;animation:fadeInUp .22s ease-out}.bubble.warning{background:#fff6e8;border:1px solid #f3c98b;color:#7a4a10;animation:fadeInUp .22s ease-out}.bubble.error{background:#fff2f0;border:1px solid #f0a7a0;color:#7a271a;animation:fadeInUp .22s ease-out}.quickActions{display:flex;gap:.5rem;padding:0 1rem .8rem;flex-wrap:wrap}.welcomeActionsIntro{margin:0 1rem .35rem;font-size:.82rem;color:#6b7280}.quickActions button,.inputBar button{border:none;cursor:pointer;background:var(--ai-black);color:var(--ai-yellow);padding:.55rem .75rem;border-radius:8px}.inputBar{display:flex;gap:.5rem;padding:.8rem;border-top:1px solid #efefef;position:relative}.inputBar input{flex:1;border:1px solid #ddd;border-radius:8px;padding:.6rem .7rem}.ticketPanel{display:grid;gap:.45rem;padding:0 1rem .8rem}.leadPanel{margin:0 1rem .9rem;padding:.75rem;border:1px solid #dedede;border-radius:10px;background:#fafafa;animation:fadeInUp .18s ease-out}.ticketActionPanel .quickActions{padding:0 0 .65rem}.ticketActionPanel .quickActions button.isActive{background:var(--ai-yellow);color:var(--ai-black);font-weight:700}.ticketActionPanel .ticketPanel{padding:0}.panelHint{font-size:.88rem;color:#5e6673;margin-bottom:.2rem}.ticketPanel input,.ticketPanel textarea{border:1px solid #ddd;border-radius:8px;padding:.55rem .65rem}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.phoneField{display:flex;gap:.45rem;align-items:stretch;width:100%}.phoneFieldDial{flex:0 0 auto;min-width:8.25rem;max-width:44%;border:1px solid #ddd;border-radius:8px;padding:.5rem .45rem;font:inherit;background:var(--ai-white)}.phoneFieldLocal{flex:1;min-width:0;border:1px solid #ddd;border-radius:8px;padding:.55rem .65rem;font:inherit}.ticketPanel textarea{min-height:4.5rem;resize:vertical;font:inherit;line-height:1.4}.ticketPanel button{border:none;cursor:pointer;background:var(--ai-black);color:var(--ai-yellow);padding:.55rem .75rem;border-radius:8px}.leadCheckbox{display:flex;align-items:center;gap:.45rem;font-size:.9rem;color:#333}.errorBanner{margin:0 1rem .8rem;padding:.55rem .7rem;border-radius:8px;border:1px solid #d92d20;background:#fff2f0;color:#7a271a;font-size:.92rem;overflow-wrap:anywhere}.statusBanner{margin-top:.15rem;padding:.55rem .7rem;border-radius:8px;border:1px solid transparent;font-size:.92rem}.statusBanner.success{background:#e9f8ee;border-color:#9cd5aa;color:#1a5a2d}.statusBanner.warning{background:#fff6e8;border-color:#f3c98b;color:#7a4a10}.statusBanner.error{background:#fff2f0;border-color:#f0a7a0;color:#7a271a}.ticketCollapsedBar{margin:0 1rem .75rem;padding:.75rem 1rem;border-radius:12px;background:linear-gradient(135deg,#f8f9fb,#f0f2f5);border:1px solid #e5e7eb;display:grid;gap:.55rem;animation:fadeInUp .2s ease-out}.ticketCollapsedText{margin:0;font-size:.88rem;color:#4b5563;line-height:1.45}.ticketCollapsedBtn{justify-self:start;border:1px solid var(--ai-black);cursor:pointer;background:var(--ai-white);color:var(--ai-black);padding:.45rem .9rem;border-radius:999px;font-size:.86rem;font-weight:600;transition:background .15s ease,color .15s ease}.ticketCollapsedBtn:hover{background:var(--ai-black);color:var(--ai-yellow)}.scrollDownFab{position:absolute;right:1rem;bottom:4.1rem;width:36px;height:36px;border-radius:999px;background:var(--ai-black);color:var(--ai-yellow);display:grid;place-items:center;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #0000003d;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.scrollDownFab.visible{opacity:1;transform:translateY(0);pointer-events:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}