.chat-shell{background:var(--page,#fff);height:min(820px,100dvh - 130px);min-height:540px;color:var(--ink,#12382e);border:1px solid var(--border,#dbe5df);border-radius:18px;grid-template-columns:310px minmax(0,1fr);display:grid;overflow:hidden}.chat-list{border-right:1px solid var(--border,#dbe5df);background:var(--surface,#f7f9f7);min-width:0;padding:20px 12px;overflow-y:auto}.chat-panel{background:var(--page,#fff);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.chat-header{border-bottom:1px solid var(--border,#dbe5df);flex-wrap:wrap;align-items:center;gap:12px;padding:18px 22px;display:flex}.chat-header h2{font-size:17px;font-weight:650}.chat-header small{color:var(--muted,#687c73);font-size:12px}.chat-avatar{color:#15543c;background:#dbeee2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:inline-flex;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-conversation-row{text-align:start;border-bottom:1px solid var(--border,#e2e9e4);border-radius:12px;align-items:flex-start;gap:11px;width:100%;min-height:82px;padding:15px 10px;display:flex}.chat-conversation-row:hover,.chat-conversation-row.selected{background:var(--tint,#e6f1ea)}.chat-conversation-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.chat-conversation-row p{color:var(--text-secondary,#5b7167);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-conversation-row small{color:var(--muted,#687c73);font-size:10px}.chat-unread{color:#fff;background:#14764f;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:inline-flex}.chat-history{overscroll-behavior:contain;background:var(--surface,#f2f5f1);scrollbar-width:thin;min-height:0;padding:18px 24px;overflow-y:auto}.chat-day{text-align:center;color:var(--muted,#647c70);margin:10px auto 18px;font-size:11px}.chat-bubble{border-radius:15px;width:fit-content;max-width:min(80%,550px);margin-bottom:10px;padding:11px 14px;font-size:14px;line-height:1.6;box-shadow:0 1px 2px #062f2506}.chat-incoming{background:var(--page,#fff);border-bottom-left-radius:4px}.chat-outgoing{color:#fff;background:#0c563c;border-bottom-right-radius:4px;margin-left:auto}.chat-author{opacity:.8;margin-bottom:4px;font-size:10px;font-weight:650;display:block}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble footer{opacity:.7;justify-content:flex-end;align-items:center;gap:5px;margin-top:6px;font-size:10px;display:flex}.chat-image-link{margin:5px -3px;display:block}.chat-image-link img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;max-height:340px}.chat-composer{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border,#dbe5df);background:var(--page,#fff)}.chat-compose-row{align-items:flex-end;gap:8px;display:flex}.chat-compose-row textarea{field-sizing:content;resize:vertical;background:var(--surface,#f2f5f1);border:1px solid var(--border,#dbe5df);min-width:0;min-height:44px;max-height:150px;color:inherit;border-radius:20px;flex:1;padding:11px 13px;font-size:14px}.chat-compose-row button{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chat-compose-row button.chat-send{color:#fff;background:#14764f;border-radius:50%}.chat-compose-row button:disabled{opacity:.5}.chat-error{color:#c04b4b;padding-top:8px;font-size:12px}.chat-error button{min-height:32px;margin-left:8px;text-decoration:underline}.chat-image-preview{align-items:center;gap:10px;padding-bottom:10px;font-size:12px;display:flex}.chat-image-preview img{object-fit:cover;border-radius:8px;width:70px;height:70px}.chat-image-preview span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-image-preview button{min-width:44px;min-height:44px;margin-left:auto}.chat-empty{text-align:center;color:var(--text-secondary,#5b7167);padding:25px;font-size:14px}.chat-back{min-width:44px;min-height:44px;display:none}.chat-context{color:var(--text-secondary,#5b7167);flex-wrap:wrap;flex-basis:100%;gap:10px;font-size:11px;display:flex}.chat-status-controls{border-top:1px solid var(--border,#dbe5df);align-items:center;gap:12px;padding:8px 18px;font-size:12px;display:flex}.chat-status-controls select{background:var(--surface,#f2f5f1);min-height:40px;color:inherit;border-radius:8px;padding:0 10px}.support-page[data-support-theme=dark]{--page:#10241d;--surface:#0c1b17;--ink:#ecf1e5;--muted:#a0b3a6;--text-secondary:#b7c9bf;--border:#294439;--tint:#1a352b;background:var(--surface);color:var(--ink)}.support-page[data-support-theme=dark] .chat-outgoing{background:#17654b}.support-page[data-support-theme=dark] .chat-avatar{color:#b7dfcb;background:#22483c}.support-page[data-support-theme=dark] .bg-white{background:var(--page)}.support-page[data-support-theme=dark] input,.support-page[data-support-theme=dark] select,.support-page[data-support-theme=dark] textarea{background:var(--page);color:var(--ink)}@media (max-width:767px){.chat-shell{border-radius:12px;height:calc(100dvh - 96px);min-height:400px;display:block}.chat-list{border-right:0;height:100%}.chat-panel{height:100%}.chat-shell:not(.chat-show-conversation) .chat-panel,.chat-shell.chat-show-conversation .chat-list{display:none}.chat-back{justify-content:center;align-items:center;display:flex}.chat-header{gap:8px;padding:12px}.chat-history{padding:14px 12px}.chat-bubble{max-width:89%}.chat-composer{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.chat-shell.chat-new .chat-panel{display:block;overflow:auto}.chat-context{gap:6px}.chat-header h2{font-size:15px}}