/* Launcher and immediate loading feedback; conversation styles load on opening. */
.support-launcher [hidden], [data-support-widget] [hidden] { display: none !important; }
.support-launcher:focus-visible { outline: 3px solid var(--brand, #fc4505); outline-offset: 3px; }
.support-launcher.support-button { position: fixed; z-index: 120; inset: auto 20px 20px auto; margin: 0; width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid var(--border, #dce0e1); border-radius: 16px; background: var(--ink, #202326); color: #fff; box-shadow: 0 8px 28px #20232626; cursor: pointer; }
.support-launcher.support-button::after { display: none; }
.support-launcher svg { width: 26px; height: 26px; }
.support-unread { position: absolute; top: -7px; right: -7px; min-width: 22px; height: 22px; padding: 0 5px; border: 2px solid #fff; border-radius: 20px; background: var(--brand, #fc4505); color: #fff; font: 700 11px/18px system-ui, sans-serif; }
@media (max-width: 600px) { .support-launcher.support-button { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); } }
.support-dialog[data-support-loading] { position: fixed; z-index: 130; inset: auto 20px 88px auto; margin: 0; padding: 0; width: min(410px, calc(100vw - 32px)); max-width: none; height: min(660px, calc(var(--support-viewport-height, 100dvh) - 110px)); max-height: none; border: 1px solid var(--border, #dce0e1); border-radius: 20px; background: var(--surface, #fff); color: var(--ink, #202326); box-shadow: 0 20px 80px #20232633; font: 14px/1.5 var(--font-body, system-ui, sans-serif); overflow: hidden; }
.support-dialog[data-support-loading][open] { display: flex; flex-direction: column; }
.support-dialog[data-support-loading]::backdrop { background: #20232612; }
[data-support-loading] .support-header { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--border, #dce0e1); }
[data-support-loading] .support-header h2 { margin: 0; font-size: 17px; line-height: 1.3; letter-spacing: -.02em; }
[data-support-loading] .support-header p { margin: 3px 0 0; color: var(--muted, #687076); font-size: 12px; }
[data-support-loading] .support-avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: var(--brand, #fc4505); background: var(--brand-soft, #fff1e9); }
[data-support-loading] .support-icon-button { display: grid; place-items: center; margin-left: auto; padding: 10px; width: 42px; height: 42px; border: 0; border-radius: 10px; background: transparent; color: inherit; cursor: pointer; }
.support-loading { margin: auto; padding: 24px; text-align: center; }
.support-retry { align-self: center; margin: 0 20px 24px; padding: 10px 16px; border: 0; border-radius: 10px; color: #fff; background: var(--brand, #fc4505); cursor: pointer; }
@media (max-width: 600px) {
  .support-dialog[data-support-loading] { inset: var(--support-viewport-top, 0px) 0 auto; width: 100%; height: var(--support-viewport-height, 100dvh); border: 0; border-radius: 0; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
  [data-support-loading] .support-header { padding: 12px 16px; }
}