/*  SHAMS AL-JEBEL */
:root {
    --color-background: #F7F7F7;
    --color-surface: #FFFFFF;
    --color-primary: #8C6C2B;
    --color-primary-light: #C9A94A;
    --color-primary-mid: #AA8737;
    --color-primary-dark: #73591E;
    --color-primary-600: #8C6C2B;
    --color-primary-700: #73591E;
    --color-primary-500: #73591E;
    --color-primary-400: #8C6C2B;
    --color-text: #2B2B2B;
    --color-text-muted: #6B6B6B;

    --color-secondary: #6E6259;
    --color-secondary-mid: #857A70;
    --color-secondary-light: #B9AFA5;
    --color-secondary-dark: #4A413A;

    --color-success: #6B8E3D;
    --color-success-mid: #7FA34A;
    --color-success-light: #A8C97E;
    --color-success-dark: #4B6B2E;
    --color-success-bg: #EEF3E5;
    --color-success-text: #2E3D1E;

    --color-danger: #A64B3A;
    --color-danger-mid: #B85F4D;
    --color-danger-light: #E3A99C;
    --color-danger-dark: #7A3527;
    --color-danger-bg: #FBEBE7;
    --color-danger-text: #5C2419;

    --color-warning: #C48A1D;
    --color-warning-mid: #D69B2E;
    --color-warning-light: #EFCB84;
    --color-warning-dark: #93670F;
    --color-warning-bg: #FBF1DD;
    --color-warning-text: #5C4109;

    --color-info: #4C748C;
    --color-info-mid: #5F899F;
    --color-info-light: #A9C4D1;
    --color-info-dark: #365263;
    --color-info-bg: #E9F1F4;
    --color-info-text: #1F333D;

    --color-light: #F2F0EC;
    --color-dark: #2B2B2B;

    --border-radius: 6px;
    --border-radius-m: 15px;
    --border-color: #E1DCD3;
    --shadow-sm: 0 1px 3px rgba(43, 43, 43, 0.08);
    --shadow-md: 0 4px 12px rgba(43, 43, 43, 0.10);
    --transition: all 0.18s ease-in-out;
}

/*  Base */
body {
    background-color: var(--color-background);
    color: var(--color-text);
}

a {
    color: var(--color-primary-mid);
}

a:hover,
a:focus {
    color: var(--color-primary-dark);
    text-decoration: none;
}

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

/*  Buttons */
.btn {
    border-radius: var(--border-radius);
    font-weight: 500;
    letter-spacing: 0.2px;
    transition: var(--transition);
    box-shadow: none;
}

.btn:focus,
.btn.focus {
    box-shadow: 0 0 0 3px rgba(170, 135, 55, 0.25);
}

.btn-primary {
    color: #fff;
    background-color: var(--color-primary-mid);
    border-color: var(--color-primary-mid);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.btn-outline-primary {
    color: var(--color-primary-mid);
    border-color: var(--color-primary-mid);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--color-primary-mid);
    border-color: var(--color-primary-mid);
}

.btn-secondary {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary-dark);
}

.btn-success {
    color: #fff;
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.btn-success:hover,
.btn-success:focus {
    background-color: var(--color-success-dark);
    border-color: var(--color-success-dark);
}

.btn-outline-success {
    color: var(--color-success);
    border-color: var(--color-success);
}

.btn-outline-success:hover {
    color: #fff;
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.btn-danger {
    color: #fff;
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: var(--color-danger-dark);
    border-color: var(--color-danger-dark);
}

.btn-warning {
    color: #fff;
    background-color: var(--color-warning);
    border-color: var(--color-warning);
}

.btn-warning:hover,
.btn-warning:focus {
    color: #fff;
    background-color: var(--color-warning-dark);
    border-color: var(--color-warning-dark);
}

.btn-info {
    color: #fff;
    background-color: var(--color-info);
    border-color: var(--color-info);
}

.btn-info:hover,
.btn-info:focus {
    background-color: var(--color-info-dark);
    border-color: var(--color-info-dark);
}

.btn-light {
    color: var(--color-text);
    background-color: var(--color-light);
    border-color: var(--border-color);
}

.btn-dark {
    color: #fff;
    background-color: var(--color-dark);
    border-color: var(--color-dark);
}

/*  Alerts */
.alert {
    border-radius: var(--border-radius);
    border-width: 1px;
    font-size: 0.925rem;
}

.alert-primary {
    background-color: #F3ECDC;
    border-color: var(--color-primary-light);
    color: var(--color-primary-dark);
}

.alert-success {
    background-color: var(--color-success-bg);
    border-color: var(--color-success-light);
    color: var(--color-success-text);
}

.alert-danger {
    background-color: var(--color-danger-bg);
    border-color: var(--color-danger-light);
    color: var(--color-danger-text);
}

.alert-warning {
    background-color: var(--color-warning-bg);
    border-color: var(--color-warning-light);
    color: var(--color-warning-text);
}

.alert-info {
    background-color: var(--color-info-bg);
    border-color: var(--color-info-light);
    color: var(--color-info-text);
}

/*  Badges & Label */
.badge-primary {
    background-color: var(--color-primary-mid);
}

.badge-success {
    background-color: var(--color-success);
}

.badge-danger {
    background-color: var(--color-danger);
}

.badge-warning {
    background-color: var(--color-warning);
    color: #fff;
}

.badge-info {
    background-color: var(--color-info);
}

.badge-light {
    background-color: var(--color-light);
    color: var(--color-text);
}

.badge-dark {
    background-color: var(--color-dark);
}

/*  Forms */
.form-control {
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    color: var(--color-text);
    transition: var(--transition);
}

.form-control:focus,
#focusedInput {
    border-color: var(--color-primary-mid);
    box-shadow: 0 0 0 3px rgba(170, 135, 55, 0.15);
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--color-success);
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.cmxform .form-group input.error,
.cmxform .form-group textarea.error {
    border-color: var(--color-danger) !important;
}

.valid-feedback {
    color: var(--color-success);
}

.invalid-feedback {
    color: var(--color-danger);
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--color-primary-mid);
    border-color: var(--color-primary-mid);
}

::selection {
    background: var(--color-primary-mid);
    color: #fff;
}



/*  Cards / Panels */
.card,
.panel {
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    box-shadow: var(--shadow-sm);
}

.card-header,
.panel-heading {
    background-color: var(--color-surface);
    border-bottom: 1px solid var(--border-color);
    font-weight: 600;
    color: var(--color-primary-dark);
}

/*  Tables */
.table thead th {
    border-bottom: 2px solid var(--color-primary-light);
    font-weight: 600;
}

.table-hover tbody tr:hover {
    background-color: #FBF6EA;
}

/*  Pagincation */
.page-item.active .page-link {
    background-color: var(--color-primary-mid);
    border-color: var(--color-primary-mid);
}

.page-link {
    color: var(--color-primary-mid);
}

.page-link:hover {
    color: var(--color-primary-dark);
}

/*  Progress Bars */
.progress-bar {
    background-color: var(--color-primary-mid);
}

.progress-bar-success {
    background-color: var(--color-success);
}

.progress-bar-danger {
    background-color: var(--color-danger);
}

.progress-bar-warning {
    background-color: var(--color-warning);
}

.progress-bar-info {
    background-color: var(--color-info);
}

/*  NAVBAR / SIDEBAR (legacy hooks retained from existing implementation) */
.right-side-accordion .terques-bg,
.slimScrollBar,
.brand,
.sidebar-toggle-box,
.loading-subline,
.nicescroll-rails>div,
ul.top-menu>li>a:hover,
ul.top-menu>li>a:focus,
.toggle-right-box:hover,
.purple-bg {
    background: var(--color-primary-mid) !important;
}

ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li.active a,
ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus,
ul.sidebar-menu li a.active i,
ul.sidebar-menu li a:hover i,
ul.sidebar-menu li a:focus i,
.profile-information .profile-desk h1,
.panel-heading .nav>li.active>a,
.panel-heading .nav>li>a:hover,
.dropdown-menu.extended.logout>li>a:hover i,
.reset-pass_form .form_intro h3,
.ktt-logo h2 {
    color: var(--color-primary-dark);
}

.mail-nav>li.active>a,
.mail-nav>li.active>a:hover,
.mail-nav>li.active>a:focus,
.mail-nav>li>a:hover,
.mail-nav>li>a:focus {
    color: var(--color-primary-mid);
    border-right: 3px solid var(--color-primary-mid);
}

.sidebar-toggle-box .fa-bars {
    color: var(--color-primary-dark) !important;
}

a.logo,
.form-signin h2.form-signin-heading {
    color: #fff;
}

.form-signin h2.form-signin-heading {
    background: var(--color-primary-mid);
    border-bottom: 10px solid var(--color-primary-dark);
}

.ktt-form-signin button,
.ktt-form-signin button.btn:active,
.ktt-form-signin button.btn:focus,
.ktt-form-signin button.btn:hover,
.form-signin .btn-login,
#statview .panel-heading,
.reset-pass_form .submit-btn {
    background-color: var(--color-primary-mid);
}

@media print {
    #statview .panel-heading {
        background-color: var(--color-primary-mid) !important;
    }
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #FFF
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #6B6B6B;
    color: #FFF;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #C9A94A;
    color: #2B2B2B;
}

.panel-heading {
    border-top-left-radius: var(--border-radius-m);
    border-top-right-radius: var(--border-radius-m);
}

.panel {
    border-radius: var(--border-radius-m);
}