/* Custom styles for ITU Service Book System */

:root {
    --light-bg-primary: #ffffff;
    --light-bg-secondary: #f8f9fa;
    --light-bg-tertiary: #f1f1f1;
    --light-text-primary: #212529;
    --light-text-secondary: #6c757d;
    --light-border: #dee2e6;
    --light-accent: #5280ffec;
    --light-info: #0dcaf0;
}

body {
    background-color: #f8f9fa;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.footer {
    margin-top: auto;
}

.navbar-brand img {
    filter: brightness(0) invert(1);
}

.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
}

.card-header {
    font-weight: 500;
}

.table th {
    background-color: #f1f1f1;
}

.btn-group .btn {
    margin-right: 0.25rem;
}

.btn-group .btn:last-child {
    margin-right: 0;
}

/* DataTables customizations */
.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 1rem;
}

.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .dataTables_paginate {
    margin-top: 1rem;
}

.form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}

.badge {
    font-weight: 500;
    padding: 0.5em 0.75em;
}

/* Buttons */
.btn-primary {
    background-color: #5280ffec;
    border-color: #5280ffec;
    color: white !important;
}

.btn-primary:hover {
    background-color: #083d82;
    border-color: #083d82;
}

.btn-info {
    background-color: transparent;
    border-color: transparent;
    color: white !important;
}

.btn-info:hover {
    background-color: #023941;
    border-color: #023941;
}

/* Information button in tables */
.btn-info-icon {
    background-color: #0dcaf0 !important;
    color: white !important;
    border-color: #0dcaf0 !important;
}

/* Icons */
.fa-info-circle {
    color: #68648a;
}

/* Edit record page */
.edit-details .row {
    border-bottom: 1px solid #e9ecef;
    padding: 0.5rem 0;
}

.edit-details .row:last-child {
    border-bottom: none;
}

/* History reason badge in light mode */
.badge.bg-history {
    background-color: #0dcaf0;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .btn-group {
        flex-direction: column;
    }
    
    .btn-group .btn {
        margin-right: 0;
        margin-bottom: 0.5rem;
        width: 100%;
    }
    
    .btn-group .btn:last-child {
        margin-bottom: 0;
    }
}




.branch-dropdown {
    background: var(--light-bg-primary);
    border: 1px solid var(--light-border);
    color: var(--light-text-primary);
}

.branch-dropdown-header {
    color: var(--dark-success);
    border-bottom: 1px solid var(--light-border);
}

.branch-dropdown-item {
    color: var(--light-text-primary);
}

.branch-dropdown-item i {
    color: var(--light-text-secondary);
}

.branch-dropdown-item:hover {
    background: linear-gradient(
        90deg,
        var(--light-bg-secondary) 0%,
        var(--light-bg-tertiary) 100%
    );
    border-left-color: var(--light-accent);
}

.branch-dropdown-item.active {
    background: var(--light-bg-tertiary);
    border-left-color: var(--light-accent);
    color: var(--light-text-primary);
}