/* ============================================================
   Schichtplaner – Custom Styles
   ============================================================ */

/* Calendar grid */
.calendar-grid {
    font-size: .8rem;
    white-space: nowrap;
}

.calendar-grid th,
.calendar-grid td {
    vertical-align: middle;
    padding: .25rem .3rem;
}

.sticky-col {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
}

thead .sticky-col {
    background: #212529 !important;
    color: #fff;
    z-index: 3;
}

/* Bookable cell hover */
.calendar-grid .bookable:hover {
    background: #e8f4fd !important;
}

.calendar-grid .bookable .book-btn {
    font-size: .7rem;
    padding: .1rem .3rem;
}

/* My booking highlight */
.calendar-grid .my-booking {
    background: #d1ecf1 !important;
}

/* Admin calendar */
.admin-calendar {
    font-size: .75rem;
}

/* Toast notification */
#toastMsg.bg-success { background: #198754 !important; color: #fff; }
#toastMsg.bg-danger  { background: #dc3545 !important; color: #fff; }

/* Bootstrap xs button */
.btn-xs {
    font-size: .65rem;
    padding: .1rem .25rem;
    line-height: 1.2;
}

/* Sidebar active link */
.sidebar .nav-link.active {
    background: #e7f3ff;
    border-radius: .375rem;
}

/* Auth page background */
body.bg-light {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}