/* ================================================
            DISEÑO GLOBAL DE LA PÁGINA
================================================ */

body {
    min-height: 100vh;
    background-image: url("../img/upv-background.jpg");
    background-color: rgba(56, 56, 56);
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
}

header {
    /* mismo borde que las cards */
    border: 1px solid var(--bs-card-border-color, var(--bs-border-color-translucent));
}

/* ================================================
            COLORES DE BOTONES CUSTOM
================================================ */
.btn-primary {
    --bs-btn-bg: #0056b3;
    --bs-btn-border-color: #004085;
    --bs-btn-hover-bg: #004085;
    --bs-btn-hover-border-color: #003d82;
    --bs-btn-active-bg: #003d82;
    --bs-btn-active-border-color: #003a75;
}

.btn-secondary {
    --bs-btn-bg: #5a6268;
    --bs-btn-border-color: #545b62;
    --bs-btn-hover-bg: #545b62;
    --bs-btn-hover-border-color: #4e555b;
    --bs-btn-active-bg: #4e555b;
    --bs-btn-active-border-color: #47494f;
}

.btn-success {
    --bs-btn-bg: #157347;
    --bs-btn-border-color: #146c43;
    --bs-btn-hover-bg: #146c43;
    --bs-btn-hover-border-color: #13653f;
    --bs-btn-active-bg: #13653f;
    --bs-btn-active-border-color: #0f5132;
}

.btn-info {
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0bb5d6;
    --bs-btn-hover-bg: #0bb5d6;
    --bs-btn-hover-border-color: #0aa1c2;
    --bs-btn-active-bg: #0aa1c2;
    --bs-btn-active-border-color: #098dad;
}

.btn-warning {
    --bs-btn-bg: #e0a800;
    --bs-btn-border-color: #d39e00;
    --bs-btn-hover-bg: #d39e00;
    --bs-btn-hover-border-color: #c69500;
    --bs-btn-active-bg: #c69500;
    --bs-btn-active-border-color: #b8860b;
}

.btn-danger {
    --bs-btn-bg: #b02a37;
    --bs-btn-border-color: #a02834;
    --bs-btn-hover-bg: #a02834;
    --bs-btn-hover-border-color: #952530;
    --bs-btn-active-bg: #952530;
    --bs-btn-active-border-color: #8a232c;
}

/* ================================================
            MOSTRAR TABLAS COMO CLICKABLE
================================================ */
#projects-table tbody tr, #tasks-table tbody tr, #my-projects-table tbody tr {
    cursor: pointer;
}

#projects-table tbody tr:hover, #tasks-table tbody tr:hover, #my-projects-table tbody tr:hover {
    background-color: #f8f9fa;
}

/* ================================================
            CENTRAR CONTENIDO DE LAS CELDAS
================================================ */
#my-projects-table tbody td,
#projects-table tbody td,
#tasks-table tbody td {
    text-align: center;
    vertical-align: middle;
}

#my-projects-table thead th,
#projects-table thead th,
#tasks-table thead th {
    text-align: left;
}

/* ================================================
            SIDEBAR
================================================ */
/* que la altura se adapte al contenido */
#sidebar {
    min-height: auto;
}

/* en pantallas medianas, ocupar todo el alto y permitir scroll interno */
@media (min-width: 768px) {
    #sidebar {
        min-height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
    }
}