.panelev {
  background: #ecf0f3;
  border: 1px solid #0b1020;
  border-radius: 18px;
  padding: 20px;
  box-shadow: var(--shadow);
}
.header-envio {
  margin-left: -14px;
  margin-right: -14px;
  margin-top: -15px;
  margin-bottom: 24px;
  padding: 12px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border-bottom: 2px solid #062a56;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* En TODAS las pantallas: estilo base */
.direccion-celda {
  position: relative;
  vertical-align: middle;
}

/* El span que contiene el texto */
.direccion-texto {
  display: inline-block;
  max-width: 100%;
}

/* ── Estados inline ──────────────────────────────────── */
.estado-select {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 20px;
  padding: 5px 28px 5px 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition:
    opacity 0.15s,
    transform 0.1s;
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 10px;
  /* Chevron SVG como fondo */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

.estado-select:hover {
  opacity: 0.85;
  transform: scale(1.03);
}
.estado-select:active {
  transform: scale(0.98);
}

.estado-pendiente {
  background-color: #d90000;
  color: #fff;
}
.estado-enviado,
.estado-en_proceso {
  background-color: #ffff00;
  color: #000;
}
.estado-entregado {
  background-color: #2e7d32;
  color: #fff;
}
.estado-cancelado {
  background-color: #6b7280;
  color: #fff;
}

/* Opciones del select también coloreadas en navegadores que lo soporten */
.estado-select option {
  background: #fff;
  color: #111;
  font-weight: 700;
}
/* ── Filtro de estado con puntos de color ──────────────── */
#envEstadoFilter option[value="PENDIENTE"],
#estadoFilter option[value="PENDIENTE"],
#cursoEstadoFilter option[value="PENDIENTE"] {
  background: #d90000;
  color: #fff;
}

#envEstadoFilter option[value="ENVIADO"] {
  background: #ffff00;
  color: #000;
}

#estadoFilter option[value="EN_PROCESO"],
#cursoEstadoFilter option[value="EN_PROCESO"] {
  background: #ffff00;
  color: #000;
}

#envEstadoFilter option[value="ENTREGADO"],
#cursoEstadoFilter option[value="ENTREGADO"],
#estadoFilter option[value="ENTREGADO"] {
  background: #2e7d32;
  color: #fff;
}

#envEstadoFilter option[value="CANCELADO"] {
  background: #6b7280;
  color: #fff;
}