/* Brand artwork is site content, independent of a template's decoration. */
html body header.ng-brand-header img.brand-logo,
html[data-view-managed-skin] body img.brand-logo {
    content: normal !important;
    object-fit: contain !important;
    object-position: left center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    filter: none !important;
}
.brand-preview { margin-top: 8px; padding: 12px; border-radius: 12px; background: #211b25; }
.view-ai-icon__image { object-fit: contain !important; object-position: center; }
[data-view-resource-id="test-entry"] img.avatar { object-fit:contain !important;border-radius:0 !important;background:transparent !important; }
/* User-provided icons replace artwork in the existing dock; no old generated-edge masks. */
.view-bottom-directory img[data-supplied-artwork] {
    object-fit: contain !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    clip-path: none !important;
    content: normal !important;
}

[data-merchant-platform] { min-height:0!important;aspect-ratio:2.875/1!important;background:#061327!important; }
[data-merchant-platform] > img { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1; }
[data-merchant-platform] .view-gh-platform-copy { color:#eef5f7;width:56%;padding:12px 10px; }
[data-merchant-platform] .view-gh-platform-copy h3 { color:#eef5f7; }
[data-merchant-platform] .view-gh-platform-copy p { color:#bcc9d4; }
.ng-support-chat { position: fixed; z-index: var(--ng-layer-support, 320); right: max(18px, env(safe-area-inset-right, 0px)); bottom: calc(var(--ng-shell-nav-height) + env(safe-area-inset-bottom, 0px) + 18px); pointer-events: none; color: var(--ng-shell-text); font-family: inherit; }
.ng-support-chat *, .ng-support-chat ::before, .ng-support-chat ::after { box-sizing: border-box; }
.ng-support-chat [hidden] { display: none !important; }
.ng-support-chat img[data-support-art], .ng-support-chat img[data-support-logo] { display: block; width: 100%; height: 100%; object-fit: contain; }
.ng-support-chat img[data-support-logo] { border-radius: 50%; }
.ng-support-chat button { font-family: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ng-support-chat .ng-support-launcher { display: flex; align-items: center; justify-content: center; gap: 7px; pointer-events: auto; min-width: 118px; height: 52px; margin: 0px; padding: 5px 17px 5px 8px; border: 1px solid color-mix(in srgb, var(--ng-shell-primary) 25%, var(--ng-shell-line)); border-radius: 999px; background: var(--ng-shell-surface-strong); color: var(--ng-shell-text); box-shadow: 0 7px 26px color-mix(in srgb, var(--ng-shell-primary) 20%, transparent); }
.ng-support-launcher__icon { width: 40px; height: 40px; }
.ng-support-launcher__label { font-size: 14px; font-weight: 700; white-space: nowrap; }
.ng-support-chat .ng-support-panel { --ng-shell-surface: var(--ng-panel-solid, #fff); --ng-shell-surface-strong: var(--ng-panel-solid, #fff); position: absolute; right: 0px; bottom: 65px; width: min(390px, -28px + 100vw); height: min(560px, calc(100dvh - var(--ng-shell-nav-height) - 108px)); min-height: 0px; display: grid; grid-template-rows: auto minmax(0px, 1fr); overflow: hidden; pointer-events: auto; border: 1px solid var(--ng-shell-line); border-radius: 24px; background: var(--ng-surface-decor,none),var(--ng-shell-surface-strong); color: var(--ng-shell-text); box-shadow: rgba(12, 16, 40, 0.24) 0px 20px 70px; isolation: isolate; }
.ng-support-chat .ng-support-panel__header { display: flex; align-items: center; gap: 11px; width: 100%; max-width: none; margin: 0px; min-height: 82px; padding: 16px; color: var(--ng-shell-text); border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--ng-shell-line); border-radius: 0px; background: linear-gradient(110deg, color-mix(in srgb, var(--ng-shell-primary) 9%, var(--ng-shell-surface-strong)), color-mix(in srgb, var(--ng-shell-accent) 3%, var(--ng-shell-surface-strong))), var(--ng-shell-surface-strong); box-shadow: none; }
.ng-support-panel__header::before, .ng-support-panel__header::after { content: none !important; }
.ng-support-panel__avatar { width: 48px; height: 48px; flex: 0 0 48px; }
.ng-support-panel__heading { min-width: 0px; display: grid; gap: 5px; }
.ng-support-panel__heading strong { font-size: 18px; line-height: 1.25; letter-spacing: 0.02em; }
.ng-support-panel__heading small { font-size: 12px; line-height: 1.4; color: var(--ng-shell-muted); }
.ng-support-chat .ng-support-panel__close { margin-left: auto; flex: 0 0 36px; width: 36px; height: 36px; min-height: 36px; }
.ng-support-directory { overflow-y: auto; overscroll-behavior: contain; padding: 16px; scrollbar-width: thin; }
.ng-support-directory__intro { margin: 0px 0px 12px; font-size: 12px; color: var(--ng-shell-muted); }
.ng-support-channels { display: grid; gap: 10px; }
.ng-support-chat .ng-support-channel { width: 100%; min-height: 76px; padding: 12px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--ng-shell-line); border-radius: 17px; box-shadow: none; background: var(--ng-shell-surface); color: var(--ng-shell-text); text-align: left; text-decoration: none; transition: border-color 150ms, background-color 150ms; }
.ng-support-chat .ng-support-channel:hover { border-color: var(--ng-shell-primary); background: color-mix(in srgb, var(--ng-shell-primary) 5%, var(--ng-shell-surface)); }
.ng-support-chat .ng-support-channel--chat { border-color: color-mix(in srgb, var(--ng-shell-primary) 34%, var(--ng-shell-line)); background: color-mix(in srgb, var(--ng-shell-primary) 7%, var(--ng-shell-surface)); }
.ng-support-channel__art { width: 42px; height: 42px; flex: 0 0 42px; }
.ng-support-channel__text { min-width: 0px; flex: 1 1 0%; display: grid; gap: 5px; }
.ng-support-channel__text strong { font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; font-weight: 700; }
.ng-support-channel__text small { font-size: 11px; line-height: 1.45; color: var(--ng-shell-muted); overflow-wrap: anywhere; }
.ng-support-channel__text .ng-support-channel__contact { font-variant-numeric: tabular-nums; }
.ng-support-channel__presence { display: inline-block; width: 7px; height: 7px; margin-inline-start: 7px; border-radius: 50%; vertical-align: 0.08em; background: rgb(140, 151, 170); }
.ng-support-channel__presence.is-online { background: rgb(32, 184, 121); animation: 1.8s ease-in-out 0s infinite normal none running ng-support-presence-pulse; }
.ng-support-channel__presence.is-away { background: rgb(206, 150, 52); }
.ng-support-channel__presence.is-offline, .ng-support-channel__presence.is-unknown { background: rgb(140, 151, 170); }
@keyframes ng-support-presence-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.48; }
}
.ng-support-channel__action { font-size: 11px; font-weight: 650; color: var(--ng-shell-primary); white-space: nowrap; }
.ng-support-directory__note { margin: 16px 2px 0px; font-size: 10px; line-height: 1.6; color: var(--ng-shell-muted); overflow-wrap: anywhere; }
.ng-support-conversation { min-height: 0px; display: flex; flex-direction: column; background: var(--ng-shell-surface-strong); }
.ng-support-chat .ng-support-back { align-self: flex-start; margin: 8px 14px 0px; padding: 7px 4px; min-height: 32px; font-size: 12px; color: var(--ng-shell-primary); border: 0px; border-radius: 6px; background: transparent; box-shadow: none; }
.ng-support-file { display: flex; align-items: center; gap: 8px; margin: 0px 12px 6px; padding: 5px 8px; border: 1px solid var(--ng-shell-line); border-radius: 10px; background: var(--ng-shell-surface); }
.ng-support-file span { flex: 1 1 0%; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; }
.ng-support-chat .ng-support-file button { width: 28px; height: 28px; min-height: 28px; flex: 0 0 28px; }
.ng-support-hint { margin: 0px; padding: 8px 12px 12px; text-align: center; font-size: 10px; color: var(--ng-shell-muted); }
.ng-support-sr-only { width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
@media (max-width: 768px) {
  .ng-support-chat { right: 12px; bottom: calc(var(--ng-shell-nav-height) + env(safe-area-inset-bottom, 0px) + 12px); }
  .ng-support-chat .ng-support-launcher { width: 54px; min-width: 54px; height: 54px; padding: 5px; }
  .ng-support-launcher__label { display: none; }
  .ng-support-chat .ng-support-panel { bottom: 66px; width: min(390px, -24px + 100vw); height: min(560px, calc(100dvh - var(--ng-shell-nav-height) - 104px)); }
}
@media (max-height: 540px) {
  .ng-support-chat .ng-support-panel { position: fixed; inset: 8px 12px auto auto; height: calc(100dvh - 16px); }
  .ng-support-chat .ng-support-panel__header { min-height: 64px; padding: 8px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .ng-support-chat .ng-support-panel, .ng-support-channel__presence { animation: auto ease 0s 1 normal none running none; }
  .ng-support-chat .ng-support-channel { transition: none; }
}
/* Customer service matches the inspected reference sites; all channel data stays local. */
.ng-support-chat { z-index:9990; }
.ng-support-chat .ng-support-panel { margin:0;left:auto;top:auto;max-width:none;max-height:none; }
.ng-support-chat .ng-support-panel:not([open]) { display:none!important; }
.ng-support-chat .ng-support-panel__header { position:relative!important;inset:auto!important;z-index:0; }
.ng-support-chat .ng-support-panel__close { display:grid;place-items:center;padding:7px;border:1px solid var(--ng-shell-line);border-radius:50%;background:var(--ng-shell-surface);color:var(--ng-shell-text);cursor:pointer; }
.ng-support-panel__close img { display:block;width:100%;height:100%;object-fit:contain; }

@media(max-height:540px) { .ng-support-chat .ng-support-panel { top:8px;bottom:auto;right:12px;height:calc(100dvh - 16px); } }