/* White label only: Chatwoot's own look stays; what names or links Chatwoot goes. */
a[href*="chatwoot.com"] { display: none !important; }

.hb-sso {
  display: block; width: 100%; box-sizing: border-box; margin: 0 0 12px; padding: 10px 16px;
  border: 1px solid rgb(var(--slate-6, 215 219 223)); border-radius: 8px;
  color: rgb(var(--slate-12, 28 32 36)) !important; font: inherit; font-weight: 500; text-align: center; text-decoration: none;
}
.hb-sso-box { margin-top: 16px; }
.hb-sso:hover, .hb-sso:focus-visible { background: rgb(var(--slate-3, 240 240 243)); }

.hb-page { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px; font-family: system-ui, sans-serif; }
.hb-page main { max-width: 420px; width: 100%; }

/* All channels panel: Chatwoot's own colours, nothing of ours. */
.hb-allch-open { position: fixed; right: 16px; bottom: 16px; z-index: 40; padding: 8px 14px; border-radius: 8px; border: 1px solid rgb(var(--slate-6, 215 219 223)); background: rgb(var(--slate-2, 252 252 253)); color: rgb(var(--slate-12, 28 32 36)); font: inherit; cursor: pointer; }
.hb-allch-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 50; width: min(420px, 100vw); display: flex; flex-direction: column; background: rgb(var(--slate-1, 252 252 253)); color: rgb(var(--slate-12, 28 32 36)); border-left: 1px solid rgb(var(--slate-6, 215 219 223)); }
.hb-allch-drawer[hidden], .hb-allch-open[hidden] { display: none; }
.hb-allch-drawer header, .hb-allch-drawer footer { display: flex; gap: 8px; padding: 12px; align-items: center; }
.hb-allch-drawer header { justify-content: space-between; border-bottom: 1px solid rgb(var(--slate-6, 215 219 223)); }
.hb-allch-drawer footer { flex-direction: column; align-items: stretch; border-top: 1px solid rgb(var(--slate-6, 215 219 223)); }
.hb-allch-list { flex: 1; overflow-y: auto; margin: 0; padding: 12px; list-style: none; }
.hb-allch-msg { margin: 0 0 12px; padding: 8px 10px; border-radius: 8px; background: rgb(var(--slate-3, 240 240 243)); }
.hb-allch-out { background: rgb(var(--slate-4, 232 232 236)); }
.hb-allch-note { border: 1px dashed rgb(var(--slate-8, 185 187 198)); background: transparent; }
.hb-allch-meta { font-size: 12px; opacity: 0.75; margin-bottom: 2px; }
.hb-allch-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.hb-allch-img { display: block; max-width: 100%; margin-top: 6px; border-radius: 6px; }
.hb-allch-status { margin: 0; padding: 4px 12px; font-size: 12px; min-height: 1em; }
.hb-allch-drawer button, .hb-allch-drawer select, .hb-allch-drawer textarea { font: inherit; padding: 6px 10px; border-radius: 6px; border: 1px solid rgb(var(--slate-6, 215 219 223)); background: rgb(var(--slate-2, 252 252 253)); color: inherit; }
.hb-allch-drawer button:disabled { opacity: 0.5; cursor: not-allowed; }