/* PulseDeck Live Chat widget — isolated from the host page. */
.lc-root { position:fixed; inset:0; z-index:2147483000; color:#27232d; font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; pointer-events:none; }
.lc-root *, .lc-root *::before, .lc-root *::after { box-sizing:border-box; }
.lc-root button, .lc-root input, .lc-root textarea { font:inherit; }
.lc-root button { border:0; }
.lc-root svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.lc-corner { position:absolute; right:18px; bottom:18px; display:flex; flex-direction:column; align-items:flex-end; gap:10px; pointer-events:auto; }
.lc-launch { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:58px; height:58px; padding:0 18px; border-radius:999px; background:#d4af37; color:#17130a; box-shadow:0 12px 28px rgba(28,21,4,.28); cursor:pointer; font-weight:800; transition:transform .18s,box-shadow .18s; }
.lc-launch:hover { transform:translateY(-2px); box-shadow:0 16px 34px rgba(28,21,4,.36); }
.lc-launch svg { width:23px; height:23px; }
.lc-launch.pill { padding:0 20px; }
.lc-launch.tab { border-radius:14px 14px 0 0; }
.lc-badge { display:grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:#b42318; color:#fff; font-size:11px; }
.lc-teaser { display:flex; align-items:center; width:min(320px,calc(100vw - 36px)); padding:12px; border:1px solid #e9e1cf; border-radius:16px; background:#fffdf8; box-shadow:0 16px 42px rgba(31,24,10,.18); color:#27232d; cursor:pointer; }
.lc-teaser-av { position:relative; display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:12px; background:#f5e9b8; color:#8b6c13; font-weight:800; }
.lc-teaser-av .dot { position:absolute; right:-1px; bottom:-1px; width:9px; height:9px; border:2px solid #fffdf8; border-radius:50%; background:#32a060; }
.lc-teaser-body { min-width:0; margin-left:10px; }
.lc-teaser-name, .lc-teaser-text { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-teaser-name { font-weight:800; font-size:12px; }
.lc-teaser-text { margin-top:2px; color:#756f67; font-size:11px; }
.lc-teaser-x { display:grid; place-items:center; width:26px; height:26px; margin-left:auto; border-radius:8px; background:transparent; color:#918b82; cursor:pointer; }
.lc-teaser-x svg { width:14px; height:14px; }
.lc-panel { position:absolute; right:18px; bottom:18px; display:flex; flex-direction:column; width:min(380px,calc(100% - 28px)); height:min(640px,calc(100% - 28px)); min-height:420px; overflow:hidden; border:1px solid rgba(45,36,18,.14); border-radius:22px; background:#fffdf9; box-shadow:0 22px 65px rgba(26,19,5,.28); pointer-events:auto; color:#28242c; }
.lc-scroll { flex:1; min-height:0; overflow:auto; background:#fffdf9; }
.lc-scroll.home { padding-bottom:6px; }
.lc-hero { padding:18px 20px 20px; background:linear-gradient(145deg,#fff9e8,#fffdf9 72%); border-bottom:1px solid #efe6d3; }
.lc-hero.compact { padding-bottom:16px; }
.toprow, .hbar { display:flex; align-items:center; justify-content:space-between; min-height:26px; }
.topdots { display:flex; gap:5px; }
.topdots i { width:7px; height:7px; border-radius:50%; background:#d6c9ac; }
.hclose, .hback, .lc-ico { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:transparent; color:#71695c; cursor:pointer; }
.hclose:hover, .hback:hover, .lc-ico:hover { background:#f4ecd9; color:#8a6c12; }
.lc-logocard { display:grid; place-items:center; width:56px; height:56px; margin:18px 0 13px; border-radius:17px; background:#f4e6b0; color:#84640b; }
.official-icon { width:39px; height:39px; object-fit:contain; }
.lc-hero h2 { margin:0; color:#211d22; font-size:24px; line-height:1.08; letter-spacing:-.04em; }
.hero-sub { margin:8px 0 0; color:#776f62; font-size:12px; line-height:1.5; }
.hero-sub strong { color:#8a6c12; }
.lc-menu { display:grid; gap:7px; padding:14px 14px 6px; }
.lc-row { display:flex; align-items:center; width:100%; min-height:54px; padding:9px 10px; border:1px solid #eee7da; border-radius:14px; background:#fff; color:#302c31; text-align:left; cursor:pointer; }
.lc-row:hover:not(:disabled) { border-color:#d9bd61; background:#fffaf0; }
.lc-row:disabled { cursor:default; opacity:.55; }
.ricon { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; border-radius:10px; color:#6b5320; }
.ricon svg { width:16px; height:16px; }
.rtext { min-width:0; margin-left:10px; }
.rtitle, .rsub { display:block; }
.rtitle { font-size:12px; font-weight:800; }
.rsub { margin-top:2px; color:#918a80; font-size:10px; }
.raction, .rchev { margin-left:auto; color:#9a7a1a; font-size:10px; font-weight:800; }
.rchev svg, .raction svg { width:14px; height:14px; }
.lc-home-foot { display:flex; align-items:center; gap:7px; padding:13px 18px; color:#8c857b; font-size:10px; }
.lc-home-foot .ok { width:7px; height:7px; border-radius:50%; background:#39a467; }
.lc-home-foot b { color:#6d665e; }
.lc-nav { display:flex; align-items:center; gap:8px; padding:8px 14px; border-bottom:1px solid #eee7da; background:#fffdf9; }
.lc-nav button { display:inline-flex; align-items:center; gap:5px; padding:7px 9px; border-radius:8px; background:transparent; color:#766e64; cursor:pointer; font-size:11px; }
.lc-nav button:hover { background:#f7efdd; color:#8a6c12; }
.lc-form { display:grid; gap:14px; padding:18px; }
.lc-field { display:grid; gap:6px; }
.lc-field label { color:#504941; font-size:11px; font-weight:800; }
.lc-field input, .lc-form textarea, .lc-prechat input { width:100%; min-height:42px; padding:10px 12px; border:1px solid #ded6c7; border-radius:10px; outline:0; background:#fff; color:#2d2930; }
.lc-field input:focus, .lc-form textarea:focus, .lc-prechat input:focus { border-color:#bd9a2b; box-shadow:0 0 0 3px rgba(212,175,55,.16); }
.lc-field.err input { border-color:#c94545; }
.lc-start, .lc-csat-submit { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; border-radius:11px; background:#d4af37; color:#17130a; cursor:pointer; font-weight:800; }
.lc-start:hover, .lc-csat-submit:hover { background:#e0c05a; }
.lc-start svg { width:16px; height:16px; }
.lc-prechat { padding:18px; }
.lc-prechat .lc-form { padding:0; }
.lc-privacy { padding:0 18px 18px; color:#9a9185; font-size:10px; text-align:center; }
.errmsg { margin:10px 14px 0; padding:9px 11px; border:1px solid #efb3ad; border-radius:9px; background:#fff2f0; color:#9a2f26; font-size:11px; }
.lc-head { flex:0 0 auto; padding:14px 16px; background:linear-gradient(145deg,#fff9e8,#fffdf9); border-bottom:1px solid #eee5d4; }
.lc-head-top { display:flex; align-items:center; gap:9px; }
.lc-head-id { min-width:0; flex:1; }
.lc-head-name { overflow:hidden; color:#28242b; font-size:13px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.lc-tag { display:inline-flex; margin-left:6px; padding:3px 6px; border-radius:999px; background:#f4e7b7; color:#806316; font-size:9px; font-weight:800; vertical-align:2px; }
.lc-ava { position:relative; display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:11px; background:#f1e3ae; color:#7d5f0b; font-size:12px; font-weight:900; }
.lc-ava .dot { position:absolute; right:-2px; bottom:-2px; width:10px; height:10px; border:2px solid #fffdf9; border-radius:50%; background:#39a467; }
.lc-head-status { display:flex; align-items:center; gap:5px; margin-top:3px; color:#91887b; font-size:10px; }
.s-dot { width:6px; height:6px; border-radius:50%; background:#39a467; }
.lc-head-btns { display:flex; gap:3px; }
.lc-body { flex:1; min-height:0; overflow:auto; padding:16px 14px; background:#fffdf9; }
.lc-day { margin:0 auto 14px; color:#a49b8c; font-size:10px; text-align:center; }
.lc-msg-row { display:flex; align-items:flex-end; gap:7px; margin:10px 0; }
.lc-msg-row.me { justify-content:flex-end; }
.lc-msg-av { display:grid; place-items:center; width:25px; height:25px; flex:0 0 25px; border-radius:9px; background:#eee4c5; color:#755a16; font-size:9px; font-weight:800; }
.lc-msg-av.hidden { visibility:hidden; }
.lc-ai-av { background:rgba(214,179,99,.16); color:#8f6b2e; }
.lc-bubble { max-width:78%; padding:9px 11px; border-radius:13px 13px 13px 4px; background:#f3eee5; color:#403a36; font-size:12px; white-space:pre-wrap; }
.lc-msg-row.me .lc-bubble { border-radius:13px 13px 4px 13px; background:#d4af37; color:#1c170b; }
.lc-msg-link { color:#8a6810; font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.lc-msg-row.me .lc-msg-link { color:#1c170b; }
.lc-product-cta { display:block; margin-top:8px; color:#8a6810; font-size:10px; font-weight:800; text-decoration:none; }
.lc-product-cta:hover { text-decoration:underline; text-underline-offset:2px; }
.lc-msg-row.me .lc-product-cta { color:#1c170b; }
.lc-msg-list { margin:5px 0; padding-left:18px; }
.lc-msg-list li { margin:3px 0; }
.lc-bubble code { padding:1px 4px; border-radius:4px; background:rgba(0,0,0,.06); font-size:.92em; }
.lc-bubble .time { display:block; margin-top:5px; color:rgba(70,57,20,.62); font-size:9px; text-align:right; }
.lc-ai-label { display:block; margin-bottom:3px; color:#8f6b2e; font-size:9px; font-weight:800; }
.lc-system { margin:12px auto; padding:7px 10px; border-radius:9px; background:#f8f2e5; color:#8d8274; font-size:10px; text-align:center; }
.lc-ai-thinking { display:flex; align-items:center; gap:4px; color:#8d8274; font-size:10px; }
.lc-ai-thinking span { width:5px; height:5px; border-radius:50%; background:#c8a52f; }
.lc-composer { flex:0 0 auto; padding:10px 12px 9px; border-top:1px solid #eee5d4; background:#fffdf9; }
.lc-support-mode { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; color:#91887b; font-size:9px; }
.lc-support-mode button { padding:0; background:transparent; color:#927317; cursor:pointer; font-size:10px; font-weight:800; }
.lc-input-row { display:flex; align-items:flex-end; gap:6px; }
.lc-input-row textarea { flex:1; min-height:39px; max-height:96px; resize:none; padding:9px 10px; border:1px solid #ddd4c3; border-radius:11px; outline:0; background:#fff; color:#302b31; }
.lc-input-row textarea:focus { border-color:#c4a42f; box-shadow:0 0 0 3px rgba(212,175,55,.14); }
.lc-send, .lc-comp-ico { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:#d4af37; color:#1b160a; cursor:pointer; }
.lc-send:disabled, .lc-comp-ico:disabled { opacity:.45; cursor:not-allowed; }
.lc-send svg, .lc-comp-ico svg { width:16px; height:16px; }
.lc-foot { margin-top:7px; color:#a09689; font-size:9px; text-align:center; }
.lc-foot b { color:#786426; }
.spark { color:#c49f26; }
.lc-csat, .lc-csat-thanks { overflow:auto; padding:24px 18px; text-align:center; }
.lc-resolved-tag { display:inline-flex; align-items:center; gap:5px; color:#39845d; font-size:10px; font-weight:800; }
.lc-resolved-tag svg { width:14px; height:14px; }
.lc-csat h3, .lc-csat-thanks h3 { margin:18px 0 5px; color:#29242c; font-size:22px; }
.lc-csat p, .lc-csat-thanks p { margin:0; color:#81786d; font-size:12px; }
.lc-csat-agent { display:flex; align-items:center; justify-content:center; gap:8px; margin:22px auto; color:#4b443d; font-size:12px; font-weight:800; }
.lc-csat-agent span { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#f1e3ae; color:#7d5f0b; }
.lc-csat-scale { margin:18px 0; border:0; }
.lc-csat-scale legend { margin:0 auto 10px; color:#8b8277; font-size:10px; }
.lc-csat-options { display:flex; justify-content:center; gap:6px; }
.lc-csat-option { display:grid; place-items:center; width:35px; height:35px; border:1px solid #e3dacb; border-radius:10px; background:#fff; cursor:pointer; font-size:17px; }
.lc-csat-option.selected { border-color:#c8a62f; background:#fff6d8; }
.lc-csat-option.dim { opacity:.45; }
.lc-csat-label { color:#776f64; font-size:11px; }
.lc-csat-feedback { width:100%; min-height:72px; margin-top:14px; padding:10px; resize:vertical; border:1px solid #ddd4c3; border-radius:10px; outline:0; color:#302b31; }
.lc-csat-submit { width:100%; margin-top:12px; }
.lc-csat-close { min-height:40px; margin-top:20px; padding:0 16px; border-radius:10px; background:#d4af37; color:#17130a; cursor:pointer; font-weight:800; }
@media (max-width:520px) { .lc-panel { right:10px; bottom:10px; width:calc(100% - 20px); height:calc(100% - 20px); border-radius:18px; } .lc-corner { right:12px; bottom:12px; } }

/* Agent typing presence (honest presence via poll payload, gold palette) */
.lc-typing { display:inline-flex; align-items:center; gap:5px; padding:9px 11px; margin:2px 0 4px; border-radius:13px 13px 13px 4px; background:#f3eee5; color:#8d8274; font-size:11px; font-style:italic; align-self:flex-start; }
.lc-typing span { width:5px; height:5px; border-radius:50%; background:#c8a52f; animation:lc-blink 1.2s ease-in-out infinite; }
.lc-typing span:nth-child(2) { animation-delay:.2s; }
.lc-typing span:nth-child(3) { animation-delay:.4s; }
@keyframes lc-blink { 50% { opacity:.3; } }
.lc-prechat-origin { margin:0 0 10px; color:#8d8274; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }

/* Inline attachment previews in widget bubbles */
.lc-attachments { display:grid; gap:5px; margin-top:6px; }
.lc-attachment-image { display:grid; gap:3px; overflow:hidden; border-radius:10px; border:1px solid rgba(28,21,4,.18); background:#fffdf9; text-decoration:none; }
.lc-attachment-image img { display:block; width:100%; max-height:180px; object-fit:cover; }
.lc-attachment-image small { padding:0 7px 5px; color:#8d8274; font-size:9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-attachment-file { display:inline-block; padding:4px 8px; border-radius:8px; background:rgba(212,175,55,.14); color:#8a6810; font-size:10px; font-weight:700; text-decoration:none; }

/* Knowledge base + What's new screens */
.lc-search { margin:14px 16px 6px; display:flex; align-items:center; gap:9px; background:#f7f2e6; border:1px solid #e9e1cf; border-radius:13px; padding:11px 15px; }
.lc-search svg { width:16px; height:16px; color:#91887b; flex-shrink:0; }
.lc-search input { border:0; outline:0; background:transparent; flex:1; font-family:inherit; font-size:13.5px; color:#28242c; }
.lc-search input::placeholder { color:#a49b8c; }
.lc-collection-label { font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:#91887b; font-weight:700; margin:16px 18px 8px; }
.lc-articles { margin:0 16px 16px; background:#faf6ec; border:1px solid #ece4d3; border-radius:14px; overflow:hidden; }
.lc-article-row { display:flex; align-items:center; gap:12px; width:100%; border:0; background:transparent; cursor:pointer; text-align:left; font-family:inherit; padding:14px 15px; border-bottom:1px solid #efe8da; transition:background .14s ease; }
.lc-article-row:last-child { border-bottom:0; }
.lc-article-row:hover { background:#f3ecd9; }
.lc-article-row .atitle { flex:1; font-size:13.8px; color:#28242c; font-weight:500; line-height:1.35; }
.lc-article-row .achev { color:#a49b8c; display:flex; flex-shrink:0; }
.lc-article-row .achev svg { width:17px; height:17px; }
.lc-article-row .adoc { color:#8a6810; flex-shrink:0; display:flex; }
.lc-article-row .adoc svg { width:17px; height:17px; }
.lc-article-row .achev, .lc-article-row .adoc { transition:transform .18s cubic-bezier(.2,.7,.2,1); }
.lc-article-row:hover .achev { transform:translateX(3px); }
.lc-article-row:hover .adoc { transform:scale(1.12); }
.lc-reader { padding:22px 22px 28px; }
.lc-reader h3 { font-family:inherit; font-weight:700; font-size:21px; line-height:1.2; margin:0 0 6px; color:#211d22; letter-spacing:-.01em; }
.lc-reader .meta { font-size:11.5px; color:#91887b; margin:0 0 18px; }
.lc-reader p { font-size:14px; line-height:1.65; color:#504941; margin:0 0 14px; }
.lc-reader p:last-child { margin-bottom:0; }
.lc-reader b { color:#211d22; font-weight:700; }
.lc-reader .react { margin-top:22px; padding-top:18px; border-top:1px solid #efe8da; font-size:12.5px; color:#91887b; display:flex; align-items:center; gap:10px; }
.lc-reader .react button { width:36px; height:36px; border-radius:11px; cursor:pointer; border:1px solid #e3dacb; background:#f7f2e6; color:#766e64; display:grid; place-items:center; transition:all .14s ease; }
.lc-reader .react button:hover { color:#8a6810; border-color:#d9bd61; background:#f3ecd9; }
.lc-reader .react button svg { width:17px; height:17px; }

/* CSAT burst (post-resolution feedback) */
.lc-csat-burst { width:64px; height:64px; border-radius:999px; background:rgba(50,160,96,.14); color:#2f7d4f; display:grid; place-items:center; margin:0 auto 8px; }
.lc-csat-burst svg { width:30px; height:30px; }
.lc-csat-who { margin:0; font-size:13px; color:#91887b; }