.live-chat { display: grid; grid-template-rows: auto auto minmax(260px, 1fr) auto auto; min-height: min(610px, 78dvh); color: #403936; }
.live-chat__header > span { display: block; margin: 1px 0 5px; color: #cf3932; font-size: 10px; letter-spacing: .13em; }
.live-chat__header h2 { margin: 0 38px 5px 0; font-size: 24px; }
.live-chat__header p { display: flex; align-items: center; gap: 6px; margin: 0; color: #7e7773; font-size: 10px; }
.live-chat__header p i { width: 7px; height: 7px; border-radius: 50%; background: #2bb673; box-shadow: 0 0 0 4px rgba(43,182,115,.1); }
.live-chat__header p.is-closed i { background: #aaa; box-shadow: none; }
.live-chat__context { margin: 13px 0 8px; padding: 8px 10px; overflow: hidden; color: #7d746f; border-radius: 7px; background: #f6f3f1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.live-chat__messages { min-height: 260px; max-height: 430px; overflow-y: auto; padding: 10px 3px 14px; overscroll-behavior: contain; scrollbar-width: thin; }
.live-chat__system { width: fit-content; max-width: 90%; margin: 8px auto; padding: 7px 10px; color: #8d8580; border-radius: 12px; background: #f4f1ef; font-size: 9px; line-height: 1.5; text-align: center; }
.live-chat__bubble { width: fit-content; max-width: 82%; margin: 10px 0; }
.live-chat__bubble small { display: block; margin: 0 4px 4px; color: #aaa19c; font-size: 8px; }
.live-chat__bubble p { margin: 0; padding: 10px 12px; color: #514a46; border-radius: 4px 13px 13px 13px; background: #f1eeec; font-size: 12px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }
.live-chat__bubble.is-visitor { margin-left: auto; }
.live-chat__bubble.is-visitor small { text-align: right; }
.live-chat__bubble.is-visitor p { color: #fff; border-radius: 13px 4px 13px 13px; background: #ef493f; }
.live-chat__composer { display: grid; grid-template-columns: minmax(0,1fr) 62px; gap: 8px; padding-top: 11px; border-top: 1px solid #ece7e4; }
.live-chat__composer textarea { width: 100%; min-height: 48px; max-height: 110px; padding: 10px 11px; color: #403936; border: 1px solid #dcd6d2; border-radius: 9px; outline: none; background: #fff; font: inherit; font-size: 12px; line-height: 1.45; resize: none; }
.live-chat__composer textarea:focus { border-color: #e0625c; box-shadow: 0 0 0 3px rgba(224,98,92,.1); }
.live-chat__composer button { color: #fff; border: 0; border-radius: 9px; background: #ef493f; font-size: 12px; font-weight: 700; }
.live-chat__composer button:disabled { opacity: .55; cursor: wait; }
.live-chat__error { min-height: 16px; padding-top: 4px; color: #c53d34; font-size: 9px; text-align: center; }
@media (max-width: 760px) {
  .live-chat { min-height: min(650px, calc(92dvh - 42px)); }
  .live-chat__messages { max-height: none; }
  .live-chat__composer textarea { font-size: 16px; }
}