.dark-layout .form-control[type=file]::-webkit-file-upload-button{background-color:#283046}.dark-layout .form-control[type=file]::file-selector-button{background-color:#283046}

/* ========================================
   Global CSS Override: Darker Grey Borders & Text
   Make all grey borders and text 50% grey (#999999) for better visibility
   NOTE: Backgrounds are NOT changed - only borders and text
   ======================================== */

/* Form Controls - Input, Select, Textarea borders ONLY */
.form-control,
.form-select,
textarea.form-control,
input.form-control,
select.form-select {
    border-color: #999999 !important;
}

/* Form Controls - Focus state borders */
.form-control:focus,
.form-select:focus,
textarea.form-control:focus,
input.form-control:focus,
select.form-select:focus {
    border-color: #7a7a7a !important;
}

/* Card borders ONLY (background unchanged) */
.card {
    border-color: #999999 !important;
}

/* Table borders ONLY (background unchanged) */
.table,
.table td,
.table th {
    border-color: #999999 !important;
}

/* Horizontal rules */
hr {
    border-color: #999999 !important;
    opacity: 1 !important;
}

/* Dropdown borders ONLY (background unchanged) */
.dropdown-menu {
    border-color: #999999 !important;
}

/* Modal borders ONLY (background unchanged) */
.modal-content {
    border-color: #999999 !important;
}

/* Alert borders ONLY (background unchanged) */
.alert {
    border-color: #999999 !important;
}

/* List group borders ONLY (background unchanged) */
.list-group-item {
    border-color: #999999 !important;
}

/* Nav tabs borders ONLY (background unchanged) */
.nav-tabs {
    border-color: #999999 !important;
}

.nav-tabs .nav-link {
    border-color: #999999 !important;
}

/* Pagination borders ONLY (background unchanged) */
.page-link {
    border-color: #999999 !important;
}

/* Input group borders ONLY (background unchanged) */
.input-group-text {
    border-color: #999999 !important;
}

/* Badge borders ONLY (background unchanged) */
.badge {
    border-color: #999999 !important;
}

/* Breadcrumb dividers - text color only */
.breadcrumb-item + .breadcrumb-item::before {
    color: #999999 !important;
}

/* Text muted - make darker (text color only, no background) */
.text-muted,
.text-secondary,
small.text-muted {
    color: #7a7a7a !important;
}

/* Placeholder text - make darker (text color only) */
::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}

:-ms-input-placeholder {
    color: #999999 !important;
}

::-ms-input-placeholder {
    color: #999999 !important;
}

/* Disabled form controls - border and text only (background unchanged) */
.form-control:disabled,
.form-select:disabled {
    border-color: #adadad !important;
    color: #7a7a7a !important;
}

/* Border utilities - borders ONLY */
.border,
.border-top,
.border-end,
.border-bottom,
.border-start {
    border-color: #999999 !important;
}

/* Dividers - borders ONLY */
.divider {
    border-color: #999999 !important;
}

/* Light border class - borders ONLY */
.border-light {
    border-color: #999999 !important;
}

/* Select2 dropdown borders ONLY (background unchanged) */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: #999999 !important;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #7a7a7a !important;
}

/* Progress bars - borders ONLY (background unchanged) */
.progress {
    border-color: #999999 !important;
}

/* Accordion borders ONLY (background unchanged) */
.accordion-item {
    border-color: #999999 !important;
}

/* Offcanvas borders ONLY (background unchanged) */
.offcanvas {
    border-color: #999999 !important;
}

/* Popover borders ONLY (background unchanged) */
.popover {
    border-color: #999999 !important;
}

/* Toast borders ONLY (background unchanged) */
.toast {
    border-color: #999999 !important;
}

/* Skeleton loading animation for dashboard cards */
@keyframes skeleton-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}

.skeleton-box {
    animation: skeleton-pulse 1.5s ease-in-out infinite;
}