@import 'admin-lte/dist/css/adminlte.min.css';
@import '@fortawesome/fontawesome-free/css/all.min.css';
@import 'bootstrap/dist/css/bootstrap.min.css';

@import 'datatables.net-bs4/css/dataTables.bootstrap4.min.css';
@import 'datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css';
@import 'select2-bootstrap4-theme/dist/select2-bootstrap4.min.css';

/* Custom Overrides for Minimalist UI */
:root {
    --primary: #FF9D00;
    --dark-bg: #f8f9fc;
}

/* Kill ALL shadows aggressively */
*, .card, .info-box, .small-box, .main-sidebar, .main-header, .btn, .nav-pills .nav-link, .modal-content, [class*="elevation-"] {
    box-shadow: none !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    -webkit-box-shadow: none !important;
}

.card, .info-box, .small-box, .main-sidebar, .main-header, .modal-content {
    border: 1px solid #dee2e6 !important;
}

.content-wrapper {
    background-color: #f4f6f9 !important;
}

.main-sidebar {
    border-right: 1px solid #dee2e6 !important;
}

.brand-link {
    border-bottom: 1px solid #dee2e6 !important;
    background-color: #fff !important;
    color: #333 !important;
}

/* Primary Color Overrides */
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.bg-primary,
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #e68a00 !important; /* Slightly darker orange */
    border-color: #e68a00 !important;
}

.text-primary {
    color: var(--primary) !important;
}

.badge {
    box-shadow: none !important;
    font-weight: 500;
}

/* Compact Dashboard */
.btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.form-control, .custom-select, .form-control-file {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

table.table-sm td, table.table-sm th {
    padding: 0.3rem;
}

.info-box {
    min-height: 60px;
}

.info-box .info-box-icon {
    width: 50px;
    font-size: 1.2rem;
}

.info-box .info-box-content {
    padding: 5px 10px;
}