body {
    background-color: #263238 !important;
}
.navbar {
    background-color: #424242 !important;
    border-color: #424242 !important;
}
.navbar ul {
    background-color: #424242 !important;
}
a {
    color: #fff !important;
}
.card {
    background: #263238 !important;
    color: #fff;
}
.home .custom-link .content {
    background-color: #424242 !important;
}
.card-header {
    background: #263238 !important;
    border-color: #fff;
}
input {
    background: #424242 !important;
    border-color: #424242 !important;
    color: #fff !important;
}
.title {
    background: #263238 !important;
    color: #fff !important;
}
.customers .card-header,
.customers .card-body {
    background: #424242 !important;
}
.card-footer {
    background: #263238 !important;
}
.features .title {
    background: #424242 !important;
}
p {
    color: #fff;
}
.sidebar-content {
    background: #424242 !important;
    border-color: #424242 !important;
}
.box {
    background: #424242 !important;
    border: 1px solid #424242 !important;
}

.desktop-links .table thead tr {
    border-bottom: 4px solid #424242 !important;
}

.desktop-links .table thead th {
    color: #fff !important;
    background: #424242 !important;
}
.desktop-links .table tbody th,
.desktop-links .table tbody td {
    background: #263238 !important;
    color: #fff !important;
}

.desktop-links .heading-section {
    color: #fff;
}
.desktop-links .table tbody tr {
    border-bottom: 4px solid #424242;
}

.mobile-links thead tr {
    background: #3c3e3f !important;
}
.table thead th {
    border-bottom: 2px solid #424242 !important;
}
.table td,
.table th {
    border-top: 1px solid #424242 !important;
    color: #fff;
}

.mobile-links .link-td .link-info {
    color: #fff !important;
}
.mobile-links h2 {
    color: #fff !important;
}
h3 {
    color: #fff;
}
.card {
    margin-bottom: 50px;
    border-color: #fff;
}
.account input[type="submit"] {
    background: #007bff !important;
}
label, label[for="upload"]{
	color: #fff !important
}
/* ══════════════════════════════════════════════════════════════
   إكمال السمة الداكنة — 2026-09-05
   الملف الأصلي كان يلوّن .card و.card-header دون .card-body،
   فتبقى أجساد البطاقات بيضاء على خلفية داكنة. وكان يفتقد كذلك
   textarea و select والتذييل والتنبيهات وصندوق الرفع.
   اللوحة نفسها: خلفية #263238، سطح #37474f، نصّ #eceff1.
   ══════════════════════════════════════════════════════════════ */

/* لون النصّ الأساسي: يرث منه أكثر المحتوى فلا نحتاج !important لكل عنصر */
body {
    color: #eceff1 !important;
}

/* أسطح البطاقات والقوائم والنوافذ */
.card-body,
.card-footer,
.modal-content,
.modal-header,
.modal-footer,
.dropdown-menu,
.list-group-item,
.accordion .card {
    background: #263238 !important;
    color: #eceff1 !important;
}

.modal-header,
.card-header {
    border-bottom-color: #37474f !important;
}

.card,
.card-header,
.card-footer {
    border-color: #37474f !important;
}

.dropdown-item {
    color: #eceff1 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: #37474f !important;
    color: #fff !important;
}

/* العناوين */
h1, h2, h4, h5, h6 {
    color: #eceff1 !important;
}

.text-muted,
small.text-muted {
    color: #90a4ae !important;
}

/* الحقول */
textarea,
select,
.form-control,
.custom-select {
    background: #37474f !important;
    border-color: #455a64 !important;
    color: #eceff1 !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.custom-select:focus {
    background: #37474f !important;
    color: #fff !important;
    border-color: #3d9bff !important;
    box-shadow: 0 0 0 .2rem rgba(61, 155, 255, .25) !important;
}

::placeholder {
    color: #90a4ae !important;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #90a4ae !important;
}

/* صندوق الرفع */
#mainDropzone {
    background: linear-gradient(180deg, rgba(90, 170, 255, .12), rgba(90, 170, 255, .04)) !important;
    border-color: rgba(90, 170, 255, .45) !important;
}

#mainDropzone .dz-title,
#mainDropzone .dz-hint,
#mainDropzone .dz-formats {
    color: #eceff1 !important;
}

#mainDropzone .dz-preview .dz-details {
    background: rgba(38, 50, 56, .9) !important;
    color: #eceff1 !important;
}

/* التنبيهات */
.alert-danger {
    background: #452127 !important;
    border-color: #6d2c33 !important;
    color: #ffcdd2 !important;
}

.alert-danger h5,
.alert-danger .close {
    color: #ffcdd2 !important;
}

.alert-success {
    background: #1b3a2b !important;
    border-color: #2e5c44 !important;
    color: #c8e6c9 !important;
}

.alert-info {
    background: #1c3a45 !important;
    border-color: #2c5a6b !important;
    color: #b3e5fc !important;
}

/* الفواصل والتذييل وشريط التقدّم */
hr {
    border-color: #37474f !important;
}

.footer {
    background: #1e272c !important;
    color: #eceff1 !important;
}

.progress {
    background: #37474f !important;
}

/* الجداول */
.table {
    color: #eceff1 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #2b373d !important;
}

/* صناديق المحتوى العامة */
.content,
.section,
.panel,
.well {
    background: #263238 !important;
    color: #eceff1 !important;
}