/**
 * Arquivo com customizações css para agendamentos e reservas
 *
 * @author André Canali Garcia <acgarcia@sc.usp.br>
 * @copyright Copyright (c) 2026 Escola de Engenharia de São Carlos - EESC/USP
 *
 * CSS Document 
 */

/* Zebrado cinza de linhas duplas (exclusivo para Minhas Reservas, Moderações e Agendamentos) */
#registros-agendamento tbody tr:nth-child(4n+1),
#registros-agendamento tbody tr:nth-child(4n+1) > td,
#registros-agendamento tbody tr:nth-child(4n+2),
#registros-agendamento tbody tr:nth-child(4n+2) > td,
.table-double-striped tbody tr:nth-child(4n+1),
.table-double-striped tbody tr:nth-child(4n+1) > td,
.table-double-striped tbody tr:nth-child(4n+2),
.table-double-striped tbody tr:nth-child(4n+2) > td {
    background-color: rgba(0, 0, 0, 0.04) !important;
}

#registros-agendamento tbody tr:nth-child(4n+3),
#registros-agendamento tbody tr:nth-child(4n+3) > td,
#registros-agendamento tbody tr:nth-child(4n+4),
#registros-agendamento tbody tr:nth-child(4n+4) > td,
.table-double-striped tbody tr:nth-child(4n+3),
.table-double-striped tbody tr:nth-child(4n+3) > td,
.table-double-striped tbody tr:nth-child(4n+4),
.table-double-striped tbody tr:nth-child(4n+4) > td {
    background-color: #ffffff !important;
}

/* Efeito mouse over (hover) para o agendamento/reserva e seus detalhes */
#registros-agendamento.table-hover tbody tr.parent:hover > td,
#registros-agendamento.table-hover tbody tr.parent:hover + tr.child > td,
#registros-agendamento.table-hover tbody tr.child:hover > td,
#registros-agendamento.table-hover tbody tr.parent:has(+ tr.child:hover) > td,
.table-double-striped.table-hover tbody tr.parent:hover > td,
.table-double-striped.table-hover tbody tr.parent:hover + tr.child > td,
.table-double-striped.table-hover tbody tr.child:hover > td,
.table-double-striped.table-hover tbody tr.parent:has(+ tr.child:hover) > td {
    background-color: #fffde7 !important;
}

/* Separação visual entre eventos distintos */
#registros-agendamento tbody tr.child > td,
.table-double-striped tbody tr.child > td {
    border-top: 1px dashed #d0d7de !important;
    border-bottom: 2px solid #004a8f !important;
}

#registros-agendamento tbody tr.parent > td,
.table-double-striped tbody tr.parent > td {
    border-top: 2px solid #004a8f !important;
}
/* Customização para o painel de reservas na listagem de agendamentos */
#registros-agendamento tbody tr.child ul.dtr-details {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#registros-agendamento tbody tr.child ul.dtr-details > li {
    display: block !important;
    width: 100% !important;
    padding: 6px 0 !important;
    border-bottom: none !important;
}

#registros-agendamento tbody tr.child span.dtr-title {
    display: none !important;
}

#registros-agendamento tbody tr.child span.dtr-data {
    display: block !important;
    width: 100% !important;
}

.reservas-panel-container {
    width: 100%;
}

.reservas-panel-container .card-reserva-box {
    border-radius: 4px;
    background-color: #ffffff;
    transition: transform 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
}

.reservas-panel-container .card-reserva-box:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-1px);
}

.reservas-scroll-container {
    scrollbar-width: thin;
    scrollbar-color: #b0bec5 #f8f9fa;
}

.reservas-scroll-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.reservas-scroll-container::-webkit-scrollbar-track {
    background: #f8f9fa;
    border-radius: 3px;
}

.reservas-scroll-container::-webkit-scrollbar-thumb {
    background-color: #b0bec5;
    border-radius: 3px;
}

.reservas-scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: #78909c;
}