/* ==========================================================================
   Tareas — el tablero Munus (`cid.munus`)
   --------------------------------------------------------------------------
   El tablero trae sus propias hojas (`/munus/css/*`); aquí solo va lo de CID
   dentro de él: la solicitud de contacto en el detalle de su tarea, y las
   piezas copiadas de CMR (presets de subtareas, filtros).
   ========================================================================== */

/* El detalle de una tarea, con un ancho que se lee. */
body > .cu-modal .cu-t { width: min(1100px, 100%); margin-inline: auto; }

/* La solicitud de contacto, dentro del detalle de la tarea. */
.cid-munus-contacto {
  margin: 4px 0 16px;
  padding: 14px 16px;
  border: 1px solid #d6deea;
  border-radius: 12px;
  background: #F5F7FA;
  color: #2b3446;
  font-size: 14px;
}

.cid-munus-contacto-cabeza { display: flex; align-items: center; gap: 12px; }

.cid-munus-contacto-cabeza > div { display: grid; gap: 2px; flex: 1; min-width: 0; }

.cid-munus-contacto-cabeza strong { color: var(--azul); font-size: 15px; }

.cid-munus-contacto-cabeza span { color: #5b6476; }

.cid-munus-contacto-icono {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--rojo);
}

.cid-munus-contacto-icono svg { width: 18px; height: 18px; color: #fff !important; fill: none; }

.cid-munus-contacto-mensaje { margin: 12px 0; white-space: pre-line; line-height: 1.55; }

.cid-munus-contacto-datos { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 0 0 12px; }

.cid-munus-contacto-datos dt { align-self: center; color: #7a8394; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }

.cid-munus-contacto-datos dd { margin: 0; overflow-wrap: anywhere; }

.cid-munus-contacto-acciones { display: flex; flex-wrap: wrap; gap: 10px; }

.cid-munus-wa,
.cid-munus-correo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 999px;
  color: #fff !important;
  font-family: var(--texto);
  font-size: 14px;
  font-weight: 700;
}

.cid-munus-wa { background: #25d366; }

.cid-munus-wa:hover { background: #1ebe5b; }

.cid-munus-correo { background: var(--azul); }

.cid-munus-correo:hover { background: #2a4478; }

.cid-munus-wa svg,
.cid-munus-correo svg { width: 17px; height: 17px; color: #fff !important; fill: none; }

.cid-munus-contacto-error { margin: 0; color: #9b2c2c; }

/* Presets de subtareas y filtros, copiados de CMR (065). Viven dentro del
   detalle y de la barra de Munus, que es oscuro: claro sobre oscuro. */
.cid-presets { margin: 0 0 16px; font-size: 13px; color: #d6d6d6; }
.cid-presets-fila { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cid-presets-boton {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 11px; border-radius: 8px; border: 1px solid #3a3a3a;
  background: #262626; color: #e6e6e6; font: inherit; font-size: 13px; cursor: pointer;
}
.cid-presets-boton:hover { background: #2f2f2f; }
.cid-presets-boton.es-prim { background: #7b68ee; border-color: #7b68ee; color: #fff; }
.cid-presets-boton.es-mas { margin-top: 6px; border-style: dashed; background: none; }
.cid-presets-boton svg { width: 14px; height: 14px; color: currentColor !important; }
.cid-presets-chev { display: inline-grid; opacity: .7; }
.cid-presets-aviso { color: #8fd19e; font-size: 12.5px; }

.cid-presets-menu {
  margin-top: 8px; padding: 8px; max-width: 420px;
  border: 1px solid #333; border-radius: 10px; background: #1b1b1b;
}
.cid-presets-vacio { margin: 4px 6px 8px; color: #8b8b8b; }
.cid-presets-item { display: flex; align-items: center; gap: 4px; }
.cid-presets-aplicar {
  flex: 1; display: flex; justify-content: space-between; gap: 10px;
  padding: 7px 9px; border: 0; border-radius: 7px; background: none;
  color: #e6e6e6; font: inherit; text-align: left; cursor: pointer;
}
.cid-presets-aplicar:hover { background: #2a2a2a; }
.cid-presets-aplicar span { color: #8b8b8b; font-size: 12px; }
.cid-presets-borrar {
  display: grid; place-items: center; width: 26px; height: 26px; border: 0;
  border-radius: 6px; background: none; color: #8b8b8b; cursor: pointer;
}
.cid-presets-borrar:hover { background: #3a2222; color: #f87171; }
.cid-presets-borrar svg { width: 13px; height: 13px; }

.cid-presets-nuevo {
  display: grid; gap: 8px; margin-top: 8px; padding: 12px; max-width: 460px;
  border: 1px solid #333; border-radius: 10px; background: #1b1b1b;
}
.cid-presets-nuevo input[name="nombre"],
.cid-presets-nuevo textarea {
  width: 100%; padding: 7px 9px; border: 1px solid #3a3a3a; border-radius: 7px;
  background: #121212; color: #e6e6e6; font: inherit;
}
.cid-presets-op { display: flex; align-items: center; gap: 7px; color: #c8c8c8; }
.cid-presets-acciones { display: flex; gap: 8px; }
.cid-presets-error { margin: 0; color: #f87171; }

/* Filtros, en la barra de herramientas de Munus. */
.cid-filtrar {
  display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px;
  border: 1px solid var(--cu-borde, #2e2e2e); border-radius: 8px; background: none;
  color: var(--cu-txt2, #a3a3a3); font-size: 13px; cursor: pointer;
}
.cid-filtrar:hover { color: #fff; background: var(--cu-hover, #2c2c2c); }
.cid-filtrar.on { color: #fff; border-color: #7b68ee; background: rgba(123, 104, 238, .18); }
.cid-filtro-menu { max-height: 70vh; overflow-y: auto; }
.cid-filtro-seccion + .cid-filtro-seccion { margin-top: 6px; padding-top: 6px; border-top: 1px solid #2e2e2e; }
.cid-filtro-punto { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; }
.cid-filtro-limpiar { margin-top: 6px; color: #f87171; }