/* app/static/css/custom_ferias.css */

.card-color-1 { border-left: 5px solid #4e73df; }
.card-color-2 { border-left: 5px solid #1cc88a; }
.card-color-3 { border-left: 5px solid #36b9cc; }
.card-color-4 { border-left: 5px solid #f6c23e; }
.card-color-5 { border-left: 5px solid #e74a3b; }
.card-color-6 { border-left: 5px solid #858796; }

.btn-relatorio {
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
}

/* Estilos para o novo breadcrumb em card */
.breadcrumb-card-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0;
    margin-bottom: 1.5rem;
    list-style: none;
}

.breadcrumb-card-item a {
    display: block;
    padding: 0.5rem 1rem;
    background-color: #fff;
    border: 1px solid #1cc88a; /* Verde padrão */
    border-radius: 0.35rem;
    color: #1cc88a;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.breadcrumb-card-item a:hover {
    background-color: #1cc88a;
    color: #fff;
}

.breadcrumb-card-item.active a {
    background-color: #1cc88a;
    color: #fff;
    font-weight: bold;
    pointer-events: none; /* Não clicável */
}

.action-cell {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Correção do Layout do Modal de Agendamento de Férias */
.gozo-slot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.gozo-slot .form-control {
    flex: 1 1 auto;
    min-width: 100px;
}

.gozo-slot .gozo-dias {
    flex: 0 1 90px;
}

.gozo-slot .remove-gozo-btn {
    flex-shrink: 0;
}