/* Yönetici: aynı panel diliyle canlı görüşme gelen kutusu. */
#chatbot-panel > .live-open-link { background:#234159; border-color:#5785a8; margin:0 0 20px; }
.sidebar [data-panel=livechat] { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.live-badge { background:#e7433a; color:#060a10; border-radius:4px; padding:2px 7px; font-size:14px; }
.live-badge:empty { display:none; }
.live-controls { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 12px; }
#editor .workspace .live-presence { margin:0 auto 0 0; font-weight:600; color:#aab6bc; }
#editor .workspace .live-presence[data-online=true] { color:#9ee5bf; }
.live-controls button { background:#234159; border-color:#5785a8; min-height:44px; }
.live-controls button[aria-pressed=true] { background:#254d3b; border-color:#5c9b78; }
.live-presence::before,.visitor-live-banner p::before,.live-status-launch::before { content:''; display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:8px; background:#87929c; flex:none; }
.live-presence[data-online=true]::before,.visitor-live-banner[data-online=true] p::before,.live-status-launch[data-online=true]::before { background:#65e3a1; box-shadow:0 0 0 3px #65e3a11f,0 0 10px #65e3a170; }
.live-status-launch::before { position:absolute; top:7px; left:7px; margin:0; }
.live-archive { margin-bottom:16px; padding:12px 16px; background:#14212c; border:1px solid #365568; border-radius:4px; }
.live-archive summary { cursor:pointer; font-weight:600; }
.live-archive .live-record-tools { margin-top:12px; }
.live-record-tools { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:12px; }
#editor .workspace .live-record-tools button { padding:8px 12px; min-height:40px; font-size:14px; }
.live-record-tools span { font-size:13px; color:#c3d2dc; }
#editor .workspace .live-record-tools .live-delete { color:#ffb5ae; border-color:#8f514e; }
.live-thread-row { display:grid; grid-template-columns:24px minmax(0,1fr); gap:8px; align-items:center; }
.live-thread-row input,.live-message-head input { width:20px; height:20px; margin:0; accent-color:#65e3a1; }
.live-message-head { display:flex; align-items:center; gap:8px; }
.live-message.system { background:#202b35; border-style:dashed; }
#editor .workspace .live-day,#chat-panel .live-day { align-self:center; margin:0; color:#b6c5cf; font-size:12px; line-height:1.5; }
#editor .workspace .live-summary { font-size:14px; color:#cbe4f7; margin:0 0 16px; }
.live-inbox-layout { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr); gap:20px; align-items:start; }
.live-inbox-tools { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.5fr); gap:16px; margin:0 0 16px; }
.live-inbox-tools label { margin:0; min-width:0; }
.live-inbox-tools input,.live-inbox-tools select { display:block; width:100%; min-height:44px; margin-top:6px; padding:10px 12px; color:#f4f7f8; background:#111f2a; border:1px solid #526d81; border-radius:4px; }
.live-thread-list { display:grid; gap:8px; max-height:650px; overflow:auto; min-width:0; }
.live-thread-choice { display:grid; gap:6px; padding:16px; text-align:left; min-width:0; border-color:#3a5060; }
.live-thread-choice[aria-current=true] { background:#213746; border-left:3px solid #e7433a; }
.live-thread-choice strong { font-size:16px; font-weight:600; }
.live-thread-choice span,.live-thread-choice small { color:#aab6bc; font-size:14px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
.live-thread { background:#101820; border:1px solid #365568; border-top:3px solid #6b9abb; padding:20px; min-width:0; }
#editor .workspace .live-thread h2 { margin:0 0 8px; }
#editor .workspace .live-thread > .input-help { margin:0 0 16px; }
.live-thread-log { display:flex; flex-direction:column; gap:12px; min-height:200px; max-height:420px; overflow:auto; padding:12px; background:#0a121a; border:1px solid #26323a; }
.live-message { align-self:flex-start; max-width:90%; padding:12px 16px; background:#24313d; border:1px solid #3d5060; border-radius:4px; overflow-wrap:anywhere; }
.live-message.team { align-self:flex-end; background:#19372d; border-color:#3d6a53; }
.live-message strong { font-size:14px; font-weight:600; color:#cbe4f7; }
#editor .workspace .live-message p { margin:6px 0; white-space:pre-wrap; color:#f4f7f8; }
.live-message time { font-size:13px; color:#aab6bc; font-variant-numeric:tabular-nums; }
.live-compose { display:grid; grid-template-columns:1fr auto; gap:12px; margin-top:16px; }
.live-compose label,.live-compose .live-error { grid-column:1/-1; margin:0; }
.live-compose .live-compose-help { grid-column:1/-1; margin:0; }
.live-compose textarea { margin-top:6px; }
.live-compose button[type=submit] { background:#254d3b; border-color:#5c9b78; }
.live-close { color:#ffd28d; border-color:#9c7c4a; }
#editor .workspace .live-error { color:#ffaaa4; font-size:14px; }
/* Ziyaretçi: bot ile ekip görüşmesini açıkça ayıran, erişilebilir sohbet kutusu. */
#chat-panel {
  width:min(420px,calc(100vw - 32px));
  height:min(640px,calc(100dvh - 210px));
  font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  letter-spacing:normal;
  font-kerning:normal;
}
#chat-panel [hidden] { display:none!important; }
#chat-panel .chat-head strong { font-size:16px; font-weight:600; letter-spacing:normal; }
#chat-panel .chat-head span { font-size:14px; line-height:1.5; }
#chat-panel .chat-head button { width:44px; height:44px; min-width:44px; min-height:44px; }
.visitor-live-banner { padding:12px 16px; display:flex; align-items:center; gap:12px; border-bottom:1px solid #365568; background:#14212c; flex:none; }
#chat-panel .visitor-live-banner p { margin:0; font-size:14px; line-height:1.5; color:#c3d2dc; flex:1; }
#chat-panel .visitor-live-banner[data-online=true] p { color:#9ee5bf; }
#chat-panel .visitor-live-banner button { min-height:44px; max-width:160px; padding:8px 12px; background:#254d3b; border:1px solid #5c9b78; color:#edfff3; font:600 14px/1.4 'Segoe UI',sans-serif; border-radius:4px; cursor:pointer; }
#chat-panel button:disabled { opacity:.6; cursor:not-allowed; }
#chat-panel button:focus-visible,#chat-panel input:focus-visible,#chat-panel textarea:focus-visible,#chat-panel a:focus-visible { outline:2px solid #f4f7f8; outline-offset:2px; }
#chat-panel .visitor-bot-back { min-height:44px; text-align:left; padding:8px 16px; background:#172a35; color:#cbe4f7; border:0; font:400 14px/1.5 'Segoe UI',sans-serif; cursor:pointer; flex:none; }
#chat-panel .chat-messages { flex:1; min-height:80px; overflow:auto; padding:16px; }
#chat-panel .bubble { font-size:16px; line-height:1.55; border-radius:4px; overflow-wrap:anywhere; flex:none; }
#chat-panel .bubble.team { align-self:flex-start; background:#19372d; color:#f4f7f8; border:1px solid #3d6a53; }
#chat-panel .bubble strong { display:block; font-size:14px; line-height:1.5; font-weight:600; }
#chat-panel .bubble p { margin:6px 0; font-size:16px; line-height:1.55; color:inherit; white-space:pre-wrap; }
#chat-panel .bubble time { display:block; font-size:13px; line-height:1.5; opacity:.85; font-variant-numeric:tabular-nums; }
#chat-panel #chat-form { flex:none; padding:12px 16px; gap:8px; }
#chat-panel #chat-form input { font-size:16px; min-height:44px; padding:10px 12px; }
#chat-panel #chat-form button { min-width:44px; min-height:44px; }
#chat-panel .quick-replies { flex:none; flex-wrap:wrap; gap:6px; padding:8px 16px; }
#chat-panel .quick-replies button { min-height:44px; font-size:14px; }
#chat-panel .chat-whatsapp { flex:none; font-size:14px; line-height:1.5; padding:10px 16px; }
#chat-panel .visitor-live-start { display:grid; gap:12px; padding:16px; overflow:auto; min-height:0; flex:1; }
#chat-panel .visitor-live-start label { display:grid; gap:6px; font-size:14px; font-weight:600; line-height:1.5; }
#chat-panel .visitor-live-start input:not([type=checkbox]),#chat-panel .visitor-live-start textarea { width:100%; min-width:0; min-height:44px; padding:10px 12px; font:400 16px/1.5 'Segoe UI',sans-serif; background:#0e1821; border:1px solid #526d81; border-radius:4px; color:#f4f7f8; box-sizing:border-box; }
#chat-panel .visitor-live-start textarea { resize:vertical; min-height:96px; }
#chat-panel .visitor-live-start .visitor-chat-consent { display:grid; grid-template-columns:24px minmax(0,1fr); font-weight:400; align-items:start; }
#chat-panel .visitor-chat-consent input { width:20px; height:20px; flex:none; margin:2px 0; accent-color:#9ee5bf; }
#chat-panel .visitor-chat-consent a { text-decoration:underline; color:#cbe4f7; }
#chat-panel .visitor-direct-consent { display:grid; grid-template-columns:24px minmax(0,1fr); gap:6px; padding:8px 16px; font-size:12px; line-height:1.45; flex:none; background:#14212c; }
#chat-panel .visitor-chat-completion { flex:none; margin:0; padding:10px 16px; background:#19372d; color:#9ee5bf; font-size:13px; line-height:1.5; }
#chat-panel .visitor-live-start button { width:100%; min-height:44px; padding:10px 12px; font:600 15px/1.4 'Segoe UI',sans-serif; background:#254d3b; border:1px solid #5c9b78; border-radius:4px; color:#edfff3; cursor:pointer; }
#chat-panel .visitor-chat-error { flex:none; margin:0; padding:8px 16px; font-size:14px; line-height:1.5; color:#ffaaa4; background:#2c171b; }
#chat-launch .live-unread-indicator { display:block; font-size:12px; padding:2px 4px; background:#e7433a; color:#060a10; border-radius:2px; position:absolute; right:4px; top:2px; }
#chat-launch .live-unread-indicator[hidden] { display:none; }
@media(max-width:1100px) { .live-inbox-layout { grid-template-columns:minmax(0,1fr); } .live-thread-list { max-height:280px; } }
@media(max-width:600px) {
  .live-controls { align-items:stretch; }
  #editor .workspace .live-presence { flex-basis:100%; }
  .live-controls button { flex:1 1 140px; }
  .live-thread { padding:16px; }
  .live-compose { grid-template-columns:minmax(0,1fr); }
  .live-inbox-tools { grid-template-columns:minmax(0,1fr); }
  .live-compose label,.live-compose .live-error { grid-column:1; }
  #chat-panel { right:16px; bottom:70px; height:min(660px,calc(100dvh - 100px)); }
  .visitor-live-banner { flex-wrap:wrap; gap:8px; }
  #chat-panel .visitor-live-banner button { max-width:none; }
}

/* AREX sohbeti: kompakt, okunaklı ve sitenin koyu atölye paletiyle uyumlu. */
#chat-panel {
  width:min(392px,calc(100vw - 28px));
  height:min(508px,calc(100dvh - 96px));
  background:#101b25;
  color:#f3f7f8;
  border:1px solid #3b5260;
  border-radius:14px;
  box-shadow:0 18px 52px #02070bc9,0 0 0 1px #ffffff08;
  font-family:Inter,'Segoe UI',Arial,sans-serif;
  font-size:13px;
}
#chat-panel .chat-head { min-height:69px; padding:13px 16px; background:#192a35; border-bottom:1px solid #354b57; gap:10px; }
#chat-panel .chat-head strong { font-size:15px; line-height:1.25; font-weight:750; letter-spacing:-.01em; }
#chat-panel .chat-head span { display:block; margin-top:3px; color:#a8bac3; font-size:11px; line-height:1.3; }
#chat-panel .chat-head button { width:36px; height:36px; min-width:36px; min-height:36px; border:1px solid #526a75; border-radius:50%; background:transparent; font-size:20px; line-height:1; }
#chat-panel .chat-head button:hover { background:#ffffff12; }
#chat-panel .visitor-live-banner { min-height:53px; padding:8px 16px; gap:8px; background:#14222d; border-bottom:1px solid #30434d; }
#chat-panel .visitor-live-banner p { font-size:11px; line-height:1.35; color:#b9c7cd; }
#chat-panel .visitor-live-banner p::before { width:7px; height:7px; margin-right:6px; }
#chat-panel .visitor-live-banner button { min-height:34px; max-width:132px; padding:6px 10px; background:#22392f; border-color:#4b7560; border-radius:6px; color:#d9f0e2; font:650 11px/1.25 Inter,'Segoe UI',sans-serif; }
#chat-panel .visitor-bot-back { min-height:36px; padding:6px 16px; background:#172934; border-bottom:1px solid #2d4551; color:#b9d6e3; font-size:11px; }
#chat-panel .chat-messages { padding:18px 16px 12px; gap:9px; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:#526b78 transparent; }
#chat-panel .bubble { max-width:86%; padding:10px 12px; border-radius:12px; font-size:13px; line-height:1.48; border:1px solid transparent; box-shadow:none; }
#chat-panel .bubble.bot { background:#22333f; border-color:#324a57; color:#edf4f7; border-bottom-left-radius:4px; }
#chat-panel .bubble.user { background:#bd3e37; border-color:#e46156; color:#fff; border-bottom-right-radius:4px; }
#chat-panel .bubble.team { background:#213a33; border-color:#486e5d; color:#ecfaf0; border-bottom-left-radius:4px; }
#chat-panel .bubble strong { font-size:11px; line-height:1.25; font-weight:750; opacity:.88; }
#chat-panel .bubble p { margin:4px 0 3px; font-size:13px; line-height:1.48; }
#chat-panel .bubble time { margin-top:3px; font-size:10px; line-height:1.2; color:#b6c7cd; opacity:1; text-align:right; }
#chat-panel .bubble.user time { color:#ffe0dc; }
#chat-panel .live-day { color:#8fa5b0; font-size:10px; }
#chat-panel .quick-replies { gap:6px; padding:8px 16px 10px; border-top:1px solid #273c47; }
#chat-panel .quick-replies button { min-height:34px; padding:6px 10px; background:#1b2d38; border:1px solid #49606b; border-radius:18px; color:#d6e4e9; font-size:11px; line-height:1.25; }
#chat-panel .quick-replies button:hover { background:#29424f; border-color:#7995a3; }
#chat-panel #chat-form { padding:10px 12px 12px; gap:7px; background:#14212b; border-top:1px solid #2d414d; }
#chat-panel #chat-form input { min-height:42px; padding:9px 12px; background:#0d1921; border:1px solid #4a6370; border-radius:8px; color:#fff; font-size:13px; caret-color:#ff766b; }
#chat-panel #chat-form input:focus { outline:2px solid #f27166; outline-offset:1px; }
#chat-panel #chat-form button { width:42px; min-width:42px; min-height:42px; border:0; border-radius:8px; background:#df4d42; color:#fff; font-size:21px; }
#chat-panel #chat-form button:hover { background:#f05b50; }
#chat-panel .chat-whatsapp { padding:10px 14px; background:#1a312c; border-top:1px solid #36584b; color:#c8e9d5; font-size:11px; line-height:1.3; font-weight:700; }
#chat-panel .visitor-live-start { padding:14px 16px; gap:11px; }
#chat-panel .visitor-live-start label { font-size:12px; }
#chat-panel .visitor-live-start input:not([type=checkbox]),#chat-panel .visitor-live-start textarea { border-radius:8px; font-size:13px; caret-color:#ff766b; }
#chat-panel .visitor-live-start button { border-radius:8px; background:#bd3e37; border-color:#e46156; }
#chat-panel .visitor-direct-consent { padding:8px 14px; background:#14212b; font-size:11px; }
#chat-panel .visitor-chat-completion,#chat-panel .visitor-chat-error { font-size:11px; }
.chat-typing { display:flex; align-items:center; gap:7px; margin:0; color:#a9c5cf; font-size:11px; line-height:1.3; }
.chat-typing[hidden] { display:none!important; }
.chat-typing::before { content:''; width:6px; height:6px; flex:none; border-radius:50%; background:#e65b51; box-shadow:0 0 0 3px #e65b5125; animation:chatTypingPulse 1.15s ease-in-out infinite; }
#chat-panel .visitor-chat-typing { flex:none; padding:5px 16px 8px; background:#101b25; }
#editor .workspace .admin-chat-typing { padding:8px 12px 4px; }
#editor .workspace .live-message time { font-size:10px; line-height:1.2; }
#editor .workspace .live-thread-choice small { font-size:11px; }
@keyframes chatTypingPulse { 50% { opacity:.45; transform:scale(.72); } }
@media(max-width:600px) {
  #chat-panel { right:12px; bottom:68px; height:min(508px,calc(100dvh - 84px)); }
  #chat-panel .visitor-live-banner { flex-wrap:nowrap; }
  #chat-panel .visitor-live-banner button { max-width:120px; }
}
@media(prefers-reduced-motion:reduce) {
  #chat-panel .chat-messages { scroll-behavior:auto; }
  .chat-typing::before { animation:none; }
}

/* Yönetici gelen kutusu: görüşme ve yanıt odaklı, atölye arayüzü. */
#editor .workspace #live-chat-panel {
  --inbox-surface:#13222d;
  --inbox-raised:#1b303d;
  --inbox-line:#354e5c;
  --inbox-muted:#a9bcc6;
  min-width:0;
  font-family:Inter,'Segoe UI',Arial,sans-serif;
}
#editor .workspace #live-chat-panel button { min-height:38px; padding:8px 12px; font-size:12px; line-height:1.3; border-radius:7px; }
#editor .workspace #live-chat-panel button:focus-visible,
#editor .workspace #live-chat-panel summary:focus-visible,
#editor .workspace #live-chat-panel input:focus-visible,
#editor .workspace #live-chat-panel textarea:focus-visible,
#editor .workspace #live-chat-panel select:focus-visible { outline:2px solid #f5b3ad; outline-offset:2px; }
#editor .workspace #live-chat-panel .live-controls {
  display:flex; flex-wrap:wrap; align-items:center; gap:7px;
  margin:0 0 8px; padding:10px 12px;
  background:var(--inbox-surface); border:1px solid var(--inbox-line); border-radius:9px;
}
#editor .workspace #live-chat-panel .live-presence { margin:0 auto 0 0; font-size:13px; line-height:1.35; }
#editor .workspace #live-chat-panel .live-controls button { min-height:36px; background:#20394a; border-color:#4b6a7b; }
#editor .workspace #live-chat-panel .live-controls button[aria-pressed=true] { background:#244737; border-color:#5d9674; }
#editor .workspace #live-chat-panel > .input-help { margin:0 0 10px; color:var(--inbox-muted); font-size:12px; line-height:1.45; }
#editor .workspace #live-chat-panel .live-summary { margin:0 0 10px; color:#d2e4ed; font-size:12px; line-height:1.4; }
#editor .workspace #live-chat-panel .live-archive { margin:0 0 12px; padding:0 12px; border:1px solid var(--inbox-line); border-radius:8px; background:var(--inbox-surface); }
#editor .workspace #live-chat-panel .live-archive > summary { min-height:38px; align-content:center; color:#c6d9e4; font-size:12px; }
#editor .workspace #live-chat-panel .live-archive[open] { padding-bottom:10px; }
#editor .workspace #live-chat-panel .live-archive .live-record-tools { margin:4px 0 8px; }
#editor .workspace #live-chat-panel .live-archive .input-help { margin:4px 0 0; font-size:11px; }
#editor .workspace #live-chat-panel .live-inbox-tools { grid-template-columns:minmax(0,1fr) minmax(190px,.35fr); gap:12px; margin:0 0 12px; }
#editor .workspace #live-chat-panel .live-inbox-tools label { margin:0; color:#d7e5ea; font-size:12px; }
#editor .workspace #live-chat-panel .live-inbox-tools input,
#editor .workspace #live-chat-panel .live-inbox-tools select { min-height:40px; margin-top:5px; padding:8px 11px; border:1px solid var(--inbox-line); border-radius:7px; background:#101d27; color:#eef5f7; font-size:13px; }
#editor .workspace #live-chat-panel .live-inbox-layout { grid-template-columns:minmax(230px,290px) minmax(0,1fr); gap:12px; align-items:stretch; }
#editor .workspace #live-chat-panel .live-thread-list { align-content:start; gap:4px; max-height:620px; min-height:480px; padding:7px; overflow:auto; border:1px solid var(--inbox-line); border-radius:9px; background:#101c26; scrollbar-width:thin; }
#editor .workspace #live-chat-panel .live-thread-list > p { margin:10px; color:var(--inbox-muted); font-size:12px; }
#editor .workspace #live-chat-panel .live-thread-row { grid-template-columns:20px minmax(0,1fr); gap:6px; align-items:center; }
#editor .workspace #live-chat-panel .live-thread-row input { width:16px; height:16px; min-height:16px; margin:0 0 0 2px; padding:0; accent-color:#e65b51; }
#editor .workspace #live-chat-panel .live-thread-choice { width:100%; min-height:78px; gap:3px; padding:9px 11px; border:1px solid transparent; border-radius:7px; background:transparent; text-align:left; }
#editor .workspace #live-chat-panel .live-thread-choice:hover { background:#1d303b; border-color:#385666; }
#editor .workspace #live-chat-panel .live-thread-choice[aria-current=true] { background:#213947; border:1px solid #607e8e; box-shadow:inset 3px 0 #e65b51; }
#editor .workspace #live-chat-panel .live-thread-choice strong { color:#f1f6f8; font-size:13px; font-weight:700; line-height:1.25; }
#editor .workspace #live-chat-panel .live-thread-choice span { color:#b6c8d0; font-size:12px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#editor .workspace #live-chat-panel .live-thread-choice small { color:#90a9b5; font-size:10px; line-height:1.3; }
#editor .workspace #live-chat-panel .live-thread-choice[data-unread=true] strong::after { content:''; display:inline-block; width:6px; height:6px; margin:0 0 2px 7px; border-radius:50%; background:#ec6257; }
#editor .workspace #live-chat-panel .live-thread-choice[data-unread=true] small { color:#ffc4bd; }
#editor .workspace #live-chat-panel .live-thread { display:flex; flex-direction:column; min-width:0; padding:0; overflow:hidden; border:1px solid var(--inbox-line); border-radius:9px; background:#121e28; }
#editor .workspace #live-chat-panel .live-thread > h2 { margin:0; padding:13px 16px 1px; color:#f1f6f8; font-size:17px; line-height:1.3; font-weight:700; }
#editor .workspace #live-chat-panel .live-thread > .input-help { margin:0; padding:0 16px 11px; color:var(--inbox-muted); font-size:11px; line-height:1.4; }
#editor .workspace #live-chat-panel .live-thread-log { flex:1; min-height:250px; max-height:380px; gap:9px; margin:0; padding:15px 16px; overflow:auto; border:0; border-top:1px solid #293e49; border-bottom:1px solid #293e49; background:#0b161e; scrollbar-width:thin; scrollbar-color:#4e6977 transparent; }
#editor .workspace #live-chat-panel .live-day { margin:4px 0; padding:3px 9px; border-radius:12px; background:#192d38; color:#a5bac4; font-size:10px; }
#editor .workspace #live-chat-panel .live-message { max-width:min(80%,440px); padding:8px 11px; border:1px solid #385363; border-radius:12px 12px 12px 4px; background:#243644; }
#editor .workspace #live-chat-panel .live-message.team { border-color:#476e5c; border-radius:12px 12px 4px 12px; background:#203a31; }
#editor .workspace #live-chat-panel .live-message.system { border-color:#3d505c; border-style:dashed; background:#1c2b35; }
#editor .workspace #live-chat-panel .live-message-head { gap:6px; }
#editor .workspace #live-chat-panel .live-message-head input { display:none; width:15px; height:15px; min-height:15px; margin:0; padding:0; accent-color:#e65b51; }
#editor .workspace #live-chat-panel .live-thread.is-selecting .live-message-head input { display:block; }
#editor .workspace #live-chat-panel .live-message strong { color:#cfdfeb; font-size:10px; line-height:1.25; }
#editor .workspace #live-chat-panel .live-message p { margin:4px 0 3px; color:#f1f6f8; font-size:13px; line-height:1.45; }
#editor .workspace #live-chat-panel .live-message time { display:block; color:#9fb2bd; font-size:10px; line-height:1.2; text-align:right; }
#editor .workspace #live-chat-panel .admin-chat-typing { margin:0; padding:8px 16px 0; font-size:11px; }
#editor .workspace #live-chat-panel .live-compose { grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:0; padding:12px 16px; background:#152631; }
#editor .workspace #live-chat-panel .live-compose label { grid-column:1/-1; margin:0; color:#dce9ed; font-size:12px; }
#editor .workspace #live-chat-panel .live-compose textarea { width:100%; min-height:68px; max-height:160px; margin:5px 0 0; padding:9px 11px; border:1px solid #526b79; border-radius:7px; background:#0e1b24; color:#f4f8fa; font-size:13px; line-height:1.45; resize:vertical; caret-color:#f47c71; }
#editor .workspace #live-chat-panel .live-compose .live-error { grid-column:1/-1; margin:0; font-size:12px; }
#editor .workspace #live-chat-panel .live-compose button[type=submit] { justify-self:start; min-width:145px; background:#24533c; border-color:#5b9a74; color:#e8fff0; }
#editor .workspace #live-chat-panel .live-compose .live-close { justify-self:end; border-color:#775f43; background:transparent; color:#eac899; }
#editor .workspace #live-chat-panel .live-message-actions { border-top:1px solid #2e4552; background:#13222d; }
#editor .workspace #live-chat-panel .live-message-actions > summary { min-height:35px; padding:8px 16px; color:#9eb7c4; font-size:11px; cursor:pointer; }
#editor .workspace #live-chat-panel .live-message-actions .live-record-tools { margin:0; padding:0 16px 12px; }
#editor .workspace #live-chat-panel .live-record-tools { gap:6px; }
#editor .workspace #live-chat-panel .live-record-tools button { min-height:34px; padding:7px 10px; font-size:11px; }
#editor .workspace #live-chat-panel .live-record-tools span { color:var(--inbox-muted); font-size:11px; }
@media(max-width:1100px) {
  #editor .workspace #live-chat-panel .live-inbox-layout { grid-template-columns:minmax(0,1fr); }
  #editor .workspace #live-chat-panel .live-thread-list { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:230px; min-height:0; }
}
@media(max-width:600px) {
  #editor .workspace #live-chat-panel .live-controls { align-items:stretch; }
  #editor .workspace #live-chat-panel .live-presence { flex-basis:100%; }
  #editor .workspace #live-chat-panel .live-controls button { flex:1 1 130px; }
  #editor .workspace #live-chat-panel .live-inbox-tools,
  #editor .workspace #live-chat-panel .live-thread-list { grid-template-columns:minmax(0,1fr); }
  #editor .workspace #live-chat-panel .live-thread-log { min-height:240px; max-height:340px; }
  #editor .workspace #live-chat-panel .live-message { max-width:90%; }
  #editor .workspace #live-chat-panel .live-compose { grid-template-columns:1fr 1fr; padding:12px; }
  #editor .workspace #live-chat-panel .live-compose button[type=submit],
  #editor .workspace #live-chat-panel .live-compose .live-close { width:100%; min-width:0; }
}

/* Clear availability and a single centered SVG for each chat action. */
#chat-panel #chat-close,#chat-panel #chat-form button {
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font-size:0;line-height:1;
}
#chat-panel #chat-close::before,#chat-panel #chat-form button::before {content:none;}
#chat-panel #chat-close svg,#chat-panel #chat-form button svg {
  display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
#chat-panel .visitor-live-banner p {font-size:13px;line-height:1.5;font-weight:600;}
#chat-panel .visitor-availability-note {
  flex:none;margin:0;padding:10px 16px;font-size:13px;line-height:1.5;
  color:#c5d2d9;background:#172630;border-bottom:1px solid #30434d;
}
#chat-launch .chat-launch-label {display:grid;gap:1px;font-size:12px;line-height:1.2;font-weight:600;}
#chat-launch .chat-launch-status {display:block;font-size:10px;line-height:1.2;font-weight:400;color:#aabfc9;}
#chat-launch[data-online="true"] .chat-launch-status {color:#9ee5bf;}
@media(max-width:610px) {#chat-launch .chat-launch-label{display:none;}}