.live-chat-page { margin: 0; color: #273247; background: #f7f8fb; font: 15px/1.5 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.live-chat-page *, .live-chat-workspace * { box-sizing: border-box; }
.live-chat-page a { text-decoration: none; }
.live-chat-skip { position: absolute; top: -60px; left: 12px; z-index: 20; padding: 9px 13px; border-radius: 8px; color: #fff; background: #202c43; }
.live-chat-skip:focus { top: 12px; }
.live-chat-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 72px; padding: 12px max(24px, calc((100vw - 1180px)/2)); border-bottom: 1px solid #e4e8ef; background: #fff; }
.live-chat-brand img { display: block; width: 190px; max-width: 100%; height: auto; }
.live-chat-topbar__nav { display: flex; align-items: center; gap: 8px; }
.live-chat-topbar__nav a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 8px; color: #52627a; font-size: 13px; font-weight: 600; }
.live-chat-topbar__nav a:hover { color: #4b48ae; background: #f0effb; }
.live-chat-main { width: min(1180px, calc(100% - 40px)); margin: 28px auto 56px; }
.live-chat-intro { position: relative; overflow: hidden; padding: clamp(25px, 4vw, 42px); border-radius: 18px; color: #fff; background: linear-gradient(115deg, #202c43, #394d72); }
.live-chat-intro::after { position: absolute; right: -35px; bottom: -90px; width: 280px; height: 280px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; pointer-events: none; }
.live-chat-eyebrow { color: #c9d4ff; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.live-chat-intro h1 { margin: 8px 0 9px; font-size: clamp(28px, 4vw, 42px); line-height: 1.1; letter-spacing: -.035em; }
.live-chat-intro p { max-width: 640px; margin: 0; color: #dae2f1; font-size: 14px; }
.live-chat-presence { display: inline-flex; align-items: center; gap: 9px; min-height: 34px; padding: 6px 11px; border: 1px solid #dce4ef; border-radius: 999px; color: #53647a; background: #f6f8fc; font-size: 12px; font-weight: 650; }
.live-chat-intro .live-chat-presence { margin-top: 20px; border-color: rgba(255,255,255,.2); color: #fff; background: rgba(255,255,255,.12); }
.live-chat-presence__dot { flex: 0 0 9px; width: 9px; height: 9px; border-radius: 50%; background: #9aa8b7; }
.live-chat-presence.is-online .live-chat-presence__dot { background: #28c785; animation: live-chat-online-pulse 2.2s ease-out infinite; }
@keyframes live-chat-online-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(40,199,133,.35); } 65% { box-shadow: 0 0 0 6px rgba(40,199,133,0); } }
.live-chat-grid { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 18px; align-items: start; margin-top: 18px; }
.live-chat-window, .live-chat-hc-inbox, .live-chat-hc-conversation { min-width: 0; overflow: hidden; border: 1px solid #dfe6ef; border-radius: 15px; background: #fff; box-shadow: 0 10px 30px rgba(32,44,67,.05); }
.live-chat-window { display: flex; flex-direction: column; min-height: 550px; }
.live-chat-window__header, .live-chat-hc-conversation__head { display: flex; align-items: center; gap: 11px; min-height: 74px; padding: 14px 19px; border-bottom: 1px solid #e7ebf0; background: #fff; }
.live-chat-window__avatar { display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: #5e5bc8; background: #f0effb; font-size: 19px; }
.live-chat-window__header span { color: #6f7f92; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.live-chat-window__header h2, .live-chat-hc-conversation__head h2 { margin: 2px 0 0; color: #293b55; font-size: 16px; font-weight: 650; }
.live-chat-stream { display: flex; flex: 1 1 auto; flex-direction: column; gap: 13px; min-height: 260px; max-height: min(56dvh, 570px); overflow-y: auto; overscroll-behavior: contain; padding: 20px; background: #fbfcfe; }
.live-chat-empty { display: grid; justify-items: center; align-content: center; flex: 1; min-height: 220px; padding: 24px; color: #6c7e93; text-align: center; }
.live-chat-empty i { margin-bottom: 10px; color: #aba9df; font-size: 34px; }
.live-chat-empty strong { color: #334961; font-size: 16px; }
.live-chat-empty p { max-width: 300px; margin: 5px 0 0; font-size: 12.5px; }
.live-chat-bubble { align-self: flex-start; max-width: min(82%, 560px); padding: 10px 12px; border: 1px solid #e3e9f0; border-radius: 12px 12px 12px 4px; color: #334861; background: #fff; box-shadow: 0 2px 7px rgba(32,44,67,.025); overflow-wrap: anywhere; }
.live-chat-bubble.is-me { align-self: flex-end; border-color: #dcdaf2; border-radius: 12px 12px 4px 12px; color: #323261; background: #f0effb; }
.live-chat-bubble p { margin: 0; white-space: pre-wrap; font-size: 13px; line-height: 1.47; }
.live-chat-bubble small { display: block; margin-top: 5px; color: #7c8da0; font-size: 10px; }
.live-chat-compose { padding: 14px 18px 15px; border-top: 1px solid #e7ebf0; background: #fff; }
.live-chat-guest-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.live-chat-guest-fields[hidden] { display: none; }
.live-chat-guest-fields small { grid-column: 1 / -1; margin-top: -2px; color: #738398; font-size: 11px; }
.live-chat-guest-fields label, .live-chat-message-label { display: block; margin-bottom: 6px; color: #42556e; font-size: 12px; font-weight: 650; }
.live-chat-guest-fields input, .live-chat-compose textarea { width: 100%; min-width: 0; padding: 10px 11px; border: 1px solid #d8e1eb; border-radius: 9px; outline: 0; color: #273247; background: #fff; font: inherit; font-size: 13px; }
.live-chat-guest-fields input:focus, .live-chat-compose textarea:focus { border-color: #817ccc; box-shadow: 0 0 0 3px rgba(94,91,200,.1); }
.live-chat-compose__row { display: flex; align-items: stretch; gap: 9px; }
.live-chat-compose textarea { min-height: 66px; resize: vertical; }
.live-chat-compose button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; align-self: flex-end; min-height: 42px; padding: 9px 15px; border: 0; border-radius: 9px; color: #fff; background: #5e5bc8; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.live-chat-compose button:hover:not(:disabled) { background: #4b48ae; }
.live-chat-compose button:disabled { opacity: .55; cursor: not-allowed; }
.live-chat-feedback { min-height: 16px; margin: 5px 0 0; color: #687b90; font-size: 11.5px; }
.live-chat-feedback.is-error { color: #a54050; }
.live-chat-aside { padding: 22px; border: 1px solid #dfe6ef; border-radius: 15px; background: #fff; }
.live-chat-aside__icon { display: grid; width: 41px; height: 41px; place-items: center; border-radius: 11px; color: #5e5bc8; background: #f0effb; font-size: 20px; }
.live-chat-aside h2 { margin: 16px 0 7px; color: #293b55; font-size: 16px; line-height: 1.25; }
.live-chat-aside p, .live-chat-aside small { color: #687b90; font-size: 12.5px; line-height: 1.5; }
.live-chat-aside__links { display: grid; gap: 7px; margin: 18px 0; }
.live-chat-aside__links a { display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid #e1e7ee; border-radius: 9px; color: #4a5673; font-size: 12.5px; font-weight: 650; }
.live-chat-aside__links a:hover { border-color: #c7c4ec; color: #4b48ae; background: #f7f6fd; }
.live-chat-aside small { display: block; padding-top: 13px; border-top: 1px solid #e9edf2; }
.live-chat-workspace { max-width: 1400px; margin: 0 auto; }
.live-chat-hc-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding: 12px 16px; border: 1px solid #dfe6ef; border-radius: 12px; background: #fff; }
.live-chat-workspace .live-chat-hc-visitors {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 20px;
    margin-bottom: 14px;
    padding: 17px 19px 13px;
    border: 1px solid #dfe6ef;
    border-radius: 14px;
    background: linear-gradient(115deg, #fff 55%, #f7f6ff);
    box-shadow: 0 8px 23px rgba(32, 44, 67, .045);
}
.live-chat-workspace .live-chat-hc-visitors__heading { display: flex; align-items: center; gap: 12px; min-width: 0; }
.live-chat-workspace .live-chat-hc-visitors__icon {
    display: grid;
    flex: 0 0 41px;
    width: 41px;
    height: 41px;
    place-items: center;
    border-radius: 11px;
    color: #5c59ba;
    background: #eeedfb;
    font-size: 19px;
}
.live-chat-workspace .live-chat-hc-visitors__eyebrow { color: #6966b3; font-size: 10px; font-weight: 750; letter-spacing: .09em; }
.live-chat-workspace .live-chat-hc-visitors h2 { margin: 1px 0 2px; color: #293b55; font-size: 16px; line-height: 1.2; }
.live-chat-workspace .live-chat-hc-visitors__heading p { margin: 0; color: #708198; font-size: 11.5px; line-height: 1.35; }
.live-chat-workspace .live-chat-hc-visitors__metric { align-self: center; min-width: 95px; text-align: right; }
.live-chat-workspace .live-chat-hc-visitors__metric strong { display: block; color: #514db0; font-size: 26px; line-height: 1; }
.live-chat-workspace .live-chat-hc-visitors__metric span { color: #708198; font-size: 11px; }
.live-chat-workspace .live-chat-hc-visitors__activity { display: flex; align-items: center; gap: 12px; grid-column: 1 / -1; min-width: 0; padding-top: 11px; border-top: 1px solid #e9ecf2; }
.live-chat-workspace .live-chat-hc-visitors__list { display: flex; flex: 1; gap: 8px; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.live-chat-workspace .live-chat-hc-visitors__item { display: flex; align-items: center; flex: 0 0 auto; gap: 8px; min-width: 175px; max-width: 230px; padding: 8px 10px; border: 1px solid #e4e8f0; border-radius: 10px; background: #fff; }
.live-chat-workspace .live-chat-hc-visitors__item > i { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center; border-radius: 7px; color: #6260b5; background: #f0effc; font-size: 12px; }
.live-chat-workspace .live-chat-hc-visitors__item > span { min-width: 0; }
.live-chat-workspace .live-chat-hc-visitors__item strong,
.live-chat-workspace .live-chat-hc-visitors__item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-chat-workspace .live-chat-hc-visitors__item strong { color: #344a63; font-size: 11.5px; }
.live-chat-workspace .live-chat-hc-visitors__item small { color: #8290a0; font-size: 10px; }
.live-chat-workspace .live-chat-hc-visitors__empty { margin: 0; padding: 9px 2px; color: #79899b; font-size: 12px; }
.live-chat-workspace .live-chat-hc-visitors__activity > a { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 5px; color: #5551af; font-size: 11.5px; font-weight: 650; text-decoration: none; }
.live-chat-workspace .live-chat-hc-visitors__activity > a:hover { text-decoration: underline; }
.live-chat-hc-grid { display: grid; grid-template-columns: minmax(230px, 305px) minmax(0, 1fr); gap: 14px; height: clamp(510px, calc(100dvh - 260px), 760px); }
.live-chat-hc-inbox, .live-chat-hc-conversation { display: flex; flex-direction: column; min-height: 0; }
.live-chat-hc-inbox__head { display: flex; align-items: center; justify-content: space-between; min-height: 64px; padding: 15px 17px; border-bottom: 1px solid #e7ebf0; }
.live-chat-hc-inbox__head h2 { margin: 0; color: #293b55; font-size: 15px; }
.live-chat-hc-inbox__head span { display: grid; min-width: 24px; height: 24px; padding: 0 5px; place-items: center; border-radius: 7px; color: #514eae; background: #f0effb; font-size: 11px; font-weight: 700; }
.live-chat-hc-inbox__list { flex: 1; overflow-y: auto; }
.live-chat-hc-empty { padding: 20px; color: #718297; font-size: 13px; }
.live-chat-thread { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 14px 15px; border: 0; border-bottom: 1px solid #edf0f4; color: #334860; background: #fff; font: inherit; text-align: left; cursor: pointer; }
.live-chat-thread:hover, .live-chat-thread.is-active { background: #f3f2fb; }
.live-chat-thread.is-active { box-shadow: inset 3px 0 #5e5bc8; }
.live-chat-thread__avatar { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #5754b2; background: #e9e8f7; font-size: 14px; font-weight: 700; }
.live-chat-thread__body { min-width: 0; flex: 1; }
.live-chat-thread strong, .live-chat-thread small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-chat-thread strong { font-size: 13px; }
.live-chat-thread small { margin-top: 3px; color: #74869a; font-size: 11px; }
.live-chat-hc-conversation__head p { margin: 3px 0 0; color: #74869a; font-size: 11.5px; }
.live-chat-hc-conversation .live-chat-stream { max-height: none; min-height: 0; }
.live-chat-hc-conversation .live-chat-compose { flex: 0 0 auto; }
@media (max-width: 800px) { .live-chat-grid { grid-template-columns: 1fr; } .live-chat-aside { display: grid; grid-template-columns: 45px 1fr; gap: 0 14px; } .live-chat-aside__icon { grid-row: span 2; } .live-chat-aside h2 { margin: 0; } .live-chat-aside p, .live-chat-aside__links, .live-chat-aside small { grid-column: 1 / -1; } .live-chat-hc-grid { grid-template-columns: minmax(195px, 34%) minmax(0, 1fr); } }
@media (max-width: 640px) { .live-chat-topbar { min-height: 62px; padding-inline: 16px; } .live-chat-brand img { width: 145px; } .live-chat-main { width: calc(100% - 24px); margin-top: 12px; } .live-chat-grid { gap: 12px; margin-top: 12px; } .live-chat-intro { padding: 24px; } .live-chat-window { min-height: 480px; } .live-chat-stream { padding: 14px; } .live-chat-bubble { max-width: 90%; } .live-chat-guest-fields { grid-template-columns: 1fr; } .live-chat-compose { padding: 12px; } .live-chat-compose__row { flex-wrap: wrap; } .live-chat-compose__row button { margin-left: auto; } .live-chat-hc-grid { display: flex; flex-direction: column; height: auto; } .live-chat-hc-inbox { max-height: 220px; } .live-chat-hc-conversation { min-height: 510px; } .live-chat-hc-toolbar { flex-wrap: wrap; } }
@media (max-width: 640px) {
    .live-chat-workspace .live-chat-hc-visitors { padding: 14px; }
    .live-chat-workspace .live-chat-hc-visitors__metric { min-width: 58px; }
    .live-chat-workspace .live-chat-hc-visitors__heading p { font-size: 11px; }
    .live-chat-workspace .live-chat-hc-visitors__activity { display: block; }
    .live-chat-workspace .live-chat-hc-visitors__activity > a { margin-top: 10px; }
}
@media (max-width: 400px) { .live-chat-brand img { width: 125px; } .live-chat-topbar__nav a { padding: 7px; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .live-chat-presence.is-online .live-chat-presence__dot { animation: none; } }

/* Public chat: keep the candidate and HC workspaces visually independent. */
.live-chat-page {
    min-height: 100dvh;
    background: radial-gradient(circle at 8% 0%, #eeedff 0, transparent 31%), #f6f8fc;
    color: #26394f;
}
.live-chat-page .live-chat-topbar {
    border-bottom-color: #e8ebf1;
    box-shadow: 0 3px 18px rgba(29, 43, 69, .035);
}
.live-chat-page .live-chat-topbar__actions { display: flex; align-items: center; gap: 11px; }
.live-chat-page .live-chat-topbar .language-switch {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid #e2e5ee;
    border-radius: 9px;
    background: #f6f7fb;
}
.live-chat-page .live-chat-topbar .language-switch > span { display: none; }
.live-chat-page .live-chat-topbar .language-switch a {
    display: grid;
    min-width: 32px;
    min-height: 29px;
    padding: 4px 6px;
    place-items: center;
    border-radius: 6px;
    color: #64748b;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1;
}
.live-chat-page .live-chat-topbar .language-switch a:hover { color: #4b48ae; background: #ecebfa; }
.live-chat-page .live-chat-topbar .language-switch a.active { color: #fff; background: #5e5bc8; }
.live-chat-page .live-chat-topbar nav a:focus-visible,
.live-chat-page .live-chat-prompts button:focus-visible,
.live-chat-page .live-chat-aside__links a:focus-visible,
.live-chat-page .live-chat-compose button:focus-visible {
    outline: 3px solid #9692e9;
    outline-offset: 3px;
}
.live-chat-page .live-chat-main {
    width: min(1200px, calc(100% - 40px));
    margin-top: 25px;
}
.live-chat-page .live-chat-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 185px;
    align-items: center;
    min-height: 190px;
    padding: 30px clamp(28px, 4vw, 46px);
    border-radius: 21px;
    background: linear-gradient(112deg, #1e2d45 0%, #304466 64%, #514d99 100%);
    box-shadow: 0 18px 32px rgba(32, 44, 67, .12);
}
.live-chat-page .live-chat-intro::after {
    right: 90px;
    bottom: -190px;
    width: 420px;
    height: 420px;
    border-color: rgba(255, 255, 255, .07);
}
.live-chat-page .live-chat-intro__copy {
    position: relative;
    z-index: 1;
}
.live-chat-page .live-chat-eyebrow {
    color: #c7c5ff;
    font-size: 11px;
    letter-spacing: .15em;
}
.live-chat-page .live-chat-intro h1 {
    margin: 8px 0;
    font-size: clamp(27px, 3.2vw, 39px);
}
.live-chat-page .live-chat-intro p {
    max-width: 680px;
    font-size: 14.5px;
    line-height: 1.5;
}
.live-chat-page .live-chat-intro__details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 17px;
    margin-top: 20px;
}
.live-chat-page .live-chat-intro .live-chat-presence {
    margin: 0;
    padding-inline: 13px;
    border-color: rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .14);
    font-size: 12.5px;
}
.live-chat-page .live-chat-intro__details > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #dbe5f6;
    font-size: 12.5px;
}
.live-chat-page .live-chat-intro__details > span i { font-size: 15px; }
.live-chat-page .live-chat-intro__visual {
    position: relative;
    z-index: 1;
    display: grid;
    width: 142px;
    height: 125px;
    place-items: center;
    justify-self: center;
    transform: rotate(-7deg);
}
.live-chat-page .live-chat-intro__visual::before {
    position: absolute;
    inset: 7px 0;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 28px;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 20px 40px rgba(11, 19, 47, .16);
    content: "";
}
.live-chat-page .live-chat-intro__visual-icon {
    position: absolute;
    top: 16px;
    left: 19px;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    color: #514d99;
    background: #f3f1ff;
    font-size: 22px;
}
.live-chat-page .live-chat-intro__visual-bubble {
    position: absolute;
    top: 33px;
    right: 19px;
    width: 45px;
    height: 7px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .7);
}
.live-chat-page .live-chat-intro__visual-bubble:nth-last-child(2) { top: 51px; width: 36px; opacity: .65; }
.live-chat-page .live-chat-intro__visual-bubble:last-child { top: 79px; right: 32px; width: 78px; opacity: .45; }
.live-chat-page .live-chat-grid {
    grid-template-columns: minmax(0, 1fr) 292px;
    gap: 20px;
    margin-top: 20px;
}
.live-chat-page .live-chat-window,
.live-chat-page .live-chat-aside {
    border-color: #e2e7f0;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(31, 47, 73, .065);
}
.live-chat-page .live-chat-window {
    min-height: 570px;
}
.live-chat-page .live-chat-window__header {
    min-height: 82px;
    gap: 12px;
    padding: 15px 21px;
}
.live-chat-page .live-chat-window__avatar {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #706bd9, #514dba);
    box-shadow: 0 7px 15px rgba(81, 77, 186, .2);
    font-size: 21px;
}
.live-chat-page .live-chat-window__heading { min-width: 0; }
.live-chat-page .live-chat-window__heading > span { color: #6766af; }
.live-chat-page .live-chat-window__heading h2 { font-size: 16px; }
.live-chat-page .live-chat-window__heading small {
    display: block;
    margin-top: 2px;
    color: #75869a;
    font-size: 11.5px;
}
.live-chat-page .live-chat-identity {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    margin-left: auto;
    padding: 5px 5px 5px 12px;
    border: 1px solid #e8ecf2;
    border-radius: 999px;
    background: #f8f9fc;
}
.live-chat-page .live-chat-identity__text { min-width: 0; text-align: right; }
.live-chat-page .live-chat-identity__text strong,
.live-chat-page .live-chat-identity__text small {
    display: block;
    overflow: hidden;
    max-width: 145px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.live-chat-page .live-chat-identity__text strong { color: #3d536c; font-size: 11px; line-height: 1.15; }
.live-chat-page .live-chat-identity__text small { margin-top: 2px; color: #8290a0; font-size: 11px; }
.live-chat-page .live-chat-identity__avatar {
    display: grid;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    overflow: hidden;
    place-items: center;
    border-radius: 50%;
    color: #5752b8;
    background: #e7e6fa;
    font-size: 15px;
    font-weight: 750;
}
.live-chat-page .live-chat-identity__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    grid-area: 1 / 1;
}
.live-chat-page .live-chat-identity__avatar img[hidden],
.live-chat-page .live-chat-identity__avatar span[hidden] { display: none; }
.live-chat-page .live-chat-stream {
    min-height: 320px;
    max-height: min(56dvh, 550px);
    padding: 23px;
    background: radial-gradient(circle at 95% 5%, #f2f0ff 0, transparent 35%), #fafbfe;
}
.live-chat-page .live-chat-empty {
    min-height: 260px;
    padding: 22px;
}
.live-chat-page .live-chat-empty__icon {
    display: grid;
    width: 61px;
    height: 61px;
    margin-bottom: 14px;
    place-items: center;
    border: 1px solid #e5e3f9;
    border-radius: 19px;
    color: #6864c7;
    background: #f1f0fc;
    box-shadow: 0 8px 20px rgba(88, 82, 188, .09);
}
.live-chat-page .live-chat-empty__icon i { margin: 0; color: inherit; font-size: 29px; }
.live-chat-page .live-chat-empty strong { font-size: 18px; }
.live-chat-page .live-chat-empty p { max-width: 410px; margin-top: 6px; font-size: 13.5px; line-height: 1.55; }
.live-chat-page .live-chat-prompts {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 570px;
    margin-top: 21px;
}
.live-chat-page .live-chat-prompts button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 35px;
    padding: 7px 11px;
    border: 1px solid #dcdcf2;
    border-radius: 999px;
    color: #514d9b;
    background: #fff;
    font: inherit;
    font-size: 12.5px;
    font-weight: 650;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.live-chat-page .live-chat-prompts button:hover { transform: translateY(-2px); border-color: #aaa6e5; background: #f5f4ff; }
.live-chat-page .live-chat-prompts i { margin: 0; color: inherit; font-size: 14px; }
.live-chat-page .live-chat-bubble {
    max-width: min(82%, 570px);
    padding: 12px 14px;
    border-radius: 15px 15px 15px 5px;
    box-shadow: 0 4px 13px rgba(32, 44, 67, .04);
}
.live-chat-page .live-chat-bubble.is-me {
    border-color: #d6d3f6;
    border-radius: 15px 15px 5px 15px;
    background: #eeecfd;
}
.live-chat-page .live-chat-bubble p { font-size: 14px; line-height: 1.5; }
.live-chat-page .live-chat-bubble small { margin-top: 7px; font-size: 11px; }
.live-chat-page .live-chat-compose { padding: 17px 20px 12px; }
.live-chat-page .live-chat-message-label,
.live-chat-page .live-chat-guest-fields label { font-size: 12.5px; }
.live-chat-page .live-chat-guest-fields input,
.live-chat-page .live-chat-compose textarea {
    border-radius: 11px;
    font-size: 14px;
}
.live-chat-page .live-chat-compose textarea { min-height: 73px; padding: 12px 13px; }
.live-chat-page .live-chat-compose button {
    min-height: 46px;
    padding: 10px 18px;
    border-radius: 11px;
    font-size: 13.5px;
    box-shadow: 0 6px 14px rgba(81, 77, 186, .18);
}
.live-chat-page .live-chat-compose__meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 7px;
    color: #8491a2;
    font-size: 11px;
}
.live-chat-page .live-chat-feedback { min-height: 0; margin-top: 5px; font-size: 12px; }
.live-chat-page .live-chat-feedback:empty { display: none; }
.live-chat-page .live-chat-aside { padding: 24px; }
.live-chat-page .live-chat-aside__eyebrow {
    color: #6964b8;
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: .12em;
}
.live-chat-page .live-chat-aside h2 { margin: 7px 0 15px; font-size: 18px; line-height: 1.3; }
.live-chat-page .live-chat-aside__steps { display: grid; gap: 13px; }
.live-chat-page .live-chat-aside__steps > div { display: flex; align-items: flex-start; gap: 11px; }
.live-chat-page .live-chat-aside__steps > div > span {
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 8px;
    color: #6662bc;
    background: #f0effb;
    font-size: 11px;
    font-weight: 750;
}
.live-chat-page .live-chat-aside__steps p { margin: 2px 0 0; font-size: 13px; line-height: 1.45; }
.live-chat-page .live-chat-aside__safety {
    margin-top: 21px;
    padding: 16px;
    border: 1px solid #e5e9f1;
    border-radius: 13px;
    background: #f8faff;
}
.live-chat-page .live-chat-aside__icon { width: 35px; height: 35px; margin-bottom: 10px; border-radius: 10px; font-size: 18px; }
.live-chat-page .live-chat-aside__safety strong { color: #344c66; font-size: 13.5px; }
.live-chat-page .live-chat-aside__safety p { margin: 4px 0 0; font-size: 12.5px; line-height: 1.5; }
.live-chat-page .live-chat-aside__links { margin: 18px 0 14px; }
.live-chat-page .live-chat-aside__links a { font-size: 13px; }
.live-chat-page .live-chat-aside > small { padding-top: 13px; font-size: 12px; }
@media (max-width: 800px) {
    .live-chat-page .live-chat-grid { grid-template-columns: 1fr; }
    .live-chat-page .live-chat-aside { display: block; }
    .live-chat-page .live-chat-aside__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .live-chat-page .live-chat-main { width: calc(100% - 24px); margin-top: 12px; }
    .live-chat-page .live-chat-topbar__actions { gap: 4px; }
    .live-chat-page .live-chat-topbar__nav { gap: 0; }
    .live-chat-page .live-chat-intro { display: block; min-height: 0; padding: 25px 22px; border-radius: 17px; }
    .live-chat-page .live-chat-intro__visual { display: none; }
    .live-chat-page .live-chat-intro p { font-size: 13.5px; }
    .live-chat-page .live-chat-intro__details { margin-top: 16px; }
    .live-chat-page .live-chat-intro__details > span { display: none; }
    .live-chat-page .live-chat-grid { gap: 12px; margin-top: 12px; }
    .live-chat-page .live-chat-window { min-height: 500px; }
    .live-chat-page .live-chat-window__header { min-height: 72px; padding: 12px 14px; }
    .live-chat-page .live-chat-window__avatar { flex-basis: 40px; width: 40px; height: 40px; }
    .live-chat-page .live-chat-identity { padding: 4px; }
    .live-chat-page .live-chat-identity__text { display: none; }
    .live-chat-page .live-chat-stream { min-height: 260px; padding: 16px; }
    .live-chat-page .live-chat-empty { padding: 12px 4px; }
    .live-chat-page .live-chat-prompts { gap: 6px; margin-top: 16px; }
    .live-chat-page .live-chat-prompts button { font-size: 11.5px; }
    .live-chat-page .live-chat-compose { padding: 13px; }
    .live-chat-page .live-chat-compose__row { flex-wrap: nowrap; }
    .live-chat-page .live-chat-compose__row button { margin-left: 0; }
    .live-chat-page .live-chat-compose__row button span { display: none; }
    .live-chat-page .live-chat-compose__row button { min-width: 45px; padding: 9px; }
    .live-chat-page .live-chat-aside { padding: 20px; }
}
@media (max-width: 400px) {
    .live-chat-page .live-chat-brand img { width: 115px; }
    .live-chat-page .live-chat-topbar__nav a:last-child { display: none; }
    .live-chat-page .live-chat-topbar .language-switch a { min-width: 29px; }
    .live-chat-page .live-chat-aside__steps { grid-template-columns: 1fr; }
    .live-chat-page .live-chat-window__heading small { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .live-chat-page .live-chat-prompts button { transition: none; }
    .live-chat-page .live-chat-prompts button:hover { transform: none; }
}