/* laser-correspondencia.css — o ARQUIVO DE CORRESPONDÊNCIA com os assistentes.
 *
 * Fatiado do <style> interno do laser.js em 2026-08-08 (T9), junto com o dono
 * (laser-correspondencia.js). O botão, o painel, a thread e o modal do teto de
 * cinco sessões vivas.
 *
 * Nenhuma regra aqui escolhe canto nem profundidade: as três superfícies PEDEM
 * zona (BOTTOM_RIGHT ordens 4 e 5; CENTER pro modal). O modal vivia em z-index
 * 500 e passava por cima de menus e do radial por acidente.
 */
@keyframes laserSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Conversas — botão + painel (histórico dos comandos apontados) */
.laser-conv-btn {
  /* canto e profundidade sao da ZONA (BOTTOM_RIGHT, ordem 4) */
  width: 36px; height: 36px; border-radius: 8px;
  background: rgba(20,24,32,0.88); color: #ffd4cd;
  border: 1px solid rgba(255,90,74,0.4); font-size: 16px; cursor: pointer;
  box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}
.laser-conv-btn:hover { background: rgba(255,90,74,0.15); }
.laser-conv-panel {
  /* canto e profundidade sao da ZONA (BOTTOM_RIGHT, ordem 5, MODAL) */
  width: 330px; max-height: 55vh; overflow-y: auto;
  background: rgba(16,19,26,0.95); color: #d7dbe4;
  border: 1px solid rgba(255,90,74,0.35); border-radius: 10px;
  padding: 10px; box-shadow: 0 10px 32px rgba(0,0,0,0.5);
  font: 12px/1.4 system-ui, sans-serif;
  backdrop-filter: blur(4px);
}
.laser-conv-panel.hidden { display: none; }
.laser-conv-head { font-weight: 600; color: #ff9a8a; margin-bottom: 8px; }
.laser-conv-empty { color: #7c8291; }
.laser-conv-item {
  padding: 7px 8px; border-radius: 7px; cursor: pointer;
  border: 1px solid transparent; margin-bottom: 4px;
}
.laser-conv-item:hover { background: rgba(255,255,255,0.05); }
.laser-conv-item.selected { border-color: rgba(106,169,255,0.5); background: rgba(106,169,255,0.08); }
.laser-conv-item-text { color: #eef1f6; }
.laser-conv-item-meta { color: #7c8291; font-size: 11px; margin-top: 2px; }
.laser-conv-thread { border-top: 1px solid rgba(255,255,255,0.08); margin-top: 8px; padding-top: 8px; }
.laser-conv-thread.hidden { display: none; }
.laser-conv-msg { margin-bottom: 6px; }
.laser-conv-msg-text { color: #eef1f6; }
.laser-conv-msg-status { color: #7c8291; font-size: 10px; margin-left: 4px; }
.laser-conv-msg-reply { color: #a8c8f0; margin: 2px 0 0 14px; font-size: 11px; }
.laser-conv-row { display: flex; gap: 6px; margin-top: 8px; }
.laser-conv-input {
  flex: 1 1 auto; background: rgba(15,17,21,0.6); color: #eef1f6;
  border: 1px solid rgba(255,255,255,0.1); border-radius: 6px;
  padding: 6px 8px; font: 12px/1.3 system-ui, sans-serif; outline: none;
}
.laser-conv-input:focus { border-color: rgba(106,169,255,0.6); }
.laser-conv-send {
  background: rgba(106,169,255,0.15); color: #a8c8f0;
  border: 1px solid rgba(106,169,255,0.4); border-radius: 6px;
  padding: 6px 10px; cursor: pointer; font-size: 12px;
}
.laser-conv-send:hover { background: rgba(106,169,255,0.28); }

/* Estado vivo por conversa (série 3/3) */
.laser-conv-item-row {
  display: flex; align-items: center; gap: 8px;
}
.laser-conv-item-body { flex: 1 1 auto; min-width: 0; }
.laser-conv-dot {
  width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto;
  background: #4a4d55; box-shadow: 0 0 0 1px rgba(255,255,255,0.06);
}
.laser-conv-dot[data-active="true"] {
  background: #6ee27a; box-shadow: 0 0 6px rgba(110,226,122,0.6);
}
.laser-conv-toggle {
  flex: 0 0 auto; background: rgba(255,255,255,0.05);
  color: #cfd3dc; border: 1px solid rgba(255,255,255,0.15);
  border-radius: 6px; padding: 3px 8px; font-size: 11px; cursor: pointer;
  font-family: inherit;
}
.laser-conv-toggle:hover { background: rgba(255,255,255,0.1); }
.laser-conv-toggle[data-active="true"] {
  color: #6ee27a; border-color: rgba(110,226,122,0.4);
  background: rgba(110,226,122,0.08);
}
.laser-conv-toggle[data-active="true"]:hover { background: rgba(110,226,122,0.16); }
.laser-conv-toggle:disabled { opacity: 0.5; cursor: wait; }
.laser-conv-thinking {
  color: #a8c8f0; font-size: 11px; font-style: italic;
  margin: 4px 0 6px 14px;
}
.laser-conv-thinking::before {
  content: '◐'; display: inline-block; margin-right: 4px;
  animation: laserSpin 1s linear infinite;
}
/* Modal do teto (409): dono escolhe qual das 5 ativas derrubar */
.laser-cap-modal {
  /* geometria e profundidade sao da ZONA (CENTER, MODAL, tela cheia) —
     era z-index 500, acima de menus e do radial por acidente */
  background: rgba(0,0,0,0.55); backdrop-filter: blur(2px);
  display: flex; align-items: center; justify-content: center;
  font: 12px/1.4 system-ui, sans-serif;
}
.laser-cap-modal.hidden { display: none; }
.laser-cap-box {
  width: min(440px, 92vw); max-height: 78vh; overflow-y: auto;
  background: rgba(16,19,26,0.98); color: #d7dbe4;
  border: 1px solid rgba(255,200,60,0.5); border-radius: 12px;
  padding: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.7);
}
.laser-cap-title {
  color: #ffd97a; font-weight: 600; font-size: 13px; margin-bottom: 6px;
}
.laser-cap-sub { color: #a8adba; margin-bottom: 12px; }
.laser-cap-row {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px; border-radius: 8px; margin-bottom: 4px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}
.laser-cap-row-body { flex: 1 1 auto; min-width: 0; }
.laser-cap-row-text {
  color: #eef1f6;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.laser-cap-row-meta { color: #7c8291; font-size: 11px; margin-top: 2px; }
.laser-cap-drop {
  background: rgba(255,90,74,0.15); color: #ff9a8a;
  border: 1px solid rgba(255,90,74,0.4); border-radius: 6px;
  padding: 4px 10px; cursor: pointer; font-size: 11px;
  font-family: inherit; flex: 0 0 auto;
}
.laser-cap-drop:hover { background: rgba(255,90,74,0.28); }
.laser-cap-drop:disabled { opacity: 0.5; cursor: wait; }
.laser-cap-cancel {
  margin-top: 8px; background: transparent; color: #a8adba;
  border: 1px solid rgba(255,255,255,0.15); border-radius: 6px;
  padding: 6px 12px; cursor: pointer; font-size: 12px;
  font-family: inherit;
}
.laser-cap-cancel:hover { color: #eef1f6; border-color: rgba(255,255,255,0.3); }