h5 {
    margin-top: 20px;
}

table {
    border: 1px #ccc solid;
    border-spacing: 0px;
    border-collapse: collapse;
}

th, td {
    padding: 10px;
    border: 1px #ccc solid;
}

/* Estilos para checkboxes de etiquetas */
.task-tags-checkboxes ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px !important;
    background-color: #f8f9fa;
}

.task-tags-checkboxes li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.task-tags-checkboxes label {
    display: inline-flex !important;
    align-items: center;
    padding: 8px 15px !important;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9em;
    font-weight: 500;
    color: white !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    border: 2px solid transparent;
    margin: 0 !important;
    background-color: #6c757d; /* Color por defecto */
}

.task-tags-checkboxes label:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.task-tags-checkboxes input[type="checkbox"] {
    margin-right: 8px !important;
    transform: scale(1.2);
    accent-color: white;
}

.task-tags-checkboxes input[type="checkbox"]:checked + * {
    border-color: #fff !important;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.5), 0 3px 8px rgba(0,0,0,0.3) !important;
    transform: scale(1.02) !important;
}

/* Colores específicos para cada etiqueta */
.task-tags-checkboxes label[for*="1"] { background-color: #6c757d !important; } /* Administrativo */
.task-tags-checkboxes label[for*="2"] { background-color: #007bff !important; } /* Comercial */
.task-tags-checkboxes label[for*="3"] { background-color: #fd7e14 !important; } /* Eventos */
.task-tags-checkboxes label[for*="4"] { background-color: #dc3545 !important; } /* Gestión/coordinación */
.task-tags-checkboxes label[for*="5"] { background-color: #343a40 !important; } /* Infraestructura */
.task-tags-checkboxes label[for*="6"] { background-color: #e83e8c !important; } /* Marketing e imagen */
.task-tags-checkboxes label[for*="7"] { background-color: #6f42c1 !important; } /* Recursos humanos */
.task-tags-checkboxes label[for*="8"] { background-color: #17a2b8 !important; } /* Reuniones externas */
.task-tags-checkboxes label[for*="9"] { background-color: #20c997 !important; } /* Reuniones internas */
.task-tags-checkboxes label[for*="10"] { background-color: #28a745 !important; } /* Trabajo técnico */