.msc-support-widget-shell { --msc-blue:#0099ff; --msc-ink:#232c39; --msc-muted:#64748b; --msc-canvas:#f4f7fa; color:var(--msc-ink); font-family:inherit; }
.msc-support-widget,.msc-support-widget-hub { background:#fff; border:1px solid #d7e8f4; border-radius:22px; box-shadow:0 22px 60px rgba(35,44,57,.18); color:var(--msc-ink); font-family:inherit; margin:30px auto; max-width:540px; overflow:hidden; }
.msc-support-widget-shell.is-embedded { display:flex; height:100%; min-height:0; min-width:0; width:100%; }
.msc-support-widget-shell.is-embedded .msc-support-widget { border:0; border-radius:0; box-shadow:none; display:flex; flex:1 1 auto; flex-direction:column; height:100%; margin:0; max-height:none; max-width:none; min-height:0; min-width:0; width:100%; }
.msc-support-widget-shell.is-embedded .msc-support-widget-log { flex:1 1 auto; max-height:none; min-height:0; }
.msc-support-widget-shell.is-embedded .msc-support-widget-composer { flex:0 0 auto; }
.msc-support-widget[hidden],.msc-support-widget-hub[hidden],.msc-support-widget-launcher[hidden],.msc-support-widget-menu[hidden],.msc-support-widget [hidden] { display:none !important; }
.msc-support-widget-hub-hero { align-items:center; background:linear-gradient(145deg,#eaf7ff 0%,#fff 72%); border-bottom:1px solid #dceaf4; color:var(--msc-ink); display:grid; gap:14px; grid-template-columns:64px minmax(0,1fr) auto; padding:22px; position:relative; }
.msc-support-widget-hub-hero::after { background:radial-gradient(circle,rgba(0,153,255,.07) 0 4px,transparent 5px); background-size:42px 42px; content:""; inset:0; opacity:.65; pointer-events:none; position:absolute; }
.msc-support-widget-hub-hero::after{content:none!important;display:none!important}
.msc-support-widget-hub-hero > * { position:relative; z-index:1; }
.msc-support-widget-hub-hero img { background:#fff; border:4px solid #fff; border-radius:50%; box-shadow:0 5px 18px rgba(0,153,255,.18); height:56px; object-fit:contain; width:56px; }
.msc-support-widget-hub-hero small { color:#0099ff; display:block; font-size:10px; font-weight:800; letter-spacing:.18em; margin-bottom:3px; }
.msc-support-widget-hub-hero h2 { color:var(--msc-ink); font-size:24px; letter-spacing:-.2px; line-height:1.1; margin:0; }
.msc-support-widget-hub-hero p { color:#60758a; font-size:13px; margin:5px 0 0; }
.msc-support-widget-hub-close,.msc-support-widget-back,.msc-support-widget-menu-toggle { align-items:center; background:transparent !important; border:0 !important; border-radius:50% !important; color:inherit !important; cursor:pointer; display:inline-flex; height:36px; justify-content:center; padding:0 !important; width:36px; }
.msc-support-widget-hub-close,.msc-support-widget-back,.msc-support-widget-menu-toggle { border:1px solid rgba(35,44,57,.1) !important; box-shadow:0 7px 20px rgba(35,44,57,.1); color:#526579 !important; }
.msc-support-widget-hub-close:hover,.msc-support-widget-hub-close:focus-visible,.msc-support-widget-back:hover,.msc-support-widget-back:focus-visible,.msc-support-widget-menu-toggle:hover,.msc-support-widget-menu-toggle:focus-visible { background:rgba(255,255,255,.88) !important; color:#ef3e46 !important; outline:none; }
.msc-support-widget-hub-close svg,.msc-support-widget-back svg,.msc-support-widget-menu-toggle svg { fill:none; height:19px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; width:19px; }
.msc-support-widget-hub-body { background:var(--msc-canvas); display:grid; gap:12px; padding:14px; }
.msc-support-widget-hub-card { background:#fff; border:1px solid #dce8f0; border-radius:16px; overflow:hidden; }
.msc-support-widget-hub-card h3 { color:#526579; font-size:14px; letter-spacing:.02em; margin:0; padding:17px 18px 11px; }
.msc-support-widget-channel-list { display:grid; }
.msc-support-widget-channel-option,.msc-support-widget-briefing-room { align-items:center; background:#fff; border:0; border-top:1px solid #edf2f6; color:var(--msc-ink); cursor:pointer; display:grid; font:inherit; gap:12px; grid-template-columns:42px minmax(0,1fr) 20px; padding:13px 16px; text-align:left; text-decoration:none; width:100%; }
.msc-support-widget-briefing-room { border:1px solid #dce8f0; border-radius:16px; }
.msc-support-widget-channel-option:hover,.msc-support-widget-channel-option:focus-visible,.msc-support-widget-briefing-room:hover,.msc-support-widget-briefing-room:focus-visible { background:#f6fbff; outline:none; }
.msc-support-widget-channel-option strong,.msc-support-widget-briefing-room strong { color:var(--msc-ink); display:block; font-size:15px; }
.msc-support-widget-channel-option small,.msc-support-widget-briefing-room small { color:var(--msc-muted); display:block; font-size:12px; margin-top:2px; }
.msc-support-widget-channel-option-icon { align-items:center; background:#eaf6fe; border-radius:50%; color:var(--msc-blue); display:flex; height:42px; justify-content:center; width:42px; }
.msc-support-widget-channel-option.is-email .msc-support-widget-channel-option-icon { background:#eef5fb; color:#276fb5; }
.msc-support-widget-channel-option.is-whatsapp .msc-support-widget-channel-option-icon { background:#ebf8f1; color:#178a55; }
.msc-support-widget-channel-option.is-sms .msc-support-widget-channel-option-icon { background:#eaf6fe; color:var(--msc-blue); }
.msc-support-widget-channel-option.is-messenger .msc-support-widget-channel-option-icon { background:#edf4ff; color:#1877f2; }
.msc-support-widget-channel-option-icon svg,.msc-support-widget-channel-chevron { fill:none; height:21px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:21px; }
.msc-support-widget-channel-chevron { color:#94a3b8; height:17px; width:17px; }
.msc-support-widget-whatsapp-modal[hidden] { display:none !important; }
.msc-support-widget-whatsapp-modal { inset:0; position:fixed; z-index:1000000; }
.msc-support-widget-whatsapp-backdrop { backdrop-filter:blur(8px); background:rgba(24,38,51,.42); inset:0; position:absolute; }
.msc-support-widget-whatsapp-dialog { align-items:center; background:#fff; border:1px solid rgba(0,153,255,.2); border-radius:24px; box-shadow:0 24px 80px rgba(18,37,53,.3); box-sizing:border-box; display:flex; flex-direction:column; left:50%; max-width:410px; outline:0; padding:30px; position:absolute; text-align:center; top:50%; transform:translate(-50%,-50%); width:calc(100vw - 32px); }
.msc-support-widget-whatsapp-close { align-items:center; background:#fff !important; border:1px solid #dce8f0 !important; border-radius:50% !important; color:#526579 !important; cursor:pointer; display:flex; font:700 25px/1 Arial,sans-serif !important; height:38px; justify-content:center; padding:0 !important; position:absolute; right:12px; top:12px; width:38px; }
.msc-support-widget-whatsapp-close:hover,.msc-support-widget-whatsapp-close:focus-visible { border-color:#b8ddf5 !important; color:var(--msc-blue) !important; outline:none; }
.msc-support-widget-whatsapp-mark { align-items:center; background:#ebf8f1; border-radius:50%; color:#178a55; display:flex; height:48px; justify-content:center; margin-bottom:10px; width:48px; }
.msc-support-widget-whatsapp-mark.is-sms { background:#eaf6fe; color:var(--msc-blue); }
.msc-support-widget-whatsapp-mark svg { fill:none; height:27px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:27px; }
.msc-support-widget-whatsapp-mark svg[hidden] { display:none !important; }
.msc-support-widget-whatsapp-dialog h2 { color:var(--msc-ink); font-size:23px; line-height:1.2; margin:0; }
.msc-support-widget-whatsapp-dialog p { color:var(--msc-muted); font-size:14px; line-height:1.45; margin:7px 0 16px; }
.msc-support-widget-whatsapp-qr { background:#fff; border:1px solid #deedf7; border-radius:20px; box-shadow:0 10px 28px rgba(0,153,255,.1); box-sizing:border-box; padding:12px; width:min(270px,100%); }
.msc-support-widget-whatsapp-qr:empty::after { color:var(--msc-muted); content:'QR code unavailable'; display:block; font-size:13px; padding:70px 10px; }
.msc-support-widget-whatsapp-qr-svg { display:block; height:auto; width:100%; }
.msc-support-widget-whatsapp-link { background:var(--msc-blue); border-radius:999px; color:#fff !important; display:inline-flex; font-size:14px; font-weight:700; justify-content:center; margin-top:17px; padding:11px 20px; text-decoration:none; }
.msc-support-widget-whatsapp-link:hover,.msc-support-widget-whatsapp-link:focus-visible { background:var(--msc-blue); color:#fff !important; outline:3px solid rgba(0,153,255,.2); }
.msc-support-widget-whatsapp-modal-open { overflow:hidden; }
@media(max-width:760px) { .msc-support-widget-whatsapp-modal { display:none !important; } }
.msc-support-widget header { align-items:center; background:linear-gradient(145deg,#eaf7ff 0%,#fff 72%); border-bottom:1px solid #dceaf4; color:var(--msc-ink); display:flex; justify-content:space-between; padding:14px 16px; }
.msc-support-widget > header { gap:9px; }
.msc-support-widget > header > div:first-of-type { flex:1; }
.msc-support-widget-header-logo { background:#fff; border:3px solid #fff; border-radius:50%; box-shadow:0 4px 14px rgba(0,153,255,.16); height:42px; object-fit:contain; width:42px; }
.msc-support-widget header div { display:grid; gap:3px; }
.msc-support-widget header .msc-support-widget-header-actions { align-items:center; display:flex; flex:none; gap:8px; }
.msc-support-widget header span { color:#60758a; font-size:12px; }
.msc-support-widget .msc-support-widget-presence { align-items:center; display:flex; gap:5px; }
.msc-support-widget-presence i { background:#94a3b8; border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 1px rgba(35,44,57,.12); display:block; height:7px; width:7px; }
.msc-support-widget-presence.is-online i { background:#20aa3a; box-shadow:0 0 0 1px rgba(32,170,58,.22),0 0 8px rgba(32,170,58,.28); }
.msc-support-widget-cards { display:grid; gap:8px; padding:0 12px 10px; }
.msc-support-widget-cards:empty { display:none; }
.msc-support-widget-card { align-items:flex-start; background:#f0f9ff; border:1px solid #bae6fd; border-radius:10px; color:#334155; display:flex; font-size:12px; gap:10px; justify-content:space-between; padding:9px 10px; }
.msc-support-widget-card.is-initial { background:#fffbeb; border-color:#fde68a; }
.msc-support-widget-card strong { color:#0f172a; display:block; font-size:12px; margin-bottom:2px; }
.msc-support-widget-card p { line-height:1.4; margin:0; }
.msc-support-widget-card a { color:#0369a1; font-weight:700; }
.msc-support-widget .msc-support-widget-card button { align-items:center; background:transparent; color:#64748b; display:flex; font-size:19px; height:24px; justify-content:center; padding:0; width:24px; }
.msc-support-widget-interaction-card { display:grid; gap:9px; margin-top:8px; min-width:min(320px,70vw); padding:0 !important; }
.msc-support-widget-interaction-card > strong { font-size:15px; }
.msc-support-widget-interaction-card > span { line-height:1.45; }
.msc-support-widget-interaction-card label { display:grid; gap:4px; }
.msc-support-widget-interaction-card input,.msc-support-widget-interaction-card textarea,.msc-support-widget-interaction-card select { background:#fff; color:#0f172a; }
.msc-support-widget-card-actions { display:grid; gap:7px; }
.msc-support-widget .msc-support-widget-card-actions button { background:#e0f2fe; color:#075985; padding:9px 11px; width:100%; }
.msc-support-widget .msc-support-widget-card-actions button.is-primary { background:#075985; color:#fff; }
.msc-support-widget .msc-support-widget-test { background:#fef3c7; border-radius:999px; color:#92400e; font-weight:800; letter-spacing:.08em; padding:4px 8px; }
.msc-support-widget-menu { background:#fff; border:1px solid #dce8f0; border-radius:12px; box-shadow:0 12px 30px rgba(35,44,57,.2); display:grid; min-width:190px; padding:6px; position:absolute; right:14px; top:66px; z-index:5; }
.msc-support-widget-menu button,.msc-support-widget-menu a { background:transparent; border:0; border-radius:8px; color:var(--msc-ink); cursor:pointer; display:block; font:600 13px/1.3 inherit; padding:10px 11px; text-align:left; text-decoration:none; }
.msc-support-widget-menu button:hover,.msc-support-widget-menu button:focus-visible,.msc-support-widget-menu a:hover,.msc-support-widget-menu a:focus-visible { background:#eef7fd; outline:none; }
.msc-support-widget-log { background:#f8fafc; display:flex; flex-direction:column; gap:10px; max-height:380px; min-height:210px; overflow:auto; padding:17px; }
.msc-support-widget-log p,.msc-support-widget-log > article { border-radius:11px; margin:0; max-width:82%; padding:10px 12px; }
.msc-support-widget-log > .msc-support-widget-message-row { align-items:end; display:grid; gap:8px; grid-template-columns:30px minmax(0,1fr); max-width:90%; padding:0; width:max-content; }
.msc-support-widget-message-row.is-customer { align-self:flex-end; grid-template-columns:minmax(0,1fr) 30px; }
.msc-support-widget-message-row.is-customer .msc-support-widget-message-avatar { grid-column:2; }
.msc-support-widget-message-row.is-customer .msc-support-widget-message-content { grid-column:1; grid-row:1; }
.msc-support-widget-message-avatar { align-items:center; background:#e7f5ff; border:2px solid #fff; border-radius:50%; box-shadow:0 3px 10px rgba(35,44,57,.12); color:#078ce7; display:flex; font-size:12px; font-weight:800; height:28px; justify-content:center; overflow:hidden; width:28px; }
.msc-support-widget-message-avatar img { height:100%; object-fit:contain; width:100%; }
.msc-support-widget-message-content { min-width:0; }
.msc-support-widget-message-content > .msc-support-widget-agent,.msc-support-widget-message-content > .msc-support-widget-customer { border-radius:11px; padding:10px 12px; }
.msc-support-widget-message-meta { align-items:center; color:#7b8b9a; display:flex; font-size:10px; gap:3px; line-height:17px; padding:3px 3px 0; }
.msc-support-widget-message-row.is-customer .msc-support-widget-message-meta { justify-content:flex-end; }
.msc-support-widget-system { background:#e2e8f0; color:#475569; font-size:13px; }
.msc-support-widget-new-conversation { align-items:center; align-self:center; background:rgba(255,255,255,.82); border:1px solid rgba(0,153,255,.2); border-radius:18px; box-shadow:0 12px 30px rgba(15,43,68,.08); color:#243548; display:flex; gap:12px; margin:auto 18px; max-width:360px; padding:16px 18px; }
.msc-support-widget-new-conversation > span { align-items:center; background:rgba(0,153,255,.1); border:1px solid rgba(0,153,255,.2); border-radius:50%; color:var(--msc-blue,#0099ff); display:flex; flex:0 0 38px; font-size:24px; height:38px; justify-content:center; }
.msc-support-widget-new-conversation strong { display:block; font-size:14px; margin-bottom:3px; }
.msc-support-widget-new-conversation p { color:#64748b; font-size:13px; line-height:1.4; margin:0; }
.msc-support-widget-customer { background:#dff3ff; border:1px solid #a8ddff; color:#075985; }
.msc-support-widget-agent { background:color-mix(in srgb,var(--msc-department-colour,#0796be) 16%,#fff); border:1px solid color-mix(in srgb,var(--msc-department-colour,#0796be) 30%,#fff); color:#233444; }
.msc-support-widget-department { align-items:center; align-self:center; background:color-mix(in srgb,var(--msc-message-department-colour,#20aa3a) 9%,#fff); border:1px solid color-mix(in srgb,var(--msc-message-department-colour,#20aa3a) 28%,#fff); color:#526579; display:flex; font-size:12px; gap:7px; max-width:90% !important; padding:7px 11px !important; }
.msc-support-widget-department-icon { color:var(--msc-message-department-colour); display:inline-flex; }
.msc-support-widget-department-icon svg { fill:none; height:17px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; width:17px; }
.msc-support-widget-typing { align-items:center; display:flex; gap:4px; min-height:18px; padding:10px 13px !important; width:max-content; }
.msc-support-widget-typing span { animation:msc-support-typing 1.25s infinite ease-in-out; background:#38a3d1; border-radius:50%; display:block; height:6px; width:6px; }
.msc-support-widget-typing span:nth-child(2) { animation-delay:.15s; }
.msc-support-widget-typing span:nth-child(3) { animation-delay:.3s; }
@keyframes msc-support-typing { 0%,60%,100% { opacity:.35; transform:translateY(0); } 30% { opacity:1; transform:translateY(-3px); } }
@media (prefers-reduced-motion:reduce) { .msc-support-widget-typing span { animation:none; opacity:.65; } }
.msc-support-widget-channel { align-items:center; background:rgba(255,255,255,.9); border-radius:50%; display:inline-flex; height:16px; justify-content:center; margin-right:6px; vertical-align:-3px; width:16px; }
.msc-support-widget-channel svg { fill:none; height:12px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:12px; }
.msc-support-widget-channel .msc-channel-fill { fill:currentColor; stroke:none; }
.msc-support-widget form { display:grid; gap:9px; padding:17px; }
.msc-support-widget label { font-size:14px; font-weight:700; }
.msc-support-widget textarea,.msc-support-widget input { border:1px solid #94a3b8; border-radius:8px; box-sizing:border-box; font:inherit; padding:10px; width:100%; }
.msc-support-widget textarea { resize:vertical; }
.msc-support-widget-media-tools { align-items:center; display:flex; gap:8px; }
.msc-support-widget-attach input { height:1px; opacity:0; overflow:hidden; position:absolute; width:1px; }
.msc-support-widget-attach span,.msc-support-widget .msc-support-widget-record { align-items:center; background:#f1f5f9; border:1px solid #cbd5e1; border-radius:8px; color:#075985; cursor:pointer; display:inline-flex; font-size:13px; font-weight:700; gap:6px; padding:8px 10px; }
.msc-support-widget-attach:focus-within span { outline:2px solid #38bdf8; outline-offset:2px; }
.msc-support-widget-media-tools svg { fill:none; height:16px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:16px; }
.msc-support-widget .msc-support-widget-record.is-recording { background:#fff1f2; border-color:#fb7185; color:#be123c; }
.msc-support-widget .msc-support-widget-record.is-recording svg { fill:#e11d48; stroke:#e11d48; }
.msc-support-widget-pending { display:grid; gap:6px; }
.msc-support-widget-pending:empty { display:none; }
.msc-support-widget-pending-item { align-items:center; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; display:flex; font-size:12px; gap:8px; justify-content:space-between; padding:7px 9px; }
.msc-support-widget-pending-item > img { border-radius:5px; height:34px; object-fit:cover; order:-1; width:34px; }
.msc-support-widget-pending-item > span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msc-support-widget .msc-support-widget-pending-remove { align-items:center; background:transparent; color:#64748b; display:flex; font-size:18px; height:24px; justify-content:center; padding:0; width:24px; }
.msc-support-widget-message-media { display:grid; gap:7px; margin-top:7px; }
.msc-support-widget-message-media img { border-radius:8px; display:block; height:auto; max-height:240px; max-width:100%; object-fit:contain; }
.msc-support-widget-message-media audio { display:block; max-width:100%; width:260px; }
.msc-support-widget-message-row.is-audio-only .msc-support-widget-message-content>.msc-support-widget-agent,
.msc-support-widget-message-row.is-audio-only .msc-support-widget-message-content>.msc-support-widget-customer{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.msc-support-widget-message-row.is-audio-only .msc-support-widget-message-media{margin-top:0}
.msc-support-widget-message-media a { color:inherit; font-weight:700; overflow-wrap:anywhere; text-decoration:underline; }
.msc-support-widget-receipt { align-items:center; color:#7b8b9a; display:flex; font-size:10px; gap:2px; justify-content:flex-end; margin-left:3px; }
.msc-support-widget-receipt.is-read { color:#078ce7; }
.msc-support-widget-receipt.is-failed { color:#c43d3d; }
.msc-support-widget-message-channels { align-items:center; display:inline-flex; gap:3px; }
.msc-support-widget-message-channels .msc-support-widget-channel { margin:0; }
.msc-support-widget-receipt svg { fill:none; height:14px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; width:16px; }
.msc-support-widget-actions { align-items:center; display:flex; gap:12px; justify-content:space-between; }
.msc-support-widget-actions small { color:#64748b; line-height:1.35; }
.msc-support-widget button { background:#0369a1; border:0; border-radius:8px; color:#fff; cursor:pointer; flex:none; font-weight:700; padding:10px 15px; }
.msc-support-widget button:disabled { cursor:wait; opacity:.6; }
.msc-support-widget .msc-support-widget-close { align-items:center; background:transparent; border:0; border-radius:50%; display:inline-flex; height:34px; justify-content:center; padding:0; width:34px; }
.msc-support-widget .msc-support-widget-close { color:#526579; }
.msc-support-widget .msc-support-widget-close:hover,.msc-support-widget .msc-support-widget-close:focus-visible { background:#fff; color:#ef3e46; outline:1px solid rgba(35,44,57,.1); outline-offset:1px; }
.msc-support-widget-close svg { fill:none; height:18px; stroke:currentColor; stroke-linecap:round; stroke-width:2; width:18px; }
.msc-support-widget-status { color:#475569; font-size:12px; margin:0; }
.msc-support-widget-identity { border-top:1px solid #e2e8f0; padding:14px 17px; }
.msc-support-widget-identity summary { color:#075985; cursor:pointer; font-weight:700; }
.msc-support-widget-identity form { padding:14px 0 0; }
.msc-support-widget-identity form[hidden] { display:none; }
.msc-support-widget-identity-status { color:#475569; font-size:12px; margin:8px 0 0; }
.msc-support-widget-stream-notice{align-self:stretch;background:#fff9e8;border:1px solid #f1d36b;border-radius:10px;display:flex;gap:10px;justify-content:space-between;margin:2px 0;padding:10px 11px}.msc-support-widget-stream-notice strong{font-size:12px}.msc-support-widget-stream-notice p{background:transparent;color:#526579;font-size:11px;line-height:1.4;margin:3px 0;padding:0;max-width:none}.msc-support-widget .msc-support-widget-stream-notice button{background:transparent;color:#075985;font-size:11px;padding:0;text-decoration:underline}.msc-support-widget .msc-support-widget-stream-notice>[data-privacy-ack]{color:#64748b;font-size:18px;text-decoration:none}.msc-support-widget-privacy-ack{align-self:center!important;background:#eef7f1!important;color:#48705a!important;font-size:10px!important;padding:6px 10px!important}
.msc-support-widget-message-content>.msc-support-widget-agent,.msc-support-widget-message-content>.msc-support-widget-customer{font-size:13px;line-height:1.42;padding:8px 10px}.msc-support-widget-log{gap:8px;padding:13px}.msc-support-widget-log>.msc-support-widget-message-row{gap:6px;grid-template-columns:25px minmax(0,1fr)}.msc-support-widget-message-row.is-customer{grid-template-columns:minmax(0,1fr) 25px}.msc-support-widget-message-avatar{height:24px;width:24px}.msc-support-widget-reply-link{background:rgba(255,255,255,.24)!important;border-left:2px solid currentColor!important;border-radius:5px!important;color:inherit!important;display:block!important;margin:0 0 6px!important;max-width:100%;padding:5px 7px!important;text-align:left!important;width:100%}.msc-support-widget-reply-link strong,.msc-support-widget-reply-link span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msc-support-widget-message-controls{display:flex;gap:7px;justify-content:flex-end;min-height:15px;padding:1px 3px}.msc-support-widget .msc-support-widget-message-controls button{background:transparent;color:#718096;font-size:9px;padding:0}.msc-support-widget-message-row.is-deleted .msc-support-widget-customer{background:#e9eef2;color:#718096}.msc-support-widget-message-row.is-deleted em{font-size:11px}
.msc-support-widget-composer{background:#fff;border-top:1px solid #dfe7ed;display:grid!important;flex:none;gap:6px!important;padding:9px 11px max(9px,env(safe-area-inset-bottom))!important;position:relative;z-index:2}.msc-support-widget-composer-row{align-items:flex-end;display:flex;gap:7px;position:relative}.msc-support-widget .msc-support-widget-add{align-items:center;background:#eef4f8;border-radius:50%;color:#526579;display:flex;height:34px;justify-content:center;padding:0;width:34px}.msc-support-widget-add svg,.msc-support-widget-input-shell svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}.msc-support-widget-input-shell{align-items:flex-end;background:#f4f6f8;border:1px solid #d8e0e6;border-radius:20px;display:flex;flex:1;gap:2px;min-height:38px;padding:4px 5px 4px 12px}.msc-support-widget-input-shell textarea{background:transparent;border:0;border-radius:0;box-shadow:none;line-height:20px;max-height:110px;min-height:24px;outline:0;padding:3px 0;resize:none}.msc-support-widget .msc-support-widget-inline-voice,.msc-support-widget .msc-support-widget-send,.msc-support-widget .msc-support-widget-emoji{align-items:center;background:transparent;border-radius:50%;color:#526579;display:flex;font-size:18px;height:30px;justify-content:center;padding:0;width:30px}.msc-support-widget .msc-support-widget-send{background:#079af3;color:#fff}.msc-support-widget-attachment-menu{background:#fff;border:1px solid #d8e1e8;border-radius:12px;bottom:46px;box-shadow:0 10px 28px rgba(35,44,57,.2);display:grid;left:0;min-width:175px;padding:6px;position:absolute;z-index:4}.msc-support-widget-attachment-menu label,.msc-support-widget .msc-support-widget-attachment-menu button{background:transparent;color:#233444;cursor:pointer;font-size:12px;font-weight:600;padding:9px;text-align:left}.msc-support-widget-attachment-menu input{height:1px;opacity:0;position:absolute;width:1px}.msc-support-widget-emoji-picker{background:#fff;border:1px solid #d8e1e8;border-radius:12px;bottom:58px;box-shadow:0 10px 28px rgba(35,44,57,.18);display:grid;grid-template-columns:repeat(8,1fr);padding:7px;position:absolute;right:10px;z-index:4}.msc-support-widget .msc-support-widget-emoji-picker button{background:transparent;font-size:18px;padding:4px}.msc-support-widget-reply-preview{align-items:center;background:#eef7fd;border-left:3px solid #079af3;border-radius:7px;display:flex;font-size:10px;justify-content:space-between;padding:6px 8px}.msc-support-widget-reply-preview span,.msc-support-widget-reply-preview strong{display:block}.msc-support-widget .msc-support-widget-reply-preview button{background:transparent;color:#64748b;font-size:17px;padding:0}.msc-support-widget-composer .msc-support-widget-status{min-height:0}.msc-support-widget-menu .msc-support-widget-identity{border-top:1px solid #e2e8f0;padding:5px}.msc-support-widget-menu .msc-support-widget-identity summary{cursor:pointer;font-size:13px;font-weight:600;padding:8px}.msc-support-widget-menu .msc-support-widget-identity form{display:grid;gap:5px;padding:7px}.msc-support-widget-menu .msc-support-widget-identity input{font-size:12px;padding:7px}
.msc-support-widget-shell.is-floating { bottom:max(18px, env(safe-area-inset-bottom)); position:fixed; right:max(18px, env(safe-area-inset-right)); z-index:999999; }
.msc-support-widget-shell.is-floating .msc-support-widget,.msc-support-widget-shell.is-floating .msc-support-widget-hub { margin:0 0 14px; width:min(410px, calc(100vw - 36px)); }
.msc-support-widget-shell.is-floating .msc-support-widget { display:flex; flex-direction:column; height:min(720px, calc(100dvh - 110px)); max-height:min(720px, calc(100vh - 110px)); overflow:hidden; position:relative; }
.msc-support-widget-shell.is-floating .msc-support-widget-hub { max-height:min(680px,calc(100dvh - 110px)); overflow:auto; }
.msc-support-widget-shell.is-floating .msc-support-widget > header { flex:none; position:sticky; top:0; z-index:2; }
.msc-support-widget-shell.is-floating .msc-support-widget-log { flex:1 1 180px; max-height:none; min-height:90px; }
.msc-support-widget-shell.is-floating .msc-support-widget > form,.msc-support-widget-shell.is-floating .msc-support-widget > details,.msc-support-widget-shell.is-floating .msc-support-widget-cards { flex:none; }
.msc-support-widget-launcher { align-items:center; background:var(--msc-blue); border:0; border-radius:999px; box-shadow:0 10px 28px rgba(15,23,42,.28); color:#fff; cursor:pointer; display:flex; font:700 14px/1 inherit; gap:0; height:58px; justify-content:center; margin-left:auto; overflow:visible; padding:0; position:relative; transition:width .22s ease,box-shadow .22s ease,transform .22s ease; width:58px; }
.msc-support-widget-launcher:hover,.msc-support-widget-launcher:focus-visible { background:var(--msc-blue); box-shadow:0 13px 34px rgba(0,153,255,.32); transform:none; width:176px; }
.msc-support-widget-launcher.is-open,.msc-support-widget-launcher.is-open:hover,.msc-support-widget-launcher.is-open:focus-visible { background:var(--msc-blue); transform:none; width:58px; }
.msc-support-widget-launcher:focus-visible { outline:3px solid #7dd3fc; outline-offset:3px; }
.msc-support-widget-launcher svg { fill:none; flex:0 0 23px; height:23px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.9; width:23px; }
.msc-support-widget-launcher-close { display:none; }
.msc-support-widget-launcher.is-open .msc-support-widget-launcher-chat { display:none; }
.msc-support-widget-launcher.is-open .msc-support-widget-launcher-close { display:block; }
.msc-support-widget-launcher-label { box-sizing:border-box; max-width:0; opacity:0; overflow:hidden; padding-left:0; text-align:left; transition:max-width .22s ease,opacity .16s ease,padding .22s ease; white-space:nowrap; }
.msc-support-widget-launcher:hover .msc-support-widget-launcher-label,.msc-support-widget-launcher:focus-visible .msc-support-widget-launcher-label { max-width:118px; opacity:1; padding-left:9px; }
.msc-support-widget-launcher.is-open .msc-support-widget-launcher-label { display:none; }
.msc-support-widget-notification { background:var(--msc-red,#ef3e46) !important; border:2px solid #fff; border-radius:50%; box-sizing:border-box; color:#fafbfd !important; display:grid; font-size:11px !important; font-weight:700; height:24px; left:auto; line-height:1; min-width:0; padding:0; place-items:center; position:absolute; right:-4px; top:-4px; width:24px; }
.msc-support-widget-notification[hidden] { display:none !important; }
.msc-support-widget-modal[hidden] { display:none !important; }
.msc-support-widget-modal { --msc-popup-canvas:#f4f7fa; display:grid; inset:0; padding:18px; place-items:center; position:fixed; z-index:2147483000; }
.msc-support-widget-modal-backdrop { -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); background:rgba(24,38,51,.18); inset:0; position:absolute; }
.msc-support-widget-modal-dialog { background:var(--msc-popup-canvas); border:0; border-radius:24px; box-shadow:0 28px 90px rgba(18,37,53,.3); box-sizing:border-box; height:min(820px,calc(100dvh - 36px)); max-width:1080px; outline:none; padding:12px; position:relative; width:100%; z-index:1; }
.msc-support-widget-modal-surface { display:grid; gap:10px; grid-template-rows:auto minmax(0,1fr) auto; height:100%; width:100%; }
.msc-support-widget-modal-surface > header { align-items:center; background:#fff; border:1px solid #d7e8f4; border-radius:18px; display:flex; gap:14px; min-height:76px; padding:12px 64px 12px 18px; }
.msc-support-widget-modal-surface > header img { display:block; flex:0 0 50px; height:50px; object-fit:contain; width:50px; }
.msc-support-widget-modal-surface > header small { color:#078ce7; display:block; font-size:11px; font-weight:800; letter-spacing:.18em; margin-bottom:2px; }
.msc-support-widget-modal-surface > header h2 { color:#232c39; font-size:22px; font-weight:700; line-height:1.15; margin:0; }
.msc-support-widget-modal-close { background:#fff !important; border:1px solid #dce8f0 !important; border-radius:50% !important; box-shadow:0 3px 12px rgba(35,44,57,.1) !important; color:#526579 !important; cursor:pointer; display:grid; font:700 27px/1 Arial,sans-serif !important; height:40px; padding:0 !important; place-items:center; position:absolute; right:4px; top:4px; width:40px; z-index:5; }
.msc-support-widget-modal-close:hover,.msc-support-widget-modal-close:focus-visible { background:#fff !important; color:#ef3e46 !important; outline:none; transform:none !important; }
.msc-support-widget-modal-body { border-radius:16px; min-height:0; overflow:hidden; }
.msc-support-widget-modal-body iframe { background:var(--msc-popup-canvas); border:0; border-radius:12px 12px 16px 16px; display:block; height:100%; width:100%; }
.msc-support-widget-modal-surface > footer { color:#64748b; font-size:12px; padding:2px 12px; text-align:center; }
.msc-support-widget-modal-surface > footer a { color:#0369a1; font-weight:700; }
html.msc-support-widget-modal-open { overflow:hidden !important; }
@media (max-width:520px) {
  .msc-support-widget-shell.is-floating { bottom:max(10px, env(safe-area-inset-bottom)); left:10px; right:10px; }
  .msc-support-widget-shell.is-floating .msc-support-widget { height:calc(100dvh - 20px); max-height:calc(100dvh - 20px); width:100%; }
  .msc-support-widget-shell.is-floating .msc-support-widget-hub { max-height:calc(100dvh - 20px); width:100%; }
  .msc-support-widget-hub-hero { grid-template-columns:52px minmax(0,1fr) auto; padding:18px; }
  .msc-support-widget-hub-hero img { height:48px; width:48px; }
  .msc-support-widget-shell.is-floating.is-open { top:10px; }
  .msc-support-widget-shell.is-floating .msc-support-widget-log { max-height:none; min-height:72px; }
  .msc-support-widget-modal { padding:8px; }
  .msc-support-widget-modal-dialog { border-radius:18px; height:calc(100dvh - 16px); padding:8px; }
  .msc-support-widget-modal-surface > header { min-height:66px; padding:8px 50px 8px 12px; }
  .msc-support-widget-modal-surface > header img { flex-basis:44px; height:44px; width:44px; }
  .msc-support-widget-modal-surface > header h2 { font-size:19px; }
  .msc-support-widget-modal-close { right:1px; top:1px; }
}

/* Compact linked replies and discoverable message actions. */
.msc-support-widget-reply-link{align-self:flex-start!important;background:#e8edf1!important;border:0!important;border-radius:10px!important;color:#425466!important;margin:0 12% 9px 12px!important;max-width:82%!important;padding:6px 9px!important;position:relative;width:auto!important}.msc-support-widget-message-row.is-customer .msc-support-widget-reply-link{align-self:flex-end!important;margin-left:12%!important;margin-right:12px!important}.msc-support-widget-reply-link:after{border-bottom:2px solid #cfd7de;border-left:2px solid #cfd7de;border-radius:0 0 0 12px;bottom:-12px;content:"";height:13px;left:-9px;position:absolute;width:15px}.msc-support-widget-message-row.is-customer .msc-support-widget-reply-link:after{border-left:0;border-radius:0 0 12px 0;border-right:2px solid #cfd7de;left:auto;right:-9px}.msc-support-widget-message-controls{gap:5px;min-height:22px;padding:3px 2px}.msc-support-widget .msc-support-widget-message-controls button{background:#f1f5f8;border:1px solid #dce5eb;border-radius:999px;color:#526579;font-size:10px;font-weight:600;padding:3px 8px}.msc-support-widget .msc-support-widget-message-controls button:hover,.msc-support-widget .msc-support-widget-message-controls button:focus-visible{background:#e3f3fd;color:#057fca}

/* Icon-led attachment menu. */
.msc-support-widget-attachment-menu label,.msc-support-widget .msc-support-widget-attachment-menu button{align-items:center;display:flex;gap:9px;width:100%}.msc-support-widget-attachment-menu label:hover,.msc-support-widget .msc-support-widget-attachment-menu button:hover{background:#eef7fd}.msc-support-widget-attachment-menu svg{fill:none;height:18px;stroke:#079af3;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}

/* Keep growing composers readable and pin their controls to the first line. */
.msc-support-widget-composer-row{align-items:flex-start}.msc-support-widget .msc-support-widget-add{margin-top:2px}.msc-support-widget-input-shell{align-items:flex-start}.msc-support-widget-input-shell textarea{font-family:inherit!important;font-size:13px!important;letter-spacing:normal!important;line-height:20px!important;margin:0!important}.msc-support-widget .msc-support-widget-inline-voice,.msc-support-widget .msc-support-widget-send,.msc-support-widget .msc-support-widget-emoji{margin-top:0}.msc-support-widget .msc-support-widget-emoji svg,.msc-support-widget .msc-support-widget-send svg{height:18px;width:18px}.msc-support-widget-message-content>.msc-support-widget-agent,.msc-support-widget-message-content>.msc-support-widget-customer{font-size:12px;line-height:1.5}
.msc-support-widget .msc-support-widget-message-controls .msc-support-widget-delete-message{align-items:center;background:transparent;border:0;color:#8795a3;display:flex;height:22px;justify-content:center;padding:2px;width:22px}.msc-support-widget .msc-support-widget-message-controls .msc-support-widget-delete-message:hover,.msc-support-widget .msc-support-widget-message-controls .msc-support-widget-delete-message:focus-visible{background:#fff0f1;color:#d92d38}.msc-support-widget-delete-message svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:14px}
.msc-support-widget-inline-editor{background:#f4f6f8;border:1px solid #cbd8e2;border-radius:10px;display:grid;gap:6px;padding:7px}.msc-support-widget-inline-editor textarea{background:#fff;border:1px solid #cbd8e2;border-radius:7px;font:inherit;font-size:12px;line-height:1.5;min-height:54px;padding:7px;resize:vertical;width:100%}.msc-support-widget-inline-editor>div,.msc-support-widget-inline-delete{align-items:center;display:flex;gap:6px;justify-content:flex-end}.msc-support-widget .msc-support-widget-inline-editor button,.msc-support-widget .msc-support-widget-inline-delete button{background:#edf3f7;color:#526579;font-size:10px;padding:4px 9px}.msc-support-widget .msc-support-widget-inline-editor button[type=submit]{background:#079af3;color:#fff}.msc-support-widget-inline-delete{background:#fff6f6;border:1px solid #ffd3d6;border-radius:8px;color:#7c3440;font-size:10px;margin:2px 0 0;padding:6px 7px}.msc-support-widget-inline-delete span{margin-right:auto}.msc-support-widget .msc-support-widget-inline-delete .is-danger{background:#d92d38;color:#fff}

/* A reply is a chronological two-message cluster, with the source replicated on its author's side. */
.msc-support-widget-log>.msc-support-widget-message-row.has-reply{max-width:100%;width:100%}.msc-support-widget-message-row.has-reply .msc-support-widget-message-content{display:flex;flex-direction:column;width:100%}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-link{align-self:flex-start!important;background:#edf1f4!important;border:1px solid #dce3e8!important;border-radius:10px!important;color:#526579!important;margin:0 20% 15px 0!important;max-width:76%!important;padding:7px 10px!important;position:relative;width:auto!important}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-link.is-customer{align-self:flex-end!important;background:#dff3ff!important;border-color:#a8ddff!important;color:#075985!important;margin:0 0 15px 20%!important}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-link strong{font-size:9px;margin-bottom:2px;opacity:.75}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-link span{font-size:12px;line-height:1.45;overflow:visible;text-overflow:clip;white-space:normal}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-link:after{border:0;bottom:-16px;content:"";height:15px;position:absolute}.msc-support-widget-message-row.has-reply.reply-source-agent.reply-current-agent .msc-support-widget-reply-link:after{border-bottom:2px solid #cfd7de;border-left:2px solid #cfd7de;border-radius:0 0 0 10px;left:12px;width:16px}.msc-support-widget-message-row.has-reply.reply-source-customer.reply-current-customer .msc-support-widget-reply-link:after{border-bottom:2px solid #9fd8fa;border-radius:0 0 10px 0;border-right:2px solid #9fd8fa;right:12px;width:16px}.msc-support-widget-message-row.has-reply.reply-source-agent.reply-current-customer .msc-support-widget-reply-link:after,.msc-support-widget-message-row.has-reply.reply-source-customer.reply-current-agent .msc-support-widget-reply-link:after{border-bottom:2px solid #b9d8e9;border-left:2px solid #b9d8e9;border-radius:0 0 0 10px;left:12px;width:calc(100% + 42px)}.msc-support-widget-message-row.has-reply.reply-source-customer.reply-current-agent .msc-support-widget-reply-link:after{border-left:0;border-radius:0 0 10px 0;border-right:2px solid #b9d8e9;left:auto;right:12px}.msc-support-widget-message-row.has-reply.reply-current-customer .msc-support-widget-message-content>.msc-support-widget-customer,.msc-support-widget-message-row.has-reply.reply-current-customer .msc-support-widget-message-meta,.msc-support-widget-message-row.has-reply.reply-current-customer .msc-support-widget-message-controls{align-self:flex-end}.msc-support-widget-message-row.has-reply.reply-current-agent .msc-support-widget-message-content>.msc-support-widget-agent,.msc-support-widget-message-row.has-reply.reply-current-agent .msc-support-widget-message-meta,.msc-support-widget-message-row.has-reply.reply-current-agent .msc-support-widget-message-controls{align-self:flex-start}

/* MSC active blue foundation. */
.msc-support-widget .msc-support-widget-send,.msc-support-widget .msc-support-widget-inline-editor button[type=submit]{background:#0099ff}.msc-support-widget-receipt.is-read,.msc-support-widget-message-avatar{color:#0099ff}.msc-support-widget-attachment-menu svg{stroke:#0099ff}

/* One-line glass composer controls which stay at the top as the input grows. */
.msc-support-widget-composer-row{align-items:flex-start}.msc-support-widget .msc-support-widget-add,.msc-support-widget .msc-support-widget-emoji,.msc-support-widget .msc-support-widget-send,.msc-support-widget .msc-support-widget-inline-voice{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:rgba(255,255,255,.78);border:1px solid rgba(0,153,255,.2);box-shadow:0 3px 10px rgba(35,44,57,.08),inset 0 1px 0 rgba(255,255,255,.85);color:#0099ff;height:38px;margin-top:0;width:38px}.msc-support-widget .msc-support-widget-add:hover,.msc-support-widget .msc-support-widget-emoji:hover,.msc-support-widget .msc-support-widget-send:hover,.msc-support-widget .msc-support-widget-inline-voice:hover{background:rgba(223,243,255,.9);color:#007dcc}.msc-support-widget-input-shell{min-height:38px;padding-bottom:3px;padding-top:3px}.msc-support-widget-input-shell textarea{min-height:20px;padding-bottom:5px;padding-top:5px}.msc-support-widget .msc-support-widget-emoji svg,.msc-support-widget .msc-support-widget-send svg,.msc-support-widget .msc-support-widget-add svg,.msc-support-widget .msc-support-widget-inline-voice svg{height:18px;width:18px}

/* Keep attachment hover treatments inside their menu. */
.msc-support-widget-attachment-menu{box-sizing:border-box;overflow:hidden}.msc-support-widget-attachment-menu label,.msc-support-widget .msc-support-widget-attachment-menu button{border-radius:7px;box-sizing:border-box;max-width:100%;overflow:hidden}

/* Top-aligned avatars and precise source-to-reply connectors. */
.msc-support-widget-log>.msc-support-widget-message-row{align-items:start!important}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source{align-items:flex-start;align-self:flex-start;display:flex;gap:6px;margin:0 18% 14px 0;max-width:82%;position:relative}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source.is-customer{align-self:flex-end;flex-direction:row-reverse;margin-left:18%;margin-right:0}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source .msc-support-widget-message-avatar{flex:0 0 24px;margin-top:0}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source .msc-support-widget-reply-link{align-self:auto!important;margin:0!important;max-width:none!important}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source .msc-support-widget-reply-link:after{display:none}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source:after{content:"";height:14px;position:absolute;top:100%}.msc-support-widget-message-row.has-reply.reply-source-agent.reply-current-agent .msc-support-widget-reply-source:after{border-left:2px solid #cfd7de;left:36px}.msc-support-widget-message-row.has-reply.reply-source-customer.reply-current-customer .msc-support-widget-reply-source:after{border-right:2px solid #9fd8fa;right:36px}.msc-support-widget-message-row.has-reply.reply-source-agent.reply-current-customer .msc-support-widget-reply-source:after{border-bottom:2px solid #b9d8e9;border-left:2px solid #b9d8e9;border-radius:0 0 0 10px;left:36px;right:-48px}.msc-support-widget-message-row.has-reply.reply-source-customer.reply-current-agent .msc-support-widget-reply-source:after{border-bottom:2px solid #b9d8e9;border-radius:0 0 10px 0;border-right:2px solid #b9d8e9;left:-48px;right:36px}

/* Reply clusters use two independently aligned message rows. */
.msc-support-widget-log>.msc-support-widget-message-row.has-reply{align-items:stretch!important;display:flex!important;flex-direction:column;max-width:100%;width:100%}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source{margin-bottom:0}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source:after{display:none}.msc-support-widget-reply-current{align-items:flex-start;align-self:flex-start;display:flex;gap:6px;max-width:90%}.msc-support-widget-reply-current.is-customer{align-self:flex-end;flex-direction:row-reverse}.msc-support-widget-reply-current>.msc-support-widget-message-avatar{flex:0 0 24px;margin-top:0}.msc-support-widget-reply-current>.msc-support-widget-message-content{display:flex;flex-direction:column;min-width:0}.msc-support-widget-reply-current.is-customer>.msc-support-widget-message-content>.msc-support-widget-customer,.msc-support-widget-reply-current.is-customer>.msc-support-widget-message-content>.msc-support-widget-message-meta,.msc-support-widget-reply-current.is-customer>.msc-support-widget-message-content>.msc-support-widget-message-controls{align-self:flex-end}.msc-support-widget-reply-connector{align-self:stretch;height:18px;margin:0 30px}.msc-support-widget-message-row.reply-source-agent.reply-current-agent .msc-support-widget-reply-connector{border-left:2px solid #b9d8e9}.msc-support-widget-message-row.reply-source-customer.reply-current-customer .msc-support-widget-reply-connector{border-right:2px solid #b9d8e9}.msc-support-widget-message-row.reply-source-agent.reply-current-customer .msc-support-widget-reply-connector{border-bottom:2px solid #b9d8e9;border-left:2px solid #b9d8e9;border-radius:0 0 0 11px}.msc-support-widget-message-row.reply-source-customer.reply-current-agent .msc-support-widget-reply-connector{border-bottom:2px solid #b9d8e9;border-radius:0 0 11px 0;border-right:2px solid #b9d8e9}

/* Centre a one-line composer; top-align only after it grows. */
.msc-support-widget-composer-row,.msc-support-widget-input-shell{align-items:center}.msc-support-widget-composer.is-multiline .msc-support-widget-composer-row,.msc-support-widget-composer.is-multiline .msc-support-widget-input-shell{align-items:flex-start}

/* Centre-to-centre vector reply links with more breathing room. */
.msc-support-widget-log>.msc-support-widget-message-row.has-reply{gap:26px;position:relative}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-source,.msc-support-widget-message-row.has-reply .msc-support-widget-reply-current{position:relative;z-index:1}.msc-support-widget-reply-connector,.msc-support-widget-message-row.reply-source-agent.reply-current-agent .msc-support-widget-reply-connector,.msc-support-widget-message-row.reply-source-customer.reply-current-customer .msc-support-widget-reply-connector,.msc-support-widget-message-row.reply-source-agent.reply-current-customer .msc-support-widget-reply-connector,.msc-support-widget-message-row.reply-source-customer.reply-current-agent .msc-support-widget-reply-connector{border:0;height:100%;inset:0;margin:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:0}.msc-support-widget-reply-connector path{fill:none;stroke:#acd8ef;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}

/* Prevent iOS focus zoom and keep the fixed widget inside the visual viewport. */
@media (max-width:520px){.msc-support-widget-shell.is-floating{box-sizing:border-box;max-width:calc(100vw - 20px);width:auto}.msc-support-widget-shell.is-floating .msc-support-widget,.msc-support-widget-shell.is-floating .msc-support-widget-hub{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.msc-support-widget-log{overflow-x:hidden}.msc-support-widget-composer,.msc-support-widget-composer-row,.msc-support-widget-input-shell{box-sizing:border-box;min-width:0}.msc-support-widget-input-shell textarea,.msc-support-widget-inline-editor textarea,.msc-support-widget-identity input,.msc-support-widget-interaction-card input,.msc-support-widget-interaction-card textarea,.msc-support-widget-interaction-card select{font-size:16px!important}}

/* MSC glass treatment for the header options menu. */
.msc-support-widget .msc-support-widget-menu-toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(223,243,255,.72)!important;border:1px solid rgba(0,153,255,.28)!important;box-shadow:0 6px 18px rgba(0,153,255,.14),inset 0 1px 0 rgba(255,255,255,.9);color:#0099ff!important}.msc-support-widget .msc-support-widget-menu-toggle:hover,.msc-support-widget .msc-support-widget-menu-toggle:focus-visible{background:rgba(0,153,255,.14)!important;border-color:rgba(0,153,255,.45)!important;color:#007dcc!important;outline:2px solid rgba(0,153,255,.2);outline-offset:2px}

/* Consistent MSC glass dismissers for transient and in-stream notice cards. */
.msc-support-widget .msc-support-widget-card-dismiss{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(255,255,255,.58)!important;border:1px solid rgba(35,44,57,.14)!important;border-radius:50%;box-shadow:0 3px 10px rgba(35,44,57,.1),inset 0 1px 0 rgba(255,255,255,.9);color:#526579!important;display:flex;flex:0 0 26px;font-size:0!important;height:26px!important;justify-content:center;padding:0!important;text-decoration:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:26px!important}.msc-support-widget .msc-support-widget-card-dismiss svg{fill:none;height:13px;pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-width:2;width:13px}.msc-support-widget .msc-support-widget-card-dismiss:hover,.msc-support-widget .msc-support-widget-card-dismiss:focus-visible{background:rgba(255,255,255,.86)!important;border-color:rgba(35,44,57,.24)!important;color:#233444!important;outline:2px solid rgba(255,255,255,.48);outline-offset:2px;transform:scale(1.04)}

/* MSC glass conversation-options panel and icon-led menu rows. */
.msc-support-widget .msc-support-widget-menu{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(255,255,255,.94);border:1px solid rgba(0,153,255,.2);border-radius:16px;box-shadow:0 16px 42px rgba(35,44,57,.16),inset 0 1px 0 #fff;gap:3px;min-width:236px;padding:8px}.msc-support-widget .msc-support-widget-menu>button,.msc-support-widget .msc-support-widget-menu>a,.msc-support-widget .msc-support-widget-identity>summary{align-items:center;background:transparent!important;border:1px solid transparent;border-radius:10px;color:#34495e!important;display:flex;font-size:12px;font-weight:700;gap:10px;line-height:1.3;min-height:38px;padding:9px 10px;text-align:left;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;width:100%}.msc-support-widget .msc-support-widget-menu>button svg,.msc-support-widget .msc-support-widget-menu>a svg,.msc-support-widget .msc-support-widget-identity>summary svg{fill:none;flex:0 0 18px;height:18px;stroke:#0099ff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}.msc-support-widget .msc-support-widget-menu>button:hover,.msc-support-widget .msc-support-widget-menu>button:focus-visible,.msc-support-widget .msc-support-widget-menu>a:hover,.msc-support-widget .msc-support-widget-menu>a:focus-visible,.msc-support-widget .msc-support-widget-identity>summary:hover,.msc-support-widget .msc-support-widget-identity>summary:focus-visible{background:rgba(223,243,255,.72)!important;border-color:rgba(0,153,255,.18);color:#007dcc!important;outline:none;transform:translateX(1px)}.msc-support-widget .msc-support-widget-menu>button.is-destructive:hover,.msc-support-widget .msc-support-widget-menu>button.is-destructive:focus-visible{background:#fff2f3!important;border-color:#ffd6d9;color:#c92b38!important}.msc-support-widget .msc-support-widget-menu>button.is-destructive:hover svg,.msc-support-widget .msc-support-widget-menu>button.is-destructive:focus-visible svg{stroke:#d92d38}.msc-support-widget-menu .msc-support-widget-identity{border-top:1px solid rgba(0,153,255,.14);margin-top:3px;padding:5px 0 0}.msc-support-widget .msc-support-widget-identity>summary{cursor:pointer;list-style:none}.msc-support-widget .msc-support-widget-identity>summary::-webkit-details-marker{display:none}.msc-support-widget .msc-support-widget-identity>summary .msc-support-widget-menu-chevron{height:14px;margin-left:auto;transition:transform .16s ease;width:14px}.msc-support-widget .msc-support-widget-identity[open]>summary .msc-support-widget-menu-chevron{transform:rotate(90deg)}

/* Keep menu rows steady and present identity capture as a reusable in-stream journey card. */
.msc-support-widget .msc-support-widget-menu>button,.msc-support-widget .msc-support-widget-menu>a{transition:background .15s ease,border-color .15s ease,color .15s ease}.msc-support-widget .msc-support-widget-menu>button:hover,.msc-support-widget .msc-support-widget-menu>button:focus-visible,.msc-support-widget .msc-support-widget-menu>a:hover,.msc-support-widget .msc-support-widget-menu>a:focus-visible{transform:none!important}.msc-support-widget-log>.msc-support-widget-identity{align-self:stretch;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,248,255,.94));border:1px solid rgba(0,153,255,.22);border-radius:14px;box-shadow:0 8px 24px rgba(35,44,57,.1);box-sizing:border-box;margin:8px 0;padding:12px!important;width:100%}.msc-support-widget-identity-heading{align-items:flex-start;display:flex;gap:9px}.msc-support-widget-identity-heading>div{flex:1;min-width:0}.msc-support-widget-identity-heading strong{color:#233444;display:block;font-size:13px}.msc-support-widget-identity-heading p{background:transparent;color:#64748b;font-size:11px;line-height:1.4;margin:2px 0 0;max-width:none;padding:0}.msc-support-widget-identity-icon{align-items:center;background:rgba(223,243,255,.84);border:1px solid rgba(0,153,255,.18);border-radius:50%;color:#0099ff;display:flex;flex:0 0 30px;height:30px;justify-content:center}.msc-support-widget-identity-icon svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:16px}.msc-support-widget-log .msc-support-widget-identity form{display:grid;gap:6px;padding:10px 0 0}.msc-support-widget-log .msc-support-widget-identity label{color:#526579;font-size:10px}.msc-support-widget-log .msc-support-widget-identity input{border-color:#cbdbe6;font-size:12px;padding:8px}.msc-support-widget-log .msc-support-widget-identity form button{background:#0099ff;font-size:11px;margin-top:2px;padding:8px 11px}.msc-support-widget-log .msc-support-widget-identity-status{font-size:10px;line-height:1.4;margin-bottom:0}

/* Durable customer-visible lifecycle milestones projected from core audit events. */
.msc-support-widget-milestone{align-items:center;align-self:center;background:rgba(238,247,241,.92);border:1px solid rgba(72,112,90,.18);border-radius:999px;color:#48705a;display:flex;gap:7px;margin:3px auto;padding:6px 10px}.msc-support-widget-milestone>span{align-items:center;background:rgba(255,255,255,.72);border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.msc-support-widget-milestone svg{fill:none;height:12px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;width:12px}.msc-support-widget-milestone div{display:flex;flex-direction:column}.msc-support-widget-milestone strong{font-size:10px;line-height:1.2}.msc-support-widget-milestone small{font-size:8px;line-height:1.2;opacity:.75}

/* Real attachment upload progress, including processing and retry-visible failure states. */
.msc-support-widget-pending-item{align-items:flex-start}.msc-support-widget-upload-details{display:grid;flex:1;gap:3px;min-width:0}.msc-support-widget-upload-details>span:first-child{font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msc-support-widget-upload-details small{color:#71808d;font-size:8px}.msc-support-widget-upload-track{background:#dfe8ee;border-radius:999px;display:block;height:4px;overflow:hidden;width:100%}.msc-support-widget-upload-track i{background:linear-gradient(90deg,#0099ff,#55c2ff);border-radius:inherit;display:block;height:100%;transition:width .16s ease}.msc-support-widget-pending-item.is-uploading{background:#f2f9fe;border-color:#b9e2fa}.msc-support-widget-pending-item.is-failed{background:#fff5f5;border-color:#ffd3d6}.msc-support-widget-pending-item.is-failed .msc-support-widget-upload-details small{color:#c92b38}.msc-support-widget-pending-item.is-failed .msc-support-widget-upload-track i{background:#d92d38}

.msc-support-widget-feedback{background:#fff;border:1px solid rgba(0,153,255,.2);border-radius:12px;margin:10px 14px;padding:11px!important}.msc-support-widget-feedback fieldset{border:0;display:flex;gap:4px;margin:0;padding:0}.msc-support-widget-feedback legend{font-size:11px;margin-bottom:4px}.msc-support-widget-feedback fieldset label{cursor:pointer;margin:0}.msc-support-widget-feedback fieldset input{height:1px;opacity:0;position:absolute;width:1px}.msc-support-widget-feedback fieldset span{color:#b8c4cc;font-size:25px;line-height:1}.msc-support-widget-feedback fieldset b{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.msc-support-widget-feedback fieldset:has(input[value="1"]:checked) label:nth-of-type(1) span,.msc-support-widget-feedback fieldset:has(input[value="2"]:checked) label:nth-of-type(-n+2) span,.msc-support-widget-feedback fieldset:has(input[value="3"]:checked) label:nth-of-type(-n+3) span,.msc-support-widget-feedback fieldset:has(input[value="4"]:checked) label:nth-of-type(-n+4) span,.msc-support-widget-feedback fieldset:has(input[value="5"]:checked) label:nth-of-type(-n+5) span{color:#f4a11a}.msc-support-widget-feedback.is-complete{background:#eefaf2;border-color:#b9e4c7}

/* MSC Design System palette contract. Channel brands and configured department colours remain intentional exceptions. */
.msc-support-widget-shell{--msc-blue:var(--global-palette1,#0099ff);--msc-green:#28ba6a;--msc-red:#ef3e46;--msc-yellow:#f7ba45;--msc-text:var(--global-palette4,#232c39);--msc-muted:var(--global-palette5,#777);--msc-line:var(--global-palette7,#eee);--msc-surface:var(--global-palette9,#fafbfd);--msc-canvas:#f4f7fa;--msc-ink:var(--msc-text);color:var(--msc-text)}
.msc-support-widget-hub-hero small,.msc-support-widget .msc-support-widget-menu-toggle,.msc-support-widget .msc-support-widget-identity-icon{color:var(--msc-blue)!important}
.msc-support-widget .msc-support-widget-send,.msc-support-widget-log .msc-support-widget-identity form button{background:var(--msc-blue)!important;border-color:var(--msc-blue)!important;color:#fff!important}
.msc-support-widget .msc-support-widget-add:hover,.msc-support-widget .msc-support-widget-emoji:hover,.msc-support-widget .msc-support-widget-send:hover,.msc-support-widget .msc-support-widget-inline-voice:hover,.msc-support-widget .msc-support-widget-menu-toggle:hover,.msc-support-widget .msc-support-widget-menu-toggle:focus-visible,.msc-support-widget .msc-support-widget-menu>button:hover,.msc-support-widget .msc-support-widget-menu>a:hover{color:var(--msc-blue)!important}
.msc-support-widget-presence.is-online i{background:var(--msc-green);box-shadow:0 0 0 1px color-mix(in srgb,var(--msc-green) 22%,transparent),0 0 8px color-mix(in srgb,var(--msc-green) 28%,transparent)}
.msc-support-widget-feedback fieldset:has(input[value="1"]:checked) label:nth-of-type(1) span,.msc-support-widget-feedback fieldset:has(input[value="2"]:checked) label:nth-of-type(-n+2) span,.msc-support-widget-feedback fieldset:has(input[value="3"]:checked) label:nth-of-type(-n+3) span,.msc-support-widget-feedback fieldset:has(input[value="4"]:checked) label:nth-of-type(-n+4) span,.msc-support-widget-feedback fieldset:has(input[value="5"]:checked) label:nth-of-type(-n+5) span{color:var(--msc-yellow)}
.msc-support-widget .msc-support-widget-menu>button.is-destructive:hover,.msc-support-widget .msc-support-widget-menu>button.is-destructive:focus-visible{color:var(--msc-red)!important}.msc-support-widget .msc-support-widget-menu>button.is-destructive:hover svg,.msc-support-widget .msc-support-widget-menu>button.is-destructive:focus-visible svg{stroke:var(--msc-red)}.msc-support-widget-pending-item.is-failed .msc-support-widget-upload-track i{background:var(--msc-red)}
.msc-support-widget .msc-support-widget-card-actions button.is-primary,.msc-support-widget .msc-support-widget-card-actions button.is-primary:hover,.msc-support-widget .msc-support-widget-card-actions button.is-primary:focus-visible{background:var(--msc-blue)!important;border-color:var(--msc-blue)!important;color:#fff!important}
.msc-support-widget-pending-item.is-voice-choice{align-items:start;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 24px}
.msc-support-widget-pending-item.is-voice-choice audio{grid-column:1/-1;max-width:100%;width:100%}
.msc-support-widget-pending-item.is-voice-choice .msc-support-widget-upload-details{grid-column:1}
.msc-support-widget-pending-item.is-voice-choice .msc-support-widget-pending-remove{grid-column:2;grid-row:2}
.msc-support-widget-voice-choice-actions{display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1}
.msc-support-widget .msc-support-widget-voice-choice-actions .msc-support-widget-voice-choice-button{background:rgba(255,255,255,.78);border:1px solid color-mix(in srgb,var(--msc-blue) 24%,#fff);border-radius:999px;color:var(--msc-blue);display:inline-flex;font-size:12px;font-weight:700;height:auto;justify-content:center;line-height:1.3;padding:7px 11px;white-space:normal;width:auto}
.msc-support-widget .msc-support-widget-voice-choice-actions button.is-primary{background:var(--msc-blue);color:#fff}
.msc-support-widget-state{background:color-mix(in srgb,var(--msc-muted) 12%,#fff);border:1px solid color-mix(in srgb,var(--msc-muted) 24%,#fff);border-radius:999px;color:var(--msc-muted);font-size:8px;font-weight:800;letter-spacing:.06em;padding:4px 7px;text-transform:uppercase}
.msc-support-widget-archived-notice{align-items:flex-start;align-self:center;background:var(--msc-surface);border:1px solid var(--msc-line);border-radius:14px;color:var(--msc-text);display:flex;gap:9px;margin:8px auto;max-width:88%;padding:10px 12px}.msc-support-widget-archived-notice>span,.msc-support-widget-feedback-thanks-icon{align-items:center;background:color-mix(in srgb,var(--msc-blue) 10%,#fff);border:1px solid color-mix(in srgb,var(--msc-blue) 18%,#fff);border-radius:50%;color:var(--msc-blue);display:flex;flex:0 0 28px;height:28px;justify-content:center}.msc-support-widget-archived-notice svg,.msc-support-widget-feedback-thanks-icon svg{fill:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:15px}.msc-support-widget-archived-notice strong{display:block;font-size:11px}.msc-support-widget-archived-notice p{color:var(--msc-muted);font-size:10px;line-height:1.4;margin:2px 0 0}.msc-support-widget-feedback.is-complete{align-items:center;display:flex;gap:9px}.msc-support-widget-feedback.is-complete>div{display:grid;gap:2px}.msc-support-widget-feedback.is-complete strong{font-size:11px}.msc-support-widget-feedback.is-complete div>span{color:var(--msc-muted);font-size:10px;line-height:1.4}
.msc-support-widget-feedback.is-complete{background:color-mix(in srgb,var(--msc-green) 8%,#fff);border-color:color-mix(in srgb,var(--msc-green) 28%,#fff)}.msc-support-widget-feedback-thanks-icon{background:color-mix(in srgb,var(--msc-green) 13%,#fff);border-color:color-mix(in srgb,var(--msc-green) 32%,#fff);color:var(--msc-green)}.msc-support-widget-feedback-thanks-icon svg{stroke-width:2.4}.msc-support-widget-feedback.is-complete strong{color:color-mix(in srgb,var(--msc-green) 72%,var(--msc-text))}
.msc-support-widget-input-shell textarea{height:32px;min-height:32px;overflow-y:hidden}

.msc-support-widget-new-welcome{background:color-mix(in srgb,var(--msc-blue) 8%,#fff);border:1px solid color-mix(in srgb,var(--msc-blue) 20%,#fff);border-radius:14px;color:var(--msc-text);font-size:13px;line-height:1.5;margin:8px auto;max-width:88%;padding:10px 12px;text-align:left}

/* Shared conversation typography: readable in the widget, Briefing Room and agent workspace. */
.msc-support-widget-message-content>.msc-support-widget-agent,
.msc-support-widget-message-content>.msc-support-widget-customer{
  font-size:16px;
  line-height:1.5;
}
.msc-support-widget-input-shell textarea{
  font-size:16px!important;
  line-height:22px!important;
}

/* Secondary conversation typography remains compact without becoming difficult to read. */
.msc-support-widget-message-meta,
.msc-support-widget-receipt{
  font-size:12px;
}
.msc-support-widget .msc-support-widget-message-controls button,
.msc-support-widget-message-row.has-reply .msc-support-widget-reply-link strong{
  font-size:10px;
}

/* Reply context is readable while remaining subordinate to the 16px message body. */
.msc-support-widget-reply-preview{
  font-size:14px;
  line-height:1.4;
}
.msc-support-widget-reply-preview strong,
.msc-support-widget-message-row.has-reply .msc-support-widget-reply-link strong{
  font-size:12px;
}
.msc-support-widget-message-row.has-reply .msc-support-widget-reply-link span{
  font-size:14px;
  line-height:1.45;
}
.msc-support-widget-message-row.has-reply .msc-support-widget-reply-media{display:block;margin-top:5px;max-width:180px;overflow:hidden}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-media img{border-radius:7px;display:block;height:72px;max-width:140px;object-fit:cover;width:auto}.msc-support-widget-message-row.has-reply .msc-support-widget-reply-media:not(.is-image){font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Message actions follow the same edge as their author. */
.msc-support-widget-message-row.is-agent .msc-support-widget-message-controls,
.msc-support-widget-reply-current.is-agent .msc-support-widget-message-controls{
  justify-content:flex-start;
}
.msc-support-widget-message-row.is-customer .msc-support-widget-message-controls,
.msc-support-widget-reply-current.is-customer .msc-support-widget-message-controls{
  justify-content:flex-end;
}
.msc-support-widget-interaction-card.is-read-only input,.msc-support-widget-interaction-card.is-read-only textarea,.msc-support-widget-interaction-card.is-read-only select,.msc-support-widget-interaction-card.is-read-only button{cursor:not-allowed;opacity:.58}.msc-support-widget-stream-notice.is-read-only{padding-right:12px}

/* Keep WordPress themes (including Kadence) out of shared support controls. */
.msc-support-widget :where(button,input,textarea,select){box-sizing:border-box!important;font-family:inherit!important;letter-spacing:normal!important;text-transform:none!important}
.msc-support-widget :where(button){appearance:none!important;-webkit-appearance:none!important;margin:0!important}
.msc-support-widget :where(input,textarea,select){margin:0!important;max-width:none!important}
.msc-support-widget-input-shell{background:#f4f6f8!important;border:1px solid #d8e0e6!important;border-radius:20px!important;box-shadow:none!important}
.msc-support-widget-input-shell textarea{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--msc-ink)!important;font-size:16px!important;line-height:22px!important;outline:0!important;padding:5px 0!important;width:100%!important}
.msc-support-widget-input-shell textarea:focus{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
.msc-support-widget-input-shell textarea::placeholder{color:var(--msc-muted)!important;opacity:.82!important}
.msc-support-widget-menu .msc-support-widget-identity input,.msc-support-widget-inline-editor textarea,.msc-support-widget-interaction-card :where(input,textarea,select){appearance:none!important;-webkit-appearance:none!important;background:#fff!important;border:1px solid var(--msc-line)!important;border-radius:8px!important;box-shadow:none!important;color:var(--msc-ink)!important}
.msc-support-widget-menu .msc-support-widget-identity input:focus,.msc-support-widget-inline-editor textarea:focus,.msc-support-widget-interaction-card :where(input,textarea,select):focus{border-color:color-mix(in srgb,var(--msc-blue) 58%,#fff)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--msc-blue) 12%,transparent)!important;outline:0!important}

/* The emoji affordance is an inline utility; Send remains the sole primary action. */
.msc-support-widget-input-shell .msc-support-widget-emoji{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--msc-muted)!important;flex:0 0 30px!important;height:30px!important;width:30px!important}
.msc-support-widget-input-shell .msc-support-widget-emoji:hover,.msc-support-widget-input-shell .msc-support-widget-emoji:focus-visible{background:color-mix(in srgb,var(--msc-blue) 9%,transparent)!important;color:var(--msc-blue)!important;outline:0!important}
.msc-support-widget-input-shell .msc-support-widget-send{flex:0 0 38px!important}
.msc-support-widget-input-shell .msc-support-widget-inline-voice[hidden],.msc-support-widget-input-shell .msc-support-widget-send[hidden]{display:none!important}

/* Swapping microphone for emoji/Send must not change one-line composer height. */
.msc-support-widget .msc-support-widget-input-shell .msc-support-widget-inline-voice,
.msc-support-widget .msc-support-widget-input-shell .msc-support-widget-emoji,
.msc-support-widget .msc-support-widget-input-shell .msc-support-widget-send{
  flex:0 0 38px!important;
  height:38px!important;
  max-height:38px!important;
  max-width:38px!important;
  min-height:38px!important;
  min-width:38px!important;
  width:38px!important;
}

/* Send is one flat primary control; never inherit the glass-icon hover treatment. */
.msc-support-widget-input-shell .msc-support-widget-send{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--msc-blue)!important;border:0!important;box-shadow:none!important;color:#fff!important;height:34px!important;width:34px!important}
.msc-support-widget-input-shell .msc-support-widget-send:hover,.msc-support-widget-input-shell .msc-support-widget-send:focus-visible{background:color-mix(in srgb,var(--msc-blue) 82%,#005f9f)!important;border:0!important;box-shadow:none!important;color:#fff!important;outline:0!important}
.msc-support-widget-input-shell .msc-support-widget-send svg{fill:none!important;stroke:#fff!important}

/* One circular Send control with a stable MSC blue interaction state. */
.msc-support-widget .msc-support-widget-input-shell .msc-support-widget-send,
.msc-support-widget .msc-support-widget-input-shell .msc-support-widget-send:hover,
.msc-support-widget .msc-support-widget-input-shell .msc-support-widget-send:focus-visible,
.msc-support-widget .msc-support-widget-input-shell .msc-support-widget-send:active{
  aspect-ratio:1/1!important;
  background:var(--msc-blue)!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  color:#fff!important;
  flex:0 0 34px!important;
  height:34px!important;
  margin:0!important;
  max-height:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  min-width:34px!important;
  padding:0!important;
  transform:none!important;
  width:34px!important;
}

/* Kadence must not repaint the Briefing Room launcher after modal focus returns. */
.msc-support-widget-shell .msc-support-widget-briefing-room,
.msc-support-widget-shell .msc-support-widget-briefing-room:visited{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:#fff!important;
  border-color:#dce8f0!important;
  box-shadow:none!important;
  color:var(--msc-ink)!important;
  outline:0!important;
  transition:background-color .15s ease,border-color .15s ease!important;
}
.msc-support-widget-shell .msc-support-widget-briefing-room:hover,
.msc-support-widget-shell .msc-support-widget-briefing-room:focus,
.msc-support-widget-shell .msc-support-widget-briefing-room:focus-visible,
.msc-support-widget-shell .msc-support-widget-briefing-room:active{
  background:#f6fbff!important;
  border-color:#b9ddf4!important;
  box-shadow:none!important;
  color:var(--msc-ink)!important;
  outline:0!important;
  transform:none!important;
}

/* The drawer control belongs only to a Briefing Room, never the normal widget. */
.msc-support-widget>header>.msc-support-briefing-list-toggle{display:none!important}

/* Voice recording is an explicit, timed state—not just a changed icon. */
.msc-support-widget-input-shell .msc-support-widget-inline-voice.is-recording{animation:msc-support-recording-ring 1.35s ease-out infinite!important;background:#ef3e46!important;border-color:#ef3e46!important;box-shadow:0 0 0 4px color-mix(in srgb,#ef3e46 18%,transparent)!important;color:#fff!important;display:flex!important}
.msc-support-widget-input-shell .msc-support-widget-inline-voice.is-recording svg{fill:none!important;stroke:currentColor!important}
.msc-support-widget-composer.is-recording .msc-support-widget-input-shell{background:#fff7f7!important;border-color:color-mix(in srgb,#ef3e46 42%,#fff)!important}
.msc-support-widget-composer.is-recording .msc-support-widget-input-shell textarea{color:var(--msc-muted)!important;pointer-events:none!important}
.msc-support-widget-composer.is-recording .msc-support-widget-status{align-items:center;background:#fff4f4;border:1px solid color-mix(in srgb,#ef3e46 30%,#fff);border-radius:10px;color:#a61f2a;display:flex;font-size:12px;font-weight:700;gap:8px;line-height:1.4;margin:0;padding:8px 10px}
.msc-support-widget-composer.is-recording .msc-support-widget-status::before{animation:msc-support-recording-dot 1s ease-in-out infinite;background:#ef3e46;border-radius:50%;content:"";flex:0 0 9px;height:9px;width:9px}
@keyframes msc-support-recording-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,#ef3e46 36%,transparent)}70%,100%{box-shadow:0 0 0 7px transparent}}
@keyframes msc-support-recording-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.76)}}
@media(prefers-reduced-motion:reduce){.msc-support-widget-input-shell .msc-support-widget-inline-voice.is-recording,.msc-support-widget-composer.is-recording .msc-support-widget-status::before{animation:none!important}}