/**
 * SimplePrint Gumprint Theme — Pastel/Cream Style
 * Inspired by ClawTask.app
 * Version: 1.0.0
 * Load AFTER all existing CSS to override SPRUHA theme
 */

/* ============================================
   1. DESIGN TOKENS & GLOBAL
   ============================================ */
:root {
    /* Retro Palette */
    --gp-primary: #707F34;
    --gp-primary-hover: #5E6B2B;
    --gp-primary-dark: #4A5522;
    --gp-primary-light: #E8EDDA;
    --gp-primary-rgb: 112, 127, 52;

    --gp-secondary: #4B3D3A;
    --gp-text: #4B3D3A;
    --gp-text-secondary: #8C7E78;
    --gp-text-muted: #C4B5AC;

    --gp-bg: #F2E6D9;
    --gp-sidebar: #EFE6D8;
    --gp-card: #FDFAF6;
    --gp-header: #FDFAF6;
    --gp-border: #E2D8C2;
    --gp-border-light: #EDE4D6;
    --gp-input-border: #D6CBBA;

    --gp-success: #707F34;
    --gp-success-light: #E8EDDA;
    --gp-warning: #EEAC61;
    --gp-warning-light: #FDF3E1;
    --gp-danger: #E86755;
    --gp-danger-light: #FCEAE7;
    --gp-info: #7A9E9F;
    --gp-info-light: #E4EEEE;

    --gp-card-olive: #E8EDDA;
    --gp-card-rust: #FCEAE7;
    --gp-card-honey: #FDF3E1;
    --gp-card-teal: #E4EEEE;
    --gp-card-cream: #F2E6D9;
    --gp-card-brown: #EDE0D4;

    --gp-radius: 12px;
    --gp-radius-lg: 16px;
    --gp-radius-btn: 8px;
    --gp-radius-badge: 20px;
    --gp-radius-input: 8px;

    --gp-shadow-card: 0 1px 4px rgba(61, 57, 41, 0.04);
    --gp-shadow-hover: 0 4px 16px rgba(61, 57, 41, 0.08);
    --gp-shadow-dropdown: 0 8px 24px rgba(61, 57, 41, 0.12);
    --gp-shadow-sidebar: 2px 0 8px rgba(61, 57, 41, 0.04);

    --gp-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --gp-transition: 0.2s ease;

    /* Override SPRUHA variables */
    --primary: #707F34 !important;
    --primary-bg-color: #707F34 !important;
    --primary-bg-hover: #5E6B2B !important;
    --primary-bg-border: #707F34 !important;
    --primary-transparentcolor: rgba(112, 127, 52, 0.1) !important;
    --theme-color: #707F34;
    --theme-color-rgb: 112, 127, 52;
    --bs-primary: #707F34 !important;
    --bs-success: #707F34 !important;
}

body {
    font-family: var(--gp-font) !important;
    background-color: var(--gp-bg) !important;
    color: var(--gp-text) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--gp-font) !important;
    color: var(--gp-secondary) !important;
    font-weight: 600 !important;
}

a { color: var(--gp-primary) !important; transition: color var(--gp-transition); }
a:hover { color: var(--gp-primary-hover) !important; text-decoration: none; }
a.text-primary { color: var(--gp-primary) !important; }
a.fw-bold, a.font-weight-bold { color: var(--gp-primary) !important; }
a.fw-bold:hover, a.font-weight-bold:hover { color: var(--gp-primary-hover) !important; }
a.text-success { color: var(--gp-success) !important; }
a.text-danger { color: var(--gp-danger) !important; }
a.text-info { color: var(--gp-info) !important; }
a.text-warning { color: var(--gp-warning) !important; }
a.text-muted { color: var(--gp-text-muted) !important; }
a.text-secondary { color: var(--gp-text-secondary) !important; }

::selection { background: rgba(112, 127, 52, 0.15); color: var(--gp-text); }

/* ============================================
   2. SIDEBAR
   ============================================ */
.main-sidebar,
.main-sidebar-header,
.sidemenu-logo {
    background: var(--gp-sidebar) !important;
    border-right: none !important;
    box-shadow: var(--gp-shadow-sidebar) !important;
}

.main-sidebar-body {
    background: var(--gp-sidebar) !important;
}

.sidemenu-logo,
.main-sidebar-header {
    border-bottom: 1px solid var(--gp-border) !important;
    background: var(--gp-sidebar) !important;
}

.sidemenu-logo a,
.main-sidebar-header a {
    color: var(--gp-secondary) !important;
}

.sidemenu-logo img,
.main-sidebar-header img,
.header-brand-img,
.main-logo img {
    filter: none !important;
    max-height: 36px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
}

.header-brand-img.mobile-logo {
    max-height: 28px !important;
    max-width: 120px !important;
}

.sidemenu-logo,
.main-sidebar-header {
    background: transparent !important;
    padding: 10px 14px !important;
    height: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.sidemenu-logo a,
.main-sidebar-header a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Menu items */
.side-menu .nav-link {
    color: var(--gp-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
    border-left: none !important;
    transition: all var(--gp-transition) !important;
}

.side-menu .nav-link i,
.side-menu .nav-link .sidemenu-icon {
    color: var(--gp-text-secondary) !important;
    font-size: 16px !important;
    width: 22px !important;
    opacity: 0.8 !important;
    transition: color var(--gp-transition) !important;
}

.side-menu .nav-link .sidemenu-icon i {
    color: var(--gp-text-secondary) !important;
    opacity: 1 !important;
}

.side-menu .nav-link .sidemenu-label {
    color: var(--gp-text) !important;
    font-weight: 500 !important;
}

.side-menu .nav-link:hover {
    background: rgba(112, 127, 52, 0.06) !important;
    color: var(--gp-primary) !important;
    border-left-color: transparent !important;
}

.side-menu .nav-link:hover i,
.side-menu .nav-link:hover .sidemenu-icon,
.side-menu .nav-link:hover .sidemenu-icon i,
.side-menu .nav-link:hover .sidemenu-label {
    color: var(--gp-primary) !important;
    opacity: 1 !important;
}

/* Active state */
.side-menu .nav > .nav-item.active > .nav-link {
    background: var(--gp-primary-light) !important;
    color: var(--gp-primary) !important;
    font-weight: 600 !important;
    border-left: none !important;
}

.side-menu .nav > .nav-item.active > .nav-link i,
.side-menu .nav > .nav-item.active > .nav-link .sidemenu-icon,
.side-menu .nav > .nav-item.active > .nav-link .sidemenu-icon i,
.side-menu .nav > .nav-item.active > .nav-link .sidemenu-label {
    color: var(--gp-primary) !important;
    font-weight: 600 !important;
}

/* Active state — with sub */
.side-menu .nav-item.show.active > .nav-link.with-sub,
.side-menu .nav-item.active > .nav-link.with-sub {
    background: var(--gp-primary-light) !important;
    color: var(--gp-primary) !important;
    font-weight: 600 !important;
    border-left: none !important;
}

.side-menu .nav-item.show.active > .nav-link.with-sub i,
.side-menu .nav-item.show.active > .nav-link.with-sub .sidemenu-icon,
.side-menu .nav-item.show.active > .nav-link.with-sub .sidemenu-icon i,
.side-menu .nav-item.active > .nav-link.with-sub i,
.side-menu .nav-item.active > .nav-link.with-sub .sidemenu-icon,
.side-menu .nav-item.active > .nav-link.with-sub .sidemenu-icon i {
    color: var(--gp-primary) !important;
}

.side-menu .nav-item.active > .nav-link .sidemenu-label,
.side-menu .nav-item.show.active > .nav-link .sidemenu-label {
    color: var(--gp-primary) !important;
    font-weight: 600 !important;
}

.main-sidebar-body {
    margin-top: 58px !important;
}

.main-body .main-sidebar-body .nav {
    padding: 0 !important;
}

/* Submenu */
.main-sidebar-body .nav-sub {
    margin-left: 0 !important;
}

.nav-sub .nav-sub-link {
    color: var(--gp-text-secondary) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 7px 16px 7px 52px !important;
    border-radius: 6px !important;
    margin: 1px -15px !important;
}

.nav-sub .nav-sub-link:hover {
    color: var(--gp-primary) !important;
    background: rgba(112, 127, 52, 0.04) !important;
}

.nav-sub .nav-sub-item.active > .nav-sub-link,
.nav-sub .nav-sub-link.active {
    color: var(--gp-primary) !important;
    font-weight: 600 !important;
    background: rgba(112, 127, 52, 0.06) !important;
}

/* Menu headers */
.side-menu .nav-header,
.side-menu .nav-label {
    color: var(--gp-text-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 16px 16px 6px !important;
}

.side-badge {
    background: var(--gp-primary) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    padding: 2px 7px !important;
}

/* ============================================
   3. HEADER / TOPBAR
   ============================================ */
.main-header,
.side-header {
    background: var(--gp-header) !important;
    border-bottom: 1px solid var(--gp-border) !important;
    box-shadow: none !important;
}

.main-header .nav-link {
    color: var(--gp-text-secondary) !important;
}

.main-header .nav-link:hover {
    color: var(--gp-primary) !important;
}

.main-header-left .btn,
.main-header-left .animated-arrow {
    color: var(--gp-text) !important;
}

/* Search */
.main-header-center input,
.mega-search-input {
    background: var(--gp-bg) !important;
    border: 1px solid var(--gp-border) !important;
    border-radius: 24px !important;
    color: var(--gp-text) !important;
    font-family: var(--gp-font) !important;
}

.main-header-center input:focus,
.mega-search-input:focus {
    border-color: var(--gp-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--gp-primary-rgb), 0.1) !important;
}

.main-header .badge,
.header-badge {
    background: var(--gp-primary) !important;
}

/* Dropdowns */
.dropdown-menu {
    border: 1px solid var(--gp-border) !important;
    border-radius: var(--gp-radius) !important;
    box-shadow: var(--gp-shadow-dropdown) !important;
    padding: 8px !important;
    background: var(--gp-card) !important;
}

.dropdown-item {
    border-radius: 6px !important;
    padding: 8px 12px !important;
    color: var(--gp-text) !important;
    font-size: 13px !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--gp-primary-light) !important;
    color: var(--gp-primary) !important;
}

/* ============================================
   4. CARDS & WIDGETS
   ============================================ */
.card {
    border: 1px solid var(--gp-border) !important;
    border-radius: var(--gp-radius) !important;
    box-shadow: var(--gp-shadow-card) !important;
    background: var(--gp-card) !important;
    transition: box-shadow var(--gp-transition) !important;
}

.card:hover {
    box-shadow: var(--gp-shadow-hover) !important;
}

.card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--gp-border-light) !important;
    padding: 16px 20px !important;
}

.card-title {
    color: var(--gp-secondary) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

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

.card-footer {
    background: transparent !important;
    border-top: 1px solid var(--gp-border-light) !important;
}

/* ============================================
   5. BUTTONS
   ============================================ */
.btn,
.sp-container button {
    font-family: var(--gp-font) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    border-radius: var(--gp-radius-btn) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height: 0 !important;
    height: 32px !important;
    line-height: 30px !important;
    transition: all var(--gp-transition) !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
    background-color: var(--gp-primary) !important;
    border-color: var(--gp-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):hover {
    background-color: var(--gp-primary-hover) !important;
    border-color: var(--gp-primary-hover) !important;
    box-shadow: 0 4px 12px rgba(var(--gp-primary-rgb), 0.3) !important;
}

.btn-outline-primary {
    color: var(--gp-primary) !important;
    border-color: var(--gp-primary) !important;
    background: transparent !important;
}

.btn-outline-primary:hover {
    background: var(--gp-primary) !important;
    color: #fff !important;
}

.btn-success {
    background-color: var(--gp-success) !important;
    border-color: var(--gp-success) !important;
}

.btn-success:hover {
    background-color: var(--gp-primary-hover) !important;
    border-color: var(--gp-primary-hover) !important;
    box-shadow: 0 4px 12px rgba(var(--gp-primary-rgb), 0.3) !important;
}

.btn-danger,
.btn-danger:not(:disabled):not(.disabled) {
    background-color: var(--gp-danger) !important;
    border-color: var(--gp-danger) !important;
}

.btn-danger:hover {
    background-color: #D45545 !important;
    border-color: #D45545 !important;
}

.btn-warning {
    background-color: var(--gp-warning) !important;
    border-color: var(--gp-warning) !important;
    color: var(--gp-text) !important;
}

.btn-info {
    background-color: var(--gp-info) !important;
    border-color: var(--gp-info) !important;
}

.btn-secondary,
.btn-outline-secondary {
    color: var(--gp-text-secondary) !important;
    border-color: var(--gp-border) !important;
    background: var(--gp-card) !important;
}

.btn-secondary:hover,
.btn-outline-secondary:hover {
    background: var(--gp-bg) !important;
    border-color: var(--gp-text-muted) !important;
    color: var(--gp-text) !important;
}

.btn-simple-print,
.btn-simple-print:hover,
.btn-simple-print:focus {
    background: #FFF !important;
    border-color: rgba(var(--gp-primary-rgb), 0.3) !important;
    color: var(--gp-primary) !important;
    border-radius: var(--gp-radius-btn) !important;
}

.btn-simple-print:hover {
    border-color: var(--gp-primary) !important;
    box-shadow: 0 2px 8px rgba(var(--gp-primary-rgb), 0.15) !important;
}

/* Button sizes */
.form-control-sm { height: 28px !important; line-height: 26px !important; font-size: 12px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.select2-container--default .select2-selection--multiple { min-height: 32px !important; border: 1px solid var(--gp-input-border) !important; border-radius: var(--gp-radius-input) !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.btn-xs { padding: 0 8px !important; height: 20px !important; line-height: 18px !important; font-size: 11px !important; }
.btn-sm { padding: 0 10px !important; height: 26px !important; line-height: 24px !important; font-size: 12px !important; }
.btn-lg { padding: 10px 28px !important; font-size: 15px !important; }

/* ============================================
   6. TABLES
   ============================================ */
.table {
    color: var(--gp-text) !important;
    font-size: 13px !important;
}

.table thead th {
    background: #EDE4D6 !important;
    border-bottom: 2px solid var(--gp-border) !important;
    color: var(--gp-text-secondary) !important;
    font-weight: 600 !important;
    font-size: 11.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.table td {
    border-color: var(--gp-border-light) !important;
    padding: 12px 16px !important;
    vertical-align: middle !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(var(--gp-primary-rgb), 0.03) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(239, 230, 216, 0.4) !important;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid var(--gp-input-border) !important;
    border-radius: var(--gp-radius-input) !important;
    font-family: var(--gp-font) !important;
}

/* ============================================
   7. FORMS
   ============================================ */
.form-control,
.form-select,
select.form-control {
    border: 1px solid var(--gp-input-border) !important;
    border-radius: var(--gp-radius-input) !important;
    color: var(--gp-text) !important;
    font-family: var(--gp-font) !important;
    font-size: 13px !important;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 30px !important;
    background-color: var(--gp-card) !important;
    transition: border-color var(--gp-transition), box-shadow var(--gp-transition) !important;
}

.form-control:focus,
.form-select:focus,
select.form-control:focus {
    border-color: var(--gp-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--gp-primary-rgb), 0.1) !important;
    outline: none !important;
}

.form-control::placeholder { color: var(--gp-text-muted) !important; }
.form-label { color: var(--gp-text-secondary) !important; font-weight: 500 !important; font-size: 13px !important; margin-bottom: 6px !important; }
textarea.form-control { height: auto !important; padding: 8px 10px !important; line-height: 1.5 !important; min-height: 80px !important; }

.custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked {
    background-color: var(--gp-primary) !important;
    border-color: var(--gp-primary) !important;
}

/* ============================================
   8. BADGES & STATUS
   ============================================ */
.badge {
    font-family: var(--gp-font) !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    border-radius: var(--gp-radius-badge) !important;
    letter-spacing: 0.3px !important;
}

.badge-primary, .bg-primary { background-color: var(--gp-primary) !important; }
.badge-success, .bg-success { background-color: var(--gp-success) !important; }
.badge-danger, .bg-danger { background-color: var(--gp-danger) !important; }
.badge-warning, .bg-warning { background-color: var(--gp-warning) !important; color: var(--gp-text) !important; }
.badge-info, .bg-info { background-color: var(--gp-info) !important; }
.badge-secondary, .bg-secondary { background-color: var(--gp-text-muted) !important; }

/* ============================================
   9. MODALS
   ============================================ */
.modal-content {
    border: none !important;
    border-radius: var(--gp-radius-lg) !important;
    box-shadow: 0 20px 60px rgba(61, 57, 41, 0.2) !important;
}

.modal-header {
    border-bottom: 1px solid var(--gp-border-light) !important;
    padding: 16px 24px !important;
    background: transparent !important;
}

.modal-title { font-weight: 600 !important; font-size: 16px !important; color: var(--gp-secondary) !important; }
.modal-body { padding: 24px !important; }
.modal-footer { border-top: 1px solid var(--gp-border-light) !important; padding: 12px 24px !important; }
.close, .btn-close { opacity: 0.5 !important; transition: opacity var(--gp-transition) !important; }
.close:hover, .btn-close:hover { opacity: 1 !important; }

/* ============================================
   10. PAGINATION & TABS
   ============================================ */
.page-link {
    color: var(--gp-text-secondary) !important;
    border-color: var(--gp-border) !important;
    border-radius: 6px !important;
    margin: 0 2px !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
}

.page-item.active .page-link {
    background-color: var(--gp-primary) !important;
    border-color: var(--gp-primary) !important;
    color: #fff !important;
}

.page-link:hover {
    background: var(--gp-primary-light) !important;
    color: var(--gp-primary) !important;
    border-color: var(--gp-primary) !important;
}

.nav-tabs { border-bottom: 2px solid var(--gp-border-light) !important; }
.nav-tabs .nav-link { color: var(--gp-text-secondary) !important; border: none !important; border-bottom: 2px solid transparent !important; margin-bottom: -2px !important; padding: 10px 16px !important; font-weight: 500 !important; }
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover { color: var(--gp-primary) !important; border-bottom-color: var(--gp-primary) !important; background: transparent !important; }
.nav-pills .nav-link.active { background-color: var(--gp-primary) !important; border-radius: var(--gp-radius-btn) !important; }

/* ============================================
   11. ALERTS
   ============================================ */
.alert { border-radius: var(--gp-radius) !important; border: none !important; font-size: 13px !important; }
.alert-primary { background: var(--gp-primary-light) !important; color: var(--gp-primary-dark) !important; }
.alert-success { background: var(--gp-success-light) !important; color: #065F46 !important; }
.alert-danger { background: var(--gp-danger-light) !important; color: #991B1B !important; }
.alert-warning { background: var(--gp-warning-light) !important; color: #92400E !important; }
.alert-info { background: var(--gp-info-light) !important; color: #3730A3 !important; }

/* Toast */
.toast-success { background-color: var(--gp-success) !important; }
.toast-error { background-color: var(--gp-danger) !important; }
.toast-warning { background-color: var(--gp-warning) !important; }
.toast-info { background-color: var(--gp-info) !important; }

/* ============================================
   12. DASHBOARD V2
   ============================================ */
.dv2-kpi-card {
    border: 1px solid var(--gp-border) !important;
    border-radius: var(--gp-radius) !important;
}

.dv2-kpi-card:hover {
    box-shadow: var(--gp-shadow-hover) !important;
    transform: translateY(-1px);
}

.dv2-card {
    border: 1px solid var(--gp-border) !important;
    border-radius: var(--gp-radius) !important;
    box-shadow: var(--gp-shadow-card) !important;
}

.dv2-card-title { color: var(--gp-secondary) !important; font-weight: 600 !important; }

.dv2-type-btn.active {
    background: var(--gp-primary) !important;
    border-color: var(--gp-primary) !important;
    color: #fff !important;
}

.dv2-range-btn.active {
    background: var(--gp-secondary) !important;
    border-color: var(--gp-secondary) !important;
    color: #fff !important;
}

.dv2-health-metric-clickable:hover { background: var(--gp-primary-light) !important; }
.dv2-stock-card { border-radius: var(--gp-radius) !important; }

/* ============================================
   13. DROPSHIP MODULE
   ============================================ */
.ds-tab.active { background: var(--gp-primary) !important; border-color: var(--gp-primary) !important; }
.ds-status-pending { background: var(--gp-warning-light) !important; color: #92400E !important; }
.ds-status-processing { background: var(--gp-info-light) !important; color: #3730A3 !important; }
.ds-status-confirmed { background: var(--gp-success-light) !important; color: #065F46 !important; }
.ds-status-completed { background: var(--gp-success-light) !important; color: #065F46 !important; }
.ds-status-cancelled { background: var(--gp-danger-light) !important; color: #991B1B !important; }
.ds-filter-btn { border-radius: var(--gp-radius-btn) !important; }

/* ============================================
   14. SWEETALERT
   ============================================ */
.sweet-alert { border-radius: var(--gp-radius-lg) !important; font-family: var(--gp-font) !important; }
.sweet-alert h2 { font-family: var(--gp-font) !important; color: var(--gp-secondary) !important; }
.sweet-alert p { color: var(--gp-text-secondary) !important; }
.sweet-alert button.confirm { background-color: var(--gp-primary) !important; border-radius: var(--gp-radius-btn) !important; font-family: var(--gp-font) !important; padding: 8px 24px !important; }
.sweet-alert button.cancel { border-radius: var(--gp-radius-btn) !important; font-family: var(--gp-font) !important; padding: 8px 24px !important; }

/* ============================================
   15. MISCELLANEOUS
   ============================================ */
.breadcrumb { background: transparent !important; padding: 0 !important; font-size: 13px !important; }
.breadcrumb-item a { color: var(--gp-text-secondary) !important; }
.breadcrumb-item.active { color: var(--gp-text-muted) !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--gp-text-muted); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gp-text-secondary); }

/* Select2 */
.select2-container--default .select2-selection--single { border: 1px solid var(--gp-input-border) !important; border-radius: var(--gp-radius-input) !important; height: 32px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px !important; padding-left: 10px !important; font-size: 13px !important; color: var(--gp-text) !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px !important; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--gp-text-muted) !important; }
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single { border-color: var(--gp-primary) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--gp-primary) !important; }

/* DataTable */
.dataTables_processing { background: rgba(242, 230, 217, 0.95) !important; border: none !important; font-size: 14px !important; color: var(--gp-text-muted) !important; }
.dataTables_empty { padding: 30px !important; color: var(--gp-text-muted) !important; }

/* Skeleton */
.skeleton-box {
    background: linear-gradient(90deg, #EDE4D6 25%, #E2D8C2 50%, #EDE4D6 75%) !important;
    background-size: 200% 100% !important;
    animation: skeletonPulse 1.5s ease-in-out infinite !important;
    border-radius: 4px !important;
}

@keyframes skeletonPulse {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.progress-bar { background-color: var(--gp-primary) !important; }
.dv2-health-bar-fill { background: linear-gradient(90deg, #707F34, #8A9A45) !important; }
.dv2-health-status.good { color: #707F34 !important; }
.bg-primary { background-color: var(--gp-primary) !important; }
.text-primary { color: var(--gp-primary) !important; }
.border-primary { border-color: var(--gp-primary) !important; }
.bg-success { background-color: var(--gp-success) !important; }
.bg-danger { background-color: var(--gp-danger) !important; }
.bg-warning { background-color: var(--gp-warning) !important; }
.bg-info { background-color: var(--gp-info) !important; }

/* Main content */
.main-content { background: var(--gp-bg) !important; }
.main-content .page-header { margin-bottom: 20px !important; }

/* Mega search */
.mega-search-tab.active { background: var(--gp-primary) !important; color: #fff !important; }

/* AI Assistant */
.ai-assistant-panel { border-left: 1px solid var(--gp-border) !important; }
.ai-panel-header { background: linear-gradient(135deg, var(--gp-primary), var(--gp-primary-hover)) !important; }
.ai-send-btn { background: var(--gp-primary) !important; }
.ai-send-btn:hover { background: var(--gp-primary-hover) !important; }

/* Fix text on colored bg */
.bg-primary, .badge-primary, .btn-primary { color: #fff !important; }

/* Login */
.main-signin-wrapper { background: var(--gp-bg) !important; }

/* Tooltip */
.tooltip-inner { font-family: var(--gp-font) !important; border-radius: 6px !important; font-size: 12px !important; }

/* ============================================
   16. PASTEL STATUS BACKGROUNDS (Gumprint special)
   ============================================ */
.bg-light { background-color: #EDE4D6 !important; }
.table .bg-light { background-color: #EDE4D6 !important; }