/*
 * ============================================================
 * ADEYA IMS - CORE DESIGN OVERRIDE
 * Overrides core-admin.css — Tables, Cards, Buttons & Components
 * Design: Navy + Cyan Accent (matches sidebar)
 * ============================================================
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ============================================================
   0. CSS VARIABLES — NEW DESIGN TOKENS
   ============================================================ */
:root {
  /* Primary Palette — Navy + Cyan (sidebar sync) */
  --rd-primary: #1e2b6d;
  --rd-primary-dark: #151d52;
  --rd-primary-light: #e8f4fc;
  --rd-primary-alpha: rgba(30, 43, 109, 0.10);

  /* Accent — Cyan (sidebar active) */
  --rd-accent: #00d9cc;
  --rd-accent-light: #e6faf9;

  /* Neutrals */
  --rd-bg: #f4f6f9;
  --rd-surface: #ffffff;
  --rd-surface-alt: #f9fafb;
  --rd-border: #e5e7eb;
  --rd-border-light: #f0f1f3;

  /* Text */
  --rd-text: #1e293b;
  --rd-text-secondary: #64748b;
  --rd-text-muted: #94a3b8;
  --rd-text-inverse: #ffffff;

  /* Sidebar (matches sidebar-modern.css) */
  --rd-sidebar-bg: #1e2b6d;
  --rd-sidebar-active-bg: rgba(0, 217, 204, 0.18);
  --rd-sidebar-hover-bg: rgba(255,255,255,0.08);
  --rd-sidebar-text: rgba(255,255,255,0.85);
  --rd-sidebar-active-text: #00d9cc;
  --rd-sidebar-width: 260px;

  /* Header */
  --rd-header-bg: #ffffff;
  --rd-header-shadow: 0 1px 3px rgba(0,0,0,0.05);

  /* Cards */
  --rd-card-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
  --rd-card-hover-shadow: 0 4px 12px rgba(0,0,0,0.08);
  --rd-card-radius: 14px;

  /* Buttons */
  --rd-btn-radius: 10px;

  /* Status */
  --rd-success: #10b981;
  --rd-success-light: #ecfdf5;
  --rd-danger: #ef4444;
  --rd-danger-light: #fef2f2;
  --rd-warning: #f59e0b;
  --rd-warning-light: #fffbeb;
  --rd-info: #3b82f6;
  --rd-info-light: #eff6ff;

  /* Transitions */
  --rd-transition: 0.2s cubic-bezier(.4,0,.2,1);

  /* Typography */
  --rd-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --rd-table-header-font-size: 11px;
  --rd-table-header-letter-spacing: 0.06em;
  --rd-label-color: #2d3748;
  --rd-label-font-weight: 600;
  --rd-input-border: #e2e8f0;

  /* Bootstrap variable overrides */
  --bs-primary: #1e2b6d;
  --bs-primary-rgb: 30, 43, 109;
  --primary: #1e2b6d;
}

/* ============================================================
   1. GLOBAL / BODY
   ============================================================ */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 13.5px !important;
  color: var(--rd-text) !important;
  background-color: var(--rd-bg) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*::selection {
  background-color: var(--rd-primary-light);
  color: var(--rd-primary-dark);
}

/* ============================================================
   2. CONTENT WRAPPER
   ============================================================ */
.content-wrapper {
  background-color: var(--rd-bg) !important;
}

.content-wrapper > .content {
  padding: 0 !important;
}

/* ============================================================
   3. SIDEBAR — COMPLETE REDESIGN
   ============================================================ */
.main-sidebar,
.exp-main-nav,
.exp-main-nav.header-3 {
  background-color: var(--rd-sidebar-bg) !important;
  border-right: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: none !important;
}

.exp-main-nav.header-3 .sidebar,
.exp-main-nav .sidebar {
  background-color: var(--rd-sidebar-bg) !important;
}

/* Brand / Logo area */
.exp-main-nav .brand-link,
.exp-main-nav.header-3 .brand-link,
.brand-link {
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  padding: 14px 16px !important;
}

.client-logo-box {
  background-color: transparent !important;
  padding: 12px 16px !important;
  margin-bottom: 4px !important;
  text-align: left !important;
}

/* Sidebar nav links — all options */
.exp-main-nav .sidebar .nav .nav-item .nav-link,
.exp-main-nav .sidebar .nav.option-3 .nav-item .nav-link,
.nav-customSidebar .sidebar-item .sidebar-nav-link,
.nav-customSidebar .menu-accordian .accordion-item .accordion-header .accordion-button.sidebar-nav-link {
  color: var(--rd-sidebar-text) !important;
  border-radius: 10px !important;
  margin: 2px 10px !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  transition: all var(--rd-transition) !important;
  letter-spacing: 0.01em;
}

.nav-customSidebar .sidebar-item .sidebar-nav-link .sidebar-nav-icon,
.nav-customSidebar .sidebar-item .sidebar-nav-link p,
.nav-customSidebar .menu-accordian .accordion-item .accordion-header .accordion-button.sidebar-nav-link p {
  color: var(--rd-sidebar-text) !important;
}

.exp-main-nav .sidebar .nav .nav-item .nav-link:hover,
.nav-customSidebar .sidebar-item .sidebar-nav-link:hover,
.nav-customSidebar .menu-accordian .accordion-item .accordion-header .accordion-button.sidebar-nav-link:hover {
  background-color: var(--rd-sidebar-hover-bg) !important;
  color: #e2e8f0 !important;
}

/* Active nav */
.exp-main-nav .nav-sidebar > .nav-item > .nav-link.active,
.exp-main-nav .option-3.nav-sidebar > .nav-item > .nav-link.active,
.nav-customSidebar .sidebar-item .sidebar-nav-link.active,
.nav-customSidebar .menu-accordian .accordion-item .accordion-header .accordion-button.sidebar-nav-link:not(.collapsed) {
  background-color: var(--rd-sidebar-active-bg) !important;
  color: var(--rd-sidebar-active-text) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

.nav-customSidebar .sidebar-item .sidebar-nav-link.active p,
.nav-customSidebar .sidebar-item .sidebar-nav-link.active .sidebar-nav-icon,
.nav-customSidebar .menu-accordian .accordion-item .accordion-header .accordion-button.sidebar-nav-link:not(.collapsed) p {
  color: var(--rd-sidebar-active-text) !important;
}

/* Sub-menus */
.exp-main-nav .option-3.nav-sidebar > .nav-item > .nav.nav-treeview {
  background-color: rgba(255,255,255,0.03) !important;
}

.exp-main-nav .sidebar .nav .nav-item .nav.nav-treeview li.nav-item {
  padding-left: 8px !important;
}

.exp-main-nav .sidebar .nav .nav-item .nav.nav-treeview li.nav-item .nav-link.active,
.exp-main-nav .sidebar .nav.option-3 .nav-item .nav.nav-treeview li.nav-item .nav-link.active {
  color: var(--rd-sidebar-active-text) !important;
  background-color: transparent !important;
}

.nav-customSidebar .menu-accordian .accordion-item .collapse::before {
  background: rgba(94, 234, 212, 0.25) !important;
}

.nav-customSidebar .menu-accordian .subMenu_item.active::after,
.nav-customSidebar .menu-accordian .subMenu_item.active::before,
.nav-customSidebar .menu-accordian .accordion-collapse .accordion-body .sidebar-submenu .sidebar-item .sidebar-nav-link.active::after,
.nav-customSidebar .menu-accordian .accordion-collapse .accordion-body .sidebar-submenu .sidebar-item .sidebar-nav-link.active::before {
  background: var(--rd-sidebar-active-text) !important;
}

/* Sidebar profile area */
.sidebar_profile {
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  padding: 14px 14px !important;
}

.profile-wrap .profile-name {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
}

/* Sidebar collapse state */
.sidebar-collapse .nav-customSidebar .sidebar-item .sidebar-nav-link p {
  color: #e2e8f0 !important;
}

.sidebar-collapse .exp-main-nav:hover .sidebar-item .sidebar-nav-link p {
  color: #e2e8f0 !important;
}

/* ============================================================
   4. TOP HEADER / NAVBAR
   ============================================================ */
.exp-top-bar,
.exp-top-bar.exp-top-bar3 {
  background-color: var(--rd-header-bg) !important;
  box-shadow: var(--rd-header-shadow) !important;
  border-bottom: 1px solid var(--rd-border-light) !important;
}

.exp-top-bar.exp-top-bar3 .navbar-nav .nav-item .nav-link {
  color: var(--rd-text-secondary) !important;
  border-radius: 10px !important;
  padding: 8px !important;
  transition: all var(--rd-transition) !important;
}

.exp-top-bar.exp-top-bar3 .navbar-nav .nav-item .nav-link:hover {
  background-color: var(--rd-primary-alpha) !important;
  color: var(--rd-primary) !important;
}

/* Notification button */
.notification-wrap .header-notification-btn {
  background-color: var(--rd-primary-alpha) !important;
  color: var(--rd-primary) !important;
  border-radius: 10px !important;
}

.notification-wrap .header-notification-btn:hover {
  background-color: var(--rd-primary) !important;
  color: var(--rd-text-inverse) !important;
}

.notification-wrap .notification-badge {
  background-color: var(--rd-danger) !important;
  border-radius: 20px !important;
}

/* ============================================================
   5. CARDS — MODERN CLEAN
   ============================================================ */
.card {
  background-color: var(--rd-surface) !important;
  border: 1px solid var(--rd-border-light) !important;
  border-radius: var(--rd-card-radius) !important;
  box-shadow: var(--rd-card-shadow) !important;
  transition: box-shadow var(--rd-transition) !important;
}

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

.card .card-footer {
  background-color: var(--rd-surface-alt) !important;
  border-top: 1px solid var(--rd-border-light) !important;
  border-radius: 0 0 var(--rd-card-radius) var(--rd-card-radius) !important;
}

h3.card-title {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--rd-text) !important;
}

/* Dashboard stat cards (top row colored cards) */
.item:nth-child(1) .item_card {
  background: linear-gradient(135deg, #1e2b6d 0%, #2d3d8f 100%) !important;
  border-radius: var(--rd-card-radius) !important;
}

.item:nth-child(2) .item_card {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  border-radius: var(--rd-card-radius) !important;
}

.item:nth-child(3) .item_card {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  border-radius: var(--rd-card-radius) !important;
}

/* General top stat cards with colored backgrounds */
.bg-exp-blue, .bg-exp-blue-1 {
  background: linear-gradient(135deg, #1e2b6d 0%, #2d3d8f 100%) !important;
  border-radius: var(--rd-card-radius) !important;
}

.bg-exp-green {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

.bg-exp-purple {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
}

.bg-exp-yellow {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}

.bg-exp-red {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
}

/* ============================================================
   6. BUTTONS — REFINED
   ============================================================ */
.btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: var(--rd-btn-radius) !important;
  padding: 8px 20px !important;
  transition: all var(--rd-transition) !important;
  letter-spacing: 0.01em;
  border: none !important;
  box-shadow: none !important;
}

.btn-exp-primary, .btn-exp-primary:focus {
  background-color: var(--rd-primary) !important;
  color: var(--rd-text-inverse) !important;
  border: none !important;
}

.btn-exp-primary:hover {
  background-color: var(--rd-primary-dark) !important;
  color: var(--rd-text-inverse) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30, 43, 109, 0.3) !important;
}

.btn-exp-green, .btn-exp-green:focus {
  background-color: var(--rd-success) !important;
  color: var(--rd-text-inverse) !important;
}

.btn-exp-green:hover {
  background-color: #059669 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
}

.btn-exp-red, .btn-exp-red:focus {
  background-color: var(--rd-danger) !important;
  color: var(--rd-text-inverse) !important;
}

.btn-exp-red:hover {
  background-color: #dc2626 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25) !important;
}

.btn-exp-yellow, .btn-exp-yellow:focus {
  background-color: var(--rd-warning) !important;
  color: var(--rd-text-inverse) !important;
}

.btn-exp-yellow:hover {
  background-color: #d97706 !important;
}

.btn-exp-info, .btn-exp-info:focus {
  background-color: var(--rd-info) !important;
  color: var(--rd-text-inverse) !important;
}

.btn-exp-info:hover {
  background-color: #2563eb !important;
}

.btn-exp-light, .btn-exp-light:focus {
  background-color: var(--rd-surface-alt) !important;
  color: var(--rd-text) !important;
  border: 1px solid var(--rd-border) !important;
}

.btn-exp-light:hover {
  background-color: #e5e7eb !important;
}

.btn-exp-purple, .btn-exp-purple:focus {
  background-color: #8b5cf6 !important;
  color: var(--rd-text-inverse) !important;
}

.btn-exp-purple:hover {
  background-color: #7c3aed !important;
}

.btn-exp-primary-dark, .btn-exp-primary-dark:focus {
  background-color: var(--rd-sidebar-bg) !important;
  color: var(--rd-text-inverse) !important;
}

.btn-exp-primary-dark:hover {
  background-color: #1e293b !important;
}

/* Outline buttons */
.btn-exp-red-outline {
  color: var(--rd-danger) !important;
  border: 1px solid var(--rd-danger) !important;
  background: transparent !important;
}

.btn-exp-red-outline:hover {
  background-color: var(--rd-danger) !important;
  color: var(--rd-text-inverse) !important;
}

.btn.btn-exp-green-outline {
  color: var(--rd-success) !important;
  border: 1px solid var(--rd-success) !important;
  background: transparent !important;
}

.btn.btn-exp-green-outline:hover {
  background-color: var(--rd-success) !important;
  color: var(--rd-text-inverse) !important;
}

.btn-exp-purple-outline {
  color: #8b5cf6 !important;
  border: 1px dashed #8b5cf6 !important;
  background: transparent !important;
}

.btn-exp-purple-outline:hover {
  background-color: #8b5cf6 !important;
  color: var(--rd-text-inverse) !important;
}

/* ============================================================
   7. FORMS — CLEAN INPUTS
   ============================================================ */
/* Form labels */
.form-label,
label.form-label {
  font-family: var(--rd-font-family) !important;
  font-weight: var(--rd-label-font-weight) !important;
  font-size: 13px !important;
  color: var(--rd-label-color) !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.01em !important;
}

.form-label .required,
.form-label .text-danger {
  color: var(--rd-danger) !important;
}

/* Form groups */
.form-group {
  margin-bottom: 1rem !important;
}

/* Form controls */
.form-control,
.form-select {
  font-family: var(--rd-font-family) !important;
  border: 1px solid var(--rd-input-border) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  color: var(--rd-text) !important;
  transition: border-color var(--rd-transition), box-shadow var(--rd-transition) !important;
  background-color: var(--rd-surface) !important;
  padding: 10px 14px !important;
  min-height: 40px !important;
}

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

.form-control::placeholder {
  color: var(--rd-text-muted) !important;
}

textarea.form-control {
  min-height: 80px !important;
  padding: 10px 14px !important;
}

/* Checkbox & custom controls */
.form-check-label,
.custom-control-label {
  font-family: var(--rd-font-family) !important;
  font-weight: 500 !important;
  color: var(--rd-label-color) !important;
}

.form-check-input:checked {
  background-color: var(--rd-primary) !important;
  border-color: var(--rd-primary) !important;
}

/* Custom select dropdowns */
.custom-select-wrap > div > div {
  border: 1px solid var(--rd-input-border) !important;
  border-radius: 8px !important;
  font-family: var(--rd-font-family) !important;
  font-size: 14px !important;
}

.custom_keno_dropdown {
  border: 1.5px solid var(--rd-input-border) !important;
  border-radius: 8px !important;
  background-color: var(--rd-surface) !important;
}

/* React Select */
[class*="react-select"] input,
[class*="react-select"] [class*="singleValue"],
[class*="react-select"] [class*="placeholder"] {
  font-family: var(--rd-font-family) !important;
  font-size: 14px !important;
}

[class*="react-select"] [class*="control"] {
  border-color: var(--rd-input-border) !important;
  border-radius: 8px !important;
  min-height: 40px !important;
}

[class*="react-select"] [class*="control"]:hover,
[class*="react-select"] [class*="control--is-focused"] {
  border-color: var(--rd-primary) !important;
}

/* Datepicker */
.exp-datepicker-cont {
  border-radius: 10px !important;
}

.exp-datepicker-cont .cal-icon {
  background-color: var(--rd-primary-light) !important;
  color: var(--rd-primary) !important;
  border-radius: 10px !important;
  border-color: var(--rd-border) !important;
}

.exp-datepicker-cont .react-datepicker-wrapper .react-datepicker__input-container input {
  border-radius: 10px !important;
  border-color: var(--rd-border) !important;
  padding-left: 50px !important;
}

/* React datepicker popup */
.react-datepicker {
  box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
  border-radius: 14px !important;
}

.react-datepicker .react-datepicker__header,
.react-datepicker .react-datepicker-time__header {
  background-color: var(--rd-primary-light) !important;
  color: var(--rd-primary-dark) !important;
}

.react-datepicker .react-datepicker__current-month {
  color: var(--rd-primary-dark) !important;
}

.react-datepicker .react-datepicker__day--selected {
  background-color: var(--rd-primary) !important;
}

.react-datepicker__day.react-datepicker__day--today {
  background-color: var(--rd-primary) !important;
}

/* ============================================================
   8. TABLES — MODERN CLEAN
   ============================================================ */
/* Bootstrap table base */
.table {
  font-family: var(--rd-font-family) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: var(--rd-text) !important;
  line-height: 1.5 !important;
}

.table thead th {
  font-family: var(--rd-font-family) !important;
  font-weight: 600 !important;
  font-size: var(--rd-table-header-font-size) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--rd-table-header-letter-spacing) !important;
  color: #6c757d !important;
  background-color: var(--rd-surface-alt) !important;
  border-bottom: 2px solid var(--rd-border) !important;
  padding: 14px 16px !important;
  border-color: var(--rd-border-light) !important;
}

.table tbody td {
  font-family: var(--rd-font-family) !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
  border-color: var(--rd-border-light) !important;
  color: var(--rd-text) !important;
}

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

.table.table-striped tbody tr:nth-of-type(even) {
  background-color: var(--rd-surface-alt) !important;
}

.table.table-bordered {
  border: 1px solid var(--rd-border) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.table.table-bordered thead th,
.table.table-bordered tbody td {
  border-color: var(--rd-border-light) !important;
}

.primary-table-head thead th,
.fixedTable-head thead th {
  font-family: var(--rd-font-family) !important;
  font-size: var(--rd-table-header-font-size) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: var(--rd-table-header-letter-spacing) !important;
  background-color: var(--rd-primary) !important;
  color: var(--rd-text-inverse) !important;
  border-color: rgba(255,255,255,0.2) !important;
  padding: 14px 16px !important;
}

.bg_succes_table_head {
  background-color: var(--rd-surface-alt) !important;
  border-radius: 12px 12px 0 0 !important;
}

.rounded_table {
  border-radius: 12px !important;
  overflow: hidden !important;
}

table.dataTable {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.table-responsive table thead th,
.bg_succes_table_head .k-table-thead .k-table-th,
.inventory-table thead tr th {
  font-family: var(--rd-font-family) !important;
  font-weight: 600 !important;
  font-size: var(--rd-table-header-font-size) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--rd-table-header-letter-spacing) !important;
  color: #6c757d !important;
  background-color: var(--rd-surface-alt) !important;
  border-bottom: 2px solid var(--rd-border) !important;
  padding: 14px 16px !important;
}

/* Kendo table */
.k-table-thead .k-table-th {
  font-family: var(--rd-font-family) !important;
  font-size: var(--rd-table-header-font-size) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: var(--rd-table-header-letter-spacing) !important;
  color: #6c757d !important;
  padding: 14px 16px !important;
}

.k-table-td {
  font-family: var(--rd-font-family) !important;
  font-size: 13.5px !important;
  padding: 14px 16px !important;
}

.ant-table-wrapper .ant-table-thead > tr > th {
  background-color: var(--rd-surface-alt) !important;
}

.ant-table-thead .ant-table-column-title {
  color: var(--rd-text-secondary) !important;
  font-family: 'Inter', sans-serif !important;
}

.ant-table-tbody td.ant-table-cell {
  font-family: var(--rd-font-family) !important;
  font-size: 13.5px !important;
  color: var(--rd-text) !important;
  padding: 14px 16px !important;
}

.ant-table-thead > tr > th {
  font-family: var(--rd-font-family) !important;
  font-size: var(--rd-table-header-font-size) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: var(--rd-table-header-letter-spacing) !important;
  color: #6c757d !important;
  padding: 14px 16px !important;
}

/* Table alternating row styling (zebra striping) - Inventory Master & Stock Master */
.inventory-master-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row:nth-child(even) > td,
.stock-master-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row:nth-child(even) > td {
  background-color: var(--rd-surface-alt) !important;
}

.inventory-master-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row:nth-child(odd) > td,
.stock-master-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row:nth-child(odd) > td {
  background-color: var(--rd-surface) !important;
}

.inventory-master-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td,
.stock-master-table.ant-table-wrapper .ant-table-tbody > tr.ant-table-row:hover > td {
  background-color: var(--rd-primary-alpha) !important;
}

.inventory-edit-link {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.inventory-edit-link:hover {
  color: var(--rd-primary) !important;
}

/* Item Details Form - Edit page */
.item-details-card {
  border-radius: var(--rd-card-radius) !important;
  overflow: hidden;
}

.item-details-header {
  padding-bottom: 0.5rem !important;
}

.item-details-section {
  background: var(--rd-surface-alt);
  border: 1px solid var(--rd-border-light);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.item-details-section__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: var(--rd-surface);
  border-bottom: 1px solid var(--rd-border-light);
}

.item-details-section__icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--rd-primary-alpha);
  color: var(--rd-primary);
  font-size: 14px;
}

.item-details-section__actions {
  flex-shrink: 0;
}

.item-details-section__body {
  padding: 1.25rem 1.5rem;
}

.item-details-section__body .form-label {
  font-weight: 600;
  font-size: 13px;
  color: var(--rd-label-color);
  margin-bottom: 0.35rem;
}

.item-details-section__body .form-control,
.item-details-section__body .form-select {
  border-radius: 8px;
  border-color: var(--rd-border);
  padding: 0.5rem 0.75rem;
}

.item-details-section__body .form-control:focus,
.item-details-section__body .form-select:focus {
  border-color: var(--rd-primary);
  box-shadow: 0 0 0 3px var(--rd-primary-alpha);
}

.item-details-section__body .form-control:disabled,
.item-details-section__body .form-select:disabled {
  background-color: var(--rd-surface-alt);
  cursor: not-allowed;
}

/* Ant Design form elements */
.ant-form-item-label > label {
  font-family: var(--rd-font-family) !important;
  font-weight: var(--rd-label-font-weight) !important;
  font-size: 13px !important;
  color: var(--rd-label-color) !important;
}

.ant-input,
.ant-input-number,
.ant-picker,
.ant-select-selector {
  font-family: var(--rd-font-family) !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  border-color: var(--rd-input-border) !important;
}

.ant-input:focus,
.ant-input-number:focus,
.ant-picker-focused,
.ant-select-focused .ant-select-selector {
  border-color: var(--rd-primary) !important;
  box-shadow: 0 0 0 2px var(--rd-primary-alpha) !important;
}

/* Table action buttons */
.table-btn {
  border-radius: 8px !important;
  border-color: var(--rd-border) !important;
  transition: all var(--rd-transition) !important;
}

.table-btn:hover {
  background-color: var(--rd-primary-alpha) !important;
  border-color: var(--rd-primary) !important;
}

.table-action-btn {
  background-color: var(--rd-primary-light) !important;
  color: var(--rd-primary) !important;
  border-radius: 8px !important;
  border-color: var(--rd-border) !important;
}

.gth-action-button {
  background: var(--rd-primary-light) !important;
  color: var(--rd-primary) !important;
  border-radius: 8px !important;
  border-color: var(--rd-border) !important;
}

.gth-action-button.dropdown-toggle {
  background-color: var(--rd-primary-light) !important;
  color: var(--rd-primary) !important;
}

/* DataTable export button group */
.table-button-group .table-export-btn {
  border-color: var(--rd-primary) !important;
  color: var(--rd-primary) !important;
}

.tableDocBtn {
  border-color: var(--rd-primary) !important;
  background: var(--rd-primary-light) !important;
  color: var(--rd-primary) !important;
}

/* Kendo grid */
.rounded_table .k-grid {
  border-radius: var(--rd-card-radius) !important;
}

.k-grid .k-table-row.k-table-alt-row {
  background-color: var(--rd-surface-alt) !important;
}

/* Custom table wrapper */
.custom-table-wrap {
  border: 1px solid var(--rd-border) !important;
  border-radius: var(--rd-card-radius) !important;
}

/* ============================================================
   9. MODALS — ELEVATED
   ============================================================ */
.modal-content {
  border-radius: 18px !important;
  border: none !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.15) !important;
}

.modal .modal-content {
  border-radius: 18px !important;
}

.modal-header {
  border-bottom: 1px solid var(--rd-border-light) !important;
  padding: 18px 24px !important;
  border-radius: 18px 18px 0 0 !important;
}

.modal-title,
.gth-modal-title {
  font-family: var(--rd-font-family) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--rd-label-color) !important;
}

.ant-form-item {
  margin-bottom: 1rem !important;
}

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

.modal-footer {
  background: var(--rd-surface-alt) !important;
  border-top: 1px solid var(--rd-border-light) !important;
  border-radius: 0 0 18px 18px !important;
  padding: 14px 24px !important;
}

/* Task details modal */
.task-details-modal .modal-header {
  background-color: var(--rd-primary-light) !important;
}

.task-details-modal .modal-header .modal-title,
.task-details-modal .modal-header .modal-title .task-title-edit-wrap .task-name {
  color: var(--rd-primary-dark) !important;
}

.gth-modal-title {
  color: var(--rd-primary-dark) !important;
}

/* ============================================================
   10. BADGES — PILL-SHAPED & MODERN
   ============================================================ */
.badge {
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 11.5px !important;
  padding: 5px 10px !important;
  letter-spacing: 0.02em;
}

.exp-badge-success-light, .exp-bg-success-light {
  background-color: var(--rd-success-light) !important;
  color: #065f46 !important;
  border-color: var(--rd-success) !important;
}

.exp-badge-primary-light {
  background-color: var(--rd-primary-light) !important;
  color: var(--rd-primary-dark) !important;
  border-color: var(--rd-primary) !important;
}

.exp-badge-red-light {
  background-color: var(--rd-danger-light) !important;
  color: #991b1b !important;
  border-color: var(--rd-danger) !important;
}

.exp-badge-warning-light {
  background-color: var(--rd-warning-light) !important;
  color: #92400e !important;
  border-color: var(--rd-warning) !important;
}

.exp-badge-info-light {
  background-color: var(--rd-info-light) !important;
  color: #1e40af !important;
  border-color: var(--rd-info) !important;
}

/* ============================================================
   11. DROPDOWN MENUS
   ============================================================ */
.dropdown-menu {
  background-color: var(--rd-surface) !important;
  border: 1px solid var(--rd-border-light) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.10) !important;
  padding: 6px !important;
}

.dropdown-menu .dropdown-item {
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--rd-text) !important;
  padding: 8px 14px !important;
  transition: all var(--rd-transition) !important;
}

.dropdown-menu .dropdown-item:hover {
  background-color: var(--rd-primary-alpha) !important;
  color: var(--rd-primary-dark) !important;
}

/* Actions Dropdown - Modern design */
.actions-dropdown__menu {
  min-width: 320px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  background-color: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.04) !important;
  z-index: 10000 !important;
}

.actions-dropdown__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  padding: 12px 14px !important;
  border: none;
  background: transparent;
  border-radius: 10px;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: all 0.2s ease;
}

.actions-dropdown__item:hover {
  background-color: var(--rd-primary-alpha) !important;
}

.actions-dropdown__item:hover .actions-dropdown__icon--primary {
  color: var(--rd-primary) !important;
}

.actions-dropdown__item:hover .actions-dropdown__label {
  color: var(--rd-primary-dark) !important;
}

.actions-dropdown__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 14px;
  transition: color 0.2s ease;
}

.actions-dropdown__icon--primary {
  color: var(--rd-primary) !important;
  background-color: var(--rd-primary-alpha);
}

.actions-dropdown__icon--danger {
  color: var(--rd-danger) !important;
  background-color: var(--rd-danger-light);
}

.actions-dropdown__item:hover .actions-dropdown__icon--danger {
  color: var(--rd-danger) !important;
  background-color: rgba(239, 68, 68, 0.15);
}

.actions-dropdown__content {
  flex: 1;
  min-width: 0;
}

.actions-dropdown__label {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: var(--rd-text);
  margin-bottom: 2px;
}

.actions-dropdown__desc {
  display: block;
  font-size: 12px;
  color: var(--rd-text-muted);
  line-height: 1.35;
}

.actions-dropdown__divider {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--rd-text-muted);
}

.actions-dropdown__divider::before,
.actions-dropdown__divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--rd-border);
}

.actions-dropdown__divider span {
  flex-shrink: 0;
}

/* ============================================================
   12. TABS
   ============================================================ */
.exp-tabs .nav-item .nav-link {
  color: var(--rd-text-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: all var(--rd-transition) !important;
}

.exp-tabs .nav-item .nav-link.active {
  border-bottom: 3px solid var(--rd-primary) !important;
  color: var(--rd-primary-dark) !important;
}

.exp-tabs .nav-item .nav-link:hover {
  color: var(--rd-text) !important;
}

.gth-tabs .nav-item .nav-link.active {
  border-bottom-color: var(--rd-primary) !important;
  color: var(--rd-primary) !important;
  background-color: var(--rd-primary-alpha) !important;
}

/* Controller bar / view tabs */
.gthh-controller-bar {
  background-color: var(--rd-primary-light) !important;
  border-bottom: 1px solid var(--rd-border) !important;
  padding: 0 24px !important;
}

.gthh-controller-bar .gth-controller-view-block li .gth-controller-view-item.active {
  color: var(--rd-primary-dark) !important;
  background-color: var(--rd-surface) !important;
}

.gthh-controller-bar .gth-controller-view-block li .gth-controller-view-item.active:after {
  background-color: var(--rd-primary) !important;
}

/* Operations Page Top Bar - new design */
.ops-top-bar {
  background: var(--rd-surface) !important;
  border-bottom: 1px solid var(--rd-border) !important;
  padding: 0 1.5rem !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
}

.ops-top-bar__tabs {
  display: flex !important;
  gap: 0.25rem !important;
  padding: 0.5rem 0 !important;
}

.ops-top-bar__tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.65rem 1.25rem !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--rd-text-secondary) !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  position: relative !important;
}

.ops-top-bar__tab:hover {
  color: var(--rd-primary) !important;
  background-color: var(--rd-primary-alpha) !important;
}

.ops-top-bar__tab--active {
  color: var(--rd-primary) !important;
  background-color: var(--rd-primary-alpha) !important;
}

.ops-top-bar__tab--active::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 1.25rem !important;
  right: 1.25rem !important;
  height: 2px !important;
  background-color: var(--rd-primary) !important;
  border-radius: 2px 2px 0 0 !important;
}

.ops-top-bar__tab-icon {
  font-size: 13px !important;
  opacity: 0.9 !important;
}

/* Inventory / List Page Toolbar */
.inventory-toolbar {
  padding: 0.25rem 0;
}

.inventory-toolbar__search .product-search .ant-input-group {
  border-radius: 8px !important;
  border-color: var(--rd-border) !important;
}

.inventory-toolbar__search .product-search .ant-input-group:focus-within {
  border-color: var(--rd-primary) !important;
  box-shadow: 0 0 0 2px var(--rd-primary-alpha) !important;
}

.inventory-toolbar__search .product-search .ant-input {
  border-radius: 8px 0 0 8px !important;
  font-size: 14px !important;
}

.inventory-toolbar__search .product-search .ant-input-search-button {
  border-radius: 0 8px 8px 0 !important;
  background: var(--rd-primary) !important;
  border-color: var(--rd-primary) !important;
  color: #fff !important;
}

.inventory-toolbar__search .product-search .ant-input-search-button:hover {
  background: var(--rd-primary-dark) !important;
  border-color: var(--rd-primary-dark) !important;
  color: #fff !important;
}

/* Rounded tabs */
.gth-rounded-tab {
  background-color: var(--rd-surface) !important;
  padding: 10px 200px 10px 24px !important;
}

/* ============================================================
   13. SCROLLBAR
   ============================================================ */
::-webkit-scrollbar {
  width: 6px !important;
}

::-webkit-scrollbar-track {
  background: transparent !important;
  border-radius: 6px !important;
}

::-webkit-scrollbar-thumb {
  background-color: #cbd5e1 !important;
  border-radius: 6px !important;
  border: none !important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8 !important;
}

* {
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 transparent !important;
}

/* ============================================================
   14. CHECKBOXES & RADIOS
   ============================================================ */
.custom-checkbox .checkmark {
  border-radius: 6px !important;
  background-color: var(--rd-surface-alt) !important;
  border-color: var(--rd-border) !important;
}

.custom-checkbox input:checked ~ .checkmark {
  background-color: var(--rd-primary) !important;
  border-color: var(--rd-primary) !important;
}

.custom-radio .checkmark {
  border-color: var(--rd-border) !important;
  background-color: var(--rd-surface-alt) !important;
}

.custom-radio input:checked ~ .checkmark {
  background-color: var(--rd-primary) !important;
  border-color: var(--rd-primary) !important;
}

/* Switch */
.custom-switch input:checked + .switch-slider {
  background-color: var(--rd-primary) !important;
}

.custom-switch .switch-slider:before {
  background-color: var(--rd-primary) !important;
}

.custom-switch input:checked + .switch-slider:before {
  background-color: var(--rd-text-inverse) !important;
}

/* ============================================================
   15. PAGINATION
   ============================================================ */
.page-item.active .page-link {
  background-color: var(--rd-primary) !important;
  border-color: var(--rd-primary) !important;
  color: var(--rd-text-inverse) !important;
  border-radius: 8px !important;
}

.page-link {
  color: var(--rd-text) !important;
  border-radius: 8px !important;
}

/* ============================================================
   16. LOADER
   ============================================================ */
@keyframes changeColor {
  0%, 25% { border-top-color: var(--rd-primary) !important; }
  50% { border-top-color: var(--rd-success) !important; }
  75% { border-top-color: var(--rd-warning) !important; }
  100% { border-top-color: var(--rd-info) !important; }
}

/* ============================================================
   17. POPOVERS & TOOLTIPS
   ============================================================ */
.popover {
  border-radius: 14px !important;
  background-color: var(--rd-surface) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
  border: 1px solid var(--rd-border-light) !important;
}

.popover .popover-header {
  background-color: var(--rd-surface-alt) !important;
  border-radius: 14px 14px 0 0 !important;
}

/* ============================================================
   18. LOGIN / AUTH
   ============================================================ */
.login-auth-wrap {
  background: linear-gradient(135deg, #f0fdfa 0%, #ecfdf5 50%, #f0f9ff 100%) !important;
}

.login-auth-wrap .loginBox .login-title .sign-in span {
  color: var(--rd-text-inverse) !important;
}

/* ============================================================
   19. MULTI-STEP FORM / WIZARD
   ============================================================ */
.multi-step-form .react-form-wizard .wizard-card-footer .continue-btn,
.multi-step-form .react-form-wizard .wizard-card-footer .finish-button {
  background-color: var(--rd-primary) !important;
  border-color: var(--rd-primary) !important;
  border-radius: var(--rd-btn-radius) !important;
}

.multi-step-form .react-form-wizard .wizard-card-footer .continue-btn:hover,
.multi-step-form .react-form-wizard .wizard-card-footer .finish-button:hover {
  background-color: var(--rd-primary-dark) !important;
}

/* ============================================================
   20. ICON BUTTONS
   ============================================================ */
.icon-btn {
  background-color: var(--rd-surface-alt) !important;
  color: var(--rd-text-secondary) !important;
  border-radius: 10px !important;
  transition: all var(--rd-transition) !important;
}

.icon-btn:hover,
.icon-btn.icon-btn-active {
  background-color: var(--rd-primary-alpha) !important;
  color: var(--rd-primary) !important;
}

/* ============================================================
   21. PROCESS / BOM DIAGRAM
   ============================================================ */
.bom_data .pointer-divider {
  border-top-color: var(--rd-primary) !important;
}

.bom_data .bom_pointer_item {
  border-color: var(--rd-primary) !important;
  border-radius: 12px !important;
}

/* ============================================================
   22. STEP CARD / WORKFLOW
   ============================================================ */
.step-card-header {
  background-color: var(--rd-primary-light) !important;
}

/* ============================================================
   23. OFFCANVAS
   ============================================================ */
.offcanvas-header {
  background: var(--rd-primary-light) !important;
}

.assignee-canvas .offcanvas-header {
  background-color: var(--rd-primary-light) !important;
}

.assignee-canvas .offcanvas-header .offcanvas-title {
  color: var(--rd-primary-dark) !important;
}

/* ============================================================
   24. CHAT
   ============================================================ */
.chat-canvas .chat-wrapper .chat-conversation-wrap .chat-msg.owner .chat-msg-text {
  background: linear-gradient(135deg, var(--rd-primary) 0%, #14b8a6 100%) !important;
  color: var(--rd-text-inverse) !important;
}

.chat-canvas .chat-wrapper .chat-area-footer .chat-file-upload,
.chat-canvas .chat-wrapper .chat-area-footer .send-btn {
  background-color: var(--rd-primary) !important;
}

/* ============================================================
   25. CALENDAR
   ============================================================ */
.calender-wrap .fc-header-toolbar .fc-toolbar-chunk .fc-button-primary {
  background-color: var(--rd-primary) !important;
  border-color: var(--rd-primary) !important;
  border-radius: 8px !important;
}

.calender-wrap .fc .fc-toolbar-title {
  color: var(--rd-primary-dark) !important;
}

.fc .fc-toolbar.fc-header-toolbar {
  background-color: var(--rd-surface-alt) !important;
  border-radius: 12px 12px 0 0 !important;
}

/* ============================================================
   26. BREADCRUMBS / PAGE TITLE
   ============================================================ */
.page_title .page_name h5 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--rd-text) !important;
}

.page_title .page_name p {
  color: var(--rd-text-secondary) !important;
}

.page_title .page_icon {
  color: var(--rd-primary) !important;
}

/* ============================================================
   27. ATTACHMENTS
   ============================================================ */
.erp_attachment_wrap .erp_attachment_item {
  border-radius: 12px !important;
  box-shadow: var(--rd-card-shadow) !important;
}

.erp_attachment_wrap .erp_attachment_item .erp_attachment_icon {
  background-color: var(--rd-primary-light) !important;
  color: var(--rd-primary) !important;
  border-radius: 12px !important;
}

.gth-attachment-body .gth-attachment-tile-item {
  border-radius: 12px !important;
  border-color: var(--rd-border) !important;
}

/* ============================================================
   28. PAYMENT STATUS CARDS
   ============================================================ */
.payment_status_wrap .item_payable {
  border-radius: 14px !important;
}

/* ============================================================
   29. STATUS CHIPS — CONSISTENT ROUNDNESS
   ============================================================ */
.badge-outline-active,
.badge-outline-warning,
.badge-outline-quotation,
.badge-outline-danger,
.badge-outline-success,
.badge-outline-meantGreen,
.badge-outline-yellowGreen,
.badge-outline-repair,
.badge-outline-wip,
.badge-outline-purple,
.badge-outline-accent,
.badge-outline-green {
  border-radius: 8px !important;
}

/* ============================================================
   30. PRIORITY COLORS (using new palette)
   ============================================================ */
.priority-set.urgent i { color: var(--rd-danger) !important; }
.priority-set.high i { color: var(--rd-warning) !important; }
.priority-set.normal i { color: var(--rd-primary) !important; }
.priority-set.low i { color: var(--rd-text-muted) !important; }

/* ============================================================
   31. MISC REFINEMENTS
   ============================================================ */

/* Horizontal rule */
hr {
  border-top-color: var(--rd-border-light) !important;
}

/* DataTables wrapper */
div.dt-button-collection {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
}

/* Product table */
.product_table {
  border-color: var(--rd-border) !important;
  border-radius: 12px !important;
}

/* Ribbon */
.ribbon {
  background-color: var(--rd-primary) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 10px rgba(30, 43, 109, 0.3) !important;
}

/* Fixed table wrapper */
.fixed-table-wrapper {
  border-color: var(--rd-border) !important;
  border-radius: var(--rd-card-radius) !important;
}

/* Link colors */
.text-exp-blue,
.text-exp-blue1,
.gth-text-primary,
.gth-text-primary1 {
  color: var(--rd-primary) !important;
}

.gth-link-btn {
  color: var(--rd-primary) !important;
}

.fill-blue {
  fill: var(--rd-primary) !important;
}

.k_table_link {
  color: var(--rd-primary) !important;
}

.table-description .table-read-more {
  color: var(--rd-primary) !important;
  border-bottom-color: var(--rd-primary) !important;
}

/* Pending task notification */
.pending-task-notification {
  background-color: var(--rd-danger) !important;
}

/* Upload file areas */
.drop_zone_outer_wrap .drop_zone_file_area {
  border-color: var(--rd-border) !important;
  border-radius: 12px !important;
}

/* Route wrap */
.route_wrap .route_item .route_header .route_number {
  background-color: var(--rd-primary) !important;
}

.route_wrap .route_item .route_header .route_number.completed__route {
  background-color: var(--rd-success) !important;
}

/* Success/404 page */
.wrapper-1 .wrapper-2 h1 {
  color: var(--rd-primary-dark) !important;
}

.wrapper-1 .wrapper-2 .go-home {
  background: var(--rd-primary) !important;
  box-shadow: 0 10px 20px rgba(30, 43, 109, 0.25) !important;
  border-radius: var(--rd-btn-radius) !important;
}

/* Tags */
.react-tagsinput-tag {
  background-color: var(--rd-primary-light) !important;
  border-color: var(--rd-primary) !important;
  color: var(--rd-primary-dark) !important;
  border-radius: 8px !important;
}

/* Month card views */
.month_card_view.month_po {
  background-color: var(--rd-warning-light) !important;
  border-radius: var(--rd-card-radius) !important;
}

.month_card_view.month_inv {
  background-color: var(--rd-primary-light) !important;
  border-radius: var(--rd-card-radius) !important;
}

/* Background alpha utilities */
.gth-bg-success-alpha { background-color: #ecfdf5 !important; }
.gth-bg-danger-alpha { background-color: #fef2f2 !important; }
.gth-bg-primary-alpha { background-color: var(--rd-primary-light) !important; }
.gth-bg-warning-alpha { background-color: #fffbeb !important; }
.gth-bg-info-alpha { background-color: #eff6ff !important; }

/* Background old classes with new colors */
.gth-bg-primary { background-color: var(--rd-primary) !important; }
.gth-bg-primary-light { background-color: var(--rd-primary-light) !important; }
.gth-bg-success { background-color: var(--rd-success) !important; }
.gth-bg-success-light { background-color: var(--rd-success-light) !important; }
.gth-bg-danger { background-color: var(--rd-danger) !important; }
.gth-bg-danger-light { background-color: var(--rd-danger-light) !important; }
.gth-bg-warning { background-color: var(--rd-warning) !important; }
.gth-bg-warning-light { background-color: var(--rd-warning-light) !important; }
.gth-bg-info { background-color: var(--rd-info) !important; }
.gth-bg-info-light { background-color: var(--rd-info-light) !important; }

/* ============================================================
   32. ANIMATION REFINEMENTS
   ============================================================ */
.slideIn {
  animation-duration: 0.25s !important;
}

/* Card transitions */
.card,
.btn,
.icon-btn,
.table-btn,
.nav-link,
.dropdown-item,
.form-control,
.sidebar-nav-link {
  transition: all var(--rd-transition) !important;
}

/* ============================================================
   33. TOP LISTING / STATUS TABS
   ============================================================ */
.top_listing .list_item .listMenu {
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* ============================================================
   34. CART / E-COMMERCE
   ============================================================ */
.view_cart_bottom_div .view_cart_bottom_Link {
  border-radius: 16px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
}

/* ============================================================
   35. COMMENT / CHAT SECTION
   ============================================================ */
.comment-header-bg {
  background-color: var(--rd-primary-light) !important;
}

.post_comment_box {
  background-color: var(--rd-surface-alt) !important;
  border-radius: 12px !important;
}

/* ============================================================
   36. DASHBOARD-SPECIFIC OVERRIDES
   ============================================================ */
.gth-dashboard-v2-process-wrap {
  padding: 0px 24px 15px 24px !important;
}

/* Graph cards */
.graph-card {
  min-height: 240px !important;
}

/* ============================================================
   END OF REDESIGN OVERRIDE
   ============================================================ */