.preview-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:16px 0; padding:16px 20px; border:1px solid #d5ddfa; border-radius:14px; background:#edf2ff; color:#233e83; }
.preview-banner div { display:grid; gap:4px; }
.preview-banner span { font-size:13px; }
.admin-preview #adminAreaSwitch,.admin-preview .support-nav,.admin-preview #quickAddButton,.admin-preview #exportButton,.admin-preview #historyExportButton,.admin-preview #newCampaignButton,.admin-preview .followup-actions,.admin-preview .offer-history-actions,.admin-preview .contact-link { display:none!important; }
.admin-preview .table-actions button:not([data-history]):not([data-communications]):not([data-view-campaign]) { display:none; }
.admin-preview #settingsView input,.admin-preview #settingsView select,.admin-preview #settingsView button,.admin-preview #settingsView form,.admin-preview #appointmentForm input,.admin-preview #appointmentForm select,.admin-preview #appointmentForm textarea { pointer-events:none; opacity:.65; }
.admin-preview #appointmentForm button[type=submit],.admin-preview .customer-activity-history>[data-call] { display:none; }
.support-heading { display:flex; justify-content:space-between; gap:24px; align-items:center; margin-bottom:18px; }
.support-active #quickAddButton { display:none; }
.support-heading h2 { margin:8px 0; font-size:25px; }
.support-heading p,.support-conversation header p { color:#7e879b; font-size:13px; line-height:1.6; }
.support-push { display:grid; gap:8px; max-width:290px; flex-shrink:0; }
.support-push small { color:#7e879b; font-size:11px; line-height:1.5; }
.support-layout { display:grid; grid-template-columns:285px minmax(0,1fr); gap:18px; align-items:start; }
.support-layout.store-chat { grid-template-columns:minmax(0,1fr); max-width:1000px; margin:auto; }
.support-inbox { max-height:680px; overflow:auto; padding:16px; }
.support-inbox label { display:grid; gap:7px; font-size:12px; font-weight:700; }
.support-inbox input { width:100%; min-width:0; box-sizing:border-box; }
.support-thread { display:grid; grid-template-columns:1fr auto; gap:5px 8px; width:100%; padding:14px 10px; margin-top:8px; background:#fff; color:#25304b; border:1px solid #e6e9f2; border-radius:12px; text-align:left; cursor:pointer; }
.support-thread.active { background:var(--primary-soft); border-color:var(--primary); }
.support-thread strong { font-size:13px; }
.support-thread small { grid-column:1/-1; color:#7e879b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.support-thread b { padding:2px 6px; border-radius:8px; color:#fff; background:var(--primary); font-size:10px; }
.support-conversation { padding:22px; min-width:0; }
.support-conversation header { border-bottom:1px solid #edf0f6; margin-bottom:16px; }
.support-conversation header h3 { margin:0; }
.support-messages { height:min(48vh,490px); min-height:240px; overflow:auto; overscroll-behavior:contain; padding:8px 4px; display:flex; flex-direction:column; gap:12px; }
.support-bubble { max-width:85%; align-self:flex-start; padding:13px 16px; border-radius:15px 15px 15px 3px; background:#f1f3f8; color:#26324a; }
.support-bubble.mine { align-self:flex-end; background:var(--primary-soft); border-radius:15px 15px 3px 15px; }
.support-bubble strong { font-size:10px; color:#788397; }
.support-bubble p { white-space:pre-wrap; overflow-wrap:anywhere; margin:6px 0; line-height:1.6; font-size:13px; }
.support-bubble time { display:block; font-size:10px; color:#8991a3; }
#supportForm { border-top:1px solid #edf0f6; margin-top:14px; padding-top:15px; }
#supportForm label { font-size:12px; font-weight:700; }
#supportMessage { box-sizing:border-box; width:100%; min-height:90px; margin:8px 0; resize:vertical; font:inherit; font-size:14px; }
.support-compose-actions { display:flex; align-items:center; justify-content:space-between; gap:15px; }
#supportStatus { color:#7d879a; font-size:12px; line-height:1.5; }
@media(max-width:760px) {
  .preview-banner,.support-heading { align-items:stretch; flex-direction:column; gap:12px; }
  .support-layout { grid-template-columns:minmax(0,1fr); gap:12px; }
  .support-inbox { max-height:230px; }
  .support-conversation { padding:16px; }
  .support-push { max-width:none; }
  .support-compose-actions { align-items:stretch; flex-direction:column; gap:8px; }
  .support-bubble { max-width:93%; }
  .support-messages { height:40dvh; }
}