.color-verde-personalizado {
    color: #4CBB17 !important;
}

/* Switch Styles */
.switch-container {
    display: flex;
    align-items: center; /* Alinea verticalmente el texto con el switch */
    gap: 10px; /* Espacio entre el switch y el texto */
}

.switch-checkbox {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-label {
    position: relative;
    cursor: pointer;
    width: 60px; /* Tamaño del switch */
    height: 34px; /* Tamaño del switch */
    background-color: #ccc;
    border-radius: 34px;
    transition: .4s;
}

.switch-label:before {
    content: "";
    position: absolute;
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    transition: .4s;
}

.switch-checkbox:checked + .switch-label {
    background-color: #2196F3;
}

.switch-checkbox:checked + .switch-label:before {
    transform: translateX(26px);
}

.switch-text {
    user-select: none; /* Evita que el texto sea seleccionable */
}

/* Typography Styles */
h1 {
    font-size: 2em; /* Tamaño de la fuente */
    font-weight: bold; /* Peso de la fuente */
    color: #333; /* Color del texto */
    margin-bottom: 20px; /* Espaciado inferior */
}

h2 {
    font-size: 1.5em; /* Tamaño de la fuente */
    font-weight: bold; /* Peso de la fuente */
    color: #555; /* Color del texto */
    margin-bottom: 15px; /* Espaciado inferior */
}

label {
    font-size: 1em; /* Tamaño de la fuente */
    color: #666; /* Color del texto */
    display: block; /* Mostrar la etiqueta en una nueva línea */
    margin-bottom: 5px; /* Espaciado inferior */
}

/* Form and Input Styles */
input {
    width: 100%; /* Ancho completo del contenedor */
    padding: 8px; /* Espaciado interno */
    border: 1px solid #ccc; /* Borde */
    border-radius: 4px; /* Bordes redondeados */
    margin-bottom: 10px; /* Espaciado inferior */
    box-sizing: border-box; /* Incluir padding y borde en el ancho total */
}

form {
    margin-bottom: 20px; /* Espaciado inferior para separar formularios */
}

button {
    background-color: #4CAF50; /* Color de fondo */
    color: white; /* Color del texto */
    padding: 10px 20px; /* Espaciado interno */
    border: none; /* Sin borde */
    border-radius: 4px; /* Bordes redondeados */
    cursor: pointer; /* Cursor de mano para indicar interacción */
    margin-bottom: 15px; /* Espaciado inferior */
}

button:hover {
    background-color: #0071BC; /* Color de fondo al pasar el ratón */
}

button:disabled {
    background-color: #ccc; /* Color de fondo apagado */
    color: #777; /* Color del texto apagado */
    cursor: not-allowed; /* Cursor de no permitido */
}

input:disabled, select:disabled {
    background-color: #f0f0f0; /* Fondo más claro */
    border: 1px solid #ccc; /* Borde gris claro */
    color: #777; /* Color del texto apagado */
    cursor: not-allowed; /* Cursor de no permitido */
}

/* Factura Form Styles */
#factura-contenedor {
    display: flex;
    justify-content: space-between;
    margin: 20px;
}

#factura-formulario {
    width: 60%;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Consolidated Products Styles */
#productos-consolidados {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    width: 35%;
    max-height: 95vh; /* Ajusta al 80% del alto de la ventana */
    overflow-y: auto;
    position: sticky;
    top: 20px;
}
.payment-processing-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    width: 100%;
}

#productos-consolidados select,
#productos-consolidados input[type="button"] {
    width: 100%;
    margin-bottom: 10px;
}

#total-container {
    margin-top: 20px;
}

/* Table Styles */
.consolidated-products-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.consolidated-products-table th, .consolidated-products-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.consolidated-products-table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.consolidated-products-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.consolidated-products-table tr:hover {
    background-color: #f1f1f1;
}

/* Filters and States Styles */
.filtro-contenedor {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.filtro-item {
    flex: 1;
    min-width: 250px;
}

.estado-contenedor {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.estado-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

#estado-pedidos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 600px;
}

.estado-item {
    width: 30%;
    display: flex;
    align-items: center;
}

.estado-item input[type="checkbox"] {
    margin-right: 8px;
}

/* Order Status Styles */
.widefat td.status-wc-completed,
.widefat td.status-wc-cancelled,
.widefat td.status-wc-pending,
.widefat td.status-wc-on-hold,
.widefat td.status-wc-processing,
.widefat td.status-wc-refunded,
.widefat td.status-wc-failed {
    border-radius: 3px;
    padding: 5px 10px;
    text-align: center;
    display: inline-block;
    min-width: 100px;
    color: #000 !important; /* Letras negras */
    font-weight: regular;
}

.widefat td.status-wc-completed {
    background-color: rgba(122, 208, 58, 0.54) !important; /* Verde con 54% de opacidad */
}

.widefat td.status-wc-cancelled {
    background-color: rgba(160, 0, 0, 0.54) !important; /* Rojo con 54% de opacidad */
}

.widefat td.status-wc-pending {
    background-color: rgba(153, 153, 153, 0.54) !important; /* Gris con 54% de opacidad */
}

.widefat td.status-wc-on-hold {
    background-color: rgba(255, 186, 0, 0.54) !important; /* Naranja con 54% de opacidad */
}

.widefat td.status-wc-processing {
    background-color: rgba(0, 124, 186, 0.54) !important; /* Azul con 54% de opacidad */
}

.widefat td.status-wc-refunded {
    background-color: rgba(247, 247, 247, 0.54) !important; /* Gris claro con 54% de opacidad */
}

.widefat td.status-wc-failed {
    background-color: rgba(160, 0, 0, 0.54) !important; /* Rojo oscuro con 54% de opacidad */
}

/* Facturado Row Styles */
.facturado {
    background-color: rgba(255, 0, 0, 0.1);
}

.facturado input[type="checkbox"] {
    display: none;
}

/* Fondo amarillo para pedidos del mes anterior */
.pedido-mes-anterior {
    background-color: #FFFF99; /* Fondo amarillo claro */
    font-weight: bold; /* Opcional: puedes hacer que el texto sea negrita */
    padding: 5px 10px; /* Espaciado dentro de la celda */
    border-radius: 3px; /* Bordes redondeados */
    display: inline-block; /* Para que sea una etiqueta */
}