/* ===================================================
   Main Custom Stylesheet for Office Attendance System
   =================================================== */

/* --- Sidebar Layout Styles --- */
#wrapper { display: flex; transition: all 0.4s ease; }
#sidebar-wrapper { min-height: 100vh; width: 250px; margin-left: -250px; transition: margin .25s ease-out; }
#sidebar-wrapper .sidebar-heading { padding: 0.875rem 1.25rem; font-size: 1.2rem; font-weight: bold; }
#sidebar-wrapper .list-group { width: 250px; }
#page-content-wrapper { min-width: 100vw; }
#wrapper.toggled #sidebar-wrapper { margin-left: 0; }
#wrapper.toggled #page-content-wrapper { min-width: calc(100vw - 250px); }
@media (min-width: 768px) {
    #sidebar-wrapper { margin-left: 0; }
    #page-content-wrapper { min-width: 0; width: 100%; }
    #wrapper.toggled #sidebar-wrapper { margin-left: -250px; }
}

/* --- Login Page Styles --- */
.login-container { min-height: 100vh; display: flex; align-items: center; justify-content: center; background-color: #f8f9fa; }
.login-card { max-width: 450px; width: 100%; }

/* --- FullCalendar Admin Dashboard Color Coding --- */
.fc-day-is_present { background-color: #d1e7dd !important; }
.fc-day-has_issues { background-color: #fff3cd !important; cursor: pointer; }
.fc-day-is_holiday { background-color: #f8d7da !important; }

/* --- DataTables Layout Fix --- */
.dataTables_wrapper { width: 100%; }

/* --- Attendance Marking Table Styles --- */
.attendance-table td, 
.attendance-table th { vertical-align: middle; }

/* ================================================================ */
/* === STAFF DASHBOARD SUMMARY CARDS KE LIYE NAYE STYLES === */
/* ================================================================ */
.summary-card {
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
    padding: 1.25rem;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #fff; /* Default background */
}
.summary-card:hover {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    transform: translateY(-2px);
}
.summary-card-title {
    font-size: 0.8rem;
    font-weight: 700;
    color: #858796; /* Light grey text */
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}
.summary-card-value {
    font-size: 2.2rem; /* Thora bara size */
    font-weight: 700;
    color: #3a3b45; /* Dark grey text */
    line-height: 1.2;
}

/* Red color ke liye class */
.summary-card-value.text-danger {
    color: #e74a3b !important;
}

/* Colorful card ke liye alag se class */
.summary-card.card-colorful {
    background-color: #1cc88a; /* Green (aap koi bhi color de sakte hain) */
    color: #fff;
    border-color: #1cc88a;
}
.summary-card.card-colorful .summary-card-title {
    color: rgba(255, 255, 255, 0.8); /* Thora halka white */
}
.summary-card.card-colorful .summary-card-value {
    color: #fff; /* Poora white */
}