:root{--lc-ink:#152d49;--lc-accent:#007e86;--lc-light:#e8f7f7}.lc-customer{margin:0;background:#eef2f6;color:var(--lc-ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lc-customer *{box-sizing:border-box}.lc-customer [hidden]{display:none!important}.lc-shell{max-width:600px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:#fff}.lc-header{padding:22px 26px 14px;background:#fff;border-bottom:1px solid #e4e9ee}.lc-header img{object-fit:contain;object-position:left}.lc-header-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-weight:600}.lc-dot{display:inline-block;background:var(--lc-accent);width:8px;height:8px;border-radius:50%;margin-right:8px}.lc-intro{padding:24px 26px}.lc-eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--lc-accent)}.lc-intro h1{font-size:29px;line-height:1.2;margin:8px 0}.lc-intro p{color:#64748b;margin:8px 0 22px}.lc-customer label{display:block;font-weight:600;font-size:13px}.lc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lc-customer input:not([type=radio]),.lc-customer textarea{display:block;width:100%;border:1px solid #cdd7e2;border-radius:9px;padding:11px 12px;margin:6px 0 13px;font:inherit;font-size:16px;color:var(--lc-ink);background:#fff;resize:vertical}.lc-customer :focus-visible{outline:3px solid #5cc1c8;outline-offset:2px}.lc-customer .lc-hint{font-size:12px;margin:-5px 0 15px}.lc-customer .lc-privacy{font-size:11px;margin:12px 0 16px;line-height:1.5}.lc-customer a{color:var(--lc-accent)}.lc-customer button{font:inherit;cursor:pointer;border:0}.lc-primary{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:9px;background:var(--lc-accent);color:#fff;padding:13px 18px;font-weight:650!important}.lc-customer button:disabled{opacity:.6;cursor:wait}.lc-quiet{background:transparent;color:var(--lc-accent);font-size:12px!important;padding:5px}.lc-footer{margin-top:auto;text-align:center;color:#94a3b8;font-size:11px;padding:12px}.lc-error{background:#fff0f0;border:1px solid #ecc2c2;color:#9e2330;margin:12px 20px;padding:12px;border-radius:8px;font-size:13px}.lc-chat{display:flex;flex:1;flex-direction:column;min-height:0}.lc-status{padding:12px 22px;background:var(--lc-light);color:#23666d;font-size:13px}.lc-messages{padding:20px;overflow:auto;flex:1;min-height:160px;max-height:calc(100dvh - 330px);scroll-behavior:smooth}.lc-bubble{max-width:88%;width:fit-content;background:#f0f3f7;border-radius:14px 14px 14px 3px;margin:0 0 16px;padding:11px 14px;white-space:pre-wrap;overflow-wrap:anywhere}.lc-bubble.mine{background:var(--lc-accent);color:white;border-radius:14px 14px 3px 14px;margin-left:auto}.lc-bubble small{display:block;font-size:10px;opacity:.75;margin:0 0 5px}.lc-bubble .lc-download{display:block;background:#fff;color:var(--lc-ink);border-radius:5px;padding:7px;margin-top:7px;text-align:left;font-size:12px}.lc-typing{min-height:23px;font-size:11px;padding:0 22px;color:#607b8b}.lc-compose{padding:10px 18px;border-top:1px solid #e4e9ee}.lc-compose-row{display:flex;align-items:flex-end;gap:9px}.lc-customer .lc-compose textarea{margin:0;max-height:130px;min-height:44px;resize:none}.lc-send{border-radius:10px;background:var(--lc-accent);color:white;height:44px;min-width:44px}.lc-attach{cursor:pointer;font-size:26px!important;padding:5px;color:var(--lc-accent)}.lc-compose small{color:#94a3b8;font-size:10px}.lc-file-name{font-size:11px;overflow-wrap:anywhere}.lc-after{padding:20px 26px;text-align:center}.lc-after h2{font-size:20px;margin:0}.lc-after p{margin:8px}.lc-stars{display:flex;justify-content:center;gap:15px}.lc-stars span{font-size:32px;color:#c2cbd5;cursor:pointer}.lc-stars input{position:absolute;opacity:0}.lc-stars input:checked+span{color:#efaa15}.lc-stars input:focus-visible+span{outline:3px solid var(--lc-accent)}.lc-customer fieldset{border:0;margin:0;padding:0 0 12px}.lc-copy{text-align:center;padding:5px 16px;font-size:12px}.lc-restart{display:inline-block;margin-top:15px;font-size:12px}.lc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Native omni channel colouring and live status controls. */
.communication-livechat-mode .communication-modal-title{background:#e8f7f7}.communication-livechat-mode .communication-chat-message.outbound,.communication-chat-channel-livechat{background:#d6f3f1!important;color:#00656c!important}.communication-livechat-mode .communication-inline-send{background:#007e86}.lc-agent-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;background:#e8f7f7;border-bottom:1px solid #c9e6e4;font-size:12px}.lc-agent-toolbar button,.lc-agent-toolbar select{padding:6px 10px;border:1px solid #b2d9d6;border-radius:7px;background:white;color:#00656c;cursor:pointer}.lc-agent-toolbar span{flex:1}/* Match the native phone cards and participate in the sidebar flow. */
.lc-incoming-stack{display:grid;gap:12px;flex:none;min-width:0;margin:-3px 6px 15px}
.lc-incoming-stack:empty{display:none}
.lc-incoming-stack .incoming-call-card.lc-incoming{margin:0;min-width:0;border-color:#71c98c;border-left-color:#218a43;background:#e7f7ed;box-shadow:0 5px 16px rgba(25,119,57,.09)}
.lc-incoming .incoming-call-heading{color:#176534;font-size:16px}
.lc-incoming .incoming-call-pulse{flex:none;background:#23a455;box-shadow:0 0 0 0 rgb(35 164 85 / 40%)}
.lc-incoming .incoming-call-details{min-height:0;gap:7px}
.lc-incoming .incoming-call-customer-link{color:#176534;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.lc-incoming .incoming-call-customer-link:hover{text-decoration:underline}
.lc-incoming .incoming-call-skill{color:#4c7560}
.lc-incoming-email{font-size:12px;color:#4c7560;overflow-wrap:anywhere}
.lc-incoming-question{border-top:1px solid #c4e4cf;padding-top:8px;margin-top:2px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.lc-incoming-label{display:block;margin-bottom:3px;font-size:10px;font-weight:700;color:#4c7560;text-transform:uppercase;letter-spacing:.3px}
.lc-incoming-question p{margin:0;white-space:pre-wrap}
.lc-incoming-question details p{margin-top:7px}
.lc-incoming-question summary{cursor:pointer}
.lc-incoming .incoming-call-latest{white-space:normal;overflow-wrap:anywhere;padding-top:3px}
.lc-incoming .incoming-call-latest-status{flex-basis:100%;font-size:11px;color:#4c7560}
.lc-incoming-actions{margin-top:5px}
.lc-incoming-actions button{width:100%;min-height:35px;padding:7px 10px;border:1px solid #218a43;border-radius:6px;background:#218a43;color:white;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.lc-incoming-actions button:hover{background:#176534}
.lc-incoming-actions button:disabled{opacity:.6;cursor:wait}
.lc-sound-hint{font-size:10px;line-height:1.4;color:#4c7560}
.lc-incoming-stack-dashboard{grid-template-columns:repeat(auto-fit,minmax(240px,320px));margin:0 0 12px}
.lc-incoming-stack-floating{position:fixed;top:75px;left:18px;z-index:10005;width:min(270px,calc(100vw - 36px));max-height:70vh;overflow:auto;margin:0}
.lc-resume{position:fixed;bottom:18px;left:18px;z-index:9999;background:#007e86;color:white;padding:9px 14px;border:0;border-radius:7px;cursor:pointer}
.lc-test-button{color:#007e86!important}.lc-history-search{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.lc-history-search input,.lc-history-search select{padding:10px;border:1px solid #d3dce7;border-radius:8px}.lc-assessment{white-space:pre-wrap;padding:20px;border:1px solid #cddde8;border-radius:10px;background:#fff;line-height:1.65}.lc-transcript{max-width:800px}.lc-history-table td{white-space:normal!important;overflow-wrap:anywhere}.lc-history-table{min-width:900px}.lc-assessment-link{display:inline-block;margin-left:8px}
@media(min-width:650px){.lc-shell{box-shadow:0 10px 40px #243e5614}}@media(max-height:740px){.lc-intro{padding:16px 22px}.lc-intro p{margin-bottom:12px}.lc-header{padding:15px 22px 10px}.lc-customer input:not([type=radio]),.lc-customer textarea{padding:8px 10px;margin-bottom:10px}.lc-intro h1{font-size:25px}}

.communication-modal.communication-livechat-mode .payment-modal.communication-dialog .communication-view{grid-template-rows:minmax(0,1fr) auto;min-height:65vh}.communication-livechat-mode .communication-view-meta,.communication-livechat-mode .communication-view-subject-wrap,.communication-livechat-mode .communication-view-attachments{display:none!important}.communication-livechat-mode .communication-chat-frame{min-height:0}.communication-livechat-mode .communication-chat-row.outgoing .communication-chat-bubble{background:#e0f5f2;border-color:#b4dcd7}.communication-chat-row .communication-chat-channel-livechat{background:#d6f3f1;color:#00656c}

/* Keep the active conversation above a compact composer at the bottom. */
.lc-chat-active .lc-shell{height:100dvh;min-height:0}
.lc-chat-active .lc-header,.lc-chat-active .lc-status,.lc-chat-active .lc-typing,.lc-chat-active .lc-compose{flex-shrink:0}
.lc-chat-active .lc-messages{min-height:0;max-height:none}
.lc-chat-active .lc-footer{display:none}
.lc-chat-active .lc-compose{padding-bottom:max(8px,env(safe-area-inset-bottom))}

/* The history uses Call History's shared shell, cards, filters and row styles. */
.live-chat-history-shell{min-width:0}
.live-chat-history-page .call-history-filters select{min-width:125px;max-width:175px}
.live-chat-history-summary{grid-template-columns:repeat(7,minmax(0,1fr))}
.live-chat-history-summary .agent-dashboard-stat{cursor:default}
.live-chat-history-summary .agent-dashboard-stat:hover{transform:none;border-color:#d5deea}
.lc-history-results{overflow-x:auto}
.live-chat-history-table{min-width:1270px;width:100%}
.live-chat-history-table .call-history-table-head,.live-chat-history-table .call-history-row{grid-template-columns:135px minmax(110px,1fr) 90px 100px minmax(120px,1.2fr) 115px minmax(145px,1.4fr) 105px 85px 80px 85px 115px;column-gap:10px}
.live-chat-history-table.has-assessments{min-width:1375px}
.live-chat-history-table.has-assessments .call-history-table-head,.live-chat-history-table.has-assessments .call-history-row{grid-template-columns:135px minmax(110px,1fr) 90px 100px minmax(120px,1.2fr) 115px minmax(145px,1.4fr) 105px 85px 80px 85px 115px 110px}
.lc-history-feedback{color:#159453}
.live-chat-history-page .call-history-pager a,.lc-history-detail-actions a{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbd7e8;border-radius:6px;background:#fff;color:#263852;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none}
.live-chat-history-page .call-history-pager a:hover,.lc-history-detail-actions a:hover{border-color:#1769c2;color:#1769c2}
.lc-history-detail-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.lc-history-detail{padding:18px;max-width:1100px;margin:auto}
.lc-history-detail-meta{margin:0 0 20px;color:#65748a;font-size:13px}
.lc-history-message{border:1px solid #d5deea;border-radius:9px;padding:13px 16px;margin-bottom:12px;background:#f7faff;max-width:85%;overflow-wrap:anywhere}
.lc-history-message.outgoing{margin-left:auto;background:#e7f7ed;border-color:#c4e4cf}
.lc-history-message>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.lc-history-message time{color:#65748a;font-size:11px}
.lc-history-message p{margin:8px 0 0;font-size:14px;line-height:1.55}
.lc-history-message a{display:inline-block;margin-top:8px;color:#0067da;font-size:12px}
@media(max-width:1250px){.live-chat-history-page .call-history-header{grid-template-columns:1fr}.live-chat-history-page .call-history-filters{grid-column:1;justify-self:start;flex-wrap:wrap}.live-chat-history-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.live-chat-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-history-message{max-width:100%}}

.lc-session-card{color:inherit;text-decoration:none;cursor:pointer}.lc-session-card:hover{background:#f7fcfb;box-shadow:inset 3px 0 0 var(--lc-accent)}.lc-session-card:focus-visible{background:#f7fcfb;outline:1px solid #a8d4d1;outline-offset:-1px}.lc-session-card .communication-preview{overflow-wrap:anywhere}

.lc-agent-toolbar.lc-agent-ended{background:#fff3dc;border-bottom:1px solid #e6c579;color:#67460b;padding:14px 16px;font-size:14px;font-weight:700}
.lc-session-ended.communication-livechat-mode .communication-inline-reply,.lc-session-ended.communication-livechat-mode .communication-inline-email-reply{display:none!important}
.lc-chat-ended #lc-messages,.lc-chat-ended #lc-typing{display:none!important}
.lc-chat-ended .lc-chat{flex:0 0 auto}
.lc-chat-ended .lc-after{padding-top:24px}

:is(.profile, .agent-dashboard-header-launchers) > .lc-test-button{order:-9}

:is(.profile,.agent-dashboard-header-launchers)>.lc-history-button{order:-2}.lc-history-button{position:relative}
.lc-view-only.communication-livechat-mode .communication-inline-reply{display:none!important}
.lc-whisper-panel{padding:8px 16px;background:#fff7e5;border-bottom:1px solid #e8d6aa;color:#624511}.lc-whisper-panel summary{cursor:pointer;font-weight:700}.lc-whisper-list{max-height:160px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.lc-whisper-panel form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lc-whisper-panel textarea{flex:1;min-width:180px;margin:0}.lc-whisper-panel button,.lc-whisper-panel select{padding:7px;border:1px solid #ddc78a;border-radius:6px;background:white}.lc-whisper-panel [hidden]{display:none!important}
#lc-missed label{text-align:left}#lc-missed-form{margin-top:18px}

.live-chat-history-summary{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}

.live-chat-history-table .call-history-score.success { color:#159453; }
.live-chat-history-table .call-history-score.warning { color:#d87500; }
.live-chat-history-table .call-history-score.danger { color:#c83241; }
.live-chat-history-table .call-history-score.neutral { color:#8a96a6; }
.live-chat-history-table .lc-history-view-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid #cbd7e8; border-radius:6px; background:#fff; padding:5px 10px; color:#065fcd; font-weight:700; text-decoration:none; }
.live-chat-history-table .lc-history-view-button:hover { background:#edf4ff; border-color:#065fcd; }

.communication-item.livechat .communication-type-icon { color:var(--lc-accent); background:#f1faf8; border-color:#d2e9e5; }
.communication-item.livechat .communication-row-actions .button-small { color:var(--lc-accent); border-color:#c7e2de; }
.communication-item.livechat .communication-status-pill { color:var(--lc-accent); background:#edf8f5; }

/* The chat toolbar and whisper panel are extra rows in the communication dialog. */
.communication-modal.communication-livechat-mode .payment-modal.communication-dialog { display:flex; flex-direction:column; }
.communication-livechat-mode .communication-dialog > .communication-modal-title,
.communication-livechat-mode .communication-dialog > .lc-agent-toolbar,
.communication-livechat-mode .communication-dialog > .communication-modal-actions { flex:0 0 auto; }
.communication-livechat-mode .communication-dialog > .lc-whisper-panel { flex:0 0 auto; max-height:30vh; overflow:auto; }
.communication-livechat-mode .communication-dialog > .communication-modal-body { flex:1 1 0; height:auto; min-height:0; }
.communication-modal.communication-livechat-mode .payment-modal.communication-dialog .communication-view { min-height:0; }
.lc-agent-toolbar { box-sizing:border-box; min-height:50px; }
.lc-agent-toolbar > span { min-width:0; }
.lc-agent-toolbar > select { box-sizing:border-box; width:auto; min-width:0; max-width:min(345px,100%); margin:0; }
.lc-agent-toolbar > button { flex:0 0 auto; margin:0; }
@media(max-width:560px) { .lc-agent-toolbar > span { flex-basis:100%; } .lc-agent-toolbar > select { flex:1 1 160px; } }

.lc-agent-document-links { display:flex; flex:0 0 100%; align-items:center; gap:8px; flex-wrap:wrap; }
.lc-agent-document-links a { display:inline-flex; align-items:center; padding:5px 10px; border:1px solid #b2d9d6; border-radius:7px; background:#fff; color:var(--lc-accent); font-size:12px; font-weight:600; text-decoration:none; }
.lc-agent-document-links a:hover { background:#f1faf8; }
.lc-agent-document-links a[hidden] { display:none; }
.communication-livechat-mode .communication-chat-frame { scroll-behavior:auto; }

/* Fit the transcript to available space instead of the generic 625px chat minimum. */
.communication-modal.communication-livechat-mode .payment-modal.communication-dialog .modal-body.communication-modal-body { height:auto; flex:1 1 0; min-height:0; }
.communication-modal.communication-livechat-mode .payment-modal.communication-dialog .communication-view { display:flex; flex-direction:column; height:100%; min-height:0; overflow:hidden; }
.communication-modal.communication-livechat-mode .payment-modal.communication-dialog .communication-view > * { flex:0 0 auto; }
.communication-modal.communication-livechat-mode .payment-modal.communication-dialog .communication-view .communication-chat-frame { flex:1 1 0; height:auto; min-height:0; overflow-y:auto; padding-bottom:16px; }
.communication-modal.communication-livechat-mode .payment-modal.communication-dialog .communication-view > .communication-inline-reply:not(.hidden) { flex:0 0 auto; position:relative; transform:none; margin:0; }
.lc-agent-document-links a.lc-new-quote { background:var(--lc-accent); border-color:var(--lc-accent); color:#fff; }
.lc-agent-document-links a.lc-new-quote:hover { background:#00676e; border-color:#00676e; color:#fff; }

/* Staff-only notes share the conversation timeline, with a separate private composer. */
.lc-whisper-panel{padding:10px 16px;background:#fffaf0;color:#735019;border-color:#efe2c4}.lc-whisper-panel summary{font-size:13px}.lc-whisper-hint{display:block;font-size:12px;margin:5px 0 8px;color:#806b46}.lc-whisper-panel form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.lc-whisper-panel textarea{box-sizing:border-box;width:100%;min-width:0;resize:vertical;border:1px solid #e4d5b5;border-radius:8px;padding:10px 12px;font:inherit;font-size:13px;background:#fff;min-height:58px}.lc-whisper-panel button{min-height:40px;padding:9px 14px;font-size:13px;font-weight:700;color:#735019;background:#fff;border:1px solid #e4d5b5;border-radius:8px;white-space:nowrap}.lc-whisper-panel [role=alert]{grid-column:1/-1;font-size:12px}.lc-whisper-panel [role=alert]:empty{display:none}.lc-whisper-row{justify-content:center}.lc-whisper-row .lc-whisper-bubble{background:#fff7e5;border:1px solid #ead8b0;color:#624511;max-width:90%;box-shadow:none}.lc-whisper-caption{display:block;font-size:11px;margin-bottom:6px}.lc-whisper-bubble p{white-space:pre-wrap}@media(max-width:480px){.lc-whisper-panel form{grid-template-columns:1fr}.lc-whisper-panel button{justify-self:end}}

.lc-ai-assessment{max-width:800px;margin:14px auto}.lc-ai-assessment>header{flex-wrap:wrap}.lc-ai-assessment>header>strong{white-space:nowrap}@media(max-width:560px){.lc-ai-assessment .call-ai-scores,.lc-ai-assessment .call-ai-coaching{grid-template-columns:1fr}}