/* Ferramentas de atendimento, notas internas e SLA. Isolado da conversa e do shell. */
.ops-panel{padding:0 18px 20px;display:block;flex:none}
.ops-section{padding:17px 0;border-top:1px solid var(--line)}
.ops-section h4{font-size:10.5px;font-weight:750;color:var(--text);text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px}
.ops-form{display:grid;gap:10px}
.ops-form label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}
.ops-form select,.ops-form input{width:100%;min-width:0;min-height:33px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--text);padding:6px 8px;font-size:11px}
.ops-form select:focus,.ops-form input:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.ops-save{width:100%;min-height:33px;color:white;border-radius:6px;background:var(--accent-fill);font-size:11px;font-weight:700}
.ops-save:hover{background:var(--accent-fill-hover)}
.ops-sla{display:flex;flex-direction:column;gap:10px}
.ops-sla>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px}
.ops-sla>div>span:first-child{color:var(--muted)}
.sla-good,.sla-warn,.sla-late,.sla-unknown{font-size:10px;font-weight:680;text-align:right}
.sla-good{color:#268764}.sla-warn{color:#b88224}.sla-late{color:#c24b36}.sla-unknown{color:#949eac}
.ops-small{font-size:10px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.ops-timeline{display:flex;flex-direction:column;gap:12px}
.ops-event{border-left:2px solid var(--line);padding-left:9px;display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.ops-event strong{font-weight:720;color:var(--text)}.ops-event span{color:var(--muted)}.ops-event time{font-size:9px;color:var(--quiet)}
.message.internal{align-self:flex-start;max-width:min(78%,590px)}
.message.internal .bubble{background:var(--note-bg);border:1px solid var(--note-border);color:var(--note-text)}
.message.internal .bubble-text{color:var(--note-text)}
.internal-flag{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#7e4e13;display:flex;align-items:center;gap:5px;margin-bottom:5px}
.ops-quick-label{font-size:9.5px;font-weight:750;color:#939eae;white-space:nowrap;align-self:center;margin-right:3px}
.quick-replies:has(.ops-quick-label){display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;min-height:38px;padding:6px 16px}
.quick-replies:has(.ops-quick-label)>button{flex:none;white-space:nowrap;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:6px 9px;font-size:10px;font-weight:630}
.quick-replies:has(.ops-quick-label)>button:hover{background:var(--surface-hover);color:var(--accent)}
.ticket-unread{display:inline-grid;place-items:center;flex:none;background:var(--accent-fill);border-radius:12px;padding:2px 5px;min-width:18px;color:white;font-size:9px;font-weight:750}
.ticket-row.has-unread .ticket-top strong{font-weight:820;color:var(--text)}
.ticket-sla-badge{display:inline-flex;align-items:center;color:#b54d3b;font-size:9px;font-weight:750;margin-top:5px}
@media(max-width:540px){.quick-replies:has(.ops-quick-label){padding:4px 7px}.ops-panel{padding:0 12px 15px}}

/* Ajustes de densidade do painel operacional, sem alterar widgets da conversa. */
@media(min-width:881px){
  .density-compact .ops-panel{padding:0 13px 13px}
  .density-compact .ops-section{padding:10px 0}
  .density-compact .ops-section h4{font-size:9px;margin-bottom:8px}
  .density-compact .ops-form{gap:6px}
  .density-compact .ops-form label{gap:3px;font-size:9px}
  .density-compact .ops-form select,.density-compact .ops-form input{min-height:28px;padding:4px 7px;font-size:10px}
  .density-compact .ops-save{min-height:28px;font-size:10px}
  .density-compact .ops-sla{gap:5px}
  .density-compact .ops-sla>div{font-size:9.5px}
  .density-compact .ops-small{font-size:9px;margin-top:5px}
  .density-compact .ops-timeline{gap:7px}
  .density-compact .ops-event{gap:2px}
  .density-compact .quick-replies:has(.ops-quick-label){min-height:29px;padding:3px 9px}
  .density-compact .quick-replies:has(.ops-quick-label)>button{font-size:9px;padding:4px 6px}
}

/* Dark — SLA, notas internas e gerenciamento do chamado */
:root[data-theme="dark"] .ops-section{border-color:var(--line)}
:root[data-theme="dark"] .ops-section h4,:root[data-theme="dark"] .ops-event strong{color:#e4e8e4}
:root[data-theme="dark"] .ops-form label,:root[data-theme="dark"] .ops-sla>div>span:first-child,
:root[data-theme="dark"] .ops-event span{color:var(--muted)}
:root[data-theme="dark"] .ops-form select,:root[data-theme="dark"] .ops-form input{background:var(--panel2);color:var(--text);border-color:var(--line);border:1px solid var(--line);}
:root[data-theme="dark"] .ops-event{border-color:var(--line)}
:root[data-theme="dark"] .sla-good{color:#78d9ad}
:root[data-theme="dark"] .sla-warn{color:#ffc374}
:root[data-theme="dark"] .sla-late,:root[data-theme="dark"] .ticket-sla-badge{color:#ff9292}
: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"] .internal-flag{color:#f6c273}
:root[data-theme="dark"] .quick-replies:has(.ops-quick-label)>button{background:var(--panel2);color:var(--text);border-color:var(--line)}
:root[data-theme="dark"] .quick-replies:has(.ops-quick-label)>button:hover{background:var(--surface-hover);color:var(--accent)}

/* 0.10 — informacoes operacionais legiveis, sem cinzas apagados. */
.ops-section h4{color:var(--text)}
.ops-form label,.ops-sla>div>span:first-child,.ops-small{color:var(--muted)}
.ops-form select,.ops-form input{background:var(--panel2);color:var(--text);border-color:var(--line);border:1px solid var(--line);}
.ops-event strong{color:var(--text)}
.ops-event span{color:var(--muted)}
.ops-compose.composer-mode-switch{overflow:visible}
:root[data-theme="dark"] .ops-section h4{color:var(--text)}
:root[data-theme="dark"] .ops-form label,:root[data-theme="dark"] .ops-small,:root[data-theme="dark"] .ops-event span{color:var(--muted)}
:root[data-theme="dark"] .ops-form select,:root[data-theme="dark"] .ops-form input{background:var(--panel2);border:1px solid var(--line);color:var(--text)}
:root[data-theme="dark"] .ops-event time{color:var(--quiet)}
/* Notas historicas preservam o mesmo contraste ambar do editor privado. */
: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:#7e4e13}
:root[data-theme="dark"] .message.internal .author{color:#724611}
:root[data-theme="dark"] .message.internal .bubble-footer{color:#72532b}