/* Custom overrides for the Payroll System
   Bootstrap Darkly theme with data-bs-theme="dark" handles most dark styling.
   This file contains app-specific tweaks only.
*/

/* Card tweaks */
.card {
    --bs-card-bg: var(--bs-tertiary-bg);
}

/* Small icon-only buttons: make them visually consistent */
.btn-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Sidebar icon spacing */
.sidebar-icon {
    font-size: 20px;
}

/* Links in card body - softer blue */
.card-body a {
    color: #6ea8fe;
}
.card-body a:hover {
    color: #9ec5fe;
}

/* Auth card header */
.card-header.bg-primary {
    background-color: #3b82f6 !important;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-secondary-border-color);
}