/**
 * ======================================================
 * Meeting Rooms - Custom Styles
 * Author: JProgramacion
 * Description: Estilos personalizados que extienden theme.min.css
 * ======================================================
 */

/* ─── Login / Background ───────────────────────────────── */
.bg-body {
    background-image: url(../img/background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.navbar-brand-logo {
    min-width: 8.5rem !important;
    max-width: 8.5rem !important;
}

label.error {
    display: none !important;
}

#header {
    padding: 2.5rem !important;
}

@media only screen and (max-width: 600px) {
    #header {
        padding: .5rem !important;
    }
}

#logo-web {
    display: block;
}

#logo-movil {
    display: none;
}

@media only screen and (max-width: 600px) {
    #logo-web {
        display: none;
    }
    #logo-movil {
        display: block;
        width: 50px;
        padding: 4px;
    }
}

.disabled-pointer-event {
    pointer-events: none;
}

/* ─── Header Notifications Dropdown ────────────────────── */
.notif-dropdown {
    width: 22rem;
}

.notif-body-scroll {
    max-height: 20rem;
}

.account-dropdown {
    width: 16rem;
}

/* ─── Dashboard Home ───────────────────────────────────── */
.dashboard-card-scroll {
    max-height: 500px;
    overflow-y: auto;
}

.agenda-time-col {
    min-width: 65px;
}

.agenda-divider {
    width: 3px;
    height: 45px;
    border-radius: 3px;
}

.upcoming-time-col {
    min-width: 50px;
}

/* ─── Reservation Show - PIN Display ───────────────────── */
.pin-display {
    letter-spacing: 8px;
}

.pin-note {
    font-size: 12px;
}

/* ─── Room Edit - Availability Table ───────────────────── */
.avail-col-day {
    width: 180px;
}

.avail-col-active {
    width: 80px;
}

/* ─── Room Edit - PIN Logs ─────────────────────────────── */
.pin-logs-scroll {
    max-height: 300px;
    overflow-y: auto;
}