/*----------------------------------------------
Typography (Global - affects all pages)
----------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200;300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --body-font: "IBM Plex Sans", sans-serif;
    --heading-font: "IBM Plex Sans", sans-serif;
    --primary-color: #706fc7;
    --base: #706fc7;
    --secondary: 38 100% 50%;
    --secondary-color: hsl(var(--secondary));
    --heading-color: #002138;
    --black: #002138;
    --grayish-blue: #929cbf;
    --white: #ffffff;
    --navbar-active: #706fc7;
    --grayish-violet: #f5f4f7;
    --btn-hover-bg: #706fc7;
    --soft-green: #ccf888;
    --moderate-lime-green: #4da44e;
    --soft-red: #d82a68;
    --lime-gray: #d0d0d0;
    --vivid-orange: #fb6116;
    --yellow: #FCDA69;
    --orange: #FFC83E;
    --input-color: #F9FAFB;
    --input-color2: #ffffff;
    --primary-color-opacity-low: hsl(var(--base)/0.1);
    --moderate-lime-green-opacity-low: rgb(77, 163, 78, .1);
    --bg-color1: #F8F8FA;
    --bg-color2: var(--black);
    --gradient-bg: linear-gradient(188deg, hsl(var(--base)/0.5) 23%, var(--white) 84%);
    --gradient-bg2: linear-gradient(290deg, hsl(var(--base)/0.1) 31%, var(--white) 95%);
    --body-color: #1a1a1a;
    --border-color1: rgba(231, 234, 243, .7);
    --border-color2: rgba(140, 152, 164, .25);
    --shadow1: 0 0.375rem 0.75rem rgba(140, 152, 164, .075);
    --shadow2: 0 .1875rem .75rem rgba(140, 152, 164, .25);
    --shadow3: 0 0.6125rem 2.5rem 0.6125rem rgba(140, 152, 164, .175);
    --transition: all .3s ease-in-out;
}

/*----------------------------------------------
Reset section (Global - affects all pages)
----------------------------------------------*/
*,
*::after,
*::before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--body-font);
    line-height: 1.4;
    color: var(--body-color);
    font-size: 16px;
    overflow-x: hidden;
    background-color: var(--white);
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

/* All other global reset styles remain here... */
/* (Keep all the global styles that should apply to ALL pages) */

/*============================================
   DASHBOARD THEMES - SCOPED TO user-dashboard
   ============================================*/

/* Base dashboard theme (default/light) */
body.user-dashboard {
    --dashboard-bg: #f8f9fa;
    --dashboard-card-bg: #ffffff;
    --dashboard-text: #1a1a1a;
    --dashboard-text-muted: #4a5568;
    --dashboard-border: #e5e7eb;
    --dashboard-primary: #9bc635;
}

body.user-dashboard {
    background: var(--dashboard-bg) !important;
}

/* Dark theme for dashboard ONLY */
body.user-dashboard.dark-theme {
    --dashboard-bg: #00150F;
    --dashboard-card-bg: #1a2a26;
    --dashboard-text: #d1cbdb;
    --dashboard-text-muted: #9aa3b2;
    --dashboard-border: #37333e;
    --dashboard-primary: #BFF747;
}

body.user-dashboard.dark-theme {
    background: var(--dashboard-bg) !important;
    color: var(--dashboard-text) !important;
}

/* Light theme for dashboard ONLY */
body.user-dashboard.light-theme {
    --dashboard-bg: #f8f9fa;
    --dashboard-card-bg: #ffffff;
    --dashboard-text: #1a1a1a;
    --dashboard-text-muted: #4a5568;
    --dashboard-border: #e5e7eb;
}

body.user-dashboard.light-theme {
    background: var(--dashboard-bg) !important;
    color: var(--dashboard-text) !important;
}

/* ============================================
   DASHBOARD CARD STYLES (SCOPED)
   ============================================ */

body.user-dashboard .card,
body.user-dashboard .box-card,
body.user-dashboard .action-card,
body.user-dashboard [class*="card"]:not(.navbar-card) {
    background: var(--dashboard-card-bg) !important;
    border: 1px solid var(--dashboard-border) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Box card specific */
body.user-dashboard .box-card .bottom {
    color: var(--dashboard-text) !important;
}

body.user-dashboard .box-card .top h5 {
    color: var(--dashboard-text-muted) !important;
}

body.user-dashboard.dark-theme .box-card .bottom {
    color: var(--dashboard-primary) !important;
}

/* Action cards */
body.user-dashboard .action-card span {
    color: var(--dashboard-text) !important;
}

body.user-dashboard.dark-theme .action-card i {
    color: var(--dashboard-primary) !important;
}

body.user-dashboard.light-theme .action-card i {
    color: #9bc635 !important;
}

/* ============================================
   DASHBOARD TABLE STYLES (SCOPED)
   ============================================ */

body.user-dashboard .table,
body.user-dashboard .cmn-table {
    background: var(--dashboard-card-bg) !important;
}

body.user-dashboard .table td,
body.user-dashboard .table th {
    color: var(--dashboard-text) !important;
    border-color: var(--dashboard-border) !important;
}

body.user-dashboard .table thead th {
    color: var(--dashboard-text) !important;
    background: rgba(0,0,0,0.02) !important;
}

body.user-dashboard.dark-theme .table thead th {
    color: var(--dashboard-primary) !important;
}

/* ============================================
   DASHBOARD FORM STYLES (SCOPED)
   ============================================ */

body.user-dashboard input,
body.user-dashboard textarea,
body.user-dashboard select,
body.user-dashboard .form-control,
body.user-dashboard .form-select {
    background: var(--dashboard-card-bg) !important;
    border: 1px solid var(--dashboard-border) !important;
    color: var(--dashboard-text) !important;
}

/* ============================================
   DASHBOARD TEXT STYLES (SCOPED)
   ============================================ */

body.user-dashboard p,
body.user-dashboard span:not(.badge),
body.user-dashboard .text-muted,
body.user-dashboard .cmn-para-text {
    color: var(--dashboard-text-muted) !important;
}

body.user-dashboard h1,
body.user-dashboard h2,
body.user-dashboard h3,
body.user-dashboard h4,
body.user-dashboard h5,
body.user-dashboard h6,
body.user-dashboard .title,
body.user-dashboard .section-title {
    color: var(--dashboard-text) !important;
}

body.user-dashboard.dark-theme h4,
body.user-dashboard.dark-theme h5 {
    color: var(--dashboard-text) !important;
}

/* ============================================
   DASHBOARD CHART STYLES (SCOPED)
   ============================================ */

body.user-dashboard .apexcharts-text,
body.user-dashboard .apexcharts-title-text,
body.user-dashboard .apexcharts-legend-text,
body.user-dashboard .apexcharts-xaxis-label,
body.user-dashboard .apexcharts-yaxis-label {
    fill: var(--dashboard-text-muted) !important;
    color: var(--dashboard-text-muted) !important;
}

body.user-dashboard .apexcharts-grid line {
    stroke: var(--dashboard-border) !important;
}

body.user-dashboard .apexcharts-tooltip {
    background: var(--dashboard-card-bg) !important;
    border: 1px solid var(--dashboard-border) !important;
    color: var(--dashboard-text) !important;
}

/* ============================================
   DASHBOARD PAGINATION (SCOPED)
   ============================================ */

body.user-dashboard .pagination .page-link {
    background: var(--dashboard-card-bg) !important;
    border: 1px solid var(--dashboard-border) !important;
    color: var(--dashboard-text-muted) !important;
}

body.user-dashboard .pagination .active .page-link {
    background: var(--dashboard-primary) !important;
    border-color: var(--dashboard-primary) !important;
    color: #081028 !important;
}

body.user-dashboard.dark-theme .pagination .active .page-link {
    color: #00150F !important;
}

/* ============================================
   DASHBOARD SELECT2 (SCOPED)
   ============================================ */

body.user-dashboard .select2-container--default .select2-selection--single,
body.user-dashboard .select2-container--default .select2-selection--multiple {
    background: var(--dashboard-card-bg) !important;
    border: 1px solid var(--dashboard-border) !important;
}

body.user-dashboard .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dashboard-text) !important;
}

body.user-dashboard .select2-dropdown {
    background: var(--dashboard-card-bg) !important;
    border: 1px solid var(--dashboard-border) !important;
}

body.user-dashboard .select2-results__option {
    color: var(--dashboard-text) !important;
}

/* ============================================
   DASHBOARD MODAL & OFFCANVAS (SCOPED)
   ============================================ */

body.user-dashboard .offcanvas,
body.user-dashboard .modal-content {
    background: var(--dashboard-card-bg) !important;
}

body.user-dashboard .offcanvas .nav-link {
    color: var(--dashboard-text) !important;
}

body.user-dashboard .modal-header,
body.user-dashboard .modal-footer {
    border-color: var(--dashboard-border) !important;
}

/* ============================================
   DASHBOARD ALERTS (SCOPED)
   ============================================ */

body.user-dashboard .alert {
    background: var(--dashboard-card-bg) !important;
    border: 1px solid var(--dashboard-border) !important;
}

body.user-dashboard .alert-warning {
    background: #fef9e3 !important;
    border-color: #fde047 !important;
}

body.user-dashboard .alert-success {
    background: #e6f7e6 !important;
    border-color: #c8e6c8 !important;
}

body.user-dashboard.dark-theme .alert-warning,
body.user-dashboard.dark-theme .alert-success {
    background: rgba(0,0,0,0.3) !important;
}

/* ============================================
   DASHBOARD KYC & SPECIAL COMPONENTS (SCOPED)
   ============================================ */

body.user-dashboard .kyc-card-header {
    background: var(--dashboard-card-bg) !important;
    border-bottom: 1px solid var(--dashboard-border) !important;
}

body.user-dashboard .file-upload-area {
    background: rgba(0,0,0,0.02) !important;
    border: 2px dashed var(--dashboard-border) !important;
}

body.user-dashboard .nav-tabs .nav-link {
    color: var(--dashboard-text-muted) !important;
}

body.user-dashboard .nav-tabs .nav-link.active {
    color: var(--dashboard-primary) !important;
    background: var(--dashboard-card-bg) !important;
    border-color: var(--dashboard-border) !important;
}

body.user-dashboard .accordion-item,
body.user-dashboard .dropdown-menu {
    background: var(--dashboard-card-bg) !important;
    border: 1px solid var(--dashboard-border) !important;
}

body.user-dashboard .accordion-button,
body.user-dashboard .dropdown-item {
    background: var(--dashboard-card-bg) !important;
    color: var(--dashboard-text) !important;
}

/* ============================================
   FRONTEND PAGES - NO THEME OVERRIDES
   ============================================ */
/* Frontend pages keep their original styles */
/* No body:not(.dark-theme) selectors here! */