/* ============================================
   SPRAWBERRY ADMIN THEME - RED & ORANGE
   ============================================ */

:root {
    --primary: #e53935;
    --primary-dark: #c62828;
    --primary-light: #ffebee;
    --accent: #FF6B35;
    --orange: #F5A623;
    --white: #ffffff;
    --gray-100: #f5f5f5;
    --gray-200: #eeeeee;
    --gray-300: #e0e0e0;
    --text-dark: #2d3436;
    --text-muted: #636e72;
    --success: #00b894;
    --danger: #e74c3c;
}

body {
    background-color: #f5f6fa !important;
}

a {
    color: #e53935;
}

a:hover,
a:focus {
    color: #c62828;
}

/* === BUTTONS === */
.btn:hover {
    cursor: pointer;
}

.btn-primary {
    color: #fff !important;
    background-color: #e53935 !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(229, 57, 53, 0.3) !important;
    transition: all 0.3s ease !important;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active {
    background-color: #c62828 !important;
    box-shadow: 0 6px 20px rgba(229, 57, 53, 0.4) !important;
    transform: translateY(-1px) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #e53935 !important;
    opacity: 0.6 !important;
}

.btn-outline-primary {
    color: #e53935 !important;
    border-color: #e53935 !important;
    border-radius: 8px !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #e53935 !important;
}

.btn-success {
    background-color: #00b894 !important;
    border: none !important;
    border-radius: 8px !important;
}

.btn-danger {
    background-color: #e74c3c !important;
    border: none !important;
    border-radius: 8px !important;
}

.btn-warning {
    background-color: #F5A623 !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
}

.btn-info {
    background-color: #FF6B35 !important;
    border: none !important;
    border-radius: 8px !important;
}

/* === HEADER === */
.header {
    background-color: #e53935 !important;
    box-shadow: 0 2px 15px rgba(229, 57, 53, 0.3) !important;
}

.header .navbar-toolbar>li>a {
    color: #fff !important;
}

.header .navbar-toolbar>li>a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
}

.header .sidebar-toggler {
    color: #fff !important;
}

.header .navbar-search .form-control {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 25px !important;
}

.header .navbar-search .form-control::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

.header .navbar-search .search-icon {
    color: #fff !important;
}

/* === SIDEBAR === */
.page-sidebar {
    background-color: #fff !important;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.05) !important;
}

.page-brand {
    background-color: #e53935 !important;
}

.page-brand .brand {
    color: #fff !important;
    font-weight: 700 !important;
}

.side-menu li a {
    color: #000 !important;
    border-radius: 8px !important;
    margin: 3px 10px !important;
    transition: all 0.3s ease !important;
}

.side-menu li a span {
    color: #000 !important;
}

.side-menu li a:hover {
    color: #e53935 !important;
    background-color: #ffebee !important;
}

.side-menu li.active>a {
    color: #e53935 !important;
    background-color: #ffebee !important;
    font-weight: 600 !important;
}

/* Orange icons */
.side-menu li .sidebar-item-icon {
    color: #F5A623 !important;
}

.side-menu>li.active>a {
    background-color: #ffebee !important;
    border-left: 4px solid #e53935 !important;
    border-radius: 0 8px 8px 0 !important;
    margin-left: 0 !important;
}

.side-menu>li:hover>a {
    background-color: #ffebee !important;
}

.sidebar-mini .side-menu>li:hover>a {
    background-color: #e53935 !important;
    color: #fff !important;
}

.sidebar-mini .side-menu>li:hover .sidebar-item-icon {
    color: #fff !important;
}

.admin-block {
    background-color: #fafafa !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* === CARDS === */
.ibox {
    border-radius: 12px !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
    overflow: hidden !important;
    background: #fff !important;
}

.ibox-head {
    background-color: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 18px 20px !important;
}

.ibox-title {
    font-weight: 600 !important;
    color: #2d3436 !important;
    font-size: 16px !important;
}

.ibox-primary .ibox-head {
    background-color: #e53935 !important;
}

.ibox-primary .ibox-head .ibox-title {
    color: #fff !important;
}

.ibox-body {
    padding: 20px !important;
}

.card {
    border-radius: 12px !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
}

.card-header {
    background-color: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 18px 20px !important;
    font-weight: 600 !important;
}

/* === BADGES === */
.badge-primary,
.label-primary {
    background-color: #e53935 !important;
}

.badge-success,
.label-success {
    background-color: #00b894 !important;
}

.badge-warning,
.label-warning {
    background-color: #F5A623 !important;
    color: #fff !important;
}

.badge-info,
.label-info {
    background-color: #FF6B35 !important;
}

/* === TABLES === */
.table {
    background: #fff !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.table thead th {
    background: linear-gradient(135deg, #f8f9fa 0%, #f0f2f5 100%) !important;
    border-bottom: 2px solid #e53935 !important;
    border-top: none !important;
    color: #2d3436 !important;
    font-weight: 700 !important;
    padding: 16px 18px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    white-space: nowrap !important;
    position: relative !important;
}

.table thead th:first-child {
    border-radius: 0 !important;
}

.table thead th:last-child {
    border-radius: 0 !important;
}

.table tbody td {
    padding: 16px 18px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-top: none !important;
    color: #555 !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

.table tbody tr {
    transition: all 0.2s ease !important;
}

.table tbody tr:hover {
    background-color: #fff8e1 !important;
}

.table tbody tr:hover td {
    color: #2d3436 !important;
}

.table tbody tr:last-child td:first-child {
    border-radius: 0 !important;
}

.table tbody tr:last-child td:last-child {
    border-radius: 0 !important;
}

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

.table-striped tbody tr:nth-of-type(even) {
    background-color: #fff !important;
}

/* Table responsive wrapper */
.table-responsive {
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    padding: 0 !important;
}

/* Table image thumbnails */
.table tbody td img {
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.2s ease !important;
}

.table tbody td img:hover {
    transform: scale(1.1) !important;
}

/* === DATATABLES === */
.dataTables_wrapper {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 20px !important;
    padding: 0 5px !important;
}

.dataTables_wrapper .dataTables_filter {
    float: right !important;
    text-align: right !important;
}

.dataTables_wrapper .dataTables_length label {
    color: #555 !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.dataTables_wrapper .dataTables_length select {
    border-radius: 10px !important;
    padding: 10px 35px 10px 15px !important;
    border: 2px solid #e0e0e0 !important;
    background-color: #f8f9fa !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.dataTables_wrapper .dataTables_length select:focus {
    border-color: #e53935 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 4px rgba(229, 57, 53, 0.1) !important;
    outline: none !important;
}

.dataTables_wrapper .dataTables_filter label {
    color: #555 !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 25px !important;
    padding: 12px 25px !important;
    border: 2px solid #e0e0e0 !important;
    width: 280px !important;
    background: #f8f9fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") no-repeat 15px center !important;
    padding-left: 45px !important;
    transition: all 0.3s ease !important;
    font-size: 14px !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
    border-color: #e53935 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 4px rgba(229, 57, 53, 0.1) !important;
    outline: none !important;
}

.dataTables_wrapper .dataTables_filter input::placeholder {
    color: #999 !important;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 20px !important;
    padding: 15px 5px 5px 5px !important;
    border-top: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:link,
.dataTables_wrapper .dataTables_paginate .paginate_button:visited {
    border-radius: 6px !important;
    /* margin: 0 2px !important; */
    /* padding: 6px 12px !important; */
    /* border: 1px solid #ddd !important; */
    background-color: #fff !important;
    color: #333 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:visited,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
    background-color: #e53935 !important;
    background: #e53935 !important;
    border: 1px solid #e53935 !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd !important;
    color: #333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: #fff !important;
    border: 1px solid #eee !important;
    color: #999 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    font-weight: 600 !important;
    color: #333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover:not(.disabled),
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover:not(.disabled) {
    background-color: #e53935 !important;
    border: 1px solid #e53935 !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_info {
    padding: 15px 5px 5px 5px !important;
    color: #888 !important;
    font-size: 13px !important;
    border-top: none !important;
}

/* DataTable sorting icons */
.dataTables_wrapper .dataTable thead .sorting:before,
.dataTables_wrapper .dataTable thead .sorting:after,
.dataTables_wrapper .dataTable thead .sorting_asc:before,
.dataTables_wrapper .dataTable thead .sorting_asc:after,
.dataTables_wrapper .dataTable thead .sorting_desc:before,
.dataTables_wrapper .dataTable thead .sorting_desc:after {
    opacity: 0.4 !important;
}

.dataTables_wrapper .dataTable thead .sorting_asc:after,
.dataTables_wrapper .dataTable thead .sorting_desc:before {
    opacity: 1 !important;
    color: #e53935 !important;
}

/* DataTable empty state */
.dataTables_wrapper .dataTables_empty {
    padding: 40px !important;
    text-align: center !important;
    color: #999 !important;
    font-size: 15px !important;
}

/* DataTable processing */
.dataTables_wrapper .dataTables_processing {
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1) !important;
    padding: 20px 30px !important;
    color: #e53935 !important;
    font-weight: 600 !important;
}

/* === FORMS === */
.form-control {
    border-radius: 8px !important;
    border: 1px solid #e0e0e0 !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
}

.form-control:focus {
    border-color: #e53935 !important;
    box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.1) !important;
}

.form-group label {
    font-weight: 600 !important;
    color: #2d3436 !important;
    margin-bottom: 8px !important;
}

/* === CHECKBOXES & RADIOS === */
.ui-checkbox-primary input:checked~.input-span {
    background-color: #e53935 !important;
    border-color: #e53935 !important;
}

.ui-radio-primary input:checked~.input-span {
    background-color: #e53935 !important;
}

/* === TABS === */
.nav-tabs {
    border-bottom: 2px solid #f0f0f0 !important;
}

.nav-tabs .nav-link {
    border: none !important;
    color: #636e72 !important;
    padding: 12px 20px !important;
    font-weight: 500 !important;
}

.nav-tabs .nav-link:hover {
    color: #e53935 !important;
}

.nav-tabs .nav-link.active {
    border: none !important;
    border-bottom: 3px solid #e53935 !important;
    color: #e53935 !important;
    font-weight: 600 !important;
    background: transparent !important;
}

.nav-pills .nav-link.active {
    background-color: #e53935 !important;
    border-radius: 25px !important;
}

/* === PAGINATION === */
.page-item.active .page-link {
    background-color: #e53935 !important;
    border-color: #e53935 !important;
    color: #fff !important;
}

.page-link {
    color: #e53935 !important;
    border-radius: 8px !important;
    margin: 0 3px !important;
}

.page-link:hover {
    background-color: #ffebee !important;
}

.pagination .active>a,
.pagination .active>a:focus,
.pagination .active>a:hover,
.pagination .active>span,
.pagination .active>span:focus,
.pagination .active>span:hover,
.pagination .page-item.active .page-link {
    background-color: #e53935 !important;
    border-color: #e53935 !important;
    color: #fff !important;
}

/* === DROPDOWN === */
.dropdown-menu {
    border: none !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1) !important;
    border-radius: 10px !important;
    padding: 10px !important;
}

.dropdown-item {
    border-radius: 6px !important;
    padding: 10px 15px !important;
}

.dropdown-item:hover {
    background-color: #ffebee !important;
    color: #e53935 !important;
}

.dropdown-item.active {
    background-color: #e53935 !important;
}

/* === MODAL === */
.modal-content {
    border: none !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15) !important;
}

.modal-header {
    background-color: #e53935 !important;
    color: #fff !important;
    border-radius: 15px 15px 0 0 !important;
    padding: 20px 25px !important;
}

.modal-header .modal-title {
    font-weight: 600 !important;
}

.modal-header .close {
    color: #fff !important;
    opacity: 0.8 !important;
}

.modal-body {
    padding: 25px !important;
}

.modal-footer {
    padding: 15px 25px !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* === ALERTS === */
.alert {
    border-radius: 10px !important;
    border: none !important;
}

.alert-primary {
    background-color: #ffebee !important;
    color: #c62828 !important;
}

.alert-success {
    background-color: #d4edda !important;
    color: #155724 !important;
}

/* === PROGRESS === */
.progress {
    border-radius: 10px !important;
    height: 8px !important;
    background-color: #f0f0f0 !important;
}

.progress-bar {
    background-color: #e53935 !important;
    border-radius: 10px !important;
}

/* === SELECT2 === */
.select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    height: 44px !important;
    border-color: #e0e0e0 !important;
}

.select2-container--default .select2-selection--single:focus {
    border-color: #e53935 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e53935 !important;
}

/* === UTILITIES === */
.bg-primary {
    background-color: #e53935 !important;
}

.text-primary {
    color: #e53935 !important;
}

.border-primary {
    border-color: #e53935 !important;
}

/* === BREADCRUMB === */
.breadcrumb {
    background: transparent !important;
    padding: 0 !important;
}

.breadcrumb-item.active {
    color: #e53935 !important;
}

.breadcrumb-item a {
    color: #636e72 !important;
}

.breadcrumb-item a:hover {
    color: #e53935 !important;
}

/* === SWEET ALERT === */
.swal2-confirm.swal2-styled {
    background-color: #e53935 !important;
    border-radius: 25px !important;
    padding: 12px 30px !important;
}

.swal2-cancel.swal2-styled {
    border-radius: 25px !important;
}

/* === TOASTR === */
.toast-success {
    background-color: #00b894 !important;
}

.toast-error {
    background-color: #e74c3c !important;
}

.toast-info {
    background-color: #e53935 !important;
}

/* === SCROLLBAR === */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f0f0f0;
}

::-webkit-scrollbar-thumb {
    background: #e53935;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #c62828;
}

/* === CONTENT WRAPPER === */
.content-wrapper {
    background-color: #f5f6fa !important;
}

/* === FOOTER === */
.page-footer {
    background-color: #fff !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* === NOTIFICATION === */
.header .navbar-toolbar>li .notify-signal {
    background-color: #F5A623 !important;
}

/* === LIST GROUP === */
.list-group-item {
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 15px 20px !important;
}

.list-group-item.active {
    background-color: #e53935 !important;
    border-color: transparent !important;
}

/* === SPINNER === */
.spinner-border.text-primary {
    color: #e53935 !important;
}

/* === SELECTION === */
::selection {
    background-color: #e53935;
    color: #fff;
}

/* === ACTION BUTTONS IN TABLES === */
.btn-sm {
    border-radius: 8px !important;
    padding: 8px 14px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.btn-sm:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.btn-xs {
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.btn-xs:hover {
    transform: translateY(-1px) !important;
}

/* Action button group */
.table .btn-group,
.table td .btn-group {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

/* Individual action buttons */
.table .btn-primary.btn-sm,
.table .btn-primary.btn-xs {
    background: linear-gradient(135deg, #e53935 0%, #c62828 100%) !important;
    box-shadow: 0 3px 10px rgba(229, 57, 53, 0.25) !important;
}

.table .btn-primary.btn-sm:hover,
.table .btn-primary.btn-xs:hover {
    box-shadow: 0 5px 15px rgba(229, 57, 53, 0.4) !important;
}

.table .btn-success.btn-sm,
.table .btn-success.btn-xs {
    background: linear-gradient(135deg, #00b894 0%, #00a884 100%) !important;
    box-shadow: 0 3px 10px rgba(0, 184, 148, 0.25) !important;
}

.table .btn-success.btn-sm:hover,
.table .btn-success.btn-xs:hover {
    box-shadow: 0 5px 15px rgba(0, 184, 148, 0.4) !important;
}

.table .btn-danger.btn-sm,
.table .btn-danger.btn-xs {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    box-shadow: 0 3px 10px rgba(231, 76, 60, 0.25) !important;
}

.table .btn-danger.btn-sm:hover,
.table .btn-danger.btn-xs:hover {
    box-shadow: 0 5px 15px rgba(231, 76, 60, 0.4) !important;
}

.table .btn-warning.btn-sm,
.table .btn-warning.btn-xs {
    background: linear-gradient(135deg, #F5A623 0%, #e09600 100%) !important;
    box-shadow: 0 3px 10px rgba(245, 166, 35, 0.25) !important;
}

.table .btn-warning.btn-sm:hover,
.table .btn-warning.btn-xs:hover {
    box-shadow: 0 5px 15px rgba(245, 166, 35, 0.4) !important;
}

.table .btn-info.btn-sm,
.table .btn-info.btn-xs {
    background: linear-gradient(135deg, #FF6B35 0%, #e55a24 100%) !important;
    box-shadow: 0 3px 10px rgba(255, 107, 53, 0.25) !important;
}

.table .btn-info.btn-sm:hover,
.table .btn-info.btn-xs:hover {
    box-shadow: 0 5px 15px rgba(255, 107, 53, 0.4) !important;
}

/* Icon-only buttons in tables */
.table .btn-sm i,
.table .btn-xs i {
    font-size: 13px !important;
}

/* Orange icon buttons */
.btn-warning i,
.btn-info i {
    color: #fff !important;
}

/* Action column styling */
.table td:last-child {
    white-space: nowrap !important;
}

/* Outline action buttons */
.table .btn-outline-primary.btn-sm,
.table .btn-outline-primary.btn-xs {
    border: 2px solid #e53935 !important;
    color: #e53935 !important;
    background: transparent !important;
}

.table .btn-outline-primary.btn-sm:hover,
.table .btn-outline-primary.btn-xs:hover {
    background: #e53935 !important;
    color: #fff !important;
}

.table .btn-outline-danger.btn-sm,
.table .btn-outline-danger.btn-xs {
    border: 2px solid #e74c3c !important;
    color: #e74c3c !important;
    background: transparent !important;
}

.table .btn-outline-danger.btn-sm:hover,
.table .btn-outline-danger.btn-xs:hover {
    background: #e74c3c !important;
    color: #fff !important;
}

/* === HOVER EFFECTS === */
.ibox:hover,
.card:hover {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
}

/* === STATUS STYLES === */
.status-active {
    background-color: #d4edda !important;
    color: #155724 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.status-inactive {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.status-pending {
    background-color: #fff3cd !important;
    color: #856404 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* === ENHANCED TABLE ELEMENTS === */
/* Avatar in tables */
.table .avatar,
.table .user-avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #fff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.table .avatar-sm {
    width: 32px !important;
    height: 32px !important;
}

.table .avatar-lg {
    width: 50px !important;
    height: 50px !important;
}

/* User info cell */
.table .user-info {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.table .user-info .user-details {
    display: flex !important;
    flex-direction: column !important;
}

.table .user-info .user-name {
    font-weight: 600 !important;
    color: #2d3436 !important;
    font-size: 14px !important;
}

.table .user-info .user-email {
    font-size: 12px !important;
    color: #888 !important;
}

/* Table badges */
.table .badge {
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Table ID column */
.table td.id-column,
.table th.id-column {
    width: 60px !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: #888 !important;
}

/* Serial number styling */
.table .serial-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #555 !important;
}

/* Date styling in tables */
.table .date-cell {
    color: #666 !important;
    font-size: 13px !important;
}

.table .date-cell .date {
    font-weight: 600 !important;
    color: #2d3436 !important;
}

.table .date-cell .time {
    font-size: 11px !important;
    color: #999 !important;
}

/* Price/Amount styling */
.table .amount,
.table .price {
    font-weight: 700 !important;
    color: #2d3436 !important;
    font-size: 15px !important;
}

.table .amount.positive,
.table .price.positive {
    color: #00b894 !important;
}

.table .amount.negative,
.table .price.negative {
    color: #e74c3c !important;
}

/* Empty table state */
.table tbody .empty-state {
    text-align: center !important;
    padding: 60px 20px !important;
}

.table tbody .empty-state i {
    font-size: 48px !important;
    color: #ddd !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.table tbody .empty-state p {
    color: #999 !important;
    font-size: 15px !important;
    margin: 0 !important;
}

/* Checkbox in tables */
.table input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    accent-color: #e53935 !important;
}

/* Toggle switch in tables */
.table .toggle-switch {
    position: relative !important;
    width: 50px !important;
    height: 26px !important;
    background: #e0e0e0 !important;
    border-radius: 26px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.table .toggle-switch.active {
    background: linear-gradient(135deg, #00b894 0%, #00a884 100%) !important;
}

.table .toggle-switch::after {
    content: '' !important;
    position: absolute !important;
    width: 22px !important;
    height: 22px !important;
    background: #fff !important;
    border-radius: 50% !important;
    top: 2px !important;
    left: 2px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

.table .toggle-switch.active::after {
    left: 26px !important;
}

/* Row selection highlight */
.table tbody tr.selected {
    background: linear-gradient(135deg, #fff5f5 0%, #ffebee 100%) !important;
    border-left: 4px solid #e53935 !important;
}

/* Table link styling */
.table a:not(.btn) {
    color: #e53935 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.table a:not(.btn):hover {
    color: #c62828 !important;
    text-decoration: underline !important;
}