/* Dedicated support surface; the rest of the workspace keeps its existing layout. */
#content[data-view="livechat"] { padding: 12px !important; }
#lcaWorkspace { --support-line:#dfe4e5; --support-ink:#223036; --support-muted:#687579; height:var(--support-height,80dvh); min-height:280px; display:flex; flex-direction:column; color:var(--support-ink); background:#fff; border:1px solid var(--support-line); border-radius:8px; overflow:hidden; }
#lcaWorkspace *, #lcWidget * { box-sizing:border-box; letter-spacing:0; }
#lcaWorkspace [hidden], #lcWidget [hidden] { display:none !important; }
#lcaWorkspace button, #lcaWorkspace input, #lcaWorkspace select, #lcaWorkspace textarea { font-family:inherit; font-size:13px; letter-spacing:0; }
#lcaWorkspace button { cursor:pointer; }
#lcaWorkspace button:disabled { cursor:wait; opacity:.6; }
#lcaWorkspace :focus-visible, #lcWidget :focus-visible { outline:2px solid #237c67; outline-offset:2px; }
#lcaWorkspace .support-top { height:52px; flex:none; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid var(--support-line); }
#lcaWorkspace .support-top > div { display:flex; align-items:center; gap:10px; min-width:0; }
#lcaWorkspace .support-top > div > i { color:#237b67; font-size:23px; }
#lcaWorkspace h2 { font-size:18px; line-height:1.2; margin:0; }
#supportConnection { font-size:11px; color:#237b67; margin-left:8px; }
#supportConnection::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:5px; }
#supportConnection[data-offline="true"] { color:#a1432b; }
#lcaWorkspace .support-icon { display:inline-grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid transparent; border-radius:6px; color:#526469; background:transparent; flex:none; }
#lcaWorkspace .support-icon i { font-size:19px; }
#lcaWorkspace .support-icon:hover { background:#edf3f1; border-color:#dce5e1; }
#lcaWorkspace .support-grid { display:grid; grid-template-columns:290px minmax(0,1fr); flex:1; min-height:0; }
#lcaWorkspace .support-inbox { display:flex; flex-direction:column; min-height:0; border-right:1px solid var(--support-line); background:#fafcfc; }
#lcaWorkspace .support-inbox-tools { padding:12px; border-bottom:1px solid var(--support-line); }
#lcaWorkspace .support-search { display:flex; gap:8px; align-items:center; border:1px solid var(--support-line); background:white; border-radius:6px; padding:0 10px; }
#lcaWorkspace .support-search input { border:0; box-shadow:none; min-width:0; padding:9px 0; background:none; width:100%; }
#lcaWorkspace .support-filter-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:8px; margin:10px 0; }
#lcaWorkspace select { width:100%; min-width:0; height:36px; background:#fff; border:1px solid var(--support-line); padding:6px 24px 6px 9px; border-radius:6px; }
#lcaWorkspace .support-counts { display:flex; gap:8px; }
#lcaWorkspace .support-counts button { display:flex; gap:5px; align-items:center; background:none; padding:3px 0; border:0; color:var(--support-muted); font-size:11px; }
#lcaWorkspace .support-counts strong { font-size:13px; color:var(--support-ink); }
#lcaWorkspace .support-list { overflow-y:auto; min-height:0; flex:1; overscroll-behavior:contain; }
#lcaWorkspace .lca-list-h { position:static; padding:10px 14px; background:none; color:var(--support-muted); border:0; font-size:10px; }
#lcaWorkspace .lca-list-h > span { display:none; }
#lcaWorkspace .lca-row { display:flex; align-items:flex-start; gap:9px; position:relative; padding:14px 12px; width:100%; border:0; border-bottom:1px solid #edf0f0; border-left:3px solid transparent; border-radius:0; background:transparent; text-align:left; min-height:100px; color:var(--support-ink); }
#lcaWorkspace .lca-row:hover { background:#f1f6f4; }
#lcaWorkspace .lca-row.active { background:#eaf4ef !important; border-left-color:#237b67; }
#lcaWorkspace .lca-row.unread:not(.active) { border-left-color:#c2743f; }
#lcaWorkspace .lca-avatar { width:32px; height:32px; min-width:32px; font-size:12px; background:#e8eeeb; color:#365349; border-radius:8px; }
#lcaWorkspace .lca-row-body { flex:1; min-width:0; }
#lcaWorkspace .lca-row-top { gap:6px; }
#lcaWorkspace .lca-row-top strong { font-size:13px; font-weight:650; }
#lcaWorkspace .lca-row-top time { font-size:10px; white-space:nowrap; }
#lcaWorkspace .lca-row-sub { color:#657378; font-size:12px; margin:5px 0 6px; }
#lcaWorkspace .lca-row-meta { display:flex; gap:5px; align-items:center; flex-wrap:wrap; font-size:10px; line-height:1.4; }
#lcaWorkspace .lca-priority.normal, #lcaWorkspace .lca-priority.low { display:none; }
#lcaWorkspace .lcx-reply-flag { font-size:10px; font-weight:600; background:none; color:#a14530; padding:0; }
#lcaWorkspace .lca-row-meta em { margin-left:0; font-size:10px; }
#lcaWorkspace .lca-unread { position:absolute; top:44px; right:10px; background:#28765f; color:white; font-size:10px; min-width:17px; height:17px; }
#lcaWorkspace .support-main { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
#lcaWorkspace .support-empty { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; text-align:center; padding:24px; background:#fbfcfc; }
#lcaWorkspace .support-empty > i { font-size:42px; color:#78978b; }
#lcaWorkspace .support-empty h3 { font-size:18px; margin:0; }
#lcaWorkspace .support-empty > span { font-size:13px; color:var(--support-muted); }
#lcaWorkspace .support-thread-head { display:flex; align-items:center; gap:10px; padding:12px 16px; min-height:70px; border-bottom:1px solid var(--support-line); flex:none; }
#lcaWorkspace .support-avatar { display:grid; place-items:center; width:36px; height:36px; border-radius:8px; background:#e6f0eb; color:#316452; font-weight:650; flex:none; }
#lcaWorkspace .support-person { flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
#lcaWorkspace .support-person button { border:0; padding:0; background:none; text-align:left; font-weight:650; font-size:15px; color:var(--support-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#lcaWorkspace .support-person small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--support-muted); font-size:11px; }
#lcaWorkspace .support-thread-actions { display:flex; align-items:center; gap:4px; }
#lcaWorkspace .support-detail-grid { display:grid; grid-template-columns:minmax(0,1fr); flex:1; min-height:0; position:relative; }
#lcaWorkspace.context-open .support-detail-grid { grid-template-columns:minmax(0,1fr) 285px; }
#lcaWorkspace .support-conversation { display:flex; flex-direction:column; position:relative; min-width:0; min-height:0; background:#f5f7f6; }
#lcaWorkspace .support-thread-tools { display:flex; align-items:center; gap:8px; justify-content:space-between; min-height:42px; padding:4px 18px; background:white; }
#lcaWorkspace .support-response { font-size:11px; color:#387360; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
#lcaWorkspace .support-response.late { color:#a14730; }
#lcaWorkspace .support-response small { color:var(--support-muted); font-size:10px; }
#lcaWorkspace .support-message-search { display:flex; gap:8px; align-items:center; padding:0 18px; background:white; border-bottom:1px solid var(--support-line); }
#lcaWorkspace .support-message-search input { width:100%; min-width:0; border:0; box-shadow:none; background:transparent; padding:8px 0; font-size:12px; }
#lcaWorkspace .support-load { border:0; border-bottom:1px solid var(--support-line); padding:8px; font-size:11px; color:#256b57; background:#f2f7f4; }
#lcaWorkspace .lca-msgs { flex:1; overflow-y:auto; padding:22px; min-height:0; height:auto !important; max-height:none !important; background:transparent !important; overscroll-behavior:contain; }
#lcaWorkspace .lca-msg { max-width:88%; width:fit-content; margin:0 0 18px; }
#lcaWorkspace .lca-msg.staff { margin-left:auto; }
#lcaWorkspace .lca-who { font-size:11px; margin-bottom:5px; color:#67756d; }
#lcaWorkspace .lca-bubble { position:relative; font-size:14px !important; line-height:1.55; padding:11px 36px 11px 14px; border:1px solid #dfe6e2; border-radius:8px !important; background:white !important; color:#23342c !important; box-shadow:0 1px 1px #132e1d04; overflow-wrap:anywhere; }
#lcaWorkspace .staff .lca-bubble { background:#e4f0e8 !important; border-color:#d1e3d7; }
#lcaWorkspace .lcx-msg-copy { position:absolute; right:6px; top:6px; opacity:.4; background:none; color:inherit; width:23px; height:23px; border:0; }
#lcaWorkspace .lcx-msg-copy:hover { opacity:1; }
#lcaWorkspace .lca-sys { font-size:11px; text-align:center; padding:7px 0; color:#78817c; }
#lcaWorkspace .lcx-day { margin:8px 0 20px; text-align:center; font-size:10px; color:#7a8780; }
#lcaWorkspace .lcx-day span { background:transparent; }
#lcaWorkspace .support-compose { display:block; margin:0; flex:none; padding:10px 16px 12px; border:0; border-top:1px solid var(--support-line); background:white; position:relative; }
#lcaWorkspace .support-compose-tools, #lcaWorkspace .support-compose-foot { display:flex; align-items:center; gap:8px; justify-content:space-between; }
#lcaWorkspace .support-compose-tools strong { font-size:11px; font-weight:600; color:#5f7067; }
#lcaWorkspace #lcaText { width:100%; resize:none; border:0; box-shadow:none; border-radius:0; background:white; padding:8px 0; min-height:65px; max-height:130px; line-height:1.5; font-size:14px; }
#lcaWorkspace .support-compose-foot { padding-top:7px; }
#lcaWorkspace #supportDelivery { font-size:10px; color:#40745d; flex:1; }
#lcaWorkspace #supportDelivery[data-status="error"] { color:#a13b2d; }
#lcaWorkspace #lcaCharCount { font-size:10px; color:#76857d; }
#lcaWorkspace #lcaSendBtn { flex:none; min-width:100px; min-height:44px; position:relative; touch-action:manipulation; transform:none !important; background:#246b55 !important; border-color:#246b55 !important; }
/* Keep one stable pointer target while delivery labels or hover states change. */
#lcaWorkspace #lcaSendBtn > * { pointer-events:none; }
#lcaWorkspace .support-replies { position:absolute; bottom:calc(100% - 38px); left:16px; right:16px; max-height:240px; overflow:auto; padding:10px; border:1px solid #cedbd4; background:#fff; border-radius:8px; box-shadow:0 6px 24px #12352419; z-index:3; }
#lcaWorkspace .support-replies input { width:100%; padding:9px; border:1px solid #dfe5e1; border-radius:5px; }
#lcaWorkspace .support-replies > div { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-top:7px; }
#lcaWorkspace .support-replies button { border:0; text-align:left; padding:9px; background:#f4f7f5; color:#2a4839; border-radius:4px; }
#lcaWorkspace .support-new { position:absolute; bottom:205px; left:50%; transform:translateX(-50%); background:#246b55; color:#fff; border:0; border-radius:6px; padding:8px 12px; box-shadow:0 2px 9px #12352422; white-space:nowrap; }
#lcaWorkspace .support-closed { display:flex; align-items:center; gap:12px; padding:18px; border-top:1px solid var(--support-line); background:white; }
#lcaWorkspace .support-closed > div { flex:1; display:flex; flex-direction:column; gap:5px; font-size:12px; overflow-wrap:anywhere; }
#lcaWorkspace .support-context { display:none !important; width:auto !important; max-width:100%; min-width:0; min-height:0; padding:0 !important; background:#fff !important; border:0; border-left:1px solid var(--support-line); overflow:hidden; }
#lcaWorkspace.context-open .support-context { display:flex !important; flex-direction:column; }
#lcaWorkspace .support-context-heading { display:flex; align-items:center; justify-content:space-between; padding:9px 12px; font-size:12px; }
#lcaWorkspace .support-tabs { display:flex; border-bottom:1px solid var(--support-line); padding:0 8px; }
#lcaWorkspace .support-tabs button { padding:10px 7px; flex:1; border:0; border-bottom:2px solid transparent; border-radius:0; font-size:11px; color:#687a70; background:none; white-space:nowrap; }
#lcaWorkspace .support-tabs button[aria-selected="true"] { color:#22654d; border-bottom-color:#287457; font-weight:650; }
#lcaWorkspace .support-context-body { overflow-y:auto; padding:14px; flex:1; min-height:0; }
#lcaWorkspace .support-context-body section { border:0; padding:0; margin:0; background:none; box-shadow:none; }
#lcaWorkspace .support-contact { display:flex; flex-direction:column; gap:6px; font-size:12px; margin-bottom:20px; overflow-wrap:anywhere; }
#lcaWorkspace .support-contact > span { font-size:11px; color:#6c7970; }
#lcaWorkspace .support-contact > div { display:flex; gap:8px; margin-top:7px; }
#lcaWorkspace .support-contact a, #lcaWorkspace .support-contact button { display:inline-flex; align-items:center; gap:4px; font-size:11px; color:#37745a; background:none; border:0; padding:4px 0; text-decoration:none; }
#lcaWorkspace .support-context label { display:flex; flex-direction:column; gap:7px; margin-bottom:15px; font-size:11px; color:#617268; }
#lcaWorkspace .support-context input, #lcaWorkspace .support-context textarea { width:100%; min-width:0; border:1px solid var(--support-line); border-radius:5px; padding:9px; background:white; font-size:12px; box-shadow:none; }
#lcaWorkspace #lcaInternalNote { background:#fffaf0; border-color:#e9dfbd; resize:vertical; }
#lcaWorkspace .support-linked-list { margin-top:12px; }
#lcaWorkspace .lcx-ticket-row, #lcaWorkspace .lcx-history-row { display:flex; flex-wrap:wrap; gap:7px; width:100%; border:0; border-bottom:1px solid var(--support-line); background:none; padding:13px 0; border-radius:0; text-align:left; }
#lcaWorkspace .lcx-ticket-row > span, #lcaWorkspace .lcx-history-row > span { flex:1; min-width:0; }
#lcaWorkspace .lcx-ticket-row strong, #lcaWorkspace .lcx-history-row strong { font-size:12px; white-space:normal; overflow-wrap:anywhere; }
#lcaWorkspace .lcx-ticket-row small, #lcaWorkspace .lcx-history-row small { display:block; font-size:11px; line-height:1.5; white-space:normal; }
#lcaWorkspace .lcx-ticket-row b, #lcaWorkspace .lcx-history-row b { font-size:10px; font-weight:500; }
#lcaWorkspace .support-back { display:none; }
/* Reserve the launcher row so the messenger never covers the send action. */
#lcaWorkspace { height:calc(var(--support-height,80dvh) - 64px); }
@media(max-width:1450px) { #lcaWorkspace .support-grid {grid-template-columns:265px minmax(0,1fr)} #lcaWorkspace.context-open .support-detail-grid {grid-template-columns:minmax(0,1fr) 260px} }
@media(max-width:1190px) {
  #lcaWorkspace.context-open .support-detail-grid {grid-template-columns:minmax(0,1fr)}
  #lcaWorkspace.context-open .support-context {position:absolute;inset:0 0 0 auto;width:300px !important;max-width:100%;z-index:5;box-shadow:-12px 0 30px #22352a14}
  #lcaWorkspace .support-thread-head {padding:10px}
}
@media(max-width:760px) {
  #content[data-view="livechat"] {padding:4px !important}
  #lcaWorkspace {border-radius:5px}
  #lcaWorkspace .support-top {height:43px;padding:0 10px}
  #lcaWorkspace h2 {font-size:16px}
  #supportConnection {font-size:10px;margin-left:0}
  #lcaWorkspace .support-grid {display:flex}
  #lcaWorkspace .support-inbox {width:100%;border:0}
  #lcaWorkspace .support-main {display:none;width:100%}
  #lcaWorkspace.chat-open .support-inbox {display:none}
  #lcaWorkspace.chat-open .support-main {display:flex}
  #lcaWorkspace .support-back {display:inline-grid}
  #lcaWorkspace .support-thread-head {gap:6px;min-height:60px;padding:7px}
  #lcaWorkspace .support-avatar {display:none}
  #lcaWorkspace .support-person button {font-size:13px}
  #lcaWorkspace .support-thread-actions {gap:0}
  #lcaWorkspace .support-thread-actions .btn {padding:6px;font-size:11px}
  #lcaWorkspace .support-thread-tools {padding:2px 10px}
  #lcaWorkspace .support-response small {display:none}
  #lcaWorkspace .support-message-search {padding:0 12px}
  #lcaWorkspace .lca-msgs {padding:14px 12px}
  #lcaWorkspace .lca-msg {max-width:93%}
  #lcaWorkspace .lca-bubble {font-size:14px !important}
  #lcaWorkspace .support-compose {padding:5px 12px 10px}
  #lcaWorkspace #lcaText {min-height:50px;max-height:90px;font-size:16px}
  #lcaWorkspace .support-compose-tools {height:27px}
  #lcaWorkspace .support-compose-foot {gap:6px}
  #lcaWorkspace #supportDelivery {font-size:10px;max-width:150px}
  #lcaWorkspace #lcaSendBtn {min-width:86px;font-size:12px;padding:8px}
  #lcaWorkspace .support-replies {left:10px;right:10px}
  #lcaWorkspace .support-new {bottom:165px}
}
/* Customer support: a quiet inbox with a separate conversation/history navigation. */
#lcWidget .fa-headset {--fa:"\f590"}
#lcWidget .fa-paper-plane {--fa:"\f1d8"}
#lcWidget .fa-minus {--fa:"\f068"}
#lcWidget .fa-clock-rotate-left {--fa:"\f1da"}
#lcWidget .fa-arrow-left {--fa:"\f060"}
#lcWidget .fa-check {--fa:"\f00c"}
#lcWidget .fa-circle-check {--fa:"\f058"}
#lcWidget .fa-box {--fa:"\f466"}
#lcWidget .fa-circle-notch {--fa:"\f1ce"}
#lcWidget .fa-comments {--fa:"\f086"}
#lcWidget .lc-panel { width:430px !important; max-width:calc(100vw - 32px); height:min(720px,calc(100dvh - 110px)) !important; max-height:none !important; border:1px solid #dce5df !important; border-radius:8px !important; background:#fff !important; box-shadow:0 12px 55px #173b2926 !important; overflow:hidden; display:flex; flex-direction:column; }
#lcWidget .lc-head {background:#fff !important;color:#233c2e !important;border-bottom:1px solid #e1e7e3; padding:15px 16px !important; min-height:75px; }
#lcWidget .lc-head-txt strong {font-size:16px !important;color:#243d30 !important}
#lcWidget .lc-head-txt small {font-size:11px !important;color:#6b7e70 !important}
#lcWidget .lc-brand {background:#e6f1e9 !important;color:#276947 !important;border-radius:8px !important;width:38px;height:38px}
#lcWidget .lc-x {color:#5c7464 !important;background:transparent !important}
#lcWidget .lc-nav {display:flex;background:#fff;border-bottom:1px solid #e1e7e3;gap:4px;padding:0 14px;flex:none}
#lcWidget .lc-nav button {flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:11px 8px;font:600 12px inherit;color:#738075;border-radius:0}
#lcWidget .lc-nav button[aria-pressed="true"] {color:#25694b;border-bottom-color:#25694b}
#lcWidget .lc-connection {padding:6px 16px;background:#f0f6f2;color:#49735a;font-size:10px;display:flex;align-items:center;justify-content:space-between;flex:none}
#lcWidget .lc-connection[data-offline="true"] {background:#fff4e6;color:#905731}
#lcWidget .lc-msgs {flex:1;min-height:0;background:#f7f9f7 !important;padding:18px 16px !important;overflow-y:auto;overscroll-behavior:contain;max-height:none !important}
#lcWidget .lc-msg {max-width:90%;margin-bottom:16px}
#lcWidget .lc-bubble {font-size:14px !important;line-height:1.55;border-radius:8px !important;background:#fff !important;color:#293e30 !important;border:1px solid #dee8e0;overflow-wrap:anywhere;box-shadow:none !important}
#lcWidget .lc-msg.me .lc-bubble {background:#e1efe4 !important;border-color:#cee3d3 !important}
#lcWidget .lc-who {font-size:11px;color:#5e7b66}
#lcWidget .lc-compose {flex:none;background:white !important;border-top:1px solid #dfe7e1;padding:10px 14px 12px !important}
#lcWidget .lc-input {background:#f8faf8 !important;border:1px solid #dce7df !important;border-radius:7px !important;padding:6px !important;display:flex;align-items:flex-end}
#lcWidget #lcText {font-size:14px !important;background:none !important;color:#243e2e !important;padding:8px !important;min-height:62px;max-height:115px;line-height:1.5}
#lcWidget .lc-send {background:#286b4c !important;color:white !important;border-radius:6px !important;width:36px;height:36px;flex:none;box-shadow:none !important}
#lcWidget .lc-compose-foot {color:#768579;font-size:10px;margin-top:8px;gap:8px;display:flex;align-items:center}
#lcWidget .lc-compose-foot button {font-size:10px;color:#5f7566 !important}
#lcWidget #lcDelivery {font-size:10px;color:#316b48;display:block;padding:5px 0}
#lcWidget #lcDelivery[data-status="error"] {color:#a7442c}
#lcWidget .lc-topics {display:grid !important;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 10px !important}
#lcWidget .lc-topics[hidden] {display:none !important}
#lcWidget .lc-topics button {text-align:left;white-space:normal;font-size:11px;padding:9px;background:#f4f8f5;border:1px solid #e0e9e2;border-radius:5px;color:#386345}
#lcWidget .lc-intro {display:block;text-align:left;border:0;background:none;padding:4px 0}
#lcWidget .lc-intro-icon {display:none}
#lcWidget .lc-intro strong {font-size:21px;color:#264d36}
#lcWidget .lc-intro p {font-size:13px;line-height:1.65;color:#687c6d}
#lcWidget .lc-intro small {display:none}
#lcWidget .lc-history-row {border:0;border-bottom:1px solid #dce6df;border-radius:0;background:none;padding:15px 0}
#lcWidget .lc-history-top {gap:10px;align-items:flex-start}
#lcWidget .lc-history-top b {font-size:13px;white-space:normal;overflow-wrap:anywhere}
#lcWidget .lc-history-top em {font-size:10px;border-radius:4px}
#lcWidget .lc-history-preview {font-size:12px;margin:6px 0}
#lcWidget .lc-history-meta {font-size:10px;flex-wrap:wrap}
#lcWidget .lc-fab {background:#286b4c !important;border-radius:16px !important;width:54px;height:54px;box-shadow:0 3px 16px #234e3222 !important}
#lcWidget .lc-older, #lcWidget .lc-new {border:0;padding:7px 10px;font-size:11px;background:#e4f0e6;color:#316b48;border-radius:5px;flex:none}
@media(max-width:600px) {
  #lcWidget.open {position:fixed !important;inset:0 !important;z-index:11000 !important}
  #lcWidget .lc-panel {position:fixed !important;inset:0 !important;width:100% !important;max-width:none !important;height:var(--lc-viewport,100dvh) !important;border:0 !important;border-radius:0 !important;padding-top:env(safe-area-inset-top,0px)}
  #lcWidget.open .lc-fab {display:none !important}
  #lcWidget .lc-compose {padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important}
  #lcWidget #lcText {font-size:16px !important}
  #lcWidget .lc-head {min-height:65px;padding:12px 14px !important}
}