.support-launch { position: fixed; left: 22px; bottom: 22px; z-index: 50; border-radius: 40px; padding: 13px 22px; background: var(--red); color: #fff; font: 600 13px/1.7 var(--sans); box-shadow: 0 6px 24px #58232e28; }
.support-panel { position: fixed; left: 22px; bottom: 86px; z-index: 51; width: min(410px,calc(100vw - 32px)); max-height: calc(100dvh - 110px); overflow: auto; border: 1px solid #e6cbd0; border-radius: 20px; box-shadow: 0 12px 50px #58232e25; background: #fffaf7; color: #58232e; padding: 22px; font: 14px/1.8 var(--sans); }
.support-panel[hidden] { display: none; }
.support-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.support-heading h2 { font: 700 23px/1.5 var(--sans); margin: 0; }
.support-heading p, .support-note { font-size: 12px; margin: 6px 0 12px; }
.support-heading button { font-size: 24px; padding: 3px 10px; }
.support-history { height: 250px; overflow: auto; overscroll-behavior: contain; padding: 10px; background: #f8eeef; border: 1px solid #e6cbd0; border-radius: 12px; }
.support-message { border-radius: 12px; background: #fff; border: 1px solid #e8d7d8; padding: 12px; margin: 0 0 12px; max-width: 94%; overflow-wrap: anywhere; }
.support-message.support-admin { background: #f9dce1; margin-inline-start: auto; border-color: #e4b6c0; }
.support-message strong { font-size: 12px; }
.support-message p { white-space: pre-wrap; margin: 5px 0; line-height: 1.8; }
.support-message time { font-size: 10px; color: #806c70; }
[data-support-status] { font-size: 12px; overflow-wrap: anywhere; }
[data-support-form] textarea { width: 100%; max-height: 180px; }
[data-support-form] label { display: block; margin: 12px 0; }
.support-inbox { display: grid; grid-template-columns: minmax(200px,280px) minmax(0,1fr); gap: 25px; margin-top: 25px; }
.support-inbox aside { max-height: 650px; overflow: auto; }
.support-inbox [data-thread] { width: 100%; display: block; text-align: start; padding: 15px; margin: 8px 0; background: #fff; overflow-wrap: anywhere; border: 1px solid #e6cbd0; border-radius: 10px; }
.support-inbox [data-thread] small { display: block; font-size: 11px; }
.support-inbox [data-thread][aria-pressed=true] { background: #f9dce1; border-color: #a72e43; }
.support-inbox .support-history { height: 360px; }
.support-inbox [data-inbox-conversation] { min-width: 0; }
@media(max-width:700px) {
  .support-panel { left: 16px; bottom: 82px; padding: 16px; }
  .support-launch { left: 16px; bottom: 16px; }
  .support-inbox { grid-template-columns: 1fr; }
  .support-inbox aside { max-height: 240px; }
  .support-history { height: 210px; }
}