.sg-support [hidden] { display: none !important; }
.sg-support button.sg-support-chat-channel { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 10px; margin: 0 0 9px; border: 1px solid #c5ddce; border-radius: 8px; background: #f3f9f5; color: #26332b; font: inherit; text-align: left; cursor: pointer; }
.sg-support-chat-channel > span:nth-child(2) { flex: 1; }
.sg-support-chat-channel:hover { background: #e9f5ed; }
.sg-support-unread { min-width: 19px; padding: 2px 5px; border-radius: 12px; background: #fff; color: #146b35; font-size: 11px; }
.sg-support.is-chat .sg-support-panel { width: 400px; }
.sg-support.is-chat .sg-support-channels { display: none; }
.sg-support.is-chat .sg-support-heading { padding: 12px 16px; }
.sg-support.is-chat .sg-support-heading p { display: none; }
.sg-chat { display: flex; flex-direction: column; max-height: max(150px, min(570px, calc(100dvh - var(--sg-support-bottom, 16px) - 157px))); padding: 0 14px 12px; overflow: auto; font-size: 13px; }
.sg-chat-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 0; }
.sg-chat-toolbar [data-chat-availability] { color: #5e6c63; font-size: 11px; }
.sg-chat-toolbar [data-chat-availability].is-online { color: #16783c; }
.sg-chat button { font: inherit; cursor: pointer; }
.sg-chat button:disabled { cursor: wait; opacity: .6; }
.sg-chat-toolbar button, .sg-chat-history button, .sg-chat-older, .sg-chat-closed button { padding: 5px 7px; border: 0; border-radius: 5px; background: #edf5ef; color: #176a37; }
.sg-chat-history { display: flex; align-items: center; gap: 6px; padding-bottom: 8px; font-size: 11px; }
.sg-chat-history select { flex: 1; min-width: 0; height: 32px; padding: 3px 5px; border: 1px solid #d8e3dc; border-radius: 5px; background: #fff; font: inherit; }
.sg-chat-offline { margin: 0 0 8px; padding: 8px; border-radius: 5px; background: #faf5e9; color: #735d2a; font-size: 11px; }
.sg-chat-older { align-self: center; margin-bottom: 6px; font-size: 11px !important; }
.sg-chat-messages { flex: 1 1 220px; min-height: 100px; max-height: 270px; padding: 8px 4px; overflow: auto; overscroll-behavior: contain; background: #f7faf8; border: 1px solid #e7eee9; border-radius: 7px; }
.sg-chat-message { width: fit-content; max-width: 90%; padding: 9px 11px; margin: 0 0 9px; border: 1px solid #e0e9e3; border-radius: 10px 10px 10px 2px; background: #fff; overflow-wrap: anywhere; }
.sg-chat-message.is-visitor { margin-left: auto; background: #e6f3ea; border-color: #d3e8da; border-radius: 10px 10px 2px 10px; }
.sg-chat-message strong { display: block; font-size: 11px; color: #316443; }
.sg-chat-message p { margin: 4px 0; white-space: pre-wrap; line-height: 1.45; }
.sg-chat-message a { display: block; margin: 5px 0; color: #146b35; text-decoration: underline; }
.sg-chat-message small { display: block; font-size: 10px; color: #6f7a73; }
.sg-chat-typing { min-height: 17px; margin: 3px 0; color: #637268; font-size: 11px; }
.sg-chat-closed { padding: 8px; margin-bottom: 6px; background: #f3f5f4; border-radius: 5px; }
.sg-chat-form { margin: 0; }
.sg-chat-form fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
.sg-chat-contact { display: flex; gap: 8px; margin-bottom: 7px; }
.sg-chat-contact label { flex: 1; min-width: 0; font-size: 11px; font-weight: 400; }
.sg-chat-contact label small { font-size: 10px; color: #6b786e; }
.sg-chat-contact input { display: block; width: 100%; height: 33px; padding: 5px 7px; margin-top: 3px; border: 1px solid #d1dfd6; border-radius: 5px; background: #fff; color: #26332b; font: inherit; font-size: 13px; }
.sg-chat-label { font-size: 11px; font-weight: 400; }
.sg-chat-form textarea { display: block; width: 100%; min-height: 58px; max-height: 140px; margin-top: 3px; padding: 8px; border: 1px solid #c9d9ce; border-radius: 6px; background: #fff; color: #26332b; font: inherit; resize: vertical; }
.sg-chat-compose-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 7px; }
.sg-chat-file-label { max-width: 65%; margin: 0; font-size: 11px; font-weight: 400; }
.sg-chat-file-label input { display: block; max-width: 100%; font: inherit; font-size: 10px; }
.sg-chat button.sg-chat-send { padding: 9px 17px; border: 0; border-radius: 6px; background: #16783c; color: #fff; font-weight: 700; }
.sg-chat-file-info { display: block; margin-top: 5px; font-size: 10px; color: #68766d; }
.sg-chat-status, .sg-chat-error { margin: 6px 0 0; font-size: 11px; }
.sg-chat-error { color: #a12727; }
.sg-chat-privacy { margin: 7px 0 0; color: #79837d; font-size: 10px; line-height: 1.4; }
@media (max-width: 575px) { .sg-chat-contact { flex-direction: column; gap: 4px; } .sg-chat { padding-right: 10px; padding-left: 10px; } .sg-chat-contact input, .sg-chat-form textarea { font-size: 16px; } }