/* Ayuda y solicitudes (pantalla de la farmacia y bandeja del equipo).
   Todo cuelga de .sol para no pisar nada del resto de la aplicacion. */

.sol-nueva {
  padding: 18px 20px;
  margin-bottom: 26px;
  border: 1px solid #dce5ec;
  border-radius: 8px;
  background: #f8fbfd;
}

.sol-tipos { margin-bottom: 12px; }

.sol-texto { resize: vertical; }

.sol-acciones {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
}

.sol-error { color: #c0392b; }
.sol-ok { color: #2f9e5b; font-weight: bold; }

.sol-titulo-historial {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: bold;
}

.sol-item {
  padding: 14px 16px;
  margin-bottom: 12px;
  border: 1px solid #e3e9ef;
  border-left: 3px solid #cbd5df;
  border-radius: 6px;
}

/* Lo que sigue abierto se distingue sin tener que leer el estado. */
.sol-abierta { border-left-color: #2f9e5b; }

.sol-cabeza {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 12px;
}

.sol-tipo { background: #20384f; }

.sol-estado { color: #2f9e5b; font-weight: bold; }
.sol-estado-resuelta { color: #94a3b8; }

.sol-fecha { color: #94a3b8; margin-left: auto; }

/* El mensaje se escribe en un textarea: hay que respetar los saltos de linea,
   o llega todo en un parrafo corrido. */
.sol-mensaje {
  margin: 0;
  white-space: pre-wrap;
}

.sol-respuesta {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 6px;
  background: #f1f6fa;
}

.sol-respuesta p {
  margin: 0;
  white-space: pre-wrap;
}

.sol-respuesta-quien {
  margin-bottom: 4px;
  font-size: 12px;
  color: #64748b;
}

.sol-esperando,
.sol-vacio {
  margin: 10px 0 0;
  color: #94a3b8;
  font-style: italic;
}

/* ---- bandeja del equipo ---- */

.sol-filtros { margin-bottom: 18px; }

.sol-item-admin .sol-quien {
  margin-bottom: 8px;
  font-size: 13px;
  color: #64748b;
}

.sol-item-admin .sol-quien strong { color: #24313d; }

.sol-pantalla {
  font-family: Menlo, Consolas, monospace;
  font-size: 12px;
  color: #64748b;
}

.sol-responder { margin-top: 12px; }

.sol-responder textarea { resize: vertical; }

.sol-responder-acciones {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}