/* --------------------------------------------------------------------------
   Tareas: el tablero Munus (`cmr.munus`)
   -------------------------------------------------------------------------- */
.cmr-vista.sin-entrada { animation: none; }

/* El tablero ocupa la pantalla entera (es `fixed`): sin pie debajo, que
   sólo serviría para que la página hiciera scroll por detrás. */
.cmr-app:has(.cmr-munus) > .cmr-pie { display: none; }

/* Su propia barra se esconde: lo que ofrecía está bajo «Tareas». */
.cmr-munus .cu-app { grid-template-columns: minmax(0, 1fr); }

.cmr-munus .cu-side { display: none; }

/* El detalle de una tarea: centrado en el área de trabajo, a la derecha
   de la barra lateral, y no en la ventana entera —tapaba la barra y quedaba
   corrido hacia un lado—. Con un ancho que se lee: a 1320px las líneas de la
   descripción cruzaban la pantalla entera. */
body > .cu-modal { left: var(--lateral-ancho, 0px); }

body > .cu-modal .cu-t { width: min(1100px, 100%); margin-inline: auto; }

@media (max-width: 760px) { body > .cu-modal { left: 0; } }

/* La visita, dentro del detalle de la tarea. */
.cmr-munus-visita {
  margin: 4px 0 16px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #fff7eb;
  color: #213547;
  font-size: 14px;
  border: 1px solid #ddc9a2;
}

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

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

.cmr-munus-visita-cabeza strong { font-size: 15px; color: #084438; }

.cmr-munus-visita-cabeza span { color: #555; }

.cmr-munus-visita-icono {
  display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px;
  background: #084438; color: #fff7eb; flex: 0 0 auto;
}

.cmr-munus-visita-icono svg { width: 18px; height: 18px; color: #fff7eb !important; }

.cmr-munus-visita-estado {
  padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600;
  text-transform: capitalize; background: #eee; color: #555 !important;
}

.cmr-munus-visita-estado.es-solicitada { background: #fff1d6; color: #8a5a00 !important; }

.cmr-munus-visita-estado.es-confirmada { background: #d9f2e4; color: #0b6b3a !important; }

.cmr-munus-visita-estado.es-cancelada { background: #f6dede; color: #9b2c2c !important; }

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

.cmr-munus-visita-datos dt { color: #777; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; align-self: center; }

.cmr-munus-visita-datos dd { margin: 0; overflow-wrap: anywhere; }

.cmr-munus-visita-acciones { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.cmr-munus-wa {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px; border-radius: 999px; border: 0; cursor: pointer;
  background: #25d366; color: #fff; font-weight: 700; font-size: 14px; text-decoration: none;
}

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

.cmr-munus-wa:disabled { opacity: .6; cursor: wait; }

.cmr-munus-wa svg { width: 18px; height: 18px; color: #fff !important; fill: currentColor; }

.cmr-munus-visita-ok { display: inline-flex; align-items: center; gap: 6px; color: #0b6b3a; font-weight: 600; }

.cmr-munus-visita-ok svg { width: 16px; height: 16px; }

.cmr-munus-visita-error { color: #9b2c2c; margin: 0; }