#chatWidget[hidden],#chatWidget [hidden]{display:none!important}
#chatWidget{--chat-safe-bottom:env(safe-area-inset-bottom,0px);--chat-bottom:20px;--chat-right:20px;--chat-width:calc(100vw - 40px);--chat-available:calc(100dvh - 112px);position:fixed;right:var(--chat-right);bottom:max(var(--chat-bottom),var(--chat-safe-bottom));z-index:900;font-family:inherit;color:var(--text,#15231e)}
#chatWidget *{box-sizing:border-box}
#chatWidget button{font-family:inherit;cursor:pointer}
.chat-launcher{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border:1px solid #ffffff24;border-radius:28px;padding:13px 19px;background:linear-gradient(135deg,#13866d,#07634f);color:#fff;box-shadow:0 6px 20px #075e4930;font-size:14px;font-weight:600;transition:box-shadow .18s,transform .18s}
.chat-launcher:hover{box-shadow:0 8px 26px #075e4945;transform:translateY(-2px)}
.chat-launcher svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chat-badge{background:#e34b61;color:#fff;min-width:23px;height:23px;border:2px solid #fff3;border-radius:20px;display:grid;place-items:center;font-size:11px;padding:0 4px}
.chat-panel{position:absolute;bottom:66px;right:0;width:min(400px,var(--chat-width));height:min(560px,var(--chat-available));min-height:0;display:flex;flex-direction:column;background:var(--surface,#fff);border:1px solid var(--border,#dbe5df);border-radius:24px;box-shadow:0 20px 70px #102e242b,0 3px 12px #102e2410;overflow:hidden}
.chat-admin .chat-panel{width:min(660px,var(--chat-width))}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(120deg,#0d7b61,#075b49);color:#fff;gap:12px;flex-shrink:0}
.chat-heading{display:flex;align-items:center;gap:12px;min-width:0}
.chat-header-icon{width:40px;height:40px;border-radius:13px;background:#ffffff18;border:1px solid #ffffff20;display:grid;place-items:center;flex-shrink:0}
.chat-header-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.chat-heading>div{min-width:0}.chat-header strong,.chat-header small{display:block}.chat-header strong{font-size:16px;font-weight:600;line-height:1.5}.chat-header small{font-size:11px;opacity:.8;margin-top:3px;line-height:1.5}
.chat-header button{display:grid;place-items:center;border:1px solid #ffffff20;background:#ffffff12;color:#fff;border-radius:12px;width:40px;height:40px;min-width:40px;padding:0;line-height:1;flex-shrink:0;transition:background .18s}.chat-header button:hover{background:#ffffff28}
#chatClose svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}
.chat-layout{display:flex;flex:1;min-height:0;overflow:hidden}
.chat-rooms{width:210px;flex-shrink:0;overflow:auto;border-right:1px solid var(--border,#e3ebe7);padding:10px;background:var(--surface-subtle,#f7faf8);overscroll-behavior:contain}
.chat-room{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;position:relative;width:100%;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;text-align:left;padding:11px 9px;margin-bottom:5px;font-size:13px;transition:background .18s}
.chat-room:hover{background:var(--primary-soft,#eaf5ef)}.chat-room.selected{background:var(--surface,#fff);border-color:var(--border,#dbe5df);box-shadow:0 2px 7px #122c1908}
.chat-room-avatar{display:grid;place-items:center;width:34px;height:34px;background:var(--primary-soft,#e3f1eb);color:var(--primary,#087458);border-radius:11px;font-size:14px;font-weight:600}
.chat-room-copy{min-width:0}.chat-room strong,.chat-room-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:18px}.chat-room strong{font-size:12px;font-weight:600}.chat-room-preview{font-size:11px;color:var(--text-secondary,#708177);margin-top:4px}.chat-room b{position:absolute;right:7px;top:13px;background:#e34b61;color:#fff;border-radius:12px;padding:2px 5px;font-size:10px}
.chat-conversation{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface,#fff)}
.chat-conversation-title{font-size:12px;font-weight:600;padding:12px 18px;border-bottom:1px solid var(--border,#e3ebe7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:42px;flex-shrink:0}
.chat-conversation-title:empty{display:none}
.chat-messages{flex:1;min-height:0;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain;background:var(--surface-subtle,#f7faf8);scrollbar-width:thin;scrollbar-color:var(--border,#dbe5df) transparent}
.chat-message{align-self:flex-start;max-width:88%;background:var(--surface,#fff);border:1px solid var(--border,#e3ebe7);border-radius:16px 16px 16px 5px;padding:10px 13px;flex-shrink:0;overflow-wrap:anywhere;box-shadow:0 2px 4px #122c1904}
.chat-message.mine{align-self:flex-end;background:linear-gradient(135deg,#0d7b61,#09644f);border-color:transparent;color:#fff;border-radius:16px 16px 5px 16px}.chat-message small{font-size:10px;opacity:.7}.chat-message p{margin:4px 0 6px;font-size:13px;line-height:1.7;white-space:pre-wrap}.chat-message time{display:block;font-size:9px;opacity:.65;text-align:right;line-height:1.4}
.chat-empty{padding:20px 12px;text-align:center;font-size:12px;color:var(--text-secondary,#708177);line-height:1.7}.chat-messages>.chat-empty{margin:auto}
.chat-status{margin:0;padding:7px 14px;font-size:11px;color:var(--red,#be3244);max-height:52px;overflow:auto;flex-shrink:0}.chat-status:empty{display:none}
.chat-compose{display:flex;align-items:flex-end;gap:10px;padding:12px;border-top:1px solid var(--border,#e3ebe7);flex-shrink:0;background:var(--surface,#fff)}
.chat-compose textarea{flex:1;min-width:0;width:0;resize:none;margin:0;border:1px solid var(--border,#dbe5df);border-radius:13px;padding:11px 12px;background:var(--surface-subtle,#f7faf8);color:inherit;font:inherit;font-size:16px;line-height:1.5;height:68px;min-height:44px;max-height:96px;box-shadow:none}.chat-compose textarea::placeholder{font-size:12px;color:var(--text-secondary,#708177)}
.chat-compose button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:#0b755b;color:#fff;border-radius:13px;padding:0 13px;min-height:44px;font-size:12px;font-weight:600;align-self:stretch;transition:background .18s}.chat-compose button:hover{background:#075b49}.chat-compose button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chat-compose :disabled{opacity:.5;cursor:default}
.chat-older{flex-shrink:0;border:0;border-bottom:1px solid var(--border,#e3ebe7);background:var(--surface,#fff);color:var(--primary,#087458);font-size:11px;padding:7px}
#chatWidget button:focus-visible,#chatWidget textarea:focus-visible{outline:2px solid var(--primary,#087458);outline-offset:2px}.chat-header button:focus-visible,.chat-launcher:focus-visible{outline-color:#e4b44b}
@media(max-width:720px){.chat-admin .chat-layout{flex-direction:column}.chat-rooms{width:100%;max-height:90px;min-height:0;flex-basis:auto;display:flex;gap:6px;border-right:0;border-bottom:1px solid var(--border,#e3ebe7);padding:8px;overflow-x:auto;overflow-y:hidden}.chat-room{width:180px;min-width:180px;max-width:180px;margin:0;padding:8px}.chat-rooms>.chat-empty{padding:6px;margin:0}.chat-room-avatar{width:30px;height:30px}.chat-conversation{min-height:0}}
@media(max-width:560px){#chatWidget{--chat-bottom:96px;--chat-right:12px;--chat-width:calc(100vw - 24px);--chat-available:calc(100dvh - 180px)}.chat-panel{border-radius:20px}.chat-launcher{min-height:48px;padding:11px 16px;font-size:13px}.chat-header{padding:14px 16px}.chat-header strong{font-size:15px}.chat-messages{padding:14px;gap:12px}.chat-compose{gap:8px;padding:10px}.chat-conversation-title{padding:10px 14px;min-height:38px}}
.chat-docked.is-open .chat-launcher{visibility:hidden;pointer-events:none}
.chat-docked .chat-panel{bottom:0}.chat-short .chat-header{padding:9px 12px}.chat-short .chat-header-icon{width:32px;height:32px;border-radius:10px}.chat-short .chat-header small{display:none}.chat-short .chat-conversation-title{padding:6px 12px;min-height:30px}.chat-short .chat-compose{padding:8px}.chat-short .chat-compose textarea{height:44px}.chat-short .chat-compose button{min-height:40px}.chat-short .chat-messages{padding:10px;gap:8px}
@media(min-width:561px){.chat-admin.chat-short .chat-layout{flex-direction:row}.chat-admin.chat-short .chat-rooms{display:block;width:170px;max-height:none;border-right:1px solid var(--border,#e3ebe7);border-bottom:0;overflow:auto}.chat-admin.chat-short .chat-room{width:100%;min-width:0;max-width:none;margin-bottom:5px}}
@media(max-width:560px){.chat-short .chat-rooms{max-height:54px;padding:4px}.chat-short .chat-room{padding:5px 7px}.chat-short .chat-room-preview{display:none}.chat-short .chat-room-avatar{width:25px;height:25px}.chat-short .chat-header strong{font-size:13px}}
.chat-tight .chat-conversation-title{display:none}.chat-tight .chat-header{padding:7px 10px}.chat-tight .chat-compose{padding:6px}.chat-tight .chat-messages{padding:6px}.chat-tight .chat-rooms{max-height:44px;padding:3px}.chat-tight .chat-room{padding:3px 6px}
@media(prefers-reduced-motion:reduce){#chatWidget *{transition:none!important}}
[data-reduce-motion="true"] #chatWidget *{transition:none!important}