:root{--chat-navy:#0b2930;--chat-teal:#087f73;--chat-mint:#dff5ef;--chat-cream:#fbfaf6;--chat-gold:#f1bb43;--chat-ink:#17333a;--chat-muted:#64777a;--chat-line:#d9e4e1}
body{background:linear-gradient(145deg,#dceae6,#eef2ed)}
.chat-app{max-width:720px;background:var(--chat-cream);box-shadow:0 24px 70px rgb(12 43 49/.18)}
.chat-header{min-height:64px;padding:9px 12px;border-bottom:0;background:linear-gradient(135deg,#0b3037,#123f43);box-shadow:0 1px 0 rgb(255 255 255/.12)}
.identity img{width:42px;height:42px;border-radius:12px;border:1px solid rgb(255 255 255/.48);box-shadow:0 5px 15px rgb(0 0 0/.18)}
.identity strong{font-size:14px;letter-spacing:-.01em}.identity small{color:#d4e8e4}
.header-tools{gap:6px}.tg-customer-call-buttons{order:0}.chat-tool-menu{position:relative;order:5}.chat-tool-menu>summary{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgb(255 255 255/.3);border-radius:12px;color:#fff;cursor:pointer;list-style:none;font-size:20px}.chat-tool-menu>summary::-webkit-details-marker{display:none}.chat-tool-menu[open]>summary{background:rgb(255 255 255/.12)}
.chat-tool-menu-panel{position:absolute;right:0;top:46px;z-index:50;display:grid;min-width:190px;gap:7px;padding:10px;border:1px solid #c9d8d4;border-radius:14px;background:#fff;color:var(--chat-ink);box-shadow:0 18px 42px rgb(5 31 36/.25)}
.chat-tool-menu-panel label{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--chat-muted)}.chat-tool-menu-panel select{width:100%!important;min-height:40px!important;color:var(--chat-ink)!important;background:#f4f8f6!important;border:1px solid var(--chat-line)!important;border-radius:9px!important}.chat-tool-menu-panel a,.chat-tool-menu-panel button{width:100%!important;height:auto!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px;padding:8px 10px!important;border:1px solid var(--chat-line)!important;border-radius:9px!important;color:var(--chat-ink)!important;background:#fff!important;font-size:12px!important;text-decoration:none}
.messages{gap:10px;padding:17px 13px 10px;background:radial-gradient(circle at 15% 0,rgb(8 127 115/.055),transparent 34%),var(--chat-cream)}
.message{max-width:min(86%,560px);gap:4px;animation-duration:.18s}.bubble{padding:10px 13px;font-size:14px;line-height:1.48;border-radius:15px}.assistant .bubble{color:var(--chat-ink);border:1px solid var(--chat-line);border-left:3px solid var(--chat-gold);background:#fff;box-shadow:0 5px 15px rgb(14 50 55/.055)}.user .bubble{color:#fff;border:0;border-radius:15px 15px 4px 15px;background:var(--chat-teal);box-shadow:none}.owner .bubble{color:#fff;border-radius:15px 15px 4px 15px;background:#ef6b4f;box-shadow:none}.message time{padding:0 4px;font-size:9px;color:#7a8b8d}
.chat-context{align-self:stretch;margin:0 0 2px;border:1px solid var(--chat-line);border-radius:12px;background:#f2f7f4;color:var(--chat-muted)}.chat-context>summary{padding:9px 12px;cursor:pointer;font-size:11px;font-weight:800;color:#35565a}.chat-context-copy{display:grid;gap:7px;padding:0 12px 11px;font-size:12px;line-height:1.4}.chat-context-copy p{margin:0}
.suggested{padding:7px 12px 5px}.suggested button{min-height:36px;max-width:240px;padding:7px 10px;border-color:#cddbd7;border-radius:999px;background:#fff;font-size:11px;box-shadow:none}
.human-row{padding:5px 12px}.human-row button{min-height:43px;grid-template-columns:25px 1fr;padding:7px 10px;border-color:#e1cc91;border-radius:12px;background:#fff8e4}.human-row button>span{width:24px;height:24px}.human-row strong{font-size:12px}
.composer{grid-template-columns:minmax(0,1fr) 44px;gap:7px;padding:9px 12px 6px;border-top:1px solid var(--chat-line);background:#fff}.composer textarea{min-height:44px;max-height:104px;padding:11px 12px;border:1px solid #c8d6d2;border-radius:13px;background:#f7f9f7}.composer button{width:44px;height:44px;border-radius:13px;background:var(--chat-teal);font-size:19px}.privacy-note{padding:0 12px calc(6px + env(safe-area-inset-bottom));background:#fff;font-size:9px}
.is-embedded .chat-header{min-height:58px;padding:7px 8px}.is-embedded .identity img{width:38px;height:38px}.is-embedded .identity strong{max-width:120px;font-size:12px}.is-embedded .header-tools{margin-left:auto}.is-embedded .messages{padding:13px 9px 8px}.is-embedded .message{max-width:90%}.is-embedded .chat-tool-menu-panel{right:0;min-width:178px}.is-embedded .composer{padding-left:9px;padding-right:9px}.is-embedded .start-options{display:none}.is-embedded .suggested{display:flex;grid-template-columns:none;overflow-x:auto;gap:7px;padding:6px 9px}.is-embedded .suggested button{flex:0 0 72%;min-height:38px}.is-embedded .human-row{display:block;padding:5px 9px}.is-embedded .human-row #human-chat{width:100%}
@media(max-width:430px){.identity small{display:none}.identity strong{max-width:115px}.chat-header{gap:7px}.tg-customer-call-buttons b{display:none}.tg-customer-call-buttons button{width:38px!important}.messages{padding-left:9px;padding-right:9px}.message{max-width:92%}.bubble{font-size:13px}.suggested{padding-left:9px;padding-right:9px}.human-row{padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){.message{animation:none}}