/* Custom Dark Mode Styles for Admin Panel - Matching App Colors */

body.dark-mode {
    background: #120e0b !important;
    background-color: #120e0b !important;
    color: #ebd5c1 !important;
}

body.dark-mode .main-content,
body.dark-mode #layout-wrapper {
    background: #120e0b !important;
    background-color: #120e0b !important;
}

body.dark-mode #page-topbar {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border-bottom: 1px solid #30231c !important;
}

body.dark-mode .navbar-brand-box {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border-bottom: 1px solid #30231c !important;
}

/* Top Header Icons and Profile */
body.dark-mode .header-item,
body.dark-mode .noti-icon i {
    color: #998577 !important;
}
body.dark-mode .header-item:hover,
body.dark-mode .noti-icon i:hover {
    color: #cc7d5e !important;
}
body.dark-mode .header-profile-user {
    background-color: #201814 !important;
    border: 1px solid #30231c !important;
    padding: 3px !important;
}

body.dark-mode .vertical-menu {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border-right: 1px solid #30231c !important;
}

body.dark-mode .card,
body.dark-mode .modal-content {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border: 1px solid #30231c !important;
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25) !important;
}

body.dark-mode .card-header,
body.dark-mode .card-footer,
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border-color: #30231c !important;
    color: #ebd5c1 !important;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
body.dark-mode .text-dark,
body.dark-mode .card-title {
    color: #f2e1d1 !important;
}

body.dark-mode .text-muted {
    color: #998577 !important;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background: #120e0b !important;
    background-color: #120e0b !important;
    border-color: #30231c !important;
    color: #ebd5c1 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border-color: #cc7d5e !important;
    color: #ebd5c1 !important;
    box-shadow: 0 0 0 0.15rem rgba(204, 125, 94, 0.25) !important;
}

body.dark-mode .form-control::placeholder {
    color: #8a786a !important;
}

body.dark-mode .table {
    color: #ebd5c1 !important;
    border-color: #30231c !important;
}

body.dark-mode .table th,
body.dark-mode .table td {
    border-color: #30231c !important;
}

body.dark-mode .table-light {
    background: #201814 !important;
    background-color: #201814 !important;
    color: #ebd5c1 !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #18110e !important;
    background-color: #18110e !important;
    color: #ebd5c1 !important;
}

body.dark-mode .table-hover > tbody > tr:hover > * {
    background: #201814 !important;
    background-color: #201814 !important;
    color: #ebd5c1 !important;
}

body.dark-mode .page-content {
    background: #120e0b !important;
    background-color: #120e0b !important;
}

body.dark-mode .footer {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    color: #998577 !important;
    border-top: 1px solid #30231c !important;
}

body.dark-mode .dropdown-menu {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border-color: #30231c !important;
}

body.dark-mode .dropdown-item {
    color: #ebd5c1 !important;
}

body.dark-mode .dropdown-item:hover, 
body.dark-mode .dropdown-item:focus {
    background: #30231c !important;
    background-color: #30231c !important;
    color: #f2e1d1 !important;
}

body.dark-mode .nav-tabs .nav-link,
body.dark-mode .nav-pills .nav-link {
    color: #ebd5c1 !important;
}

body.dark-mode .nav-tabs .nav-link.active,
body.dark-mode .nav-tabs .nav-item.show .nav-link {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    color: #f2e1d1 !important;
    border-color: #30231c #30231c #1b1411 !important;
}

body.dark-mode .nav-tabs {
    border-bottom-color: #30231c !important;
}

body.dark-mode .breadcrumb-item.active {
    color: #998577 !important;
}

body.dark-mode .pagination .page-link {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border-color: #30231c !important;
    color: #ebd5c1 !important;
}

body.dark-mode .pagination .page-item.active .page-link {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    color: #fff !important;
}

body.dark-mode .pagination .page-item.disabled .page-link {
    background: #120e0b !important;
    background-color: #120e0b !important;
    border-color: #30231c !important;
    color: #8a786a !important;
}

/* DataTables Overrides */
body.dark-mode .dataTables_wrapper .dataTables_length,
body.dark-mode .dataTables_wrapper .dataTables_filter,
body.dark-mode .dataTables_wrapper .dataTables_info,
body.dark-mode .dataTables_wrapper .dataTables_processing,
body.dark-mode .dataTables_wrapper .dataTables_paginate {
    color: #ebd5c1 !important;
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #ebd5c1 !important;
}
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #8a786a !important;
}

/* App Search */
body.dark-mode .app-search .form-control {
    background: #120e0b !important;
    background-color: #120e0b !important;
    color: #ebd5c1 !important;
    border-color: #30231c !important;
}

/* Metis Menu */
body.dark-mode .metismenu li.mm-active > a {
    color: #f2e1d1 !important;
}

/* Fix switch buttons */
body.dark-mode .form-check-input {
    background-color: #30231c !important;
    border-color: #4a382e !important;
    box-shadow: none !important;
}
body.dark-mode .form-check-input:checked {
    background-color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    box-shadow: none !important;
}

/* Primary Button and Badges overrides */
body.dark-mode .btn-primary {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    color: #fff !important;
    box-shadow: none !important;
}
body.dark-mode .btn-primary:hover,
body.dark-mode .btn-primary:active,
body.dark-mode .btn-primary:focus {
    background: #b56b4c !important;
    background-color: #b56b4c !important;
    border-color: #b56b4c !important;
}

body.dark-mode .btn-outline-primary {
    color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    background: transparent !important;
}
body.dark-mode .btn-outline-primary:hover,
body.dark-mode .btn-outline-primary.active {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
    border-color: #cc7d5e !important;
    color: #fff !important;
}

body.dark-mode .bg-primary,
body.dark-mode .avatar-title {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
}
body.dark-mode .text-primary {
    color: #cc7d5e !important;
}

/* Guest Layout Overrides */
body.dark-mode .guest-card-wrapper {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

body.dark-mode .ripped-header {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
}

body.dark-mode .ripped-content-pane {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
}

body.dark-mode .ripped-header-svg {
    fill: #1b1411 !important;
}

body.dark-mode .ripped-title {
    color: #f2e1d1 !important;
}

body.dark-mode .ripped-subtitle {
    color: #998577 !important;
}

body.dark-mode .ripped-input-group .form-control {
    background: #120e0b !important;
    background-color: #120e0b !important;
    border-color: #30231c !important;
    color: #ebd5c1 !important;
}

body.dark-mode .ripped-input-group i.input-icon,
body.dark-mode .ripped-input-group .btn-password-toggle {
    color: #8a786a !important;
    z-index: 10 !important;
}

body.dark-mode .ripped-input-group .btn-password-toggle:focus,
body.dark-mode .ripped-input-group .btn-password-toggle:active {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
}

body.dark-mode .ripped-submit-btn {
    background: #cc7d5e !important;
    background-color: #cc7d5e !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.dark-mode .ripped-or-divider {
    color: #998577 !important;
}

body.dark-mode .ripped-or-divider::before,
body.dark-mode .ripped-or-divider::after {
    border-color: #30231c !important;
}

body.dark-mode .ripped-social-btn {
    background: #1b1411 !important;
    background-color: #1b1411 !important;
    border-color: #30231c !important;
    color: #f2e1d1 !important;
}

body.dark-mode .ripped-social-btn:hover {
    border-color: #cc7d5e !important;
    color: #cc7d5e !important;
}

body.dark-mode .ripped-footer-link {
    color: #cc7d5e !important;
}

/* Square Action Buttons Override */
.btnEdit, .btnView, .btnDelete {
    border-radius: 6px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}