/* Chat de Control + datos de la obra en la ficha (2026-10-19). Capa aditiva.
   Luis es daltónico: el estado se lee por símbolo, texto y grosor de borde, no por color. */

/* ===== Casa/Departamento y ¿Retirar cancel anterior? ===== */
.obra-toggles { display: flex; gap: 6px; }
.obra-btn {
  flex: 1; padding: 10px 10px; border: 1.5px solid #d1d5db; border-radius: 8px;
  background: #fafafa; color: #374151; font-size: 14px; font-weight: 600; font-family: inherit;
  cursor: pointer; transition: all .15s; min-height: 42px;
}
.obra-btn:hover { border-color: var(--primary); color: var(--primary); background: var(--primary-light); }
.obra-btn.active {
  background: #111827; border: 3px solid #111827; color: #fff; font-weight: 800;
  box-shadow: 0 0 0 2px #fff inset;
}
.obra-btn.active::before { content: '✔ '; }

/* ===== Sección del chat ===== */
.chat-control {
  margin: 0 0 16px; padding: 12px; border: 2px solid #111827; border-radius: 10px; background: #f8fafc;
}
.chat-control.hidden, .chat-control .hidden { display: none !important; }
.chat-control:not(.es-admin) .solo-admin { display: none !important; }
.chat-control:not(.puede-ligar) .solo-ligar { display: none !important; }
.btn-ver-chat {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 14px; border-radius: 9px; border: 3px solid #0b3d2e;
  background: #0b6e4f; color: #fff !important; font-size: 16px; font-weight: 800; text-decoration: none;
}
.btn-ver-chat:hover { background: #0b3d2e; }
.chat-ligado-info { margin-top: 8px; }
.chat-ligado-nombre { font-size: 13.5px; font-weight: 700; color: #111827; overflow-wrap: anywhere; }
.chat-permiso { font-size: 13px; margin-top: 3px; color: #374151; }
.chat-permiso.escritura { font-weight: 800; color: #111827; }
.chat-admin { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #9ca3af; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.chat-escritura-label { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; cursor: pointer; }
.chat-escritura-label input { width: 22px; height: 22px; accent-color: #111827; cursor: pointer; }
.chat-escritura-agente { padding: 7px 8px; border: 1.5px solid #9ca3af; border-radius: 7px; font-size: 14px; font-family: inherit; background: #fff; }
.chat-escritura-agente:disabled { opacity: .55; }
.chat-admin-btns { display: flex; gap: 6px; flex-basis: 100%; }
.chat-link-btn {
  padding: 7px 11px; border: 1.5px solid #9ca3af; border-radius: 7px; background: #fff;
  font-size: 13px; font-weight: 600; font-family: inherit; cursor: pointer; color: #374151;
}
.chat-link-btn:hover { border-color: #111827; color: #111827; }
.chat-buscar label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.chat-buscar input[type="search"] {
  width: 100%; padding: 10px 12px; border: 1.5px solid #9ca3af; border-radius: 8px; font-size: 15px; font-family: inherit; background: #fff;
}
.chat-resultados { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; max-height: 260px; overflow-y: auto; }
.chat-res {
  position: relative; text-align: left; padding: 9px 86px 9px 11px; border: 1.5px solid #d1d5db; border-radius: 8px;
  background: #fff; cursor: pointer; font-family: inherit;
}
.chat-res:hover { border-color: #111827; }
.chat-res-n { font-weight: 700; font-size: 14px; color: #111827; overflow-wrap: anywhere; }
.chat-res-s { font-size: 12px; color: #4b5563; margin-top: 2px; }
.chat-res-u { font-size: 12px; color: #374151; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-res-r { font-size: 12px; font-weight: 700; color: #111827; margin-top: 2px; overflow-wrap: anywhere; }
html.theme-neuronal .chat-res-u { color: #9fc3e6; }
html.theme-neuronal .chat-res-r { color: #e6f4ff; }
.chat-res-ok { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); font-size: 13px; font-weight: 800; color: #0b3d2e; }
.chat-res-msg { font-size: 13px; color: #4b5563; padding: 6px 2px; }
#btnCancelarCambioChat { margin-top: 8px; }

@media (max-width: 600px) {
  .obra-row { flex-direction: column; }
  .chat-escritura-label { flex-basis: 100%; }
}

/* ===== Modo oscuro "Sistema Neuronal" ===== */
html.theme-neuronal .obra-btn { background: rgba(10,20,40,.6); border-color: rgba(127,212,255,.3); color: #cfe6ff; }
html.theme-neuronal .obra-btn.active { background: #e6f4ff; border-color: #e6f4ff; color: #04101f; box-shadow: none; }
html.theme-neuronal .chat-control { background: rgba(8,16,34,.7); border-color: rgba(127,212,255,.55); }
html.theme-neuronal .chat-ligado-nombre, html.theme-neuronal .chat-permiso.escritura { color: #e6f4ff; }
html.theme-neuronal .chat-permiso, html.theme-neuronal .chat-res-s, html.theme-neuronal .chat-res-msg { color: #9fc3e6; }
html.theme-neuronal .chat-escritura-label, html.theme-neuronal .chat-buscar label { color: #cfe6ff; }
html.theme-neuronal .chat-link-btn, html.theme-neuronal .chat-res, html.theme-neuronal .chat-buscar input[type="search"], html.theme-neuronal .chat-escritura-agente {
  background: rgba(10,20,40,.8); color: #cfe6ff; border-color: rgba(127,212,255,.35);
}
html.theme-neuronal .chat-res-n { color: #e6f4ff; }
html.theme-neuronal .chat-res-ok { color: #7fd4ff; }
html.theme-neuronal .btn-ver-chat { background: #0b6e4f; border-color: #7fd4ff; }