/* Conversa: cabecalho, historico, bolhas e compositor. */
.conversation{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;background:var(--bg)}
.conversation-header{height:76px;min-height:76px;display:flex;align-items:center;gap:12px;padding:0 24px;background:var(--side);border-bottom:1px solid var(--line);z-index:2}
.conversation-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:16px;font-weight:750}
.conversation-heading{min-width:0;flex:1}
.conversation-kicker{display:block;font-size:9px;letter-spacing:1.2px;color:var(--accent);font-weight:730;margin-bottom:2px}
.conversation-heading h3{font-size:14px;font-weight:750;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
.conversation-heading p{color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.conversation-actions{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.head-code{color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:10px;letter-spacing:.4px;font-weight:750;white-space:nowrap}
.status-select{max-width:148px;height:35px;padding:0 9px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel);font-size:11px;font-weight:650}
.action-minor{border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:700;font-size:11px;padding:9px 11px;border-radius:7px}
.action-minor:hover{background:var(--surface-hover)}
.inspector-toggle{width:34px;height:34px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted)}
.inspector-toggle:hover,.inspector-toggle[aria-expanded="true"]{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}
.inspector-toggle .ic{width:17px;height:17px}
.back-btn{display:none;width:32px;height:32px;place-items:center;background:transparent;color:#728096;border-radius:7px}
.back-btn:hover{background:#f1f3f8}
.conversation-workspace{display:flex;position:relative;min-height:0;flex:1;overflow:hidden}
.chat-pane{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}
.chat-history{display:flex;position:relative;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}
.chat-stream{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:13px;padding:22px clamp(22px,4vw,52px) 20px}
.chat-divider{display:flex;align-items:center;justify-content:center;align-self:center;flex:none;gap:11px;font-size:10px;letter-spacing:.8px;font-weight:650;color:var(--muted);margin:3px 0 10px;text-transform:uppercase}
.chat-divider::before,.chat-divider::after{content:"";height:1px;width:48px;background:var(--line)}
.message{display:flex;align-self:flex-start;flex-direction:column;flex:none;gap:3px;width:max-content;max-width:min(570px,82%);min-width:0}
.message.mine{align-self:flex-end;align-items:flex-end}
.bubble{max-width:100%;min-width:96px;padding:12px 14px 8px;border:1px solid var(--line);border-radius:8px 8px 8px 3px;background:var(--panel);box-shadow:none;color:var(--text);font-size:12.5px;line-height:1.65;overflow-wrap:anywhere}
.message.mine .bubble{background:var(--message-outgoing);border-color:var(--message-border);color:#254268;border-radius:8px 8px 3px 8px}
.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}
.author{margin-bottom:5px;font-size:10px;font-weight:780;color:var(--accent)}
.bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted);font-size:9px;margin-top:5px;line-height:1}
.message.mine .bubble-footer{color:var(--muted)}
.message.bot .bubble{border-color:var(--line);background:var(--panel)}
.message.bot .author{color:var(--accent)}
.message.system{align-self:center;max-width:75%}
.message.system .bubble{background:var(--panel2);border:0;border-radius:7px;box-shadow:none;color:var(--muted);text-align:center;font-size:10.5px;padding:7px 12px}
.message-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:1px}
.reaction-chip{display:inline-flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:3px 8px;font-size:11px;color:var(--muted)}
.reaction-chip.mine{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}
.reaction-trigger{display:grid;place-items:center;background:transparent;color:#a9b2c0;border-radius:6px;padding:3px 5px}
.reaction-trigger:hover{color:var(--accent);background:var(--accent-soft)}
.reaction-trigger .ic{width:14px;height:14px}
.reaction-picker{display:flex;align-items:center;gap:3px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #23304d22;margin-top:2px}
.reaction-picker button{background:transparent;border-radius:6px;padding:3px 5px;font-size:15px}
.reaction-picker button:hover{background:var(--surface-hover)}
.message.system .message-actions,.message.bot .message-actions{display:none}
.jump-latest{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;background:#1a3554;color:white;padding:8px 13px;font-size:11px;font-weight:650;box-shadow:0 9px 25px #25304935;border-radius:20px;z-index:4}
.jump-latest .ic{width:13px;height:13px}
.composer-area{flex:none;background:var(--bg);padding:0 clamp(15px,3.6vw,44px)}
.chat-compose{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);box-shadow:none;min-height:115px}
.chat-compose:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #2877d51c}
.compose-top{height:31px;display:flex;align-items:center;gap:10px;justify-content:space-between;padding:0 14px;color:var(--muted);font-size:10px;font-weight:730;border-bottom:1px solid var(--line)}
.compose-top-hint{color:#a8afbb;font-size:9.5px;font-weight:500}
.compose-main{display:flex;min-height:43px;padding:8px 14px 3px}
.chat-compose textarea{flex:1;min-width:0;min-height:28px;max-height:97px;resize:none;border:0;background:transparent;color:var(--text);font-size:12.5px;line-height:1.55;padding:0;overflow-y:auto}
.chat-compose textarea::placeholder{color:var(--quiet)}
.compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px 8px 11px}
.compose-tools{display:flex;align-items:center;gap:3px;min-width:0}
.compose-format{font-size:9.5px;color:#adb5c1;margin-left:6px;white-space:nowrap}
.send-btn{min-width:80px;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;background:var(--accent-fill);border-radius:7px;color:#fff;font-size:11px;font-weight:760;box-shadow:none;}
.send-btn:hover{background:var(--accent-fill-hover)}
.send-btn .ic{width:14px;height:14px}
.compose-hint{text-align:center;padding:7px 10px 10px;color:#abb4c1;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-compose.disabled{opacity:.72;background:#fafbfd}
.chat-compose.disabled textarea{cursor:not-allowed}
.ticket-inspector{width:268px;flex:none;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;background:var(--side);border-left:1px solid var(--line)}
.inspector-header{height:51px;min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 17px;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:750;color:var(--text)}
.inspector-header button{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:transparent;color:#9ca5b3}
.inspector-header button:hover{background:#f1f3f8}
.inspector-header button .ic{width:15px;height:15px}
.ticket-details{display:block;padding:21px 18px}
.inspector-section{border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:18px}
.inspector-section:last-child{border-bottom:0;padding-bottom:0}
.inspector-label{color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:1px;font-weight:780;margin-bottom:13px}
.inspector-property{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:11px;line-height:1.4}
.inspector-property dt{color:var(--muted);flex:none}
.inspector-property dd{color:var(--text);text-align:right;font-weight:650;overflow-wrap:anywhere}
.inspector-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;background:#eaf4ff;color:#096cba;font-size:10px;font-weight:650}
.inspector-pill.urgent{background:#fff0eb;color:#c35a37}
.inspector-pill.low{background:#eaf7f0;color:#278d64}
.inspector-description{color:var(--muted);font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.inspector-foot{margin:auto 17px 22px;display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#a6b0be;line-height:1.5}
.inspector-foot .ic{width:15px;height:15px}
@media(max-width:1330px){.ticket-inspector{width:236px;background:var(--side);border-left:1px solid var(--line);}.chat-stream{padding-left:23px;padding-right:23px}}
@media(max-width:1160px){.ticket-inspector{position:absolute;right:0;top:0;bottom:0;width:min(288px,82%);z-index:5;box-shadow:-14px 0 25px #202c4516;background:var(--side);border-left:1px solid var(--line);}.conversation-header{padding:0 15px;background:var(--side);border-bottom:1px solid var(--line);}.conversation-actions{gap:5px}}
@media(max-width:880px){.back-btn{display:grid}.chat-stream{padding:17px 23px}.conversation-header{height:65px;min-height:65px;background:var(--side);border-bottom:1px solid var(--line);}}
@media(max-width:540px){.conversation-header{padding:0 10px;gap:7px;height:64px;min-height:64px;background:var(--side);border-bottom:1px solid var(--line);}.conversation-avatar{width:31px;height:31px;font-size:13px;background:var(--accent-soft);color:var(--accent);}.conversation-heading h3{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text);}.conversation-heading p{font-size:9px;color:var(--muted);}.conversation-kicker{display:none;color:var(--accent);}.head-code{display:none;background:var(--panel2);color:var(--muted);border:1px solid var(--line);}.conversation-actions .action-minor{padding:7px;font-size:10px}.status-select{max-width:110px;height:30px;font-size:10px;background:var(--panel);border:1px solid var(--line);color:var(--text);}.chat-stream{padding:14px 11px;gap:10px}.message{max-width:94%}.bubble{font-size:12px;padding:9px 11px 7px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:none;}.composer-area{padding:0 7px;background:var(--bg);}.compose-format,.compose-top-hint{display:none}.chat-compose{min-height:103px;background:var(--panel);border:1px solid var(--line);box-shadow:none;}.compose-hint{font-size:8.5px;padding:5px 5px 7px}.inspector-toggle{width:30px;height:30px;background:var(--panel);border:1px solid var(--line);color:var(--muted);}}
@media(max-height:570px){.conversation-header{height:55px;min-height:55px;background:var(--side);border-bottom:1px solid var(--line);}.chat-stream{padding-top:8px;padding-bottom:8px}.chat-compose{min-height:91px;background:var(--panel);border:1px solid var(--line);box-shadow:none;}.compose-top{height:24px;color:var(--muted);border-bottom:1px solid var(--line);}.compose-main{min-height:32px}.compose-hint{padding:2px 5px 4px}}

/* Atendimento compacto: preserva campo de envio e rolagem independente. */
@media(min-width:881px){
  .density-compact .conversation-header{height:57px;min-height:57px;padding:0 15px;gap:9px}
  .density-compact .conversation-avatar{width:31px;height:31px;font-size:13px;border-radius:7px}
  .density-compact .conversation-heading h3{font-size:12.5px}
  .density-compact .conversation-heading p{font-size:9.5px;margin-top:1px}
  .density-compact .conversation-kicker{font-size:8px;margin-bottom:0}
  .density-compact .action-minor{padding:6px 9px;font-size:10px}
  .density-compact .status-select{height:29px;font-size:10px;max-width:135px}
  .density-compact .head-code{padding:5px 7px;font-size:9px}
  .density-compact .inspector-toggle{width:29px;height:29px}
  .density-compact .chat-stream{gap:8px;padding:12px clamp(13px,2vw,28px) 10px}
  .density-compact .chat-divider{font-size:9px;margin:1px 0 5px}
  .density-compact .message{max-width:min(590px,86%)}
  .density-compact .bubble{padding:8px 11px 6px;font-size:11.8px;line-height:1.48;border-radius:8px 8px 8px 3px}
  .density-compact .message.mine .bubble{border-radius:8px 8px 3px 8px}
  .density-compact .author{margin-bottom:3px;font-size:9.5px}
  .density-compact .bubble-footer{margin-top:4px;font-size:8.5px}
  .density-compact .chat-compose{min-height:83px;border-radius:8px}
  .density-compact .compose-top{display:none}
  .density-compact .compose-main{min-height:38px;padding:9px 12px 0}
  .density-compact .chat-compose textarea{min-height:24px;max-height:80px;font-size:11.8px;line-height:1.4}
  .density-compact .compose-bottom{padding:4px 8px 7px}
  .density-compact .send-btn{height:29px;min-width:70px}
  .density-compact .compose-hint{padding:4px 7px 5px;font-size:8.5px}
  .density-compact .composer-area{padding:0 clamp(10px,2vw,26px)}
  .density-compact .ticket-inspector{width:242px}
  .density-compact .inspector-header{height:40px;min-height:40px;padding:0 12px;font-size:10.5px}
  .density-compact .ticket-details{padding:12px 13px}
  .density-compact .inspector-section{padding-bottom:10px;margin-bottom:10px}
  .density-compact .inspector-label{margin-bottom:8px;font-size:9px}
  .density-compact .inspector-property{font-size:10px;margin-bottom:7px;gap:5px}
  .density-compact .inspector-description{font-size:10px;line-height:1.5}
  .density-compact .inspector-foot{margin:8px 13px 12px;font-size:9px}
}
@media(min-width:881px) and (max-width:1160px){.density-compact .ticket-inspector{width:min(268px,80%)}}
@media(max-height:650px){.density-compact .compose-hint{display:none}}

/* Dark — conversa, bolhas, painel e composicao */
:root[data-theme="dark"] .conversation,:root[data-theme="dark"] .chat-pane,:root[data-theme="dark"] .composer-area{background:var(--bg)}
:root[data-theme="dark"] .conversation-header,:root[data-theme="dark"] .ticket-inspector{background:var(--side);border-color:var(--line)}
:root[data-theme="dark"] .conversation-avatar{background:var(--accent-soft);color:#e4efff}
:root[data-theme="dark"] .conversation-kicker,:root[data-theme="dark"] .conversation-heading p,
:root[data-theme="dark"] .inspector-label,:root[data-theme="dark"] .inspector-property dt,
:root[data-theme="dark"] .inspector-foot,:root[data-theme="dark"] .bubble-footer{color:var(--muted)}
:root[data-theme="dark"] .conversation-heading h3,:root[data-theme="dark"] .inspector-property dd,
:root[data-theme="dark"] .inspector-header{color:var(--text)}
:root[data-theme="dark"] .head-code{background:var(--panel2);border-color:var(--line);color:var(--muted)}
:root[data-theme="dark"] .status-select,:root[data-theme="dark"] .inspector-toggle{background:var(--panel2);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .action-minor{background:var(--panel2);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .action-minor:hover,:root[data-theme="dark"] .inspector-toggle:hover,
:root[data-theme="dark"] .inspector-toggle[aria-expanded="true"],:root[data-theme="dark"] .back-btn:hover{background:#465047;color:#eff1ef}
:root[data-theme="dark"] .back-btn{color:var(--muted)}
:root[data-theme="dark"] .chat-divider{color:var(--quiet)}
:root[data-theme="dark"] .chat-divider::before,:root[data-theme="dark"] .chat-divider::after{background:var(--line)}
:root[data-theme="dark"] .bubble,:root[data-theme="dark"] .message.bot .bubble{background:var(--panel);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .message.mine .bubble{background:var(--message-outgoing);border-color:var(--message-border);color:#f5f7fb}
:root[data-theme="dark"] .author,:root[data-theme="dark"] .message.bot .author{color:#b6d2ff}
:root[data-theme="dark"] .message.mine .bubble-footer{color:#b6c3d6}
:root[data-theme="dark"] .message.system .bubble{background:var(--panel2);color:var(--muted)}
:root[data-theme="dark"] .reaction-chip,:root[data-theme="dark"] .reaction-picker{background:var(--panel);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .reaction-chip.mine{background:var(--accent-soft);border-color:#607999;color:#e0ecff}
:root[data-theme="dark"] .reaction-trigger{color:var(--quiet)}
:root[data-theme="dark"] .reaction-trigger:hover,:root[data-theme="dark"] .reaction-picker button:hover{background:#3e473f;color:var(--accent)}
:root[data-theme="dark"] .chat-compose{background:var(--panel);border-color:var(--line)}
:root[data-theme="dark"] .chat-compose:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #90b8ff22}
:root[data-theme="dark"] .compose-top{color:var(--muted);border-color:var(--line)}
:root[data-theme="dark"] .compose-top-hint,:root[data-theme="dark"] .compose-format,
:root[data-theme="dark"] .compose-hint{color:var(--quiet)}
:root[data-theme="dark"] .chat-compose textarea{color:var(--text)}
:root[data-theme="dark"] .chat-compose textarea::placeholder{color:var(--quiet)}
:root[data-theme="dark"] .chat-compose.disabled{background:var(--panel2)}
:root[data-theme="dark"] .inspector-header button{color:var(--muted)}
:root[data-theme="dark"] .inspector-header button:hover{background:var(--surface-hover)}
:root[data-theme="dark"] .inspector-pill{background:var(--panel2);color:var(--text)}
:root[data-theme="dark"] .inspector-pill.urgent{background:#49302c;color:#ffb29f}
:root[data-theme="dark"] .inspector-pill.low{background:#204034;color:#8cdeb7}
:root[data-theme="dark"] .inspector-description{color:var(--muted)}

/* 0.10 — area de conversa com prioridade ao texto e inspetor recolhivel. */
.conversation,.chat-pane{background:var(--bg)}
.conversation-header{height:62px;min-height:62px;padding:0 16px;gap:10px;background:var(--side);border-bottom:1px solid var(--line);}
.conversation-avatar{width:33px;height:33px;border-radius:7px;background:var(--accent-soft);color:var(--accent);}
.conversation-kicker{font-size:9.5px;margin:0 0 3px;color:var(--accent);font-weight:820;letter-spacing:.9px}
.conversation-heading h3{font-size:13.5px;color:var(--text)}
.conversation-heading p{color:var(--muted);font-size:10px}
.status-select{max-width:149px;border:1px solid var(--line);background:var(--panel);font-size:11px;color:var(--text)}
.status-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.inspector-toggle{background:var(--panel);border-color:var(--line);color:var(--muted);border:1px solid var(--line);}
.chat-stream{padding:18px clamp(16px,3vw,32px) 16px;gap:11px}
.message{max-width:min(615px,86%)}
.bubble{background:var(--panel);color:var(--text);border:1px solid var(--line);font-size:12.5px;line-height:1.54;padding:10px 13px 8px;box-shadow:none;}
.message.mine .bubble{background:var(--message-outgoing);border-color:var(--message-border);color:#254268}
.bubble-footer{color:var(--muted)}
.ticket-inspector{width:255px;background:var(--side);border-color:var(--line);border-left:1px solid var(--line);}
.inspector-header{height:45px;min-height:45px;padding:0 13px;color:var(--text);border-bottom:1px solid var(--line);}
.ticket-details{padding:13px 14px}
.inspector-section{padding-bottom:12px;margin-bottom:12px}
.inspector-label{margin-bottom:9px;color:var(--muted);font-size:9px}
.inspector-property{align-items:center;margin-bottom:10px;font-size:11px}
.inspector-property dt{color:var(--muted)}
.inspector-property dd{color:var(--text);font-weight:690;text-align:right}
.inspector-description{color:var(--muted)}
:root[data-theme="dark"] .conversation,:root[data-theme="dark"] .chat-pane{background:var(--bg)}
:root[data-theme="dark"] .conversation-header,:root[data-theme="dark"] .ticket-inspector{background:var(--side);border-color:var(--line)}
:root[data-theme="dark"] .conversation-avatar{background:var(--accent-soft);color:#e4efff}
:root[data-theme="dark"] .conversation-kicker{color:#a9caff}
:root[data-theme="dark"] .conversation-heading h3,:root[data-theme="dark"] .inspector-property dd,:root[data-theme="dark"] .inspector-header{color:var(--text)}
:root[data-theme="dark"] .conversation-heading p,:root[data-theme="dark"] .inspector-property dt,:root[data-theme="dark"] .inspector-label{color:var(--muted)}
:root[data-theme="dark"] .bubble,:root[data-theme="dark"] .message.bot .bubble{background:var(--panel);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .message.mine .bubble{background:var(--message-outgoing);border-color:var(--message-border);color:#f5f7fb}
:root[data-theme="dark"] .message.system .bubble{background:var(--panel2);color:var(--muted)}
:root[data-theme="dark"] .message.internal .bubble{background:var(--note-bg);border-color:var(--note-border);color:var(--note-text)}
:root[data-theme="dark"] .message.internal .bubble-text{color:var(--note-text)}
:root[data-theme="dark"] .message.internal .internal-flag{color:#895614}
:root[data-theme="dark"] .chat-divider{color:#cad4cc}
:root[data-theme="dark"] .inspector-description{color:var(--muted)}
:root[data-theme="dark"] .inspector-toggle{background:var(--panel2);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .status-select{background:var(--panel2);border-color:var(--line);color:var(--text)}
@media(min-width:881px){
  .density-compact .conversation-header{height:57px;min-height:57px}
  .density-compact .ticket-inspector{width:253px}
  .density-compact .ticket-details{padding:12px 13px}
}
@media(max-width:1200px){.ticket-inspector{position:absolute;top:0;right:0;bottom:0;width:min(290px,80vw);z-index:5;box-shadow:-12px 0 24px #142b3a44;background:var(--side);border-left:1px solid var(--line);}}
@media(max-width:880px){.conversation-header{height:59px;min-height:59px;background:var(--side);border-bottom:1px solid var(--line);}.chat-stream{padding:15px 13px}}
@media(max-width:540px){.conversation-header{padding:0 8px;gap:6px;background:var(--side);border-bottom:1px solid var(--line);}.conversation-actions{gap:4px}.status-select{max-width:105px;background:var(--panel);border:1px solid var(--line);color:var(--text);}.chat-stream{padding:12px 10px}.ticket-inspector{width:min(290px,86vw);background:var(--side);border-left:1px solid var(--line);}}