/* Visitor conversation and handoff */
.chat-panel{max-height:min(690px,calc(100dvh - 115px))}.chat-header,.chat-suggestions,.chat-handoff-bar,.chat-form,.chat-disclaimer{flex-shrink:0}.chat-messages{flex:1;min-height:100px;max-height:340px}.chat-suggestions[hidden]{display:none}.chat-bubble.agent{background:#e9eff6;border:1px solid #dce5ed;align-self:flex-start;border-start-start-radius:3px}.chat-agent-label{display:block;color:#52728d;font-size:10px;font-weight:600;margin-bottom:4px}.chat-bubble.system{background:#f7f7f2;color:#6b7866;font-size:11px;text-align:center;max-width:100%;align-self:center}.chat-handoff-bar{padding:0 14px 9px}.chat-handoff-bar button{border:0;background:none;padding:4px 0;color:var(--green);font-size:12px;display:flex;align-items:center;gap:7px}.chat-handoff-bar button .icon{width:15px;height:15px}.chat-contact{border-top:1px solid #e5eadd;background:#fbfcf8;padding:8px 13px;font-size:11px;flex-shrink:0}.chat-contact summary{cursor:pointer;color:#57724d}.chat-contact form{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;max-height:240px;overflow-y:auto;padding:1px}.chat-contact label:first-child{grid-column:1/-1}.chat-contact label{display:grid;gap:3px;min-width:0}.chat-contact input{width:100%;min-width:0;border:1px solid #dce5d4;background:white;border-radius:5px;padding:5px 7px;font-size:13px}.chat-contact button{border:0;background:var(--green);color:white;border-radius:5px;font-size:11px;padding:7px}.chat-contact small{font-size:10px;line-height:1.6;align-self:center;overflow-wrap:anywhere}.chat-disclaimer a{text-decoration:underline}.chat-launcher.has-unread .chat-launcher-icon:after{content:'';position:absolute;top:0;right:0;width:12px;height:12px;background:#d79351;border:2px solid white;border-radius:50%}.chat-form input{font-size:17px}
/* Staff inbox */
.chat-alert-button{display:inline-flex;align-items:center;gap:7px;background:white;border:1px solid #dce5d5;border-radius:9px;padding:8px 11px;font-size:12px;position:relative}.chat-alert-button .icon{width:18px;height:18px}.chat-alert-count,.chat-nav-count{background:#b45e3f;color:white;border-radius:20px;min-width:19px;padding:1px 6px;text-align:center;font-size:11px}.chat-alert-count[hidden],.chat-nav-count[hidden]{display:none}.live-chat-actions{display:flex;gap:8px;flex-wrap:wrap}.live-chat-actions button{font-size:12px;padding:8px 11px;min-height:38px}.live-chat-toolbar{display:flex;gap:12px;align-items:center;margin:0 0 17px}.live-chat-toolbar input,.live-chat-toolbar select{border:1px solid #dce4d5;padding:10px 12px;border-radius:8px;background:white;min-width:0;font-size:13px}.live-chat-toolbar input{flex:1}.live-chat-layout{display:grid;grid-template-columns:290px minmax(0,1fr);direction:rtl;gap:18px;align-items:stretch}.live-chat-list{background:white;border:1px solid #dce5d5;border-radius:13px;overflow:auto;max-height:720px;min-height:400px}.live-chat-item{width:100%;text-align:right;border:0;border-bottom:1px solid #edf0e8;padding:16px;background:white;display:block;font-size:13px}.live-chat-item:hover,.live-chat-item.selected{background:#f0f5e9}.live-chat-item-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.live-chat-item b{overflow-wrap:anywhere}.live-chat-item p{font-size:12px;color:#83917a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0}.live-chat-item small{font-size:10px;color:#97a18f}.live-chat-badge{font-size:10px;border-radius:6px;padding:2px 7px;background:#edf1e7;color:#69805e;white-space:nowrap}.live-chat-badge.waiting{background:#fff0d8;color:#986d2c}.live-chat-badge.active{background:#e4efeb;color:#2d7063}.live-chat-thread{min-width:0;min-height:580px;max-height:720px;background:white;border:1px solid #dce5d5;border-radius:13px;display:flex;flex-direction:column;overflow:hidden}.live-chat-header{padding:18px 20px;border-bottom:1px solid #e5eadf;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;flex-shrink:0}.live-chat-header h2{font-size:19px;letter-spacing:0}.live-chat-header p{font-size:12px;color:#829174;margin-top:3px}.live-chat-header-actions{display:flex;gap:6px;flex-shrink:0}.live-chat-header-actions button{font-size:11px;border:1px solid #dce5d6;border-radius:6px;background:#fafcf6;padding:7px}.live-chat-contact{display:flex;flex-wrap:wrap;gap:13px;padding:9px 20px;font-size:12px;background:#fbfcf7;border-bottom:1px solid #edf0e8;flex-shrink:0;overflow-wrap:anywhere}.live-chat-contact:empty{display:none}.live-chat-messages{padding:21px;overflow:auto;display:flex;flex-direction:column;gap:13px;min-height:180px;flex:1;overscroll-behavior:contain}.live-message{max-width:90%;border-radius:11px;padding:11px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;background:#edf3e8;align-self:flex-start}.live-message.agent{background:#123f39;color:white;align-self:flex-end}.live-message.bot{background:#f2f3ed;color:#63735a}.live-message.system{background:none;color:#98a18e;align-self:center;text-align:center;font-size:11px;padding:3px;max-width:100%}.live-message small{display:block;font-size:10px;opacity:.65;margin-bottom:5px;white-space:normal}.live-chat-reply{padding:15px;border-top:1px solid #e5eadf;display:flex;gap:10px;align-items:flex-end;flex-shrink:0}.live-chat-reply textarea{font:inherit;font-size:15px;min-height:70px;max-height:160px;resize:vertical;flex:1;min-width:0;border:1px solid #dce4d5;border-radius:8px;background:#fafcf6;padding:10px}.live-chat-reply .btn{gap:7px;min-height:44px;padding:8px 16px;font-size:13px}.live-chat-note{font-size:11px;color:#7e8e72;margin-top:10px}.live-chat-empty{padding:40px 20px;text-align:center;color:#94a08a;font-size:13px}.live-chat-error{color:#a0553b;font-size:12px;padding:8px 18px}.live-chat-unread{color:#b45e3f;font-weight:600}.chat-alert-toast{position:fixed;inset-inline-end:24px;top:90px;z-index:150;background:#123f39;color:white;border:0;border-radius:11px;padding:15px 20px;box-shadow:0 8px 30px #123f3930;font-size:13px;max-width:calc(100vw - 40px);text-align:right}.chat-alert-toast[hidden]{display:none}
@media(max-width:1050px){.live-chat-layout{grid-template-columns:240px minmax(0,1fr)}.live-chat-header{padding:14px;gap:8px}.live-chat-header-actions{flex-direction:column}}
@media(max-width:700px){.chat-contact input{font-size:17px}.chat-panel{max-height:calc(100dvh - 105px)}.chat-messages{min-height:90px;max-height:280px}.live-chat-layout{grid-template-columns:1fr;gap:13px}.live-chat-list{min-height:0;max-height:210px}.live-chat-item{padding:11px 14px}.live-chat-thread{min-height:540px;max-height:680px}.live-chat-header-actions{flex-direction:row}.live-chat-header h2{font-size:17px}.live-chat-messages{padding:14px}.live-chat-reply{padding:11px;gap:7px}.live-chat-reply textarea{font-size:17px;min-height:80px}.live-chat-reply .btn{padding:9px 12px;font-size:12px}.live-chat-toolbar{gap:7px}.live-chat-toolbar input,.live-chat-toolbar select{font-size:12px;padding:9px;max-width:100%}.live-chat-toolbar select{width:110px}.chat-alert-button{font-size:0;padding:7px;gap:4px}.chat-alert-count{font-size:10px}.live-chat-actions button{font-size:11px}.live-chat-note{line-height:1.8}.chat-alert-toast{top:76px;inset-inline-end:15px}}
.chat-email-settings{background:white;border:1px solid #dce5d5;border-radius:10px;margin:0 0 18px;padding:13px 17px;font-size:13px}.chat-email-settings summary{cursor:pointer;color:#56734b}.chat-email-settings form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:15px;padding-top:15px}.chat-email-settings label{display:grid;gap:5px;font-size:12px;flex:1;min-width:220px}.chat-email-settings input[type=email]{border:1px solid #dce4d5;border-radius:6px;padding:9px 11px;width:100%;font-size:15px}.chat-email-settings .chat-email-switch{display:flex;gap:6px;align-items:center;min-width:190px;flex:0 1 auto;margin-bottom:11px}.chat-email-settings button{min-height:40px;font-size:12px;padding:8px 17px}.chat-email-settings small{width:100%;font-size:11px;color:#809074}@media(max-width:700px){.chat-email-settings label{min-width:0;width:100%;flex-basis:100%}.chat-email-settings input[type=email]{font-size:17px}.chat-email-settings form{gap:12px}}
.chat-handoff-bar button[hidden]{display:none}