/* Reserve space for the fixed bottom bar so the chat header stays on screen. */
#sup-panel {
  height: min(560px, calc(100dvh - 110px - env(safe-area-inset-bottom, 0px) - env(safe-area-inset-top, 0px)));
}
.sup-hd { flex-shrink: 0; gap: 10px; }
.sup-hd > div { min-width: 0; }
#sup-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-shrink: 0;
  min-width: 82px;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid #64748b;
  border-radius: 9px;
  background: #334155;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  opacity: 1;
}
#sup-close:hover { background: #475569; }
#sup-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#sup-close span { font-size: 24px; line-height: 1; }
#sup-msgs { min-height: 0; }
.sup-fm { flex-shrink: 0; }
@media (max-height: 450px) {
  #sup-panel { bottom: 8px; height: calc(100dvh - 16px - env(safe-area-inset-top, 0px)); }
  #sup-quick { display: none; }
  .sup-hd { padding: 8px 12px; }
}