/* Urgent support entry and dialog. Presentation only: every selector, id, binding and privacy attribute the
   script relies on is unchanged. Colours follow the application theme variables when present and fall back
   to the navy palette the sign-in page uses, so the surface reads the same with or without the theme. */
#wcc-urgent-support{font:15px/1.5 var(--wcc-sans,system-ui,sans-serif);color:#e4eef8}
#wcc-urgent-support [hidden],#wcc-support-entry[hidden]{display:none!important}
.wcc-auth-surface #wcc-urgent-support,.wcc-auth-surface #wcc-urgent-support dialog,.wcc-auth-surface #wcc-support-entry{display:none!important}
#wcc-urgent-support button,#wcc-urgent-support input,#wcc-urgent-support textarea{font:inherit;box-sizing:border-box}
#wcc-urgent-support button{border:1px solid rgba(143,211,250,.32);border-radius:999px;padding:0 18px;min-height:40px;background:transparent;color:#e4eef8;cursor:pointer;font:700 12.5px/1 var(--wcc-display,system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#wcc-urgent-support button:hover{background:rgba(67,161,219,.14);border-color:rgba(143,211,250,.55);color:#fff}
#wcc-urgent-support button:disabled{opacity:.6;cursor:default}
#wcc-urgent-support :focus-visible{outline:3px solid rgba(143,211,250,.7);outline-offset:3px}

/* Entry button in the navigation column: a card above the bottom edge with the life-buoy glyph (Lucide, ISC) */
#wcc-support-entry{position:absolute;left:12px;bottom:44px;width:calc(100% - 24px);box-sizing:border-box;z-index:2;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid var(--wcc-chrome-line-strong,rgba(150,190,230,.3));border-radius:12px;background:var(--wcc-chrome-bg,#0b1220);color:var(--wcc-chrome-text,#e4eef8);cursor:pointer;font:700 13px/1.2 var(--wcc-display,system-ui,sans-serif);letter-spacing:.02em;text-align:left;box-shadow:0 10px 24px -18px rgba(0,0,0,.6);transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#wcc-support-entry::before{content:"";flex:0 0 auto;width:18px;height:18px;background-color:var(--wcc-fail,#e85c5c);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m4.93 4.93 4.24 4.24'/><path d='m14.83 9.17 4.24-4.24'/><path d='m14.83 14.83 4.24 4.24'/><path d='m9.17 14.83-4.24 4.24'/><circle cx='12' cy='12' r='4'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m4.93 4.93 4.24 4.24'/><path d='m14.83 9.17 4.24-4.24'/><path d='m14.83 14.83 4.24 4.24'/><path d='m9.17 14.83-4.24 4.24'/><circle cx='12' cy='12' r='4'/></svg>") center/contain no-repeat}
#wcc-support-entry:hover{background:color-mix(in srgb,var(--wcc-fail,#e85c5c) 10%,var(--wcc-chrome-bg,#0b1220));border-color:color-mix(in srgb,var(--wcc-fail,#e85c5c) 55%,transparent);color:var(--wcc-chrome-text,#fff)}
#wcc-support-entry:focus-visible{outline:3px solid rgba(143,211,250,.7);outline-offset:1px}
/* Narrow navigation ("Help"): glyph only */
#nav-container.wcc-support-host.nav-min #wcc-support-entry,#nav-container.wcc-support-host[style*="width: 60px"] #wcc-support-entry{justify-content:center;padding:10px 0;font-size:11px}
/* Entry inside the account menu on small screens: a plain menu row like its neighbours */
#wcc-support-entry.wcc-support-menu-entry{position:static;width:100%;min-height:0;padding:9px 12px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--wcc-chrome-text,#e4eef8);font:600 13.5px/1.2 var(--wcc-sans,system-ui,sans-serif);letter-spacing:0;text-align:left}
#wcc-support-entry.wcc-support-menu-entry:hover{background:var(--wcc-chrome-hover,rgba(67,161,219,.12))}
.wcc-support-dropdown-item:empty{display:none}
#nav-container.wcc-support-sidebar-offscreen #nav-resizer{pointer-events:none!important}
#nav-container.wcc-support-host{max-height:calc(100dvh - 50px)}
#nav-container.wcc-support-host #nav-wrapper,#nav-container.wcc-support-host #nav-admin{height:calc(100% - 108px)!important;min-height:0;max-height:calc(100dvh - 158px);padding-bottom:12px;box-sizing:border-box;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-block:12px}
#nav-container.wcc-support-host #nav-wrapper>#nav{height:auto;max-height:none;overflow-y:visible}

/* Dialog: the lifted navy card of the sign-in page, with an alert bar on top */
#wcc-urgent-support .wcc-support-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;position:relative;border:1px solid rgba(143,211,250,.32);border-radius:16px;padding:28px 28px 24px;background-color:#13263d;background-image:linear-gradient(180deg,#172d47,#0f2236);color:#e4eef8;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -24px rgba(0,0,0,.7)}
#wcc-urgent-support .wcc-support-dialog::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#e85c5c,#f2784b)}
#wcc-urgent-support dialog::backdrop{background:rgba(7,16,27,.72);backdrop-filter:blur(2px)}
#wcc-urgent-support h2{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:800 22px/1.2 var(--wcc-display,system-ui,sans-serif);letter-spacing:-.01em;color:inherit}
#wcc-urgent-support h2::before{content:"";flex:0 0 auto;width:34px;height:34px;border-radius:10px;background-color:rgba(232,92,92,.16);box-shadow:inset 0 0 0 1px rgba(232,92,92,.45);-webkit-mask:none;mask:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb4bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m4.93 4.93 4.24 4.24'/><path d='m14.83 9.17 4.24-4.24'/><path d='m14.83 14.83 4.24 4.24'/><path d='m9.17 14.83-4.24 4.24'/><circle cx='12' cy='12' r='4'/></svg>");background-repeat:no-repeat;background-position:center;background-size:20px 20px}
#wcc-urgent-support p{margin:0 0 16px;color:#b6c4d8}
#wcc-urgent-support label{display:block;margin:16px 0 6px;font:700 11px/1.2 var(--wcc-display,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#9db3c8}
#wcc-urgent-support label span{font-weight:600;letter-spacing:0;text-transform:none;color:#7f93a8}
#wcc-urgent-support input,#wcc-urgent-support textarea{display:block;width:100%;border:1px solid rgba(150,190,230,.3);border-radius:10px;background:#0d1b2e;color:#f3f7fb;padding:11px 12px;font:15px/1.45 var(--wcc-sans,system-ui,sans-serif);resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}
#wcc-urgent-support input:focus,#wcc-urgent-support textarea:focus{border-color:#43a1db;box-shadow:0 0 0 3px rgba(67,161,219,.25);outline:0}
#wcc-urgent-support .wcc-support-note{display:flex;gap:8px;align-items:flex-start;margin-top:18px;padding:10px 12px;border-radius:10px;background:rgba(232,92,92,.1);border:1px solid rgba(232,92,92,.3);font-size:13px;line-height:1.45;color:#ffd9dc}
#wcc-urgent-support .wcc-support-status{min-height:1.4em;margin:12px 0 4px;font-size:13.5px;color:#8fd3fa;white-space:normal;overflow-wrap:anywhere}
#wcc-urgent-support .wcc-support-status:empty{margin:0;min-height:0}
#wcc-urgent-support .wcc-support-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:8px}
#wcc-urgent-support .wcc-support-submit{background:#79c9fa;color:#081522;border-color:#79c9fa;box-shadow:0 10px 24px -12px rgba(121,201,250,.7)}
#wcc-urgent-support .wcc-support-submit:hover{background:#a1ddff;border-color:#a1ddff;color:#081522}
@media(max-width:480px){#wcc-urgent-support .wcc-support-dialog{padding:20px 18px 18px}}
/* Keep the isolated support dialog legible against both legacy application themes. */
#wcc-urgent-support .wcc-support-dialog h2{color:#f3f7fb!important}
#wcc-urgent-support .wcc-support-dialog label{color:#9db3c8!important}
#wcc-urgent-support .wcc-support-dialog p{color:#b6c4d8!important}
#wcc-urgent-support .wcc-support-dialog label span{color:#7f93a8!important}
#wcc-urgent-support .wcc-support-dialog .wcc-support-note{color:#ffd9dc!important}
#wcc-urgent-support .wcc-support-dialog input,#wcc-urgent-support .wcc-support-dialog textarea{color:#f3f7fb!important;background:#0d1b2e!important;border-color:rgba(150,190,230,.3)!important}
#wcc-urgent-support .wcc-support-dialog :focus-visible{outline:3px solid rgba(143,211,250,.7)!important;outline-offset:3px!important}

/* Channel choice (support chat module): three selectable cards under the message, native radio kept for the bindings */
#wcc-urgent-support .wcc-support-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;border:0;min-width:0}
#wcc-urgent-support .wcc-support-channels legend{grid-column:1/-1;float:left;width:100%;margin:0 0 8px;padding:0;border:0;font:700 11px/1.2 var(--wcc-display,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#9db3c8}
#wcc-urgent-support .wcc-support-channel-card{position:relative;display:flex;flex-direction:column;gap:4px;margin:0;padding:12px 12px 12px 38px;border:1px solid rgba(150,190,230,.3);border-radius:12px;background:#0d1b2e;color:#e4eef8;cursor:pointer;font:inherit;font-weight:400;letter-spacing:0;text-transform:none;user-select:none;-webkit-user-select:none;transition:border-color .15s ease,background-color .15s ease}
#wcc-urgent-support .wcc-support-channel-card:hover{border-color:rgba(143,211,250,.6)}
#wcc-urgent-support .wcc-support-channel-card:has(input:checked){border-color:#79c9fa;background:rgba(67,161,219,.16)}
#wcc-urgent-support .wcc-support-channel-card input[type=radio]{position:absolute;left:12px;top:14px;width:16px;height:16px;margin:0;accent-color:#79c9fa;cursor:pointer}
#wcc-urgent-support .wcc-support-channel-card strong{font:700 14px/1.2 var(--wcc-display,system-ui,sans-serif);color:#f3f7fb}
#wcc-urgent-support .wcc-support-channel-card span{font-size:12px;line-height:1.35;color:#9db3c8}
#wcc-urgent-support .wcc-support-channels[disabled] .wcc-support-channel-card{opacity:.6;cursor:default}
@media(max-width:560px){#wcc-urgent-support .wcc-support-channels{grid-template-columns:1fr}}
/* Chat panel: transcript, composer and its actions, shown once a chat request is in the queue */
#wcc-urgent-support #wcc-support-chat{margin:18px 0 0;padding:14px 16px 16px;border:1px solid rgba(150,190,230,.3);border-radius:12px;background:rgba(13,27,46,.7)}
#wcc-urgent-support #wcc-support-chat h3{margin:0 0 10px;font:700 11px/1.2 var(--wcc-display,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#9db3c8}
#wcc-urgent-support #wcc-support-transcript{list-style:none;margin:0 0 12px;padding:0;max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:8px}
#wcc-urgent-support #wcc-support-transcript:empty{display:none}
#wcc-urgent-support #wcc-support-transcript li{max-width:85%;padding:8px 12px;border-radius:12px 12px 12px 4px;background:#13263d;border:1px solid rgba(150,190,230,.2);font-size:14px;line-height:1.45;color:#e4eef8;overflow-wrap:anywhere}
#wcc-urgent-support #wcc-support-transcript li:has(> strong:first-child:not([data-staff])):nth-child(n){align-self:flex-start}
#wcc-urgent-support #wcc-support-transcript li strong{display:block;margin-bottom:2px;font:700 10.5px/1.2 var(--wcc-display,system-ui,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#8fd3fa}
#wcc-urgent-support #wcc-support-chat label{margin-top:4px}
#wcc-urgent-support #wcc-support-chat-message{min-height:72px}
#wcc-urgent-support #wcc-support-chat > button{margin:12px 8px 0 0}
#wcc-urgent-support #wcc-support-chat-send{background:#79c9fa;color:#081522;border-color:#79c9fa}
#wcc-urgent-support #wcc-support-chat-send:hover{background:#a1ddff;border-color:#a1ddff;color:#081522}
#wcc-urgent-support #wcc-support-chat-end{color:#ffb4bd;border-color:rgba(232,92,92,.45)}
#wcc-urgent-support #wcc-support-chat-end:hover{background:rgba(232,92,92,.14);border-color:rgba(232,92,92,.7);color:#fff}
/* Second note (Monitor request), retry action */
#wcc-urgent-support .wcc-support-note + p,#wcc-urgent-support .wcc-support-note ~ p:not(.wcc-support-status){margin:10px 0 0;font-size:12.5px;color:#9db3c8}
#wcc-urgent-support .wcc-support-retry{margin-right:auto;color:#ffd58a;border-color:rgba(255,213,138,.45)}
#wcc-urgent-support .wcc-support-retry:hover{background:rgba(255,213,138,.12);border-color:rgba(255,213,138,.8);color:#fff}
#wcc-urgent-support .wcc-support-actions{margin-top:14px}

/* Incident notices can open before the urgent-support widget mounts. */
#wcc-support-incident{font:16px/1.5 var(--wcc-sans,system-ui,sans-serif);color:#e4eef8}
#wcc-support-incident [hidden]{display:none!important}
#wcc-support-incident .wcc-support-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;position:relative;border:1px solid rgba(143,211,250,.32);border-radius:16px;padding:28px 28px 24px;background-color:#13263d;background-image:linear-gradient(180deg,#172d47,#0f2236);color:#e4eef8;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -24px rgba(0,0,0,.7)}
#wcc-support-incident dialog::backdrop{background:rgba(7,16,27,.72);backdrop-filter:blur(2px)}
#wcc-support-incident h2{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:800 22px/1.2 var(--wcc-display,system-ui,sans-serif);letter-spacing:-.01em;color:#f3f7fb!important}
#wcc-support-incident .wcc-support-dialog::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#e85c5c,#f2784b)}
#wcc-support-incident h2::before{content:"";flex:0 0 auto;width:34px;height:34px;border-radius:10px;background-color:rgba(232,92,92,.16);box-shadow:inset 0 0 0 1px rgba(232,92,92,.45);-webkit-mask:none;mask:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb4bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m4.93 4.93 4.24 4.24'/><path d='m14.83 9.17 4.24-4.24'/><path d='m14.83 14.83 4.24 4.24'/><path d='m9.17 14.83-4.24 4.24'/><circle cx='12' cy='12' r='4'/></svg>");background-repeat:no-repeat;background-position:center;background-size:20px 20px}
#wcc-support-incident p{margin:0 0 16px;font-size:16px;line-height:1.5;color:#d3deeb!important}
#wcc-support-incident .wcc-support-status{margin:0 0 12px;min-height:0;font-size:14px;line-height:1.5;color:#b6c4d8!important;overflow-wrap:anywhere}
#wcc-support-incident .wcc-support-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}
#wcc-support-incident button{box-sizing:border-box;min-height:44px;border:1px solid rgba(143,211,250,.45);border-radius:10px;padding:10px 16px;background:#19354d;color:#f3f7fb;font:700 14px/1.3 var(--wcc-display,system-ui,sans-serif);letter-spacing:0;text-transform:none;cursor:pointer}
#wcc-support-incident button:hover{background:#234963;color:#fff}
#wcc-support-incident button:disabled{opacity:.6;cursor:default}
#wcc-support-incident :focus-visible{outline:3px solid #8fd3fa;outline-offset:3px}
#wcc-support-incident .wcc-support-reference{display:block;margin:0 0 12px;font:13px/1.5 var(--wcc-sans,system-ui,sans-serif);color:#b6c4d8}
#wcc-support-incident .wcc-support-reference code{display:block;padding:4px 0;background:transparent;font:14px/1.5 ui-monospace,monospace;color:#e4eef8;overflow-wrap:anywhere;user-select:text}
@media(max-width:480px){#wcc-support-incident .wcc-support-dialog{padding:20px 18px 18px}#wcc-support-incident .wcc-support-actions{gap:8px}#wcc-support-incident button{flex:1 1 auto}}
/* Copy the verified short support reference without exposing the internal identifier. */
#wcc-support-incident .wcc-support-reference-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#wcc-support-incident .wcc-support-reference-row code{min-width:0}
#wcc-support-incident .wcc-support-reference-row button{flex:0 0 auto;min-height:44px;padding:8px 12px;font-size:13px}
#wcc-support-incident .wcc-support-copy-feedback{display:block;min-height:0;font-size:13px;line-height:1.5;color:#b6c4d8}
#wcc-support-incident .wcc-support-copy-feedback:empty{display:none}
#wcc-support-incident .wcc-support-area{margin:0 0 12px;font-size:14px;color:#b6c4d8!important}
#wcc-support-incident .wcc-support-decoration{display:block;width:88px;height:88px;object-fit:cover;border-radius:14px;margin:0 0 16px}
#wcc-support-incident button.wcc-support-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:999px}
#wcc-support-incident .wcc-support-action-icon{display:block;width:20px;height:20px;pointer-events:none}
