.human-chat { --chat-green:#8fbd35; --chat-dark:#162219; --chat-line:#dce4d7; --chat-muted:#667266; color:var(--chat-dark); }
.human-chat button,.human-chat input,.human-chat textarea,.human-chat select { font:inherit; }
.human-chat button:focus-visible,.human-chat a:focus-visible,.human-chat textarea:focus-visible,.human-chat input:focus-visible,.human-chat select:focus-visible { outline:3px solid #82aa30; outline-offset:3px; }
.human-chat button,.human-chat .chat-button { min-height:44px; cursor:pointer; }
.human-chat button:disabled { opacity:.5; cursor:not-allowed; }
.human-chat .chat-button { display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:11px 18px; border:1px solid var(--chat-green); background:var(--chat-green); color:#142012; border-radius:7px; font-weight:700; text-decoration:none; }
.human-chat .chat-button.secondary { background:#fff; border-color:var(--chat-line); color:var(--chat-dark); }
.human-chat .chat-button.danger { background:#fff; border-color:#ddcac2; color:#9a4031; }
.human-chat .chat-muted { color:var(--chat-muted); font-size:13px; line-height:1.7; }
.human-chat .chat-error { background:#fff0eb; color:#903721; border:1px solid #eccabd; padding:12px 15px; border-radius:7px; margin:10px 0; line-height:1.6; }
.human-chat .chat-notice { background:#edf5df; color:#3c5c20; border:1px solid #d3e3be; padding:10px 14px; border-radius:7px; margin:10px 0; }
.human-chat .chat-status { display:inline-flex; gap:7px; align-items:center; font-size:12px; white-space:nowrap; }
.human-chat .chat-status::before { content:''; width:8px; height:8px; border-radius:50%; background:#a9afa6; flex-shrink:0; }
.human-chat .chat-status.online::before { background:#7eaa2e; box-shadow:0 0 0 4px #8fbd3520; }
.human-chat .chat-kicker { font-size:11px; letter-spacing:.16em; font-weight:700; color:#5c783d; margin:0 0 8px; }
.human-chat .chat-panel { border:1px solid var(--chat-line); border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 12px 40px #18321908; }
.human-chat .chat-panel-header { padding:22px 24px; border-bottom:1px solid var(--chat-line); background:#f6f8f2; display:flex; gap:16px; align-items:center; justify-content:space-between; }
.human-chat .chat-panel-header h2,.human-chat .chat-thread-heading h2 { font-size:22px; line-height:1.3; margin:0 0 7px; }
.human-chat .chat-panel-header p { margin:0; }
.human-chat .chat-contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:19px 24px; border-bottom:1px solid var(--chat-line); }
.human-chat label { display:flex; flex-direction:column; gap:7px; font-size:13px; font-weight:600; min-width:0; }
.human-chat label small { font-weight:400; }
.human-chat input,.human-chat select { width:100%; box-sizing:border-box; background:#fff; border:1px solid var(--chat-line); border-radius:6px; padding:11px 12px; min-height:44px; color:var(--chat-dark); }
.human-chat .chat-message-scroll { overflow-y:auto; overscroll-behavior-y:contain; height:clamp(280px,43vh,480px); padding:24px; background:#f9faf7; scroll-behavior:smooth; }
.human-chat .chat-empty { min-height:210px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--chat-muted); max-width:440px; margin:auto; padding:20px; box-sizing:border-box; line-height:1.75; }
.human-chat .chat-empty strong { color:var(--chat-dark); display:block; font-size:18px; margin-top:12px; }
.human-chat .chat-message { display:flex; flex-direction:column; align-items:flex-start; margin-bottom:16px; }
.human-chat .chat-message.mine { align-items:flex-end; }
.human-chat .chat-message-meta { color:var(--chat-muted); font-size:11px; margin:0 3px 5px; }
.human-chat .chat-message-bubble { max-width:82%; padding:12px 15px; border:1px solid var(--chat-line); border-radius:2px 12px 12px; background:#fff; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; font-size:14px; }
.human-chat .chat-message.mine .chat-message-bubble { background:#e6efda; border-color:#d1dfbf; border-radius:12px 2px 12px 12px; }
.human-chat .chat-load-older { display:block; margin:0 auto 15px; background:#fff; border:1px solid var(--chat-line); padding:9px 14px; border-radius:6px; }
.human-chat .chat-new-messages { display:flex; justify-content:center; margin:0 0 10px; }
.human-chat .chat-new-messages button { border:1px solid #c1d7a4; background:#edf5df; padding:7px 15px; border-radius:100px; min-height:38px; }
.human-chat .chat-composer { padding:18px 24px; border-top:1px solid var(--chat-line); background:#fff; }
.human-chat .chat-composer textarea { width:100%; border:1px solid var(--chat-line); border-radius:7px; box-sizing:border-box; padding:12px; min-height:96px; resize:vertical; color:var(--chat-dark); line-height:1.6; background:#fff; }
.human-chat .chat-composer-footer { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-top:11px; }
.human-chat .chat-composer-footer .chat-muted { margin:0; }
.human-chat .chat-composer-footer button { flex-shrink:0; }
.human-chat .chat-session-note { padding:13px 24px; border-top:1px solid var(--chat-line); background:#fbfcf8; }
.human-chat .chat-session-note p { margin:0; }
.human-chat .chat-connection-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.human-chat .chat-updated { font-size:11px; color:var(--chat-muted); text-align:right; padding:0 24px 12px; margin:0; }
.human-chat.contact-chat-layout { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(240px,.7fr); gap:26px; align-items:start; margin-bottom:42px; scroll-margin-top:115px; }
.human-chat .chat-aside { border:1px solid var(--chat-line); border-radius:12px; padding:24px; background:#f7f9f2; }
.human-chat .chat-aside h3 { font-size:18px; margin:0 0 14px; }
.human-chat .chat-aside p { line-height:1.8; font-size:14px; }
.human-chat .chat-aside .contact-card { padding:0; background:transparent; border:none; box-shadow:none; margin:20px 0; }
.human-chat .chat-aside .contact-card h3 { font-size:16px; }
.human-chat .chat-aside .contact-links { margin-top:12px; }
.human-chat .chat-admin-top { display:flex; justify-content:space-between; gap:24px; align-items:center; margin:20px 0; }
.human-chat .chat-presence-controls { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.human-chat .chat-admin-workspace { display:grid; grid-template-columns:300px minmax(0,1fr); border:1px solid var(--chat-line); border-radius:12px; min-height:650px; overflow:hidden; background:#fff; }
.human-chat .chat-inbox { border-right:1px solid var(--chat-line); background:#f6f8f2; }
.human-chat .chat-inbox-heading { padding:18px; border-bottom:1px solid var(--chat-line); }
.human-chat .chat-inbox-heading h2 { font-size:17px; margin:0 0 14px; }
.human-chat .chat-inbox-heading select { margin-top:10px; }
.human-chat .chat-thread-list { list-style:none; margin:0; padding:10px; max-height:690px; overflow:auto; }
.human-chat .chat-thread-list li { margin:0 0 7px; }
.human-chat .chat-thread-card { border:1px solid transparent; border-radius:7px; width:100%; text-align:left; background:transparent; padding:13px 12px; display:block; color:var(--chat-dark); }
.human-chat .chat-thread-card:hover { background:#edf1e6; }
.human-chat .chat-thread-card[aria-pressed='true'] { background:#fff; border-color:#c1d49f; box-shadow:0 2px 7px #314b2010; }
.human-chat .chat-thread-title { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.human-chat .chat-thread-title b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.human-chat .chat-unread { display:inline-flex; background:#385b24; color:#fff; min-width:18px; padding:3px 6px; border-radius:100px; justify-content:center; font-size:11px; }
.human-chat .chat-thread-card p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; font-weight:400; line-height:1.6; margin:8px 0; color:var(--chat-muted); overflow-wrap:anywhere; }
.human-chat .chat-thread-card small { font-size:10px; color:var(--chat-muted); font-weight:400; }
.human-chat .chat-thread-detail { display:flex; flex-direction:column; min-width:0; }
.human-chat .chat-thread-heading { padding:18px 24px; border-bottom:1px solid var(--chat-line); background:#fff; }
.human-chat .chat-thread-heading p { margin:0; font-size:13px; color:var(--chat-muted); line-height:1.6; overflow-wrap:anywhere; }
.human-chat .chat-thread-controls { display:flex; gap:14px; align-items:flex-end; padding:14px 24px; border-bottom:1px solid var(--chat-line); background:#f7f9f3; flex-wrap:wrap; }
.human-chat .chat-thread-controls label { flex:1; min-width:145px; }
.human-chat .chat-thread-controls button { flex-shrink:0; }
.human-chat .chat-admin-workspace .chat-message-scroll { height:390px; flex:1; min-height:240px; }
.human-chat .chat-mobile-back { display:none; background:#fff; border:1px solid var(--chat-line); color:var(--chat-dark); padding:9px 14px; border-radius:6px; margin-bottom:12px; }
.chat-floating-entry { position:fixed; right:22px; bottom:26px; z-index:35; min-height:48px; display:flex; align-items:center; gap:9px; border:1px solid #b1ce90; border-radius:100px; padding:12px 20px; text-decoration:none; color:#fff; background:#20361b; box-shadow:0 6px 25px #13200f2b; font-size:14px; font-weight:600; }
.chat-floating-entry:focus-visible { outline:3px solid #91bc37; outline-offset:4px; }
@media(max-width:900px){.human-chat.contact-chat-layout{grid-template-columns:1fr}.human-chat .chat-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.human-chat .chat-admin-workspace{grid-template-columns:255px minmax(0,1fr)}.human-chat .chat-thread-controls{padding:14px 18px}.human-chat .chat-thread-heading{padding:18px}.human-chat .chat-admin-top{align-items:flex-start}}
@media(max-width:699px){.human-chat.contact-chat-layout{gap:18px;scroll-margin-top:95px}.human-chat .chat-panel-header{padding:18px;align-items:flex-start;flex-wrap:wrap;gap:10px}.human-chat .chat-panel-header h2{font-size:20px}.human-chat .chat-contact-fields{padding:16px 18px;gap:12px;grid-template-columns:1fr}.human-chat input,.human-chat select,.human-chat textarea{font-size:16px}.human-chat .chat-message-scroll{height:clamp(280px,43svh,420px);padding:18px}.human-chat .chat-message-bubble{max-width:90%}.human-chat .chat-composer{padding:16px 18px}.human-chat .chat-composer-footer{align-items:flex-end}.human-chat .chat-composer-footer .chat-muted{font-size:11px}.human-chat .chat-session-note{padding:12px 18px}.human-chat .chat-aside{display:block;padding:20px}.human-chat .chat-admin-top{flex-direction:column;gap:12px}.human-chat .chat-presence-controls{gap:10px}.human-chat .chat-admin-workspace{display:block;min-height:0}.human-chat .chat-inbox{border-right:none}.human-chat .chat-admin-workspace.has-current .chat-inbox{display:none}.human-chat .chat-admin-workspace:not(.has-current) .chat-thread-detail{display:none}.human-chat .chat-thread-list{max-height:570px}.human-chat .chat-mobile-back{display:inline-flex}.human-chat .chat-thread-heading h2{font-size:20px}.human-chat .chat-admin-workspace .chat-message-scroll{height:42svh;min-height:270px}.chat-floating-entry{right:13px;bottom:calc(80px + env(safe-area-inset-bottom));padding:12px 15px;font-size:13px}.human-chat .chat-thread-controls{gap:10px}.human-chat .chat-thread-controls label{min-width:130px}}
@media(prefers-reduced-motion:reduce){.human-chat .chat-message-scroll{scroll-behavior:auto}}
@media print{.human-chat,.chat-floating-entry{display:none!important}}

.human-chat header{position:static;inset:auto;height:auto;min-height:0;width:auto;z-index:auto;box-sizing:border-box}.human-chat .chat-thread-heading{display:block}.human-chat .chat-status{white-space:normal}.human-chat .chat-panel-header>div{min-width:0}.human-chat .chat-admin-workspace .chat-thread-list{overscroll-behavior-y:contain}