:root {
  /* Brand Colors */
  --bs-border-color: #E0E1FF;
  --brand-voilet: #6B71C8;
  --brand-voilet-dark: #626BCC;
  --brand-voilet-light: #8B90D9;
  --brand-voilet-subtle: rgba(107, 113, 200, 0.08);

  /* Border Radius */
  --border-radius: 14px;
  --bs-btn-border-radius: 14px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* Text Colors */
  --placeholder-color: #77798C;
  --bodytext-color: #3A3B4C;
  --text-muted: #6B7280;
  --text-subtle: #9CA3AF;

  /* Dropdown */
  --dropdown-border-color: #CDCFE2;
  --dropdown-border-radius: 14px;

  /* Card */
  --card-radius: 25px;

  /* Breadcrumbs & Navigation */
  --breadcrumbs-color: #68698A;
  --inactive-tab-color: #3E3F52;

  /* Form Inputs */
  --input-border-color: #CBCDE1;
  --input-focus-color: var(--brand-voilet);
  --floating-label-color: #68698A;

  /* Utility Colors */
  --muted-gray: #68698A;
  --light-green-96: #F1F8F6;
  --light-green-94: #E9F7F2;
  --light-red-96: #FFECEB;
  --light-red-93: #FFDDDB;
  --error-red-61: #FD4539;
  --ai-tip-list-color: #504E56;
  --bs-warning-bg-subtle: #F8F5F1;
  --bs-alert-border-radius: 14px;
  --bs-warning-text-emphasis: #C18029;
  --dark-green: #1F674F;
  --dark-purple: #525CC7;
  --expanded-panel-bg: #F3F4FB;
  --inactive-tag-bg: #F1F1F1;
  --inactive-tag-color: #9EA99C;
  --light-purple-96: #ECEDFD;
  --th-gray-color: #68698A;
  --bs-body-bg: #FCFEFF;

  /* Status Colors */
  --success-color: #059669;
  --success-bg: #ECFDF5;
  --success-border: #A7F3D0;
  --warning-color: #D97706;
  --warning-bg: #FFFBEB;
  --warning-border: #FDE68A;
  --danger-color: #DC2626;
  --danger-bg: #FEF2F2;
  --danger-border: #FECACA;
  --info-color: var(--brand-voilet);
  --info-bg: var(--light-purple-96);
  --info-border: #C7D2FE;

  /* Shadows - Enterprise depth hierarchy */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-brand: 0 4px 14px rgba(105, 114, 210, 0.25);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04), 0 6px 16px rgba(105, 114, 210, 0.06);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

  /* Spacing Scale (8px base) */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  /* Z-index Scale */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-tooltip: 1070;
}

.qty {
  width: 15px;
  height: 15px;
  border-radius: 12px;
  font-size: 10px;
  color: #3A3B4c;
  line-height: 15px;
  text-align: center;
  background: #E7FBE4
}

/* ============================================
   ENTERPRISE TABLE STYLING
   ============================================ */
.table {
  --table-row-hover: rgba(107, 113, 200, 0.04);
  --table-border-color: #F0F1F7;
  border-collapse: separate;
  border-spacing: 0;
}

.table thead th {
  background: linear-gradient(180deg, #FAFBFC 0%, #F5F6FA 100%);
  border-bottom: 2px solid var(--bs-border-color);
  color: var(--th-gray-color);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 14px 16px;
  white-space: nowrap;
  position: relative;
}

.table thead th:first-child {
  border-top-left-radius: var(--radius-md);
}

.table thead th:last-child {
  border-top-right-radius: var(--radius-md);
}

.table tbody tr {
  transition: background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.table tbody tr:hover {
  background-color: var(--table-row-hover);
}

.table tbody td {
  padding: 14px 16px;
  font-size: 14px;
  vertical-align: middle;
  border-bottom: 1px solid var(--table-border-color);
  transition: background-color var(--transition-fast);
}

.table tbody tr:last-child td {
  border-bottom: none;
}

.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--radius-md);
}

.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--radius-md);
}

/* Striped table enhancement */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(248, 249, 252, 0.5);
}

.table-striped tbody tr:nth-of-type(odd):hover {
  background-color: var(--table-row-hover);
}

/* Table responsive wrapper enhancement */
.table-responsive,
.table-responsive-lg {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.form-switch .form-check-input:not(:checked) {

  border-color: var(--input-border-color);
  background-color: var(--input-border-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}


.form-switch .form-check-input:checked {

  border-color: var(--brand-voilet);
  background-color: var(--brand-voilet);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.accordion-button::after {
  background-image: url("../../assets/images/icon-plus.svg");
  background-size: 14px;
  top: 3px;
  position: relative;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../../assets/images/icon-minus.svg");
  background-size: 14px;
  transform: none;
  top: 9px;
  position: relative;

}



.bg-expanded-panel {
  background-color: var(--expanded-panel-bg);
}

.bg-inactive-tag {
  background-color: var(--inactive-tag-bg);
}


.color-dark-green {
  color: var(--dark-green);
}

.color-wood {
color: #AA791D;
}

.color-orange-dark {
color: #EC682F;
}

.color-inactive-tag {
  color: var(--inactive-tag-color);
}

.color-red {
  color: var(--error-red-61);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-bg-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
  border-radius: var(--bs-alert-border-radius);
}

.muted-gray {
  color: var(--muted-gray);
}

.rounded-4 {
  border-radius: var(--card-radius) !important;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #77798C;
}
input[type="search"]::-moz-placeholder { /* Firefox 19+ */
  color: #77798C;
}
input[type="search"]:-ms-input-placeholder { /* IE 10+ */
  color: #77798C;
}
input[type="search"]:-moz-placeholder { /* Firefox 18- */
  color: #77798C;
}

.card-shadow,
.inner-container-home,
.accordion-item {
  box-shadow: 0px 27px 19.8px 0px rgba(105, 114, 210, 0.07);
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}


.btn-outline-secondary {
  --bs-btn-color: var(--bodytext-color);
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: #6972D2;
  --bs-btn-hover-bg: #F2F3FB;
  --bs-btn-hover-border-color: #6972D2;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #6972D2;
  --bs-btn-active-bg: #F2F3FB;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
  font-size: 13px;
  border-radius: 12px;
  font-weight: 500;
}

.tabs-scroller .btn-outline-secondary {
  --bs-btn-color: #77798C;
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: #6972D2;
  --bs-btn-hover-bg: #F2F3FB;
  --bs-btn-hover-border-color: #6972D2;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #6972D2;
  --bs-btn-active-bg: #F2F3FB;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
  font-size: 14px;
  border-radius: 12px;
}

/* Dashboard tab active state - section is visible */
.tabs-scroller .btn.active,
.tabs-scroller .dashboard-tab.active {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--brand-voilet);
  --bs-btn-border-color: var(--brand-voilet);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5861c4;
  --bs-btn-hover-border-color: #5861c4;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-voilet);
  background-color: var(--brand-voilet);
  color: #fff;
  border-color: var(--brand-voilet);
}

/* Dashboard tab inactive state - section is hidden */
.tabs-scroller .dashboard-tab:not(.active) {
  --bs-btn-color: #77798C;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: var(--brand-voilet);
  --bs-btn-hover-bg: #F2F3FB;
  --bs-btn-hover-border-color: var(--brand-voilet);
  background-color: transparent;
  color: #77798C;
  border-color: var(--bs-border-color);
}

/* Dashboard section transitions */
.dashboard-section {
  transition: opacity var(--transition-base), transform var(--transition-base);
}

.dashboard-section.section-hidden {
  opacity: 0;
  transform: scale(0.98);
  pointer-events: none;
}

/* ============================================
   SKELETON LOADER STYLES
   ============================================ */

/* Base skeleton shimmer animation */
@keyframes skeleton-shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}

@keyframes skeleton-pulse {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
}

@keyframes skeleton-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Skeleton cell - base element */
.skeleton-cell {
  display: inline-block;
  background: linear-gradient(90deg, #f0f0f5 0%, #e8e8ed 50%, #f0f0f5 100%);
  background-size: 200px 100%;
  animation: skeleton-shimmer 1.5s ease-in-out infinite;
  border-radius: 4px;
}

/* Skeleton row animation */
.skeleton-row {
  animation: skeleton-fade-in 0.3s ease-out forwards;
  opacity: 0;
}

/* Chart skeleton container */
.chart-skeleton {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 20px;
  background: linear-gradient(180deg, #fafbfc 0%, #f5f6fa 100%);
  border-radius: var(--radius-md);
}

/* Bar chart skeleton */
.chart-skeleton-bars {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 16px;
  width: 100%;
  height: 80%;
}

.skeleton-bar {
  width: 40px;
  background: linear-gradient(180deg, #e0e1ff 0%, #c5c8ec 100%);
  border-radius: 4px 4px 0 0;
  animation: skeleton-pulse 1.5s ease-in-out infinite;
}

/* Donut chart skeleton */
.donut-skeleton {
  display: flex;
  align-items: center;
  justify-content: center;
}

.skeleton-donut {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 40px solid #e0e1ff;
  background: transparent;
  animation: skeleton-pulse 1.5s ease-in-out infinite;
  position: relative;
}

.skeleton-donut::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #f5f6fa;
}

/* Map skeleton */
.map-skeleton {
  display: flex;
  align-items: center;
  justify-content: center;
}

.skeleton-map-shape {
  width: 180px;
  height: 220px;
  background: linear-gradient(135deg, #e0e1ff 0%, #c5c8ec 50%, #e0e1ff 100%);
  background-size: 200% 200%;
  animation: skeleton-shimmer 2s ease-in-out infinite;
  border-radius: 40% 60% 50% 40% / 50% 40% 60% 50%;
  clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}

/* ============================================
   COUNT-UP ANIMATION STYLES
   ============================================ */

.count-up {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  transition: color 0.3s ease;
}

.count-up-animating {
  color: var(--brand-voilet);
}

.count-up-complete {
  animation: count-up-pop 0.3s ease-out;
}

@keyframes count-up-pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

/* ============================================
   DATA ROW ANIMATIONS
   ============================================ */

.data-row {
  animation: row-slide-in 0.4s ease-out forwards;
  opacity: 0;
  transform: translateX(-10px);
}

@keyframes row-slide-in {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Table header row styling */
.table-header-row {
  font-weight: 600;
  color: var(--th-gray-color);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-bottom: 1px solid var(--bs-border-color) !important;
}

/* Smooth transitions for dashboard cards */
.inner-container-home {
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.inner-container-home:hover {
  box-shadow: var(--shadow-card);
  transform: translateY(-2px);
}

/* Status cards animation */
.status-cards {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.status-cards:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

/* ============================================
   GRIDSTACK DASHBOARD STYLES
   ============================================ */

/* Grid container */
.grid-stack {
  background: transparent;
  min-height: 200px;
}

/* Grid item content wrapper */
.grid-stack-item-content {
  background: transparent;
  overflow: visible;
  height: 100%;
}

/* Inner container fills the grid item */
.grid-stack-item .inner-container-home {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Chart container wrapper fills remaining space */
.chart-container-wrapper {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* Drag handle styling - drag by card heading */
.grid-stack-item .card-heading {
  cursor: move;
  -webkit-user-select: none;
  user-select: none;
}

.grid-stack-item .card-heading::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236B71C8'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='8' cy='3' r='1.5'/%3E%3Ccircle cx='13' cy='3' r='1.5'/%3E%3Ccircle cx='3' cy='8' r='1.5'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Ccircle cx='13' cy='8' r='1.5'/%3E%3Ccircle cx='3' cy='13' r='1.5'/%3E%3Ccircle cx='8' cy='13' r='1.5'/%3E%3Ccircle cx='13' cy='13' r='1.5'/%3E%3C/svg%3E");
  background-size: contain;
  opacity: 0.5;
  transition: opacity var(--transition-base);
}

.grid-stack-item:hover .card-heading::before {
  opacity: 1;
}

/* Resize handle styling */
.grid-stack-item > .ui-resizable-handle {
  opacity: 0;
  transition: opacity var(--transition-base);
}

.grid-stack-item:hover > .ui-resizable-handle {
  opacity: 0.6;
}

/* Custom resize handle appearance */
.grid-stack-item > .ui-resizable-se {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236B71C8'%3E%3Cpath d='M14 10v4H4v-4h10zM10 14v-4H6v4h4z'/%3E%3C/svg%3E");
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  right: 4px;
  bottom: 4px;
}

/* Placeholder during drag */
.grid-stack-placeholder > .placeholder-content {
  background: var(--brand-voilet-subtle);
  border: 2px dashed var(--brand-voilet);
  border-radius: var(--card-radius);
}

/* Dragging state */
.grid-stack-item.ui-draggable-dragging {
  box-shadow: var(--shadow-xl);
  z-index: 100 !important;
  opacity: 0.95;
}

.grid-stack-item.ui-draggable-dragging .inner-container-home {
  border-color: var(--brand-voilet);
}

/* Resizing state */
.grid-stack-item.ui-resizable-resizing {
  box-shadow: var(--shadow-lg);
}

.grid-stack-item.ui-resizable-resizing .inner-container-home {
  border-color: var(--brand-voilet-light);
}

/* Hidden grid item */
.grid-stack-item-hidden {
  display: none !important;
}

/* Mobile: single column, no drag/resize */
@media (max-width: 768px) {
  .grid-stack-item > .ui-resizable-handle {
    display: none !important;
  }

  .grid-stack-item .card-heading {
    cursor: default;
  }

  .grid-stack-item .card-heading::before {
    display: none;
  }

  .grid-stack {
    height: auto !important;
  }

  .grid-stack-item {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    top: auto !important;
    margin-bottom: 16px;
  }
}

/* ============================================
   FALLBACK GRID LAYOUT (when Gridstack.js not loaded)
   Uses CSS Grid to simulate the gs-w positions
   ============================================ */

/* Detect if Gridstack is NOT initialized - items will lack position styles */
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  height: auto !important;
}

.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 350px;
}

/* Map gs-w attributes to grid columns for fallback */
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-w="12"] { grid-column: span 12; }
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-w="6"] { grid-column: span 6; }
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-w="4"] { grid-column: span 4; }
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-w="3"] { grid-column: span 3; }

/* Fallback height mapping based on gs-h */
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-h="5"] { min-height: 450px; }
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-h="4"] { min-height: 380px; }
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-h="3"] { min-height: 320px; }

/* Hide drag handle icon in fallback mode */
.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) .card-heading::before {
  display: none;
}

.grid-stack:not(.grid-stack-static):not([data-gs-current-row]) .card-heading {
  cursor: default;
}

/* Responsive fallback - single column on tablet and below */
@media (max-width: 992px) {
  .grid-stack:not(.grid-stack-static):not([data-gs-current-row]) {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-w="12"],
  .grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item[gs-w="4"] {
    grid-column: span 6;
  }
}

@media (max-width: 768px) {
  .grid-stack:not(.grid-stack-static):not([data-gs-current-row]) {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .grid-stack:not(.grid-stack-static):not([data-gs-current-row]) > .grid-stack-item {
    grid-column: span 1 !important;
    min-height: 320px;
  }
}

/* Reset button styling */
.tabs-scroller .btn-outline-secondary.btn-sm {
  padding: 6px 12px;
  font-size: 13px;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6972D2;
  --bs-btn-border-color: #6972D2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4E59D1;
  --bs-btn-hover-border-color: #4E59D1;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4E59D1;
  --bs-btn-active-border-color: #4E59D1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6972D2;
  --bs-btn-disabled-border-color: #6972D2;
  font-weight: 600;
  font-size: 16px;
  padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 14px;
    min-width: 110px;
}

.btn-outline-primary{
  --bs-btn-color: #6972D2;
  --bs-btn-border-color: #6972D2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6972D2;
  --bs-btn-hover-border-color: #6972D2;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6972D2;
  --bs-btn-active-border-color: #6972D2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6972D2;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6972D2;
  --bs-gradient: none;
  font-weight: 600;
  font-size: 16px;
  padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 14px;
    min-width: 110px;
}

.btn-outline-danger{
  font-weight: 600;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 14px;
  min-width: 110px;
}

/* ============================================
   ENTERPRISE BUTTON ENHANCEMENTS
   ============================================ */

/* Universal button transitions */
.btn {
  transition: all var(--transition-base);
  position: relative;
  overflow: hidden;
}

/* Primary button enhancements */
.btn-primary {
  box-shadow: var(--shadow-sm);
}

.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-brand);
}

.btn-primary:active {
  transform: translateY(0);
  box-shadow: var(--shadow-xs);
}

.btn-primary:focus-visible {
  outline: 2px solid var(--brand-voilet-light);
  outline-offset: 2px;
  box-shadow: var(--shadow-brand);
}

/* Outline primary button enhancements */
.btn-outline-primary {
  box-shadow: var(--shadow-xs);
}

.btn-outline-primary:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.btn-outline-primary:active {
  transform: translateY(0);
}

.btn-outline-primary:focus-visible {
  outline: 2px solid var(--brand-voilet-light);
  outline-offset: 2px;
}

/* Secondary/Outline button enhancements */
.btn-outline-secondary:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

.btn-outline-secondary:active {
  transform: translateY(0);
}

.btn-outline-secondary:focus-visible {
  outline: 2px solid var(--brand-voilet-light);
  outline-offset: 2px;
}

/* Danger button enhancements */
.btn-outline-danger:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.25);
}

.btn-outline-danger:focus-visible {
  outline: 2px solid var(--danger-color);
  outline-offset: 2px;
}

/* Disabled button state */
.btn:disabled,
.btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

/* Small button variant */
.btn-sm {
  font-size: 13px;
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  min-width: auto;
}

/* Button loading state */
.btn.is-loading {
  color: transparent !important;
  pointer-events: none;
  position: relative;
}

.btn.is-loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border: 2px solid currentColor;
  border-radius: 50%;
  border-right-color: transparent;
  animation: btn-spinner 0.75s linear infinite;
}

@keyframes btn-spinner {
  to {
    transform: rotate(360deg);
  }
}

.dropdown-menu{

--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 1rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 14px;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--dropdown-border-color);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #6972D2;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.35rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;

background-color: var(--bs-dropdown-bg);

border: var(--bs-dropdown-border-width) solid var(--dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
box-shadow: -6px 27px 19.8px 0px rgba(120, 123, 156, 0.16);
}


body{
  color: var(--bodytext-color);
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  min-height: 100vh;
min-height: -webkit-fill-available;
padding-top: 72px;

}


html {
height: -webkit-fill-available;
}

.bg-light-blue {
  background-color: #F3F4FB;
}
.bg-light-orange {
  background-color: #FBF2F0;
}

.bg-light-pink {
  background-color: #F5EFFA;
}
.bg-light-purple {
  background-color: var(--light-purple-96);
}

.bg-purple {
  background-color: var(--brand-voilet);
}

.bg-dark-purple {
  background-color: var(--dark-purple);
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--brand-voilet), var(--bs-border-opacity)) !important;
}
main {


overflow-x: auto;

}


.fs-14 {
  font-size: 14px;
}


.fs-13 {
  font-size: 13px;
}


.fs-12 {
  font-size: 12px;
}


.fs-11 {
  font-size: 11px;
}


.fs-28  {
  font-size: 28px;
}

.fs-22  {
  font-size: 22px;
}

.fs-38  {
  font-size: 38px;
}

.fs-36  {
  font-size: 36px;
}

.fs-20  {
  font-size: 20px;
}

.fs-18  {
  font-size: 18px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.page-heading {
  font-size: 32px;
  font-weight: 600;
  color: var( --brand-voilet);
}

.page-heading-inner {
  font-size: 39px;
  font-weight: 600;
}

.card-heading {
  font-size: 17px;
  font-weight: 600;
  color: var( --brand-voilet);
}

.back-link {
  color: var(--breadcrumbs-color);
  font-size: 12px;
}

.color-gray {
  color: var(--breadcrumbs-color);

}

.rotate-90deg {
  transform: rotate(270deg);
}

.rotate-180deg {
  transform: rotate(90deg) scale(0.8);
}

.dropdown-item {
  font-size: 14px;
}
.main-search {
  background: url(../../assets/images/icon-search.svg) no-repeat calc(100% - 20px) center;
  padding: .775rem 1.25rem;
  border-radius: var( --border-radius);
}

.dropdown-toggle { outline: 0; }

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
color: rgba(var(--bs-emphasis-color-rgb), .85);
background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
width: 1.25em;
line-height: 0;
/* content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); */
content: url("../../assets/images/icon-nav-down-arrow.svg");
transition: transform .35s ease;
transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}




.btn-toggle-nav a {
padding: .1875rem .5rem;
margin-top: .125rem;
margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
background-color: var(--bs-tertiary-bg);
}

.scrollarea {
overflow-y: auto;
}

@keyframes growProgressBar {
0%,
33% {
--pgPercentage: 0;
}
100% {
--pgPercentage: var(--value);
}
}

@property --pgPercentage {
syntax: "<number>";
inherits: false;
initial-value: 0;
}

div[role="progressbar"] {
--size: 2.8rem;
--fg: #8BC5B1;
--bg: #E5E8FF;
--pgPercentage: var(--value);
animation: growProgressBar 3s 1 forwards;
width: var(--size);
height: var(--size);
border-radius: 50%;
display: grid;
place-items: center;
background: radial-gradient(
closest-side,
white 80%,
transparent 0 99.9%,
white 0
),
conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
font-family: Helvetica, Arial, sans-serif;
font-size: calc(var(--size) / 5);
color: var(--fg);
}

div[role="progressbar"]::before {
counter-reset: percentage var(--value);
content: counter(percentage) "%";
color: #3A3B4C;
font-weight: bold;
}



.color-voilet {
  color: #6B71C8;
}

.color-voilet-dark {
  color:var(--brand-voilet-dark);
}

.gray-100 {
  color: #7C81A9;
}
.status-cards {
  border-bottom: 1px solid var(--bs-border-color);
background: var(--white, #FFF);

/* card shadow */
box-shadow: 0px 27px 19.8px 0px rgba(105, 114, 210, 0.07);
font-size: 14px;
}

.status-cards p{
  line-height: 130%;
}

.nudge-icon {
  height: 60px;
  width: 60px;

}

.bg-light-green {
  background-color: #C8E3DA;
}

.bg-light-green-96 {
  background-color: var( --light-green-96 )
}

.bg-light-green-94 {
  background-color: var( --light-green-94 )
}


.bg-red {
  background-color: var(--error-red-61);
}

.bg-light-red-96 {
  background-color: var(--light-red-96)
}

.bg-light-red-93 {
  background-color: var(--light-red-93)
}






#myCarousel .carousel-item {
  background-color: #F1F8F6;
  height: 6.25rem;
}

#myCarousel .carousel-caption {
  bottom: 0;
  color: #3A3B4C;
  left: 20px;
  right: 20px;

 
 
}


#myCarousel .carousel-caption p {
  
  font-size: 1.1em;
 
 
}


#myCarousel .carousel-caption .btn-primary {
  background-color: #C8E3DA;
  border-color: #C8E3DA;
  color: #1F674F;
  font-weight: 600;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.carousel-indicators {
  bottom: -25px;
}
.carousel-indicators [data-bs-target] {
  border-radius: 100%;
  width: 7px;
  height: 7px;
  background-color: #A9AFE2;
  opacity: .2;
}

.carousel-indicators [data-bs-target].active {
  opacity: 1;
}



.bi {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: -.125em;
  fill: currentColor;
}

.tabs-scroller {
   overflow: auto;
    word-wrap: normal;
    white-space: nowrap;
}


.tabs-scroller .btn{
  font-size: 13px;
}


.nav-icons-list  {
   
 
  right: 150px;
  padding-left: 0;
  flex-flow: row;
  display: flex;
  justify-content: space-between;
  width: 100%;
  
  
}
.nav-icons-list li {
  list-style-type: none;
}
.main-container {
  margin-top: 25px;
 
}
.side-menu-expanded {
  overflow-y: auto;
  flex-flow: column;
  border-right: 1px solid #E0E1FF;
    
  }


  .nav-header {

    font-size: 10px;
    color: #6972d2;
    font-weight: 700;

  }




  .side-menu-expanded .navbar-toggler-icon {
    background-size: 82%;
  }

  .profile-status-info {
    font-size: 12px;
    font-weight: 600;
  }

  .side-menu-expanded::-webkit-scrollbar {
    width: 4px;
  }
  
  .side-menu-expanded::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 6px;
  }
  
  .side-menu-expanded::-webkit-scrollbar-thumb {
    background-color: #E0E1FF;
    border-radius: 8px;
  }
 

  .side-menu-expanded .btn-toggle-nav a {
    font-weight: 600;
    font-size: 13px;
    color: #3A3B4C;
    padding: 3px 0px;
    text-decoration: none;
    display: flex;
  }

  .side-menu-expanded li .main-nav,
  .side-menu-expanded li .btn-toggle {
    background: no-repeat left center;
    background-size: 14px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color:  #68698A;
  }

 
  .side-menu-expanded li a.active {
    color: #626BCC;
  }

  .side-menu-expanded li .Dashboard {
    background-image:  url(../../assets/images/icon-dashboard.svg) ;
  }

  .side-menu-expanded li .btn-Transactions {
    background-image:  url(../../assets/images/icon-Transactions.svg) ;
  }


  .side-menu-expanded li .btn-Product {
    background-image:  url(../../assets/images/icon-Product.svg) ;
  }



  .side-menu-expanded li .btn-OMS {
    background-image:  url(../../assets/images/icon-OMS.svg) ;
  }



  .side-menu-expanded li .btn-IMS {
    background-image:  url(../../assets/images/icon-IMS.svg) ;
  }



  .side-menu-expanded li .btn-Reconcillation {
    background-image:  url(../../assets/images/icon-Reconcillation.svg) ;
  }



  .side-menu-expanded li .btn-Reports {
    background-image:  url(../../assets/images/icon-Reports.svg) ;
  }



  .side-menu-expanded li .btn-Accounting {
    background-image:  url(../../assets/images/icon-Accounting.svg) ;
  }


  .side-menu-expanded li .main-nav {
    padding: 4px 0 4px 20px;
    display: flex;
  }



  .side-menu-expanded li .PricingAutomation{
    background-image:  url(../../assets/images/icon-Pricing-Automation.svg) ;
  }

  .side-menu-expanded li .FeedBakerAmazon{
    background-image:  url(../../assets/images/icon-FeedBakerAmazon.svg) ;
  }

  .side-menu-expanded li .BusinessReports{
    background-image:  url(../../assets/images/icon-Business-Reports.svg) ;
  }


  .side-menu-expanded li .Channels{
    background-image:  url(../../assets/images/icon-channels.svg) ;
  }

  .side-menu-expanded li .AddReviews{
    background-image:  url(../../assets/images/icon-Add-Review.svg) ;
  }

  .side-menu-expanded li .MyProfile{
    background-image:  url(../../assets/images/icon-My-Profile.svg) ;
  }


  .side-menu-expanded li .MyPlan{
    background-image:  url(../../assets/images/icon-My-Plan.svg) ;
  }



  .side-menu-expanded li .btn-toggle::before {
  position: absolute;
  right: 0;
  left: auto;
}



/*notifications panel styles*/
.Notifications {
  /* top:0;
  right: 0; */
  width: 500px;
}

.notif-type-img{
  width: 34px;
  height: 34px;
  border: 1px solid var(--bs-border-color);
}

.notif-type-img.bg-light-green-94 {
border-color: #BDE5D8;
}

.notif-type-img.bg-light-green-94 svg>path {
  fill: #1F674F;
}

.notif-type-img.bg-pastel-yellow {
border-color: #F3EAAF;
}

.notif-type-img.bg-pastel-yellow svg>path {
  fill: #7F7009;
}

.notif-type-img.bg-light-pink {
border-color: #CCB6ED;
}

.notif-type-img.bg-light-pink svg>path {
  fill: #A178DD;
}


.notif-type-img.bg-light-orange {
border-color: #FED0CD;
}

.notif-type-img.bg-light-orange svg>path {
  fill: #FD7168;
}

.notif-type-img.bg-light-purple {
border-color: #CCCEFF;
}

.notif-type-img.bg-light-purple svg>path {
  fill: #626BCC;
}


.NotificationsScroller {
  max-height: 250px;
  overflow-y: auto;
}

.NotificationsScroller::-webkit-scrollbar {
  width: 4px;
}

.NotificationsScroller::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.NotificationsScroller::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}


@media screen and (min-width:1200px) {

  #example-search-input {
    width: 420px;
    flex: 0 0 auto;
  }


.nav-icons-list  {
   
    position: fixed;
    right: 0;
    top: 50px;
    width: auto;
    
    
  }

  

  .side-menu-expanded {
    height: calc(100vh - 72px);
    position: fixed;
    left: 0;
    top: 108px;
    width: 260px;
    z-index: 1030;
    transition: transform 0.5s ease-in;
    
      
    }
    
    .side-menu-expanded.isTopBanner {
    top: 52px;
    height: calc(100vh - 52px); 
    }
    
    .main-container {
      
      padding-left:285px;
      padding-right: 25px;
      transition: padding-left 0.2s ease-in;
    }

    .main-container.fullwidth {
      padding-left: 85px;
      padding-right: 25px;
  }

  .side-menu-expanded.hidden {
    left: -260px;
    }
  
}




.side-menu-collapsed {
  background-color: white;
  width: 60px;
  overflow: hidden;
  border-right: 1px solid #E0E1FF;
  left: 0;
  transform: translateX(-60px);
  transition: transform 0.35s ease-in;
}

.side-menu-collapsed.visible {
  transform: translateX(0px);
}

.side-menu-collapsed .collapse,
.side-menu-collapsed .collapse.show,
.side-menu-collapsed .profile-status-info,
.side-menu-collapsed .profile-status-info + img,
.side-menu-collapsed .nav-header,
.side-menu-collapsed li .btn-toggle::before {
  display: none;
}

.side-menu-collapsed li.mb-1,
.side-menu-collapsed li.mb-2 {
  margin-bottom: 1.25rem !important;
}

.side-menu-collapsed li .main-nav, 
.side-menu-collapsed li .btn-toggle {
  background-position:center center;
  background-size: 14px;
  
  font-size: 0;
  text-indent: -99px;
  height: 16px;
  pointer-events: none;
}

.side-menu-collapsed .nav-header {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.side-menu-collapsed .collapsed {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* setting page css start */
.icon-video-play{
  width: 60px;
  height: 60px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.64);
backdrop-filter: blur(2.549999952316284px);
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}

.icon-video-play:hover{
background: rgba(255, 255, 255, 1);
}

/* profile setup page style */

.maincontent {
  margin-top: 30px;
}
.setting-nav .list-group-item.active {

  
  background-color: var(--brand-voilet);
  border-color: var(--brand-voilet);
}

.setting-nav .list-group-item.active h6 {

  
 font-weight: 600;
}

.setting-nav .list-group-item.active a,
.setting-nav .list-group-item.active .color-gray {

  color: var(---bs-white);
  
}


.setting-nav .list-group-item a svg>path {

  fill: #68698A;
  
}

.setting-nav .list-group-item.active a svg>path {

  fill: #fff;
  
}


.setting-nav li a {
  color: var(--bodytext-color);
  font-size: 15px;
}

/* tab styles */

.nav-pills{
  white-space: nowrap;  
}
.nav-pills li.nav-item {
  flex-grow: 1;
}
.nav-pills .nav-link {
  color: var(--inactive-tab-color);
  font-size: 15px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
}

.nav-pills .nav-link.active {
  background-color: transparent;
  color: var(--brand-voilet-dark);
  border-bottom-color: var(--brand-voilet-dark); ;
}

.nav-pills::before {
  position: absolute;
  bottom: 0;
  content: '';
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #E8E8E8;
  z-index: -1;
}

.form-control.border-bottom,
.form-select.border-bottom {
  border-bottom-color: var(--input-border-color) !important;
  padding-left: 19px;
}

.form-floating .form-control:focus,
.form-floating .form-select:focus  {
 
  border-bottom-color: var(--breadcrumbs-color) !important;
  box-shadow: none;
}

.form-floating>label {
  pointer-events: auto;
  color: var(--floating-label-color);
}


.form-floating>.form-control-plaintext~label, 
.form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label, 
.form-floating>.form-select~label {
  color: var(--floating-label-color);
  height: 32px;
  
}

.form-floating>label>span{
  pointer-events: none;
}

.form-floating>.form-control-plaintext:focus, 
.form-floating>.form-control-plaintext:not(:placeholder-shown), 
.form-floating>.form-control:focus, 
.form-floating>.form-control:not(:placeholder-shown),
.form-floating .form-control,
.form-floating>.form-select {
  padding-bottom: .5rem;
}


.user-Guide-popover {
  width: 250px;
}

.user-Guide-popover .inner-container-home::before{
  content: '';
  position: absolute;
  display: block;    
  width: 0px;        
  left: 0;
  top: 37px;
  border: 7px solid transparent;
  border-left: 0;
  border-right: 7px solid #bfc1f0;
  transform: translate(calc(-100% - 0px), -50%);
}

.setting-nav a small {
  line-height: 1.2;
}

.inner-container-home header.bg-light-green-96 .btn-primary {
  background-color: #C8E3DA;
  border-color: #C8E3DA;
  color: #1F674F;
  font-weight: 600;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}


#logosignature .nudge-icon {
  height: 44px;
  width: 44px;

}

.file-input-cover {
  border: 1px dashed var(--input-border-color);
  height: 80px;


}

.file-input-cover input{
  text-align: center;
}

.file-input-cover input[type=file]::file-selector-button{
  visibility: hidden;
  color: transparent;
  font-size: 0;
}

.file-input-cover input[type=file]::-webkit-file-upload-button{
  visibility: hidden;
  color: transparent;
  font-size: 0;
}

.ai-tip-list {
  color: var(--ai-tip-list-color);
}


/* branch setup styles */
.modal .btn-close {
  top: 20px;
  left: auto;
  right: 20px;
  z-index: 1;
  font-size: 10px;
}

.modal.branchAddConfirm .modal-dialog {
  max-width: 450px;
}


/* channel setup styles */

.channel-search {
  background: url(../../assets/images/icon-search.svg) no-repeat calc(100% - 20px) center;
  border-radius: var( --border-radius);
  width: 250px;
  background-size:16px ;  
}

.dropdown-channel-filter {
  width: auto;
  min-width: 70px;
}

.channel-logo {
  width: 40px;
  height: 40px;
}

.badge-channel-connected {
  color: var(--dark-green);
 

  right: 12px;
  top: 12px;
border: 1px solid #8BC5B1;

background: var(--light-green-96);


}


/* connect channel styles */

.thumb-yt {
  width: 150px;
}

.logo-initials {
  width: 38px;
  height: 38px;
}


/* product settings styles */
.uploaded-file-name .nudge-icon {
  height: 44px;
  width: 44px;

}


.btn-delete {
  height: 44px;
  width: 44px;
}

.product-pic-upload  {
  height: 150px;
}

.product-featured {
  

  right: 12px;
  top: 12px;





}

.btn-remove-product {
  right: 3px;
  top: -5px; 
  

}

.pic-uploaded-products {
  height: 38px;
  width: 38px;
}


.pic-uploaded-products>img {
  height: 38px;
  width: 38px;
}




/*inventory page styles*/
.btn-3-dots {
  height: 46px;
  width: 46px; 
}

.btn-3-dots-sm {
  height: 37px;
  width: 37px; 
}

.tbl-product-img {
  height: 36px;
  width: 36px; 
}

.table-inventory .table>thead>tr>th:nth-child(1),
.table-inventory .table>tbody>tr>td:nth-child(1){
  min-width: 40px;
}

.table-inventory .table>thead>tr>th:nth-child(2),
.table-inventory .table>tbody>tr>td:nth-child(2){
  width: 230px;
}
.table-inventory .table>thead>tr>th:nth-child(4),
.table-inventory .table>tbody>tr>td:nth-child(4),
.table-inventory .table>thead>tr>th:nth-child(5),
.table-inventory .table>tbody>tr>td:nth-child(5),
.table-inventory .table>thead>tr>th:nth-child(6),
.table-inventory .table>tbody>tr>td:nth-child(6){
  min-width: 120px;
}

.table-inventory .table>thead>tr>th:nth-child(7),
.table-inventory .table>tbody>tr>td:nth-child(7){
  min-width: 150px;
}

.table-inventory .table>thead>tr>th:nth-child(8),
.table-inventory .table>tbody>tr>td:nth-child(8){
  min-width: 150px;
}



.table-inventory .table>thead>tr>td .btn-outline-secondary.dropdown-toggle{
  height: 35px;
  min-width: 180px;
}

.btn-3-dots-table {
  height: 30px;
  width: 30px; text-align: center; display: flex;justify-content: center; align-items: center;
}

.btn-3-dots-table.dropdown-toggle::after {
  display: none;
}
.modal.inventory-bulk-upload .modal-dialog {
  max-width: 580px;
}
/* channel listing page styles */

.table-channel-listing .table>tbody>tr>td:nth-child(1){
  font-size: 14px;
  font-weight: 600;
  text-transform: lowercase;
  color: var(--ai-tip-list-color);
}

.table-channel-listing .tabbody>tr>th:nth-child(3),
.table-channel-listing .table>tbody>tr>td:nth-child(3){
  min-width: 250px;
}

.btn-accordian-sku {
  width: 40px;
  height: 40px;
}

.input-pro-sku {
  width: 60px;
  height: 30px;
}

.product-sku-scroller {
  max-height: 600px;
  overflow-y: scroll;
}

.product-sku-scroller::-webkit-scrollbar {
  width: 4px;
}

.product-sku-scroller::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.product-sku-scroller::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}



@media screen and (max-width:767px) {
  .btn-primary,
  .btn-outline-primary {
    font-size: 14px;
  }
  .page-heading-inner {
    font-size: 28px;
    font-weight: 600;
  }
}


/* Reconcillation page styles */
.tbl-date-input {
  max-width: 120px;
  font-size: 15px;
  font-weight: 500;
}

.table-Reconciliation .table>thead>tr>th:nth-child(1),
.table-Reconciliation .table>tbody>tr>td:nth-child(1){
  min-width: 40px;
}

.table-Reconciliation .table>thead>tr>th:nth-child(2),
.table-Reconciliation .table>tbody>tr>td:nth-child(2){
  width: 120px;
}

.table-Reconciliation .table>thead>tr>th:nth-child(3),
.table-Reconciliation .table>tbody>tr>td:nth-child(3),
.table-Reconciliation .table>thead>tr>th:nth-child(4),
.table-Reconciliation .table>tbody>tr>td:nth-child(4){
  min-width: 120px;
  max-width: 160px;
}

.table-Reconciliation .table>thead>tr>th:nth-child(5),
.table-Reconciliation .table>tbody>tr>td:nth-child(5){
  width: 150px;
}

.btn-bronze,
.btn-wood,
.btn-silver{
  min-width: 90px;
  
}

.btn-bronze {
  background-color: #E7FBE4;
  color: var(--dark-green);
  border-color: #E7FBE4;
}


.btn-red {
  background-color: var(--light-red-93);
  color: var(--error-red-61);
  border-color: var(--error-red-61);
}


.btn-wood {
  background-color: #FBF3E4;
  color: #AA791D;
  border-color: #FBF3E4;
}

.btn-silver{
  background-color: #E7E5F3;
  color:var(--th-gray-color) ;
  border-color: #E7E5F3;
}

.reconcillation-panel header.bg-light-green-96 .btn-primary {
  background-color: #C8E3DA;
  border-color: #C8E3DA;
  color: #1F674F;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 12px;
}


.table-comision-list .table>thead>tr>th:nth-child(1),
.table-comision-list .table>tbody>tr>td:nth-child(1){
  min-width: 40px;
  width: 50px;
}

.table-comision-list .table>thead>tr>th:nth-child(2),
.table-comision-list .table>tbody>tr>td:nth-child(2){
  min-width: 120px;
  width: 120px;
}

.table-comision-list .table>thead>tr>th:nth-child(3),
.table-comision-list .table>tbody>tr>td:nth-child(3){
  min-width: 280px;
     width: 280px;
}

.table-comision-list .table>thead>tr>th:nth-child(4),
.table-comision-list .table>tbody>tr>td:nth-child(4){
  min-width: 90px;
  max-width: 90px;
}

.table-comision-list .table>thead>tr>th:nth-child(5),
.table-comision-list .table>tbody>tr>td:nth-child(5),
.table-comision-list .table>thead>tr>th:nth-child(6),
.table-comision-list .table>tbody>tr>td:nth-child(6){
  min-width: 140px;
  width: 140px;
}

.table-comision-list .table .accordion-button  {
width: 40px;
height: 40px;
}

.btn-clear {
  left: auto;
  right: 56px;
  top: 10px;
}

.btn-enter {
  left: auto;
  right: -15px;
  top: 0px;
}

.accounting-warehouse-list .btn-3-dots {
  height: 30px;
  width: 30px; 
}


/* login page styles */
.login-box {
  height: 100vh;
}

.login-form {
  max-width: 440px;
  
}

@media screen and (min-width:1199px) {
  .login-form {
    width: 440px;
    
  }

  .login-box {
    overflow: hidden;
  }
  
  
}

.carausel-container {
  width: 600px;
}

.login-testimonial::after {
  width: 32px;
  height: 22px;
  content: '';
  position: absolute;
  top: calc((100% + 0px) - 2px);
  left: 170px;
  background-image: url(images/tesi-tip.png);
}

.subheader {
  font-size: 23px;
}

.btn-light {
 
  font-weight: 600;
  font-size: 16px;
  padding: 10px 40px;
  border-radius: 14px;
  min-width: 110px;
}

.login-video-thumb>img {
  height: 42vh;
  width: 100%;
}

.img-grayscale {
  filter: grayscale(100%);
}



/* returns page styles */
#myCarousel .carousel-item {
  background-color: #F1F8F6;
  height: 6.25rem;
}

.table-returns .btn-silver,
.table-returns .btn-bronze,
.table-returns .btn-wood {
  min-width: 122px;
}

#myCarousel.returnCarousel .carousel-item {
  background-color: #F2F1F9;
}

#myCarousel.returnCarousel .carousel-item .nudge-icon{
  background-color: #E7E5F3;
}


.table-returns .table>thead>tr>th:nth-child(1),
.table-returns .table>tbody>tr>td:nth-child(1){
  min-width: 40px;
  width: 50px;
}

.table-returns .table>thead>tr>th:nth-child(2),
.table-returns .table>tbody>tr>td:nth-child(2){
   /* min-width: 120px; */
  width: 50px;
}

.table-returns .table>thead>tr>th:nth-child(3),
.table-returns .table>tbody>tr>td:nth-child(3){
   min-width: 120px;
  width: 120px;
}

.table-returns .table>thead>tr>th:nth-child(4),
.table-returns .table>tbody>tr>td:nth-child(4){
   min-width: 120px;
  width: 120px;
}

.table-returns .table>thead>tr>th:nth-child(5),
.table-returns .table>tbody>tr>td:nth-child(5),
.table-returns .table>thead>tr>th:nth-child(6),
.table-returns .table>tbody>tr>td:nth-child(6),
.table-returns .table>thead>tr>th:nth-child(7),
.table-returns .table>tbody>tr>td:nth-child(7){
   min-width: 120px;
  width: 120px;
}


.table-returns .table>thead>tr>th:nth-child(8),
.table-returns .table>tbody>tr>td:nth-child(8){
  min-width: 140px;
  width: 140px;
}


@media screen and (max-width:992px) {
  
  .return-filters .dropdown {
    width: 160px;
    margin-bottom: 10px;
  }
}


/*order detail page styles*/
.table-order-details .table>thead>tr>th,
.table-order-details .table>tbody>tr>td{
   min-width: 8.5%;
  width: 8.5%;
}


.tooltip-inner  {
  font-size: 12px;
  text-align: left;
}

@media screen and (max-width:992px) {
.table-order-details .table>thead>tr>th,
.table-order-details .table>tbody>tr>td{
   min-width: 120px;
  width: 120px;
}

}

/* ============================================
   RECONCILIATION SUMMARY - ENTERPRISE REDESIGN
   ============================================ */

/* Month Navigation Header */
.reco-month-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 24px;
  background: linear-gradient(135deg, #FFFFFF 0%, #FAFBFF 100%);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  margin-bottom: 24px;
}

.btn-next-prev {
  font-size: 18px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: #fff;
  border: 1px solid var(--bs-border-color);
  color: var(--muted-gray);
  transition: all var(--transition-fast);
}

.btn-next-prev:hover {
  background: var(--light-purple-96);
  border-color: var(--brand-voilet-light);
  color: var(--brand-voilet);
  transform: scale(1.05);
}

.month-scroller {
  max-width: 180px;
  font-size: 16px;
  font-weight: 600;
  color: var(--brand-voilet-dark);
  text-align: center;
  background: transparent;
  cursor: pointer;
}

.month-scroller:focus {
  box-shadow: none;
  background: var(--light-purple-96);
}

/* Pastel backgrounds with enhanced depth */
.bg-pastel-green {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  position: relative;
}

.bg-pastel-yellow {
  background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
  position: relative;
}

.bg-pastel-gray {
  background: linear-gradient(135deg, #F3F4FB 0%, #E8E9F7 100%);
  position: relative;
}

/* ============================================
   HORIZONTAL TAB NAVIGATION (Desktop)
   ============================================ */
.recon-summary-nav.setting-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px 16px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFBFF 100%);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--brand-voilet-light) transparent;
}

.recon-summary-nav.setting-nav::-webkit-scrollbar {
  height: 6px;
}

.recon-summary-nav.setting-nav::-webkit-scrollbar-track {
  background: transparent;
}

.recon-summary-nav.setting-nav::-webkit-scrollbar-thumb {
  background: var(--brand-voilet-light);
  border-radius: 3px;
}

.recon-summary-nav .list-group-item {
  flex: 0 0 auto;
  min-width: 140px;
  max-width: 180px;
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--bs-border-color) !important;
  margin: 0 !important;
  transition: all var(--transition-base);
  cursor: pointer;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.recon-summary-nav .list-group-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-voilet) 0%, var(--brand-voilet-light) 100%);
  opacity: 0;
  transition: opacity var(--transition-base);
}

.recon-summary-nav .list-group-item:hover {
  border-color: var(--brand-voilet-light) !important;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.recon-summary-nav .list-group-item:hover::before {
  opacity: 1;
}

.recon-summary-nav .list-group-item article {
  padding: 16px !important;
}

.recon-summary-nav .list-group-item h6 {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: var(--muted-gray);
  margin-bottom: 8px;
}

.recon-summary-nav .list-group-item .lead {
  font-size: 18px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  font-variant-numeric: tabular-nums;
}

.recon-summary-nav .list-group-item small {
  font-size: 11px;
  color: var(--muted-gray);
}

/* Hide the arrow icon on tabs */
.recon-summary-nav .list-group-item svg.rotate-90deg {
  display: none;
}

/* Active tab state */
.recon-summary-nav .list-group-item.active {
  background: linear-gradient(135deg, var(--brand-voilet) 0%, #5861c4 100%);
  border-color: var(--brand-voilet) !important;
  box-shadow: var(--shadow-brand);
  transform: translateY(-2px);
}

.recon-summary-nav .list-group-item.active::before {
  opacity: 0;
}

.recon-summary-nav .list-group-item.active h6 {
  color: rgba(255, 255, 255, 0.85);
}

.recon-summary-nav .list-group-item.active .lead {
  color: #fff;
}

.recon-summary-nav .list-group-item.active small {
  color: rgba(255, 255, 255, 0.75);
}

.recon-summary-nav .list-group-item.active h6 + svg > path {
  fill: #fff;
}

/* ============================================
   TAB CONTENT PANELS - METRICS CARDS
   ============================================ */
#v-pills-tabContent {
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFF 100%);
  border-color: rgba(107, 113, 200, 0.15) !important;
  box-shadow: var(--shadow-card);
  border-radius: var(--radius-xl) !important;
  padding: 24px !important;
  min-height: 320px;
}

/* Metric card list inside tab content */
#v-pills-tabContent .recon-summary-nav {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

#v-pills-tabContent .recon-summary-nav li {
  border-radius: var(--radius-lg) !important;
  padding: 24px !important;
  border: 1px solid rgba(107, 113, 200, 0.1) !important;
  min-width: unset !important;
  max-width: unset !important;
  transition: all var(--transition-base);
  position: relative;
}

#v-pills-tabContent .recon-summary-nav li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  opacity: 0;
  transition: opacity var(--transition-base);
}

#v-pills-tabContent .recon-summary-nav li.bg-pastel-green::after {
  background: linear-gradient(90deg, #059669 0%, #10B981 100%);
}

#v-pills-tabContent .recon-summary-nav li.bg-pastel-yellow::after {
  background: linear-gradient(90deg, #D97706 0%, #F59E0B 100%);
}

#v-pills-tabContent .recon-summary-nav li.bg-pastel-gray::after {
  background: linear-gradient(90deg, var(--brand-voilet) 0%, var(--brand-voilet-light) 100%);
}

#v-pills-tabContent .recon-summary-nav li:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

#v-pills-tabContent .recon-summary-nav li:hover::after {
  opacity: 1;
}

/* Metric labels */
#v-pills-tabContent .recon-summary-nav li h6 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--muted-gray);
  margin-bottom: 8px;
}

/* Metric values */
#v-pills-tabContent .recon-summary-nav li .lead,
#v-pills-tabContent .recon-summary-nav li strong {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: var(--brand-voilet-dark) !important;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  margin-top: 4px;
}

/* Order count labels */
#v-pills-tabContent .recon-summary-nav li small {
  font-size: 12px;
  font-weight: 500;
  color: var(--muted-gray);
  margin-top: 4px;
}

/* Primary metric highlight (first/main item in each tab) */
#v-pills-tabContent .recon-summary-nav li.col-12:first-child {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, var(--brand-voilet) 0%, #5861c4 100%) !important;
  border-color: transparent !important;
}

#v-pills-tabContent .recon-summary-nav li.col-12:first-child h6,
#v-pills-tabContent .recon-summary-nav li.col-12:first-child small {
  color: rgba(255, 255, 255, 0.85);
}

#v-pills-tabContent .recon-summary-nav li.col-12:first-child .lead,
#v-pills-tabContent .recon-summary-nav li.col-12:first-child strong {
  color: #fff !important;
  font-size: 32px !important;
}

/* Section headers in Settlement & Reconciliation tabs */
#v-pills-tabContent h6.color-voilet {
  font-size: 14px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--bs-border-color);
  display: flex;
  align-items: center;
  gap: 8px;
}

#v-pills-tabContent h6.color-voilet::before {
  content: '';
  width: 4px;
  height: 18px;
  background: linear-gradient(180deg, var(--brand-voilet) 0%, var(--brand-voilet-light) 100%);
  border-radius: 2px;
}

/* Download icon in settlements */
#v-pills-tabContent .fas.fa-download {
  cursor: pointer;
  padding: 8px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.8);
  color: var(--brand-voilet);
  transition: all var(--transition-fast);
}

#v-pills-tabContent .fas.fa-download:hover {
  background: var(--brand-voilet);
  color: #fff;
  transform: scale(1.1);
}

/* ============================================
   LOADING STATE ENHANCEMENT
   ============================================ */
#askeva-loader .modal-dialog {
  background: rgba(15, 23, 42, 0.9);
  backdrop-filter: blur(8px);
}

#askeva-loader .loader-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 500;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */
@media (max-width: 991px) {
  .recon-summary-nav.setting-nav {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 12px;
    gap: 8px;
  }

  .recon-summary-nav .list-group-item {
    min-width: 120px;
  }

  .recon-summary-nav .list-group-item .lead {
    font-size: 16px;
  }

  #v-pills-tabContent {
    padding: 16px !important;
    margin-top: 16px;
  }

  #v-pills-tabContent .recon-summary-nav {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  #v-pills-tabContent .recon-summary-nav li {
    padding: 16px !important;
  }

  #v-pills-tabContent .recon-summary-nav li .lead,
  #v-pills-tabContent .recon-summary-nav li strong {
    font-size: 18px !important;
  }

  #v-pills-tabContent .recon-summary-nav li.col-12:first-child .lead,
  #v-pills-tabContent .recon-summary-nav li.col-12:first-child strong {
    font-size: 24px !important;
  }
}

@media (max-width: 575px) {
  .reco-month-nav {
    padding: 12px 16px;
    gap: 12px;
  }

  .btn-next-prev {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }

  .month-scroller {
    max-width: 140px;
    font-size: 14px;
  }

  #v-pills-tabContent .recon-summary-nav {
    grid-template-columns: 1fr;
  }

  #v-pills-tabContent .recon-summary-nav li.col-12:first-child .lead,
  #v-pills-tabContent .recon-summary-nav li.col-12:first-child strong {
    font-size: 22px !important;
  }
}

/* ============================================
   RECONCILIATION TAB CONTENT - NEW DESIGN
   ============================================ */

/* Tab Header */
.reco-tab-header {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--bs-border-color);
}

.reco-tab-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  margin-bottom: 8px;
}

.reco-tab-title svg {
  color: var(--brand-voilet);
}

.reco-tab-desc {
  font-size: 13px;
  color: var(--muted-gray);
  margin-bottom: 0;
  line-height: 1.5;
}

/* Section Titles */
.reco-section-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--muted-gray);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.reco-section-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--bs-border-color);
}

/* Group Titles */
.reco-group-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--bs-border-color);
}

.reco-group-title svg {
  color: var(--brand-voilet);
}

/* Section Groups */
.reco-section-group {
  padding: 20px;
  background: linear-gradient(135deg, #FAFBFF 0%, #F5F6FA 100%);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(107, 113, 200, 0.08);
}

/* Metric Cards - Base */
.reco-metric-card {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: var(--radius-lg);
  background: #fff;
  border: 1px solid var(--bs-border-color);
  transition: all var(--transition-base);
  position: relative;
  overflow: hidden;
  height: 100%;
}

.reco-metric-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.reco-metric-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  opacity: 0;
  transition: opacity var(--transition-base);
}

.reco-metric-card:hover::before {
  opacity: 1;
}

/* Metric Card Icon */
.reco-metric-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  margin-bottom: 12px;
  transition: transform var(--transition-base);
}

.reco-metric-card:hover .reco-metric-icon {
  transform: scale(1.05);
}

/* Metric Card Content */
.reco-metric-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.reco-metric-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--muted-gray);
  margin-bottom: 4px;
}

.reco-metric-value {
  font-size: 24px;
  font-weight: 800;
  color: var(--brand-voilet-dark);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.reco-metric-sub {
  font-size: 12px;
  font-weight: 500;
  color: var(--muted-gray);
  margin-top: 4px;
}

.reco-metric-help {
  font-size: 11px;
  color: var(--muted-gray);
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 8px;
  border-top: 1px dashed var(--bs-border-color);
  line-height: 1.4;
}

/* Metric Badge */
.reco-metric-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(107, 113, 200, 0.1);
  color: var(--brand-voilet);
}

/* Metric Card Variants */
.reco-metric-primary {
  background: linear-gradient(135deg, var(--brand-voilet) 0%, #5861c4 100%);
  border-color: transparent;
}

.reco-metric-primary::before {
  display: none;
}

.reco-metric-primary .reco-metric-icon {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.reco-metric-primary .reco-metric-label {
  color: rgba(255, 255, 255, 0.8);
}

.reco-metric-primary .reco-metric-value {
  color: #fff;
  font-size: 28px;
}

.reco-metric-primary .reco-metric-sub {
  color: rgba(255, 255, 255, 0.7);
}

.reco-metric-primary .reco-metric-help {
  color: rgba(255, 255, 255, 0.7);
  border-top-color: rgba(255, 255, 255, 0.2);
}

/* Success variant */
.reco-metric-success {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  border-color: #A7F3D0;
}

.reco-metric-success::before {
  background: linear-gradient(90deg, #059669 0%, #10B981 100%);
}

.reco-metric-success .reco-metric-icon {
  background: rgba(5, 150, 105, 0.1);
  color: #059669;
}

.reco-metric-success .reco-metric-value {
  color: #047857;
}

/* Warning variant */
.reco-metric-warning {
  background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
  border-color: #FDE68A;
}

.reco-metric-warning::before {
  background: linear-gradient(90deg, #D97706 0%, #F59E0B 100%);
}

.reco-metric-warning .reco-metric-icon {
  background: rgba(217, 119, 6, 0.1);
  color: #D97706;
}

.reco-metric-warning .reco-metric-value {
  color: #B45309;
}

/* Danger variant */
.reco-metric-danger {
  background: linear-gradient(135deg, #FEF2F2 0%, #FECACA 100%);
  border-color: #FECACA;
}

.reco-metric-danger::before {
  background: linear-gradient(90deg, #DC2626 0%, #EF4444 100%);
}

.reco-metric-danger .reco-metric-icon {
  background: rgba(220, 38, 38, 0.1);
  color: #DC2626;
}

.reco-metric-danger .reco-metric-value {
  color: #B91C1C;
}

/* Info variant */
.reco-metric-info {
  background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
  border-color: #BFDBFE;
}

.reco-metric-info::before {
  background: linear-gradient(90deg, #2563EB 0%, #3B82F6 100%);
}

.reco-metric-info .reco-metric-icon {
  background: rgba(37, 99, 235, 0.1);
  color: #2563EB;
}

.reco-metric-info .reco-metric-value {
  color: #1D4ED8;
}

/* Small metric card */
.reco-metric-sm {
  padding: 16px;
}

.reco-metric-sm .reco-metric-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
}

.reco-metric-sm .reco-metric-value {
  font-size: 20px;
}

.reco-metric-sm .reco-metric-help {
  font-size: 10px;
}

/* Light variants for small cards */
.reco-metric-warning-light {
  background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
  border-color: #FDE68A;
}

.reco-metric-success-light {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  border-color: #A7F3D0;
}

/* Wide metric card */
.reco-metric-wide {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.reco-metric-wide .reco-metric-icon {
  margin-bottom: 0;
  flex-shrink: 0;
}

.reco-metric-wide .reco-metric-content {
  flex: 1;
}

.reco-metric-wide .reco-metric-help {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
  margin-left: auto;
  max-width: 300px;
  text-align: right;
}

/* Download Button */
.reco-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
  margin-top: 12px;
}

.reco-download-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.02);
}

/* ============================================
   SALES FLOW VISUALIZATION
   ============================================ */
.reco-flow-section {
  padding: 20px;
  background: linear-gradient(135deg, #FAFBFF 0%, #F5F6FA 100%);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(107, 113, 200, 0.08);
}

.reco-flow-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 20px 0;
}

.reco-flow-item {
  flex: 1;
  min-width: 140px;
  max-width: 200px;
}

.reco-flow-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 16px;
  border-radius: var(--radius-md);
  background: #fff;
  border: 2px solid var(--brand-voilet);
  text-align: center;
}

.reco-flow-box.reco-flow-negative {
  border-color: #D97706;
  background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
}

.reco-flow-box.reco-flow-result {
  border-color: #059669;
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
}

.reco-flow-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--muted-gray);
  margin-bottom: 4px;
}

.reco-flow-value {
  font-size: 18px;
  font-weight: 800;
  color: var(--brand-voilet-dark);
}

.reco-flow-box.reco-flow-negative .reco-flow-value {
  color: #B45309;
}

.reco-flow-box.reco-flow-result .reco-flow-value {
  color: #047857;
}

.reco-flow-arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: var(--muted-gray);
}

.reco-flow-arrow svg {
  opacity: 0.5;
}

.reco-flow-operator {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--muted-gray);
}

/* Chart Container */
.reco-chart-section {
  padding: 20px;
  background: linear-gradient(135deg, #FAFBFF 0%, #F5F6FA 100%);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(107, 113, 200, 0.08);
}

.reco-chart-container {
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Responsive adjustments for tab content */
@media (max-width: 991px) {
  .reco-metric-value {
    font-size: 20px;
  }

  .reco-metric-primary .reco-metric-value {
    font-size: 24px;
  }

  .reco-flow-chart {
    gap: 12px;
  }

  .reco-flow-item {
    min-width: 100px;
  }

  .reco-flow-value {
    font-size: 16px;
  }

  .reco-metric-wide {
    flex-direction: column;
    text-align: center;
  }

  .reco-metric-wide .reco-metric-help {
    text-align: center;
    max-width: none;
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  .reco-tab-title {
    font-size: 16px;
  }

  .reco-metric-card {
    padding: 16px;
  }

  .reco-metric-value {
    font-size: 18px;
  }

  .reco-metric-primary .reco-metric-value {
    font-size: 22px;
  }

  .reco-section-group {
    padding: 16px;
  }

  .reco-flow-chart {
    flex-direction: column;
    gap: 8px;
  }

  .reco-flow-item {
    max-width: none;
    width: 100%;
  }

  .reco-flow-arrow {
    transform: rotate(90deg);
    margin: 8px 0;
  }
}

/* p&l statement styles */
@media screen and (min-width:577px) {
  .pl-footer {
    top: auto;
    bottom: -18px;
    width: calc(100% - 50px);
    position: absolute;
  }
}


.percent-pl-count {
  
  width: 32px;
  height: 30px;
}

/* download claims styles*/

.download-claims-nav .list-group-item.active svg>path {
  fill: #fff;
}


/*order-processing styles*/
.SearchOrderID {
  height: 37px;
}

.table-order-processing .table {
  table-layout: fixed;
}
.moreOrderDetails {
  max-width: 500px;
}
.table-order-processing .table>thead>tr>th:nth-child(1),
.table-order-processing .table>tbody>tr>td:nth-child(1){
  min-width: 40px;
  width: 40px;
}

.table-order-processing .table>thead>tr>th:nth-child(2),
.table-order-processing .table>tbody>tr>td:nth-child(2){
  min-width: 550px;
  width: 550px;
}


.table-order-processing .table>thead>tr>th:nth-child(3),
.table-order-processing .table>tbody>tr>td:nth-child(3),
.table-order-processing .table>thead>tr>th:nth-child(4),
.table-order-processing .table>tbody>tr>td:nth-child(4){
  min-width: 120px;
  width: 120px;
}

.table-order-processing .table>thead>tr>th:nth-child(5),
.table-order-processing .table>tbody>tr>td:nth-child(5){
    min-width: 200px;
    width: 200px;
  }



  .table-order-processing .table  .logo-initials {
    width: 36px;
    height: 36px;
  }

  .btn-acordian-order-processing {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;

  }

  .table-order-processing .table .accordion-button::after {
    display: none;
  }
  .select-map-master-sku {
    max-width: 140px;
  }

  .nav-pills.tabs-filled .nav-link{
    border-radius: 8px 8px 0 0;
    padding-left: 45px;
    padding-right: 45px;
}

.nav-pills.tabs-filled .nav-link.active {
    background-color: var(--brand-voilet-dark);
    color: #fff;
    font-weight: 600;
}

.SearchOrderID{
  background-size: 13px;
}
.SearchOrderID::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #77798C;
  font-size: 14px;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #77798C;
  font-size: 14px;
}

.SearchOrderID::-moz-placeholder { /* Firefox 19+ */
  color: #77798C;
  font-size: 14px;
}

.SearchOrderID:-ms-input-placeholder { /* IE 10+ */
  color: #77798C;
  font-size: 14px;
}

.SearchOrderID:-moz-placeholder { /* Firefox 18- */
  color: #77798C;
  font-size: 14px;
}

#PendingtoProcessMain .btn-delete,
#PendingtoProcessMain  .btn-download {
  height: 38px;
  width: 38px;
  background-color: #fff;
}



.table-PendingtoProcess .table>tbody>tr>td{
 background-color: var(--expanded-panel-bg);
}


.table-PendingtoProcess .table>thead>tr>th:nth-child(1),
.table-PendingtoProcess .table>tbody>tr>td:nth-child(1){
  min-width: 40px;
  width: 40px;
}

.table-PendingtoProcess .table>thead>tr>th:nth-child(2),
.table-PendingtoProcess .table>tbody>tr>td:nth-child(2){
  min-width: 340px;
  width: 340px;
}


.table-PendingtoProcess .table>thead>tr>th:nth-child(3),
.table-PendingtoProcess .table>tbody>tr>td:nth-child(3),
.table-PendingtoProcess .table>thead>tr>th:nth-child(4),
.table-PendingtoProcess .table>tbody>tr>td:nth-child(4),
.table-PendingtoProcess .table>thead>tr>th:nth-child(5),
.table-PendingtoProcess .table>tbody>tr>td:nth-child(5),
.table-PendingtoProcess .table>thead>tr>th:nth-child(6),
.table-PendingtoProcess .table>tbody>tr>td:nth-child(6){
  min-width: 155px;
  width: 155px;
}

.table-PendingtoProcess .table>thead>tr>th:nth-child(7),
.table-PendingtoProcess .table>tbody>tr>td:nth-child(7){
  min-width: 190px;
  width: 190px;
}

/* PicklistPending table start */

.table-PicklistPending .table>tbody>tr>td{
 background-color: #FFF7F5;
 
}


.table-PicklistPending .table>thead>tr>th:nth-child(1),
.table-PicklistPending .table>tbody>tr>td:nth-child(1){
  min-width: 40px;
  width: 40px;
}

.table-PicklistPending .table>thead>tr>th:nth-child(2),
.table-PicklistPending .table>tbody>tr>td:nth-child(2){
  min-width: 340px;
  width: 340px;
}


.table-PicklistPending .table>thead>tr>th:nth-child(3),
.table-PicklistPending .table>tbody>tr>td:nth-child(3),
.table-PicklistPending .table>thead>tr>th:nth-child(4),
.table-PicklistPending .table>tbody>tr>td:nth-child(4),
.table-PicklistPending .table>thead>tr>th:nth-child(5),
.table-PicklistPending .table>tbody>tr>td:nth-child(5){
  min-width: 155px;
  width: 155px;
}


.table-PicklistPending .table>thead>tr>th:nth-child(6),
.table-PicklistPending .table>tbody>tr>td:nth-child(6){
  min-width: 190px;
  width: 190px;
}


/* PicklistPending step2 styles */
.table-PicklistPending.table-PendingtoProcess-step2 .table>thead>tr>th:nth-child(6),
.table-PicklistPending.table-PendingtoProcess-step2 .table>tbody>tr>td:nth-child(6){
  min-width: 230px;
  width: 230px;
}

.table-PicklistPending.table-PendingtoProcess-step2  .table>tbody>tr>td{
  background-color: #F1F8F6;
  
 }

 .table-PicklistPending.table-PendingtoProcess-step2 .Select-Shipper {

   max-width: 94%;
 }



.table-order-processed .table>thead>tr>th:nth-child(1),
.table-order-processed .table>tbody>tr>td:nth-child(1){
   min-width: 40px;
   width: 40px;
 }
 
.table-order-processed .table>thead>tr>th:nth-child(2),
.table-order-processed .table>tbody>tr>td:nth-child(2),
.table-order-processed .table>thead>tr>th:nth-child(3),
.table-order-processed .table>tbody>tr>td:nth-child(3),
.table-order-processed .table>thead>tr>th:nth-child(4),
.table-order-processed .table>tbody>tr>td:nth-child(4){
   min-width: 165px;
   width: 165px;
 }
 
.table-order-processed .table>thead>tr>th:nth-child(5),
.table-order-processed .table>tbody>tr>td:nth-child(5),
.table-order-processed .table>thead>tr>th:nth-child(6),
.table-order-processed .table>tbody>tr>td:nth-child(6),
.table-order-processed .table>thead>tr>th:nth-child(7),
.table-order-processed .table>tbody>tr>td:nth-child(7),
.table-order-processed .table>thead>tr>th:nth-child(8),
.table-order-processed .table>tbody>tr>td:nth-child(8){
   min-width: 115px;
   width: 115px;
 }
 
 
.table-order-processed .table>thead>tr>th:nth-child(9),
.table-order-processed .table>tbody>tr>td:nth-child(9){
   min-width: 200px;
   width: 200px;
 }
 
 .bs-progress-bar .progress-bar {
  background-color: var(--brand-voilet-dark);
 }
    


/*product wise P & L*/
.check-loss-making {
  position: relative;
  top: -4px;
}

.color-black-light {
  color: #404264;
}

.pl-inner-heading {
  font-size: 13px;
}

/* index page styles */




.table-indexing .table {
  table-layout: fixed;
}
.moreOrderDetails {
  max-width: 500px;
}
.table-indexing .table>thead>tr>th:nth-child(1),
.table-indexing .table>tbody>tr>td:nth-child(1){
  min-width: 40px;
  width: 40px;
}

.table-indexing .table>thead>tr>th:nth-child(2),
.table-indexing .table>tbody>tr>td:nth-child(2){
  min-width: 320px;
  width: 320px;
}


.table-indexing .table>thead>tr>th:nth-child(3),
.table-indexing .table>tbody>tr>td:nth-child(3),
.table-indexing .table>thead>tr>th:nth-child(4),
.table-indexing .table>tbody>tr>td:nth-child(4){
  min-width: 200px;
  width: 200px;
}

.table-indexing .table>thead>tr>th:nth-child(5),
.table-indexing .table>tbody>tr>td:nth-child(5){
    min-width: 130px;
    width: 130px;
    padding-right: 80px;
  }

.table-indexing .table>thead>tr>th:nth-child(6),
.table-indexing .table>tbody>tr>td:nth-child(6){
    min-width: 220px;
    width: 220px;
  }



  .table-indexing .table  .logo-initials {
    width: 36px;
    height: 36px;
  }

  .btn-acordian-indexing {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;

  }

  .table-modal-plans th.color-voilet {
    color: #6B71C8;
  }
  
  .table-modal-plans th,
  .table-modal-plans td {
    border-bottom: 0;
    font-size: 14px;
  }
  
  
  .table-modal-plans th:nth-child(1),
  .table-modal-plans td:nth-child(1) {
    width: 60px;
  }
  
  .table-modal-plans th:nth-child(3),
  .table-modal-plans td:nth-child(3) {
    width: 160px;
  }
  
  
.modal-plans .modal-content {
  background-color: #F3F4FB;
}

.modal-plans  .modal-dialog {
  max-width: 1000px;
}


/*channel wise performance*/
.table-channel-wise-perform .table {
  table-layout: fixed;
}


.table-channel-wise-perform .table>thead>tr>th,
.table-channel-wise-perform .table>tbody>tr>td {
  width: 19%;
}

.table-channel-wise-perform .table>thead>tr>th:first-child,
.table-channel-wise-perform .table>tbody>tr>td:first-child {
width: 12%;
}

.table-channel-wise-perform .table>thead>tr>th:nth-child(5),
.table-channel-wise-perform .table>tbody>tr>td:nth-child(5) {
width: 12%;
}

.table-channel-wise-perform .table .logo-initials {
  width: 30px;
  height: 30px;
}


/*variance page styles*/
.table-variance-shipping .table {
  table-layout: fixed;
}



.table-variance-shipping .table>thead>tr>th:nth-child(1),
.table-variance-shipping .table>tbody>tr>td:nth-child(1) {
width: 180px;
}






.table-variance-shipping .table>thead>tr>th:nth-child(2),
.table-variance-shipping .table>tbody>tr>td:nth-child(2) {
width: 110px;
}

.table-variance-shipping .table>thead>tr>th:nth-child(3),
.table-variance-shipping .table>tbody>tr>td:nth-child(3) {
width: 110px;
}

.table-variance-shipping .table>thead>tr>th:nth-child(6),
.table-variance-shipping .table>tbody>tr>td:nth-child(6) {
width: 100px;
}

.table-variance-shipping .table>thead>tr>th:nth-child(4),
.table-variance-shipping .table>tbody>tr>td:nth-child(4),
.table-variance-shipping .table>thead>tr>th:nth-child(5),
.table-variance-shipping .table>tbody>tr>td:nth-child(5) {
width: 280px;
}

.table-variance-shipping .table>thead>tr>th:nth-child(7),
.table-variance-shipping .table>tbody>tr>td:nth-child(7) {
width: 100px;
}

.th-3col>span {
  width: 33.33333%;
}

/*channel settlements page styles*/
.table-chnl-settlements .table {
  table-layout: fixed;
}
.table-chnl-settlements .table>thead>tr>th:first-child,
.table-chnl-settlements .table>tbody>tr>td:first-child {
  width: 340px;
  /* max-width: 40px; */
}


.table-chnl-settlements .table>thead>tr>th:nth-child(2),
.table-chnl-settlements .table>tbody>tr>td:nth-child(2) {
  width: 310px;
}
.table-chnl-settlements .table>thead>tr>th:nth-child(3),
.table-chnl-settlements .table>tbody>tr>td:nth-child(3) {
  width: 280px;
}

.table-chnl-settlements .table>thead>tr>th:nth-child(4),
.table-chnl-settlements .table>tbody>tr>td:nth-child(4) {
  width: 280px;
}


.table-chnl-settlements .table>thead>tr>th:nth-child(5),
.table-chnl-settlements .table>tbody>tr>td:nth-child(5) {
  width: 280px;
}



/*claim log page styles*/
.table-claimable-log .table,
.table-autoclaim-log .table {
  table-layout: fixed;
}

.table-claimable-log .table>thead>tr>th:first-child,
.table-claimable-log .table>tbody>tr>td:first-child {
  width: 40px;
  max-width: 40px;
}


.table-claimable-log .table>thead>tr>th:nth-child(2),
.table-claimable-log .table>tbody>tr>td:nth-child(2) {
  width: 150px;
}
.table-claimable-log .table>thead>tr>th:nth-child(3),
.table-claimable-log .table>tbody>tr>td:nth-child(3) {
  width: 160px;
}

.table-claimable-log .table>thead>tr>th:nth-child(4),
.table-claimable-log .table>tbody>tr>td:nth-child(4) {
  width: 200px;
}


.table-claimable-log .table>thead>tr>th:nth-child(5),
.table-claimable-log .table>tbody>tr>td:nth-child(5) {
  width: 120px;
}


.table-claimable-log .table>thead>tr>th:nth-child(6),
.table-claimable-log .table>tbody>tr>td:nth-child(6) {
  width: 160px;
}

.table-claimable-log .table>thead>tr>th:nth-child(7),
.table-claimable-log .table>tbody>tr>td:nth-child(7) {
  width: 220px;
}

.table-claimable-log .table>thead>tr>th:nth-child(8),
.table-claimable-log .table>tbody>tr>td:nth-child(8) {
  width: 120px;
}


.send-reports-scroller {
  max-height: 60vh;
  overflow-y: auto;
}


.send-reports-scroller::-webkit-scrollbar {
  width: 4px;
}

.send-reports-scroller::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.send-reports-scroller::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}




.table-autoclaim-log .table>thead>tr>th:first-child,
.table-autoclaim-log .table>tbody>tr>td:first-child {
  width: 40px;
  max-width: 40px;
}


.table-autoclaim-log .table>thead>tr>th:nth-child(2),
.table-autoclaim-log .table>tbody>tr>td:nth-child(2) {
  width: 300px;
}
.table-autoclaim-log .table>thead>tr>th:nth-child(3),
.table-autoclaim-log .table>tbody>tr>td:nth-child(3) {
  width: 200px;
}

.table-autoclaim-log .table>thead>tr>th:nth-child(4),
.table-autoclaim-log .table>tbody>tr>td:nth-child(4) {
  width: 200px;
}


.table-autoclaim-log .table>thead>tr>th:nth-child(5),
.table-autoclaim-log .table>tbody>tr>td:nth-child(5) {
  width: 120px;
}


.table-autoclaim-log .table>thead>tr>th:nth-child(6),
.table-autoclaim-log .table>tbody>tr>td:nth-child(6) {
  width: 160px;
}



/*automatic repricer styles*/
.fs-19 {
  font-size: 19px;
}
.auto-reprice-count {
  font-size: 22px;
}

.SetBaseCeilingPrice{
  max-width: 175px;
}


.SetBaseCeilingPrice .dropdown-item.active, 
.SetBaseCeilingPrice .dropdown-item:active {
  background-color: transparent;
}

.inputStepChange {
  width: 60px;
}



.table-ap-RepricerList .table,
.table-auto-repricer-sku .table{
table-layout: fixed;
}


.table-auto-repricer-sku .table>thead>tr>th,
.table-auto-repricer-sku .table>tbody>tr>td {
  width: 25%;
}

.table-auto-repricer-sku .table>thead>tr>th:first-child,
.table-auto-repricer-sku .table>tbody>tr>td:first-child {
  width: 40px;
  max-width: 40px;
}  




/*Repricer List (0) tabs table styles*/

.table-ap-RepricerList .table>thead>tr>th:first-child,
.table-ap-RepricerList .table>tbody>tr>td:first-child {
  width: 40px;
  max-width: 40px;
}


.table-ap-RepricerList .table>thead>tr>th:nth-child(2),
.table-ap-RepricerList .table>tbody>tr>td:nth-child(2) {
  width: 180px;
}
.table-ap-RepricerList .table>thead>tr>th:nth-child(3),
.table-ap-RepricerList .table>tbody>tr>td:nth-child(3) {
  width: 270px;
}

.table-ap-RepricerList .table>thead>tr>th:nth-child(4),
.table-ap-RepricerList .table>tbody>tr>td:nth-child(4) {
  width: 240px;
}


.table-ap-RepricerList .table>thead>tr>th:nth-child(5),
.table-ap-RepricerList .table>tbody>tr>td:nth-child(5) {
  width: 260px;
}


.table-ap-RepricerList .table>thead>tr>th:nth-child(6),
.table-ap-RepricerList .table>tbody>tr>td:nth-child(6),
.table-ap-RepricerList .table>thead>tr>th:nth-child(7),
.table-ap-RepricerList .table>tbody>tr>td:nth-child(7) {
  width: 100px;
}

/* table Repricing History modal */
.table-Repricing-History .table>thead>tr>th,
.table-Repricing-History .table>tbody>tr>td {
 border-bottom: 0;
}


/*amazon feedbacker styles-*/
.rating-stars {
  font-style: normal;
  color: #EF9235;
  font-size: 19px;
  line-height: 1.1;
}

.btn-all-reviews {
  min-width: auto;
}

.table-af-feedback .table{
table-layout: fixed;
}


.table-af-feedback .table>thead>tr>th:first-child,
.table-af-feedback .table>tbody>tr>td:first-child {
  width: 40px;
  max-width: 40px;
}


.table-af-feedback .table>thead>tr>th:nth-child(2),
.table-af-feedback .table>tbody>tr>td:nth-child(2) {
  width: 300px;
}
.table-af-feedback .table>thead>tr>th:nth-child(3),
.table-af-feedback .table>tbody>tr>td:nth-child(3) {
  width: 145px;
}

.table-af-feedback .table>thead>tr>th:nth-child(4),
.table-af-feedback .table>tbody>tr>td:nth-child(4) {
  width: 110px;
}


.table-af-feedback .table>thead>tr>th:nth-child(5),
.table-af-feedback .table>tbody>tr>td:nth-child(5) {
  width: 110px;
}

.table-af-feedback .table>thead>tr>th:nth-child(6),
.table-af-feedback .table>tbody>tr>td:nth-child(6) {
  width: 180px;
}
.table-af-feedback .table>thead>tr>th:nth-child(7),
.table-af-feedback .table>tbody>tr>td:nth-child(7) {
  width: 180px;
}

.table-af-feedback .table>thead>tr>th:nth-child(8),
.table-af-feedback .table>tbody>tr>td:nth-child(8) {
  width: 110px;
}



.af-feedback-search-form .search {
  width: 190px;
  
}

.table-af-campaigns .table{
  table-layout: fixed;
  }
  
  
  .table-af-campaigns .table>thead>tr>th:first-child,
  .table-af-campaigns .table>tbody>tr>td:first-child {
    width: 40px;
    max-width: 40px;
  }
  
  
  .table-af-campaigns .table>thead>tr>th:nth-child(2),
  .table-af-campaigns .table>tbody>tr>td:nth-child(2) {
    width: 180px;
  }
  .table-af-campaigns .table>thead>tr>th:nth-child(3),
  .table-af-campaigns .table>tbody>tr>td:nth-child(3) {
    width: 180px;
  }
  
  .table-af-campaigns .table>thead>tr>th:nth-child(4),
  .table-af-campaigns .table>tbody>tr>td:nth-child(4) {
    width: 310px;
  }
  
  
  .table-af-campaigns .table>thead>tr>th:nth-child(5),
  .table-af-campaigns .table>tbody>tr>td:nth-child(5) {
    width: 130px;
  }
  
  .table-af-campaigns .table>thead>tr>th:nth-child(6),
  .table-af-campaigns .table>tbody>tr>td:nth-child(6) {
    width: 140px;
  }
  .table-af-campaigns .table>thead>tr>th:nth-child(7),
  .table-af-campaigns .table>tbody>tr>td:nth-child(7) {
    width: 130px;
  }
  
  .table-af-campaigns .table>thead>tr>th:nth-child(8),
  .table-af-campaigns .table>tbody>tr>td:nth-child(8) {
    width: 60px;
  }

    
  .table-af-campaigns .search {
    width: 190px;
    
  }

  
  

.table-af-product-rating .table{
    table-layout: fixed;
    }
    
    
  .table-af-product-rating .table>thead>tr>th:first-child,
  .table-af-product-rating .table>tbody>tr>td:first-child {
      width: 40px;
      max-width: 40px;
    }
    
    
  .table-af-product-rating .table>thead>tr>th:nth-child(2),
  .table-af-product-rating .table>tbody>tr>td:nth-child(2) {
      width: 250px;
    }
  .table-af-product-rating .table>thead>tr>th:nth-child(3),
  .table-af-product-rating .table>tbody>tr>td:nth-child(3) {
      width: 160px;
    }
    
  .table-af-product-rating .table>thead>tr>th:nth-child(4),
  .table-af-product-rating .table>tbody>tr>td:nth-child(4) {
      width: 160px;
    }
    
    
  .table-af-product-rating .table>thead>tr>th:nth-child(5),
  .table-af-product-rating .table>tbody>tr>td:nth-child(5) {
      width: 170px;
    }
    
  .table-af-product-rating .table>thead>tr>th:nth-child(6),
  .table-af-product-rating .table>tbody>tr>td:nth-child(6) {
      width: 140px;
    }
  .table-af-product-rating .table>thead>tr>th:nth-child(7),
  .table-af-product-rating .table>tbody>tr>td:nth-child(7) {
      width: 130px;
    }
    
  .table-af-product-rating .table>thead>tr>th:nth-child(8),
  .table-af-product-rating .table>tbody>tr>td:nth-child(8) {
      width: 140px;
    }
    
    .af-settings-modal .modal-dialog,
    .all-reviews-modal .modal-dialog,
    .pricing-plans-modal  .modal-dialog {
      max-width: 1000px;
    }

    .reviewer-phone {
      line-height: 1.4;
    }

    .reviewscroller{
      max-height: 80px;
      overflow-y: auto;
      padding-right: 6px;
    }

    .reviewscroller::-webkit-scrollbar {
      width: 4px;
    }
    
    .reviewscroller::-webkit-scrollbar-track {
      background-color: #fff;
      border-radius: 6px;
    }
    
    .reviewscroller::-webkit-scrollbar-thumb {
      background-color: #E0E1FF;
      border-radius: 8px;
    }

    
    .pricing-plans-modal  .modal-dialog .modal-content {
      background-color:#F3F4FB ;
    }


    .price-highlighter {
      font-size: 49px;
    }
    

    .icon-pricing-plans {
      width: 60px;
      height: 60px;
    }

    .header-pricing-plans {
      transform: translateY(-75%);
      width: 89%;
    }

    .pricing-plan-info {
      width: 124px;
    }

    .pricing-plan-card .form-floating>.form-select {
      padding: 0;
      width: 124px;
      margin: auto;
      height: 36px;
      min-height: auto;
      
    }


/*Tally Defualt page styles*/
.btn-primary.bg-green {
  background-color: #C8E3DA;
    border-color: #C8E3DA;
    color: #1F674F;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px;
}


.cards-tally-default div[role="progressbar"] {
--size: 2.8rem;
--fg: #6972D2;
--bg: transparent;
--pgPercentage: var(--value);
animation: growProgressBar 3s 1 forwards;
width: var(--size);
height: var(--size);
border-radius: 50%;
display: grid;
place-items: center;
background: radial-gradient(
closest-side,
white 80%,
transparent 0 99.9%,
white 0
),
conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
font-family: Helvetica, Arial, sans-serif;
font-size: calc(var(--size) / 5);
color: var(--fg);
}

.main-search.tally-setup-search{
  padding: .6rem 1.25rem;

}

.tally-video-thumb {
  width: 130px;

  flex-shrink: 0;
}

.tally-card-heading {
  line-height: 1.2;
}

.tally-videos-scroller  {
max-height: 52vh;
overflow-y: auto;
}


.tally-videos-scroller::-webkit-scrollbar {
  width: 4px;
}

.tally-videos-scroller::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.tally-videos-scroller::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}

/*tally sync page*/
.SearchPort {
  width: 110px;
}

.SearchIP {
  width: 250px;
}


.table-tally-CMTR .table {
  table-layout: fixed;
}


.table-tally-CMTR .table>thead>tr>th,
.table-tally-CMTR .table>tbody>tr>td {
  width: 12%;
}

.table-tally-CMTR .table>thead>tr>th:first-child,
.table-tally-CMTR .table>tbody>tr>td:first-child, 
.table-tally-CMTR .table>thead>tr>th:nth-child(2),
.table-tally-CMTR .table>tbody>tr>td:nth-child(2),
.table-tally-CMTR .table>thead>tr>th:nth-child(6),
.table-tally-CMTR .table>tbody>tr>td:nth-child(6) {
width: 8%;
}

.input-TallyCompanyname {
  width: 190px;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
}



.table-tally-stn .table {
  table-layout: fixed;
}



.table-tally-stn .table>thead>tr>th:first-child,
.table-tally-stn .table>tbody>tr>td:first-child {
  width: 40px;
  max-width: 40px;
}
 
.table-tally-stn .table>thead>tr>th,
.table-tally-stn .table>tbody>tr>td       {
width: 110px;
}

.table-tally-stn .table>thead>tr>th:nth-child(8),
.table-tally-stn .table>tbody>tr>td:nth-child(8) {
  width: 170px;
}


.table-tally-stn .table>thead>tr>th:last-child,
.table-tally-stn .table>tbody>tr>td:last-child {
  width: 190px;
}




.table-tally-Add-Rule .table {
  table-layout: fixed;
}



.table-tally-Add-Rule .table>thead>tr>th:first-child,
.table-tally-Add-Rule .table>tbody>tr>td:first-child {
  width: 200px;
}


.table-tally-Add-Rule .table>thead>tr>th:nth-child(2),
.table-tally-Add-Rule .table>tbody>tr>td:nth-child(2) {
  width: 250px  ;
}


.table-tally-Add-Rule .table>thead>tr>th:last-child,
.table-tally-Add-Rule .table>tbody>tr>td:last-child {
  width: 40%;
}




.table-tally-Mapping .table {
  table-layout: fixed;
}



.table-tally-Mapping .table>thead>tr>th:first-child,
.table-tally-Mapping .table>tbody>tr>td:first-child {
  width: 180px;
}


.table-tally-Mapping .table>thead>tr>th:nth-child(2),
.table-tally-Mapping .table>tbody>tr>td:nth-child(2) {
  width: 200px  ;
}


.table-tally-Mapping .table>thead>tr>th:last-child,
.table-tally-Mapping .table>tbody>tr>td:last-child {
  width: 260px;
}


/*chrome extension styles*/
.chrome-extension {
  top: 0;
  right: 0;
  width: 385px;
  /* height: 600px;  */
  box-shadow: 0px 43px 19.8px 0px rgba(98, 107, 204, 0.11);
  z-index: 1050;
  
}

.CE-before-login {
  width: 385px;
  height: 600px; 
}

.btn-bg-green {
  background-color: #8BC5B1;
  color: #3A3B4C;
  padding: 12px 15px;
}

.CE-subline {
  line-height: 1.2;
}

.chrome-ext-branding {
  top: 0;
  right: 0;
  width: 75px;
}

.file-input-cover-2 {
  height: 50px;
}


/*Restock Inventory Management*/

.table-restock-IM .table {
  table-layout: fixed;
}



.table-restock-IM .table>thead>tr>th:first-child,
.table-restock-IM .table>tbody>tr>td:first-child {
  width: 40px;
}


.table-restock-IM .table>thead>tr>th:nth-child(2),
.table-restock-IM .table>tbody>tr>td:nth-child(2),
.table-restock-IM .table>thead>tr>th:nth-child(3),
.table-restock-IM .table>tbody>tr>td:nth-child(3) {
  width: 180px ;
}

.table-restock-IM .table>thead>tr>th:nth-child(4),
.table-restock-IM .table>tbody>tr>td:nth-child(4) {
  width: 300px;
}


.table-restock-IM .table>thead>tr>th:nth-child(5),
.table-restock-IM .table>tbody>tr>td:nth-child(5),
.table-restock-IM .table>thead>tr>th:nth-child(6),
.table-restock-IM .table>tbody>tr>td:nth-child(6) {
  width: 160px ;
}


.table-restock-IM .table>thead>tr>th:last-child,
.table-restock-IM .table>tbody>tr>td:last-child {
  width: 130px;
}


/*Reports-Center*/

.table-Reports-Center .table {
  table-layout: fixed;
}



.table-Reports-Center .table>thead>tr>th:first-child,
.table-Reports-Center .table>tbody>tr>td:first-child,
.table-Reports-Center .table>thead>tr>th:nth-child(2),
.table-Reports-Center .table>tbody>tr>td:nth-child(2) {
  width: 40%;
}


.table-Reports-Center .table>thead>tr>th:last-child,
.table-Reports-Center .table>tbody>tr>td:last-child {
  width: 50px;
}

.table-Reports-Center {
  max-height: 68vh;
  overflow-y: auto;
}

.table-Reports-Center::-webkit-scrollbar {
  width: 4px;
}

.table-Reports-Center::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.table-Reports-Center::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}

.table th.bg-pastel-gray, 
.table td.bg-pastel-gray {
  background-color: #F3F4FB;
}




.table-view-CI .table {
  table-layout: fixed;
}





.table-view-CI .table>thead>tr>th,
.table-view-CI .table>tbody>tr>td{
  width: 160px;
  max-width: 16 0px;
  border-bottom: 0;
}

.table-view-CI .table>thead>tr>th:last-child,
.table-view-CI .table>tbody>tr>td:last-child{
  width: 80px;
  max-width: 80px;
}

/*GST-Return-Summary page styles*/

.table-gst-RS .table {
  table-layout: fixed;
}

.table-gst-RS .table>thead>tr>th:first-child,
.table-gst-RS .table>tbody>tr>td:first-child{
  width: 380px;

}



.table-gst-RS .table>thead>tr>th,
.table-gst-RS .table>tbody>tr>td{
  width: 160px;
}

.table-gst-RS .table>thead>tr>th:last-child,
.table-gst-RS .table>tbody>tr>td:last-child{
  width: 80px;
  max-width: 80px;
}



.table-gst-details .table {
  table-layout: fixed;
}

.table-gst-details .table>thead>tr>th,
.table-gst-details .table>tbody>tr>td{
  width: 100px;
}

.table-gst-details .table>thead>tr>th:first-child,
.table-gst-details .table>tbody>tr>td:first-child, 
.table-gst-details .table>thead>tr>th:nth-child(2),
.table-gst-details .table>tbody>tr>td:nth-child(2) {
  width: 170px;
}

.table-gst-details .table>thead>tr>th:nth-child(3),
.table-gst-details .table>tbody>tr>td:nth-child(3) {
 width: 120px;
}

/*Channel list page styles*/
.searchChannelList {
  width: 190px;
}


.table-channel-list .table {
  table-layout: fixed;
}



.table-channel-list .table>thead>tr>th:first-child,
.table-channel-list .table>tbody>tr>td:first-child {
  width: 210px;
}


.table-channel-list .table>thead>tr>th:nth-child(2),
.table-channel-list .table>tbody>tr>td:nth-child(2) {
  width: 270px;
}

.table-channel-list .table>thead>tr>th:nth-child(3),
.table-channel-list .table>tbody>tr>td:nth-child(3) {
 width: 160px;
}

.table-channel-list .table>thead>tr>th:nth-child(4),
.table-channel-list .table>tbody>tr>td:nth-child(4) {
 width: 300px;
}

.table-channel-list .table>thead>tr>th:nth-child(5),
.table-channel-list .table>tbody>tr>td:nth-child(5) {
 width: 100px;
}

.table-channel-list .table>thead>tr>th:nth-child(6),
.table-channel-list .table>tbody>tr>td:nth-child(6) {
 width: 380px;
}

.table-sync-button {
  width: 24px;
  height: 24px;
}


.table-channel-list .logo-initials {
  width: 28px;
  height: 28px;
}


.line-height-120pr {
  line-height: 120%;
}


/*Inventory-Reconciliation*/

body.is-top-dark-banner  {
  padding-top: 124px;
}

.container-fluid.is-top-dark-banner {
  padding-left: 90px;
}

.ir-top-dark-banner {
  background-color: #3A3B4C;
  top: 0;
  height: 52px;
  color: #E0E1FF;
}

.top-52 {
  top: 52px;
}

.nav-icons-list.isTopBanner {
  top: 67px;
}

.table-Inventory-Reconciliation .table {
  table-layout: fixed;
}



.table-Inventory-Reconciliation .table>thead>tr>th:first-child,
.table-Inventory-Reconciliation .table>tbody>tr>td:first-child {
  width: 40px;
}


.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(2),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(2) {
  width: 140px;
}

.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(3),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(3) {
 width: 132px;
}

.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(4),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(4) {
 width: 100px;
}

.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(5),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(5) {
 width: 100px;
}

.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(6),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(6) {
 width: 100px;
}



.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(7),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(7) {
 width: 225px;
}

.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(8),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(8) {
 width: 100px;
}

.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(9),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(9) {
 width: 110px;
}

.table-Inventory-Reconciliation .table>thead>tr>th:nth-child(10),
.table-Inventory-Reconciliation .table>tbody>tr>td:nth-child(10) {
 width: 120px;
}

.table-Inventory-Reconciliation .btn-acordian-indexing {
top: 23px;
}


/*inner tables under expaned view*/

.table-Event-Type {
  margin-left: 55px;
}


.table-Inventory-Reconciliation .table-Event-Type .table>thead>tr>th,
.table-Inventory-Reconciliation .table-Event-Type .table>tbody>tr>td,
.table-Inventory-Reconciliation .table-Disposition-Type .table>thead>tr>th,
.table-Inventory-Reconciliation .table-Disposition-Type .table>tbody>tr>td {
  width: 140px;
  padding: .3rem 15px;
  padding-left: 15px;
 
}

.table-Inventory-Reconciliation .table-Event-Type .table>thead>tr>th:first-child,
.table-Inventory-Reconciliation .table-Event-Type .table>tbody>tr>td:first-child,
.table-Inventory-Reconciliation .table-Disposition-Type .table>thead>tr>th:first-child,
.table-Inventory-Reconciliation .table-Disposition-Type .table>tbody>tr>td:first-child {
  border-right: 1px solid var(--input-border-color);
}


.HelpReferenceModal .modal-dialog {
  max-width: 1000px;
}


.table-HelpReference .table {
  table-layout: fixed;
}



.table-HelpReference .table>thead>tr>th,
.table-HelpReference .table>tbody>tr>td {
  width: 190px;
  border: 0;
}



.table-HelpReference .table>thead>tr>th:last-child,
.table-HelpReference .table>tbody>tr>td:last-child {
  width: 390px;
}



/*Location-wise-movement*/


.table-location-w-movement .table {
  table-layout: fixed;
}



.table-location-w-movement .table>thead>tr>th,
.table-location-w-movement .table>tbody>tr>td {
  width: 13%;
}

.table-location-w-movement .table>thead>tr>th:first-child,
.table-location-w-movement .table>tbody>tr>td:first-child {
  width: 190px;
}

.table-location-w-movement .table>thead>tr>th:last-child,
.table-location-w-movement .table>tbody>tr>td:last-child {
  width: 90px;
}


.locationviewModal  .modal-dialog {
  max-width: 1000px;
}
.location-info-table{
  bottom: 40px;
  right: 40px;
  width: 400px;
  max-height: 400px;
  overflow-y: auto;
}


.location-info-table .table>thead>tr>th,
.location-info-table .table>tbody>tr>td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.location-info-table .table>thead>tr>th:first-child,
.location-info-table .table>tbody>tr>td:first-child {
  padding-left: 0;
}


.location-info-table::-webkit-scrollbar {
  width: 4px;
}

.location-info-table::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.location-info-table::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}



/*plans pages*/
.planUsersScroll {
  max-height: 60px;
  overflow-y: scroll;
}

.planUsersScroll::-webkit-scrollbar {
  width: 4px;
}

.planUsersScroll::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.planUsersScroll::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}

.AdditionalAddOnsFeatures li label{
min-width: 170px;
}


.table-payment-method {
  max-height: 200px;
}


.table-payment-method::-webkit-scrollbar {
  width: 4px;
}

.table-payment-method::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.table-payment-method::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}

.table-plans-payment-history .table>tbody>tr.bg-light-green>td{
  background-color: var(--light-green-96);
}



.table-plans-payment-history {
  max-height: 200px;
  overflow-y: auto;
}


.table-plans-payment-history::-webkit-scrollbar {
  width: 4px;
}

.table-plans-payment-history::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.table-plans-payment-history::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}

.table-plans-payment-history .table {
  table-layout: fixed;
}



.table-plans-payment-history .table>thead>tr>th:first-child,
.table-plans-payment-history .table>tbody>tr>td:first-child {
  width: 120px;
}


.table-plans-payment-history .table>thead>tr>th:nth-child(2),
.table-plans-payment-history .table>tbody>tr>td:nth-child(2) {
  width: 240px;
}

.table-plans-payment-history .table>thead>tr>th:nth-child(3),
.table-plans-payment-history .table>tbody>tr>td:nth-child(3),
.table-plans-payment-history .table>thead>tr>th:nth-child(4),
.table-plans-payment-history .table>tbody>tr>td:nth-child(4),
.table-plans-payment-history .table>thead>tr>th:nth-child(5),
.table-plans-payment-history .table>tbody>tr>td:nth-child(5),
.table-plans-payment-history .table>thead>tr>th:nth-child(6),
.table-plans-payment-history .table>tbody>tr>td:nth-child(6),
.table-plans-payment-history .table>thead>tr>th:nth-child(7),
.table-plans-payment-history .table>tbody>tr>td:nth-child(7),
.table-plans-payment-history .table>thead>tr>th:nth-child(8),
.table-plans-payment-history .table>tbody>tr>td:nth-child(8) {
 width: 130px;
}

/*Plans - Change Plan */




.header-pricing-enterprise {
  left: 50%;
  transform: translateX(-50%) translateY(-75%);
}

.table-plan-features .table {
  table-layout: fixed;
}



.table-plan-features .table>thead>tr>th:first-child,
.table-plan-features .table>tbody>tr>td:first-child {
  width: 140px;
}


.table-plan-features .table>thead>tr>th:nth-child(2),
.table-plan-features .table>tbody>tr>td:nth-child(2), 
.table-plan-features .table>thead>tr>th:nth-child(3),
.table-plan-features .table>tbody>tr>td:nth-child(3),
.table-plan-features .table>thead>tr>th:nth-child(4),
.table-plan-features .table>tbody>tr>td:nth-child(4),
.table-plan-features .table>thead>tr>th:nth-child(5),
.table-plan-features .table>tbody>tr>td:nth-child(5),
.table-plan-features .table>thead>tr>th:nth-child(6),
.table-plan-features .table>tbody>tr>td:nth-child(6),
.table-plan-features .table>thead>tr>th:nth-child(7),
.table-plan-features .table>tbody>tr>td:nth-child(7),
.table-plan-features .table>thead>tr>th:nth-child(8),
.table-plan-features .table>tbody>tr>td:nth-child(8) {
 width: 110px;
}



/*ask eva*/

.ask-eva-main{
  height: calc(100vh - 140px);
}

.chat-window{
  height: calc(100vh - 490px);
   margin-bottom: 20px;
   padding-left: 68px;
}

.chat-window::-webkit-scrollbar {
  width: 8px;
}

.chat-window::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.chat-window::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}

.chat-window>section {
  margin-bottom: 25px;
}

.chat-window>section:first-child {
  margin-top: auto !important;
}


.chat-hover-options {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  opacity: 0;
  transition: opacity .1s ease;
}

.chat-hover-options>li:not(:last-child) {
margin-right: 8px;
}

.chat-response:hover .chat-hover-options {opacity: 1;}


.sender-msg {
  padding-left: 55px;
}

.btn-edit-msg {
  position: absolute;
  left: -40px;
  top: 3px;
  opacity: 0;
  transition: opacity .1s ease;
  opacity: 0;
}

.sender-msg>p:hover .btn-edit-msg {
  opacity: 1;
}

.table-chat-result .table {
  table-layout: fixed;
}

.table-chat-result thead>tr>th:first-child,
.table-chat-result tbody>tr>td:first-child,
.table-chat-result thead>tr>th:nth-child(2),
.table-chat-result tbody>tr>td:nth-child(2)  {
  min-width: 140px;
}


.btn-mic,
.btn-send-msg {
  top: 50%;
  transform: translateY(-50%);
}


.btn-mic{
 right: 70px;
}

.btn-send-msg {
  right: 25px;
}







.chat-avator-window .chat-avator{
  left: 0;
  transform: translateX(-50%);
  top: 10px;
}



.chat-input {
  height: 66px;
}

.chat-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #68698A;
  font-size: 16px;
}
.chat-input[type="search"]::-moz-placeholder { /* Firefox 19+ */
  color: #68698A;
}
.chat-input[type="search"]:-ms-input-placeholder { /* IE 10+ */
  color: #68698A;
}
.chat-input[type="search"]:-moz-placeholder { /* Firefox 18- */
  color: #68698A;
}


.loader-text {
  letter-spacing: 3px;
}

/*order detail popup*/


.OrderHistoryScroll{
  max-height: 220px;
  overflow-y: auto;
}

.OrderHistoryScroll::-webkit-scrollbar {
  width: 4px;
}

.OrderHistoryScroll::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.OrderHistoryScroll::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}


/*on boarding carausel*/
.onboarding-panel{
  height: 100vh;
  width: 100vw;
  
}

#onboardingCarausel .carousel-inner {
  height: calc(100vh - 100px);
}

.onboarding-panel .carousel {
  max-width: 1100px;
  margin-bottom: 0;
}



.carousel-btns {
  bottom: 54px;
 
}

/* .item-company-size {
  width: 800px;
} */

.onboarding-panel .carousel .carousel-control-next ,
.onboarding-panel .carousel .carousel-control-prev {
  position: static;
  min-width: auto;
  width: auto;
  padding-left: 40px;
  padding-right: 40px;

 
}
.onboarding-panel .carousel .carousel-control-next {
  background-color: var(--dark-purple);
  opacity: 1;
  margin-left: 15px;
 
}

.onboarding-panel .carousel .carousel-control-prev {
  background-color: #fff;
  border:1px solid var(--dark-purple);
  color: var(--dark-purple);
  opacity: 1;
  margin-right: 15px;
}







/*product vendor management*/


.setting-nav .list-group-item.active div svg>path {
  fill: #fff;
} 
.table-Transaction-Level .btn-delete {
  height: 38px;
  width: 38px;
}

.table-Transaction-Level .table {
  table-layout: fixed;
}

.table-Transaction-Level .table>thead>tr>th:first-child,
.table-Transaction-Level .table>tbody>tr>td:first-child {
  width: 38px;
  /* max-width: 38px; */
}


.table-Transaction-Level .table>thead>tr>th:nth-child(2),
.table-Transaction-Level .table>tbody>tr>td:nth-child(2) {
  width: 180px;
}
.table-Transaction-Level .table>thead>tr>th:nth-child(3),
.table-Transaction-Level .table>tbody>tr>td:nth-child(3) {
  width: 160px;
}

.table-Transaction-Level .table>thead>tr>th:nth-child(4),
.table-Transaction-Level .table>tbody>tr>td:nth-child(4) {
  width: 100px;
}


.table-Transaction-Level .table>thead>tr>th:nth-child(5),
.table-Transaction-Level .table>tbody>tr>td:nth-child(5) {
  width: 100px;
}


.table-Transaction-Level .table>thead>tr>th:nth-child(6),
.table-Transaction-Level .table>tbody>tr>td:nth-child(6) {
  width: 140px;
}

.table-Transaction-Level .table>thead>tr>th:nth-child(7),
.table-Transaction-Level .table>tbody>tr>td:nth-child(7) {
  width: 100px;
}

.table-Transaction-Level .table>thead>tr>th:nth-child(8),
.table-Transaction-Level .table>tbody>tr>td:nth-child(8) {
  width: 120px;
}

/*pv management purchase list table*/



.table-pv-purchase-list .btn-delete {
  height: 38px;
  width: 38px;
}

.table-pv-purchase-list .table {
  table-layout: fixed;
}

.table-pv-purchase-list .table>thead>tr>th:first-child,
.table-pv-purchase-list .table>tbody>tr>td:first-child {
  width: 38px;
  max-width: 38px;
}


.table-pv-purchase-list .table>thead>tr>th:nth-child(2),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(2) {
  width: 90px;
}
.table-pv-purchase-list .table>thead>tr>th:nth-child(3),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(3) {
  width: 100px;
}

.table-pv-purchase-list .table>thead>tr>th:nth-child(4),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(4) {
  width: 100px;
}


.table-pv-purchase-list .table>thead>tr>th:nth-child(5),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(5) {
  width: 130px;
}


.table-pv-purchase-list .table>thead>tr>th:nth-child(6),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(6) {
  width: 150px;
}

.table-pv-purchase-list .table>thead>tr>th:nth-child(7),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(7) {
  width: 90px;
}

.table-pv-purchase-list .table>thead>tr>th:nth-child(8),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(8) {
  width: 100px;
}

.table-pv-purchase-list .table>thead>tr>th:nth-child(9),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(9) {
  width: 100px;
}

.table-pv-purchase-list .table>thead>tr>th:nth-child(10),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(10) {
  width: 110px;
}

.table-pv-purchase-list .table>thead>tr>th:nth-child(11),
.table-pv-purchase-list .table>tbody>tr>td:nth-child(11) {
  width: 155px;
}


/*product-vendor-management-goods-receipt-note table*/



.table-good-reciept-note .table {
  table-layout: fixed;
}

.table-good-reciept-note .table>thead>tr>th:first-child,
.table-good-reciept-note .table>tbody>tr>td:first-child {
  width: 90px;
}


.table-good-reciept-note .table>thead>tr>th:nth-child(2),
.table-good-reciept-note .table>tbody>tr>td:nth-child(2) {
  width: 140px;
}
.table-good-reciept-note .table>thead>tr>th:nth-child(3),
.table-good-reciept-note .table>tbody>tr>td:nth-child(3) {
  width: 100px;
}

.table-good-reciept-note .table>thead>tr>th:nth-child(4),
.table-good-reciept-note .table>tbody>tr>td:nth-child(4) {
  width: 380px;
  min-width: 380px;
  max-width: 380px;

}

.Quantity-td>* {
  width: calc(380px / 4);
  overflow: hidden;
}
.table-good-reciept-note .table>thead>tr>th:nth-child(4)>main,
.table-good-reciept-note .table>tbody>tr>td:nth-child(4)>main {
  overflow: hidden;
}



.table-good-reciept-note .table>thead>tr>th:nth-child(5),
.table-good-reciept-note .table>tbody>tr>td:nth-child(5) {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}

.unitprice-td>* {
  width: calc(220px / 2);
}
.table-good-reciept-note .table>thead>tr>th:nth-child(5)>main,
.table-good-reciept-note .table>tbody>tr>td:nth-child(5)>main {
  overflow: hidden;
}



.table-good-reciept-note .table>thead>tr>th:nth-child(6),
.table-good-reciept-note .table>tbody>tr>td:nth-child(6) {
  width: 100px;
}

.table-good-reciept-note .table>thead>tr>th:nth-child(7),
.table-good-reciept-note .table>tbody>tr>td:nth-child(7) {
  width: 85px;
}

.table-good-reciept-note .table>thead>tr>th:nth-child(8),
.table-good-reciept-note .table>tbody>tr>td:nth-child(8) {
  width: 100px;
}

.table-good-reciept-note .table>thead>tr>th:nth-child(9),
.table-good-reciept-note .table>tbody>tr>td:nth-child(9) {
  width: 100px;
}

.table-good-reciept-note input[type="text"].form-control {
  max-width: 70px;
  height: 28px;
  font-size: 14px;
}


/* vendor list table */
.table-Vendor-list .table {
  table-layout: fixed;
}

.table-Vendor-list .table>thead>tr>th:first-child,
.table-Vendor-list .table>tbody>tr>td:first-child {
  width: 38px;
  max-width: 38px;
}


.table-Vendor-list .table>thead>tr>th:nth-child(2),
.table-Vendor-list .table>tbody>tr>td:nth-child(2) {
  width: 160px;
}
.table-Vendor-list .table>thead>tr>th:nth-child(3),
.table-Vendor-list .table>tbody>tr>td:nth-child(3) {
  width: 160px;
}

.table-Vendor-list .table>thead>tr>th:nth-child(4),
.table-Vendor-list .table>tbody>tr>td:nth-child(4) {
  width: 230px;
}


.table-Vendor-list .table>thead>tr>th:nth-child(5),
.table-Vendor-list .table>tbody>tr>td:nth-child(5) {
  width: 120px;
}


.table-Vendor-list .table>thead>tr>th:nth-child(6),
.table-Vendor-list .table>tbody>tr>td:nth-child(6) {
  width: 150px;
}

.table-Vendor-list .table>thead>tr>th:nth-child(7),
.table-Vendor-list .table>tbody>tr>td:nth-child(7) {
  width: 120px;
}

.table-Vendor-list .table>thead>tr>th:nth-child(8),
.table-Vendor-list .table>tbody>tr>td:nth-child(8) {
  width: 120px;
}



/*global help dropdown*/
.help-dropdown {
  width: 580px;
}

.helpOptionsScroller {
  max-height: 200px;
  overflow-y: auto;
}

.helpOptionsScroller::-webkit-scrollbar {
  width: 4px;
}

.helpOptionsScroller::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 6px;
}

.helpOptionsScroller::-webkit-scrollbar-thumb {
  background-color: #E0E1FF;
  border-radius: 8px;
}

/*product tour landing*/

.disable-overlay {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1032;
  background-color: rgba(0, 0, 0, 0);
}


.disable-overlay.topHeader {
  height: 70px;
}


.disable-overlay.leftSidebar {
  width: 100%;
  height: calc(100vh - 72px);
}


.product-tour-main {
  max-width: 1200px;
  margin-left:auto ;
  margin-right:auto ;
  margin-top: 40px;
}



.tour-overlay {
  width: 100%;
  position: fixed;
  top: 70px;
  height: calc(100vh - 70px);
  left: 0;
  right: 0;
  z-index: 1032;
  background-color: rgba(7, 9, 32, 0.53);

}

.tour-overlay.dashboard {
  width: calc(100vw - 60px);;
  position: fixed;
  top: 0px;
  height: calc(100vh - 0px);
  left: 60px;
  right: 0;
  z-index: 1032;
  background-color: rgba(7, 9, 32, 0.53);

}

.tip-window {
  top: 14px;
  left: auto;
  right: 0;
  width: 280px;
  transition: right 0.4s ease-in;
}

.tip-window.dashboard {
  top: 200px;
  left: 20px;
  right: auto;
  width: 280px;
  transition: right 0.4s ease-in;
}

.tip-window .btn-outline-primary,
.tip-window .btn-primary {
  min-width: auto;
}


.tip-window-inner::before{
  content: '';
  position: absolute;
  top: -8px;
  left: auto;
  right: 24px;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.tip-window.left .tip-window-inner::before{
  top: 19px;
  left: -16px;
  right: auto;
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
}


.tip-window.right .tip-window-inner::before{
  top: 19px;
  left: auto;
  right: -16px;
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
}


.tip-window-inner .btn-close {
  right: 24px;
  top: 20px;
  left: auto;
  font-size: 10px;
}


.tip-window.askeva {
  right: 259px;
}

.tip-window.sync {
  right: 203px;
}

.tip-window.settings {
  right: 153px;
}

.tip-window.help {
  right: 100px;
}
.tip-window.notifications {
  right: 49px;
}


/*help-mp-policies-documents*/
.main-search.search-mp-policies-documents{
  padding: .6rem 1.25rem;
}

.tally-videos-scroller  {
  max-height: 59vh;
  overflow-y: auto;
  }




@media screen and (min-width:992px) {
  .Previous-Tickets-Sessions {
    width: 450px;
  }

  .plan-Add-Ons-body{
    height: 238px;
  }

  .main-search.search-mp-policies-documents{
    max-width: 510px;
  }
  


  
  }

@media screen and (min-width:1320px) {
  .Plan-Summary {
    width: 300px;
  }
  
  }
  
  @media screen and (min-width:1200px) {
  .fixed-save-button {
    padding-left: 285px;
    transition: padding-left 0.2s ease-in;
  }
  
  .fixed-save-button.pl-85 {
    padding-left: 85px;
  }

  .ask-eva-form {
    width: 1075px;
  }
  .chat-suggestions {
    padding-left: 75px;
  }
  .chat-suggestions>li:first-child {
  margin-left: auto !important;
  }
  .testimonial-text {
    width: 480px    ;
  }
  
  }

@media screen and (min-width:576px) {
.data-sales-type-dropdown {
  margin-left: 65px;
}
.chat-avator-window {
  width: 320px;
}
}

@media screen and (max-width:1399px) {

#pills-dor .input-TallyCompanyname,
#pills-dor .input-TallyCompanyname,
#stn .SearchIP ,
#stn .SearchIP {
    width: 168px;
  }
}



@media screen and (max-width:1279px) {

  
  .table-channel-wise-perform .table>thead>tr>th,
  .table-channel-wise-perform .table>tbody>tr>td {
    width: 300px;
  }

  .table-channel-wise-perform .table>thead>tr>th:first-child,
  .table-channel-wise-perform .table>tbody>tr>td:first-child {
  width: 200px;
  }

  .table-channel-wise-perform .table>thead>tr>th:nth-child(5),
  .table-channel-wise-perform .table>tbody>tr>td:nth-child(5) {
  width: 140px;
  }

  .table-variance-charges .table>thead>tr>th,
  .table-variance-charges .table>tbody>tr>td {
    min-width: 210px;
  }

    .table-chnl-settlements .table>thead>tr>th:nth-child(3),
  .table-chnl-settlements .table>tbody>tr>td:nth-child(3),
  .table-chnl-settlements .table>thead>tr>th:nth-child(4),
  .table-chnl-settlements .table>tbody>tr>td:nth-child(4),
  .table-chnl-settlements .table>thead>tr>th:nth-child(5),
  .table-chnl-settlements .table>tbody>tr>td:nth-child(5) {
    width: 250px;
  }

  .table-auto-repricer-sku .table>thead>tr>th,
.table-auto-repricer-sku .table>tbody>tr>td {
  width: 230px;
}

.table-tally-CMTR .table>thead>tr>th,
.table-tally-CMTR .table>tbody>tr>td,
.table-tally-CMTR .table>thead>tr>th:first-child,
.table-tally-CMTR .table>tbody>tr>td:first-child, 
.table-tally-CMTR .table>thead>tr>th:nth-child(2),
.table-tally-CMTR .table>tbody>tr>td:nth-child(2),
.table-tally-CMTR .table>thead>tr>th:nth-child(6),
.table-tally-CMTR .table>tbody>tr>td:nth-child(6) {
  width: 190px;
}

.table-commision-invoices .table>thead>tr>th,
.table-commision-invoices .table>tbody>tr>td {
    min-width: 150px;
  }

  .table-commision-invoices .table>thead>tr>th:first-child,
  .table-commision-invoices .table>tbody>tr>td:first-child, 
  .table-commision-invoices .table>thead>tr>th:nth-child(2),
  .table-commision-invoices .table>tbody>tr>td:nth-child(2){
    min-width: 40px;
  }

  .table-location-w-movement .table>thead>tr>th,
.table-location-w-movement .table>tbody>tr>td {
  width: 160px;
}


}

@media screen and (max-width:1319px) {
  .Plan-Summary {
    width: 100%;
  }
  
}



  @media screen and (max-width:576px) {
    .filterScroller{
      width: 100%;
      overflow-x: auto;
      white-space: nowrap;
    }
    .nav-pills.tabs-filled .nav-link{
      padding-left: 15px;
      padding-right: 15px;
  }

  }

  @media screen and (max-width:1199px) {

  .Notifications {
    width: 380px;
    right: -87px !important;
}

.fixed-save-button {
  padding-left: 15px;
}
.chat-window {
  height: calc(100vh - 380px);
  
  padding-left: 15px;
}
.chat-window-start {
  height: calc(100vh - 460px);
}

}

/* ============================================
   ENTERPRISE CARD ENHANCEMENTS
   ============================================ */

/* Enhanced card hover effects */
.card {
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.card-shadow {
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.card-shadow:hover {
  box-shadow: 0px 27px 24px 0px rgba(105, 114, 210, 0.1);
  transform: translateY(-2px);
}

/* Card header enhancement */
.card-header {
  background: linear-gradient(180deg, #FAFBFC 0%, #F8F9FD 100%);
  border-bottom: 1px solid var(--bs-border-color);
}

/* Inner container enhancements */
.inner-container-home {
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  border-radius: var(--card-radius);
}

.inner-container-home:hover {
  box-shadow: 0px 27px 24px 0px rgba(105, 114, 210, 0.1);
}

/* ============================================
   ENTERPRISE FORM ENHANCEMENTS
   ============================================ */

/* Base form control styling */
.form-control {
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}

.form-control:hover:not(:focus):not(:disabled) {
  border-color: var(--brand-voilet-light);
}

.form-control:focus {
  border-color: var(--brand-voilet);
  box-shadow: 0 0 0 3px rgba(107, 113, 200, 0.1);
}

/* Form select enhancements */
.form-select {
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.form-select:hover:not(:focus):not(:disabled) {
  border-color: var(--brand-voilet-light);
}

.form-select:focus {
  border-color: var(--brand-voilet);
  box-shadow: 0 0 0 3px rgba(107, 113, 200, 0.1);
}

/* Form validation states */
.form-control.is-valid {
  border-color: var(--success-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23059669' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.form-control.is-valid:focus {
  box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15);
}

.form-control.is-invalid {
  border-color: var(--danger-color);
}

.form-control.is-invalid:focus {
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}

/* Disabled form styling */
.form-control:disabled,
.form-select:disabled {
  background-color: #F9FAFB;
  opacity: 0.7;
  cursor: not-allowed;
}

/* ============================================
   ENTERPRISE DROPDOWN ENHANCEMENTS
   ============================================ */

.dropdown-menu {
  animation: dropdown-fade-in var(--transition-fast) ease-out;
  transform-origin: top center;
}

@keyframes dropdown-fade-in {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.dropdown-item {
  transition: background-color var(--transition-fast), color var(--transition-fast);
  border-radius: var(--radius-sm);
  margin: 2px 8px;
  width: calc(100% - 16px);
}

.dropdown-item:hover {
  background-color: var(--brand-voilet-subtle);
}

.dropdown-item:active,
.dropdown-item.active {
  background-color: var(--brand-voilet);
}

/* ============================================
   STATUS BADGES
   ============================================ */

.badge-success,
.status-success {
  background-color: var(--success-bg) !important;
  color: var(--success-color) !important;
  border: 1px solid var(--success-border);
}

.badge-warning,
.status-warning {
  background-color: var(--warning-bg) !important;
  color: var(--warning-color) !important;
  border: 1px solid var(--warning-border);
}

.badge-danger,
.status-danger {
  background-color: var(--danger-bg) !important;
  color: var(--danger-color) !important;
  border: 1px solid var(--danger-border);
}

.badge-info,
.status-info {
  background-color: var(--info-bg) !important;
  color: var(--info-color) !important;
  border: 1px solid var(--info-border);
}

/* Enhanced badge styling */
.badge {
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 5px 10px;
  border-radius: var(--radius-sm);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

/* ============================================
   SKELETON LOADING STATES
   ============================================ */

.skeleton {
  background: linear-gradient(90deg, #F0F1F7 25%, #E8E9F0 50%, #F0F1F7 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
  border-radius: var(--radius-sm);
}

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

.skeleton-text {
  height: 16px;
  margin-bottom: 8px;
}

.skeleton-text-sm {
  height: 12px;
  width: 60%;
}

.skeleton-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.skeleton-button {
  height: 40px;
  width: 100px;
  border-radius: var(--border-radius);
}

.skeleton-card {
  height: 120px;
  border-radius: var(--card-radius);
}

/* ============================================
   CUSTOM SCROLLBAR
   ============================================ */

/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #F5F6FA;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #C8CAE0;
  border-radius: 4px;
  transition: background var(--transition-fast);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--brand-voilet-light);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #C8CAE0 #F5F6FA;
}

/* ============================================
   TOOLTIP ENHANCEMENTS
   ============================================ */

.tooltip {
  --bs-tooltip-bg: #2D2E3D;
  --bs-tooltip-color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.tooltip .tooltip-inner {
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
}

/* ============================================
   FOCUS VISIBLE IMPROVEMENTS
   ============================================ */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--brand-voilet);
  outline-offset: 2px;
}

/* Remove outline for mouse users */
:focus:not(:focus-visible) {
  outline: none;
}

/* ============================================
   LINK ENHANCEMENTS
   ============================================ */

a {
  transition: color var(--transition-fast), opacity var(--transition-fast);
}

a:hover {
  opacity: 0.85;
}

/* ============================================
   MODAL ENHANCEMENTS
   ============================================ */

.modal-content {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  border: none;
}

.modal-header {
  border-bottom: 1px solid var(--bs-border-color);
  padding: 20px 24px;
}

.modal-body {
  padding: 24px;
}

.modal-footer {
  border-top: 1px solid var(--bs-border-color);
  padding: 16px 24px;
}

.modal-backdrop.show {
  opacity: 0.5;
  backdrop-filter: blur(2px);
}

/* ============================================
   PAGINATION ENHANCEMENTS
   ============================================ */

.pagination .page-link {
  border-radius: var(--radius-sm);
  margin: 0 2px;
  transition: all var(--transition-fast);
  border: 1px solid var(--bs-border-color);
  color: var(--bodytext-color);
}

.pagination .page-link:hover {
  background-color: var(--brand-voilet-subtle);
  border-color: var(--brand-voilet-light);
  color: var(--brand-voilet);
}

.pagination .page-item.active .page-link {
  background-color: var(--brand-voilet);
  border-color: var(--brand-voilet);
}

.pagination .page-item.disabled .page-link {
  opacity: 0.5;
}

/* ============================================
   KPI SUMMARY CARDS
   ============================================ */
.kpi-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAFBFF 100%);
  border-color: var(--bs-border-color) !important;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  position: relative;
  overflow: hidden;
}

.kpi-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-voilet) 0%, var(--brand-voilet-light) 100%);
  opacity: 0;
  transition: opacity var(--transition-base);
}

.kpi-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
  border-color: var(--brand-voilet-light) !important;
}

.kpi-card:hover::before {
  opacity: 1;
}

.kpi-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  transition: transform var(--transition-base);
}

.kpi-card:hover .kpi-icon-wrapper {
  transform: scale(1.1);
}

.kpi-icon-sales {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  color: #059669;
}

.kpi-icon-orders {
  background: linear-gradient(135deg, #F3F4FB 0%, #E0E1FF 100%);
  color: var(--brand-voilet);
}

.kpi-icon-aov {
  background: linear-gradient(135deg, #FFF7ED 0%, #FED7AA 100%);
  color: #D97706;
}

.kpi-icon-payment {
  background: linear-gradient(135deg, #F0FDF4 0%, #BBF7D0 100%);
  color: #059669;
}

.kpi-icon-channel {
  background: linear-gradient(135deg, #EFF6FF 0%, #BFDBFE 100%);
  color: #2563EB;
}

.kpi-icon-geo {
  background: linear-gradient(135deg, #FDF4FF 0%, #E9D5FF 100%);
  color: #9333EA;
}

.kpi-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted-gray);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.kpi-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--bodytext-color);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.kpi-value-text {
  font-size: 16px;
  text-transform: capitalize;
}

.kpi-subvalue {
  font-size: 11px;
  color: var(--muted-gray);
  font-weight: 500;
}

.kpi-trend {
  font-size: 11px;
  color: var(--muted-gray);
}

.kpi-trend-period {
  font-weight: 500;
  opacity: 0.8;
}

.kpi-mini-bar {
  height: 5px;
  background: var(--bs-border-color);
  border-radius: 3px;
  overflow: hidden;
}

.kpi-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--brand-voilet) 0%, #059669 100%);
  border-radius: 3px;
  transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
  width: 0%;
}

@media (max-width: 991px) {
  .kpi-value {
    font-size: 18px;
  }
  .kpi-icon-wrapper {
    width: 36px;
    height: 36px;
  }
}

/* ============================================
   PREMIUM CHART CARDS
   ============================================ */
.inner-container-home {
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFF 100%);
  border-color: rgba(107, 113, 200, 0.12) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(105, 114, 210, 0.05);
  transition: all var(--transition-base);
  position: relative;
}

.inner-container-home::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(107, 113, 200, 0.25) 50%, transparent 100%);
  opacity: 0;
  transition: opacity var(--transition-base);
}

.inner-container-home:hover {
  border-color: rgba(107, 113, 200, 0.25) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(105, 114, 210, 0.12);
  transform: translateY(-3px);
}

.inner-container-home:hover::after {
  opacity: 1;
}

/* Card header border */
.inner-container-home section.py-3 {
  border-bottom: 1px solid rgba(107, 113, 200, 0.08);
}

/* Card heading enhancement */
.card-heading {
  font-size: 15px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  letter-spacing: -0.01em;
}

/* Control buttons */
.inner-container-home .btn-outline-secondary {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: var(--radius-sm);
  font-weight: 600;
  border-color: rgba(107, 113, 200, 0.15);
}

.inner-container-home .btn-outline-secondary:hover {
  background: var(--light-purple-96);
  border-color: var(--brand-voilet-light);
  color: var(--brand-voilet);
}

/* ============================================
   TYPOGRAPHY HIERARCHY
   ============================================ */
.page-heading {
  font-size: 26px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  letter-spacing: -0.02em;
}

.page-heading + p {
  font-size: 14px;
  color: var(--muted-gray);
  font-weight: 500;
}

/* Table headers */
.table-header-row span,
.table-header-row small {
  font-size: 10px;
  font-weight: 700;
  color: var(--th-gray-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Data rows */
.data-row span,
.data-row small {
  font-size: 13px;
  font-weight: 600;
}

.data-row small {
  font-variant-numeric: tabular-nums;
}

/* ============================================
   MICRO-INTERACTIONS
   ============================================ */
.btn:active,
.dropdown-toggle:active,
.dashboard-tab:active {
  transform: scale(0.97);
}

/* List row hover accent */
.list-group-item.data-row {
  border-left: 3px solid transparent;
  transition: all var(--transition-fast);
  margin-left: -3px;
  padding-left: calc(var(--bs-list-group-item-padding-x, 1rem) - 3px);
}

.list-group-item.data-row:hover {
  background: rgba(107, 113, 200, 0.03);
  border-left-color: var(--brand-voilet);
}

/* Dropdown animation */
.dropdown-menu {
  animation: dropdown-enter 0.2s ease-out;
}

@keyframes dropdown-enter {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Focus ring */
.btn:focus-visible,
.form-control:focus-visible {
  outline: 2px solid var(--brand-voilet-light);
  outline-offset: 2px;
}

/* Active tab gradient */
.dashboard-tab.active {
  background: linear-gradient(135deg, #6B71C8 0%, #8B90D9 100%);
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(107, 113, 200, 0.3);
}

/* Tabs section divider */
.tabs-scroller {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(107, 113, 200, 0.1);
}

/* ============================================
   FOOTER KPI CARDS
   ============================================ */
.footer-kpi-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAFBFF 100%);
  border-color: var(--bs-border-color) !important;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.footer-kpi-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
  border-color: var(--brand-voilet-light) !important;
}

.footer-kpi-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.footer-kpi-icon-wrapper.kpi-icon-warning {
  background: linear-gradient(135deg, #FFF7ED 0%, #FED7AA 100%);
  color: #D97706;
}

.footer-kpi-icon-wrapper.kpi-icon-danger {
  background: linear-gradient(135deg, #FEF2F2 0%, #FECACA 100%);
  color: #DC2626;
}

.footer-kpi-icon-wrapper.kpi-icon-success {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  color: #059669;
}

.footer-kpi-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted-gray);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer-kpi-value {
  font-size: 28px;
  font-weight: 700;
  color: var(--bodytext-color);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.footer-kpi-desc {
  font-size: 13px;
  color: var(--muted-gray);
  line-height: 1.5;
}

.footer-kpi-card .btn-primary {
  background: linear-gradient(135deg, var(--brand-voilet) 0%, var(--brand-voilet-light) 100%);
  border: none;
  padding: 12px 20px;
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.footer-kpi-card .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-brand);
}

@media (max-width: 991px) {
  .footer-kpi-value {
    font-size: 24px;
  }
  .footer-kpi-icon-wrapper {
    width: 40px;
    height: 40px;
  }
}

/* ============================================
   SALES PAGE - KPI SUMMARY CARDS
   ============================================ */
.sales-kpi-card {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAFBFF 100%);
  border-color: var(--bs-border-color) !important;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  position: relative;
  overflow: hidden;
}

.sales-kpi-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-voilet) 0%, var(--brand-voilet-light) 100%);
  opacity: 0;
  transition: opacity var(--transition-base);
}

.sales-kpi-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
  border-color: var(--brand-voilet-light) !important;
}

.sales-kpi-card:hover::before {
  opacity: 1;
}

.sales-kpi-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  transition: transform var(--transition-base);
}

.sales-kpi-card:hover .sales-kpi-icon-wrapper {
  transform: scale(1.1);
}

.sales-kpi-icon-sales {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  color: #059669;
}

.sales-kpi-icon-orders {
  background: linear-gradient(135deg, #F3F4FB 0%, #E0E1FF 100%);
  color: var(--brand-voilet);
}

.sales-kpi-icon-aov {
  background: linear-gradient(135deg, #FFF7ED 0%, #FED7AA 100%);
  color: #D97706;
}

.sales-kpi-icon-payment {
  background: linear-gradient(135deg, #F0FDF4 0%, #BBF7D0 100%);
  color: #059669;
}

.sales-kpi-icon-channel {
  background: linear-gradient(135deg, #EFF6FF 0%, #BFDBFE 100%);
  color: #2563EB;
}

.sales-kpi-icon-cancel {
  background: linear-gradient(135deg, #FEF2F2 0%, #FECACA 100%);
  color: #DC2626;
}

.sales-kpi-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted-gray);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sales-kpi-value {
  font-size: 22px;
  font-weight: 700;
  color: var(--bodytext-color);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.sales-kpi-value-text {
  font-size: 16px;
  text-transform: capitalize;
}

.sales-kpi-trend {
  font-size: 11px;
  color: var(--muted-gray);
  font-weight: 500;
}

.sales-kpi-mini-bar {
  height: 5px;
  background: var(--bs-border-color);
  border-radius: 3px;
  overflow: hidden;
}

.sales-kpi-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--brand-voilet) 0%, #059669 100%);
  border-radius: 3px;
  transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
  width: 0%;
}

@media (max-width: 991px) {
  .sales-kpi-value {
    font-size: 18px;
  }
  .sales-kpi-icon-wrapper {
    width: 36px;
    height: 36px;
  }
}

/* ============================================
   SALES PAGE - CHART CARDS
   ============================================ */
.sales-chart-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFF 100%);
  border-color: rgba(107, 113, 200, 0.12) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(105,114,210,0.05);
  transition: all var(--transition-base);
  position: relative;
}

.sales-chart-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(107,113,200,0.25) 50%, transparent 100%);
  opacity: 0;
  transition: opacity var(--transition-base);
}

.sales-chart-card:hover {
  border-color: rgba(107, 113, 200, 0.25) !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.04), 0 8px 24px rgba(105,114,210,0.12);
  transform: translateY(-3px);
}

.sales-chart-card:hover::after {
  opacity: 1;
}

.sales-chart-card .border-bottom {
  border-color: rgba(107, 113, 200, 0.08) !important;
}

/* ============================================
   SALES PAGE - HEADER & FILTERS
   ============================================ */
.sales-page-heading {
  font-size: 26px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  letter-spacing: -0.02em;
}

.sales-page-subheading {
  font-size: 14px;
  color: var(--muted-gray);
  font-weight: 500;
}

/* Quick filters styling */
.sales-quick-filter {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--bs-border-color);
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: var(--muted-gray);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.sales-quick-filter:hover {
  border-color: var(--brand-voilet-light);
  background: var(--light-purple-96);
  color: var(--brand-voilet);
}

.sales-quick-filter.active {
  border-color: var(--brand-voilet);
  background: var(--brand-voilet);
  color: #fff;
}

/* Filter section divider */
.filterScroller {
  padding-bottom: 8px;
}

/* Enhanced table for sales page */
.table-indexing {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--bs-border-color);
}

.table-indexing .table {
  margin-bottom: 0;
}

/* Status badge enhancements */
.btn-bronze {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  border: 1px solid #A7F3D0;
}

/* Action buttons in table */
.table-indexing .btn-outline-primary,
.table-indexing .btn-outline-danger {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: var(--radius-sm);
}

/* ============================================
   SALES PAGE - KPI HEADER WITH FILTERS
   ============================================ */
#sales-kpi-header {
  padding: 12px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(107, 113, 200, 0.1);
}

.sales-kpi-section-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  letter-spacing: -0.01em;
}

#sales-kpi-header .btn-outline-secondary {
  font-size: 13px;
  padding: 6px 14px;
  border-radius: var(--radius-sm);
  border-color: var(--bs-border-color);
}

#sales-kpi-header .btn-outline-secondary:hover {
  background: var(--light-purple-96);
  border-color: var(--brand-voilet-light);
  color: var(--brand-voilet);
}

/* KPI subvalue styling */
.sales-kpi-subvalue {
  font-size: 11px;
  color: var(--muted-gray);
  font-weight: 500;
}

/* Additional icon colors */
.sales-kpi-icon-returns {
  background: linear-gradient(135deg, #FFF7ED 0%, #FED7AA 100%);
  color: #D97706;
}

.sales-kpi-icon-unshipped {
  background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
  color: #B45309;
}

.sales-kpi-icon-b2b {
  background: linear-gradient(135deg, #EFF6FF 0%, #BFDBFE 100%);
  color: #2563EB;
}

/* ============================================
   REPORTS CENTER - ENTERPRISE REDESIGN
   Modern card-based layout with category filtering
   ============================================ */

/* Page Header */
.rc-page-header {
  margin-bottom: var(--spacing-lg);
}

.rc-page-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--brand-voilet-dark);
  letter-spacing: -0.02em;
  margin-bottom: 4px;
}

.rc-page-subtitle {
  font-size: 14px;
  color: var(--muted-gray);
  font-weight: 500;
  margin: 0;
}

/* Search Wrapper */
.rc-search-wrapper {
  position: relative;
  max-width: 320px;
}

.rc-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted-gray);
  pointer-events: none;
  z-index: 1;
}

.rc-search-input {
  width: 100%;
  padding: 10px 14px 10px 42px;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius-md);
  font-size: 14px;
  font-weight: 500;
  color: var(--bodytext-color);
  background: #FFFFFF;
  transition: all var(--transition-base);
}

.rc-search-input:focus {
  outline: none;
  border-color: var(--brand-voilet);
  box-shadow: 0 0 0 3px rgba(107, 113, 200, 0.12);
}

.rc-search-input::placeholder {
  color: var(--placeholder-color);
  font-weight: 400;
}

.rc-search-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #FFFFFF;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  max-height: 320px;
  overflow-y: auto;
  z-index: var(--z-dropdown);
  display: none;
}

.rc-search-dropdown.show {
  display: block;
  animation: dropdown-enter 0.2s ease-out;
}

.rc-search-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  text-decoration: none;
  color: var(--bodytext-color);
  transition: background var(--transition-fast);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.rc-search-item:last-child {
  border-bottom: none;
}

.rc-search-item:hover {
  background: var(--light-purple-96);
  color: var(--brand-voilet);
}

.rc-search-item-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: linear-gradient(135deg, #F3F4FB 0%, #E0E1FF 100%);
  color: var(--brand-voilet);
}

.rc-search-item-content {
  flex: 1;
  min-width: 0;
}

.rc-search-item-name {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rc-search-item-type {
  font-size: 11px;
  color: var(--muted-gray);
  font-weight: 500;
}

.rc-search-empty {
  padding: 24px 14px;
  text-align: center;
  color: var(--muted-gray);
  font-size: 13px;
}

/* Quick Stats Row */
.rc-stats-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-lg);
}

.rc-stat-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #FFFFFF;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.rc-stat-card:hover {
  border-color: var(--brand-voilet-light);
  box-shadow: var(--shadow-sm);
  transform: translateY(-2px);
}

.rc-stat-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rc-stat-icon-purple {
  background: linear-gradient(135deg, #F3F4FB 0%, #E0E1FF 100%);
  color: var(--brand-voilet);
}

.rc-stat-icon-green {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  color: #059669;
}

.rc-stat-icon-blue {
  background: linear-gradient(135deg, #EFF6FF 0%, #BFDBFE 100%);
  color: #2563EB;
}

.rc-stat-icon-orange {
  background: linear-gradient(135deg, #FFF7ED 0%, #FED7AA 100%);
  color: #D97706;
}

.rc-stat-content {
  display: flex;
  flex-direction: column;
}

.rc-stat-value {
  font-size: 18px;
  font-weight: 700;
  color: var(--bodytext-color);
  line-height: 1.2;
}

.rc-stat-label {
  font-size: 11px;
  color: var(--muted-gray);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Category Filter Pills */
.rc-category-pills {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid rgba(107, 113, 200, 0.1);
}

.rc-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted-gray);
  background: #FFFFFF;
  border: 1px solid var(--bs-border-color);
  border-radius: 100px;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.rc-pill:hover {
  border-color: var(--brand-voilet-light);
  color: var(--brand-voilet);
  background: var(--light-purple-96);
}

.rc-pill.active {
  background: linear-gradient(135deg, #6B71C8 0%, #8B90D9 100%);
  color: #FFFFFF;
  border-color: transparent;
  box-shadow: 0 2px 8px rgba(107, 113, 200, 0.3);
}

.rc-pill svg {
  width: 16px;
  height: 16px;
}

/* Report Sections */
.rc-section {
  margin-bottom: var(--spacing-2xl);
}

.rc-section-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: var(--spacing-lg);
}

.rc-section-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rc-section-icon svg {
  width: 22px;
  height: 22px;
}

.rc-section-icon-sales {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  color: #059669;
}

.rc-section-icon-payments {
  background: linear-gradient(135deg, #EFF6FF 0%, #BFDBFE 100%);
  color: #2563EB;
}

.rc-section-icon-inventory {
  background: linear-gradient(135deg, #FFF7ED 0%, #FED7AA 100%);
  color: #D97706;
}

.rc-section-icon-reconciliation {
  background: linear-gradient(135deg, #F3F4FB 0%, #E0E1FF 100%);
  color: var(--brand-voilet);
}

.rc-section-icon-financial {
  background: linear-gradient(135deg, #FDF4FF 0%, #E9D5FF 100%);
  color: #9333EA;
}

.rc-section-icon-warehouse {
  background: linear-gradient(135deg, #F0FDF4 0%, #BBF7D0 100%);
  color: #16A34A;
}

.rc-section-icon-other {
  background: linear-gradient(135deg, #F1F5F9 0%, #E2E8F0 100%);
  color: #64748B;
}

.rc-section-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--bodytext-color);
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}

.rc-section-desc {
  font-size: 13px;
  color: var(--muted-gray);
  margin: 0;
  font-weight: 500;
}

/* Report Cards */
.rc-report-card {
  display: flex;
  flex-direction: column;
  padding: 18px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFF 100%);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--radius-lg);
  text-decoration: none;
  color: var(--bodytext-color);
  height: 100%;
  min-height: 140px;
  position: relative;
  transition: all var(--transition-base);
  overflow: hidden;
}

.rc-report-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-voilet) 0%, var(--brand-voilet-light) 100%);
  opacity: 0;
  transition: opacity var(--transition-base);
}

.rc-report-card:hover {
  border-color: var(--brand-voilet-light);
  box-shadow: var(--shadow-card);
  transform: translateY(-4px);
  color: var(--bodytext-color);
  text-decoration: none;
}

.rc-report-card:hover::before {
  opacity: 1;
}

.rc-report-card:hover .rc-report-arrow {
  opacity: 1;
  transform: translateX(0);
}

.rc-report-card:hover .rc-report-icon {
  transform: scale(1.08);
}

/* Report Card Icons */
.rc-report-icon {
  width: 42px;
  height: 42px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  transition: transform var(--transition-base);
}

.rc-report-icon svg {
  width: 20px;
  height: 20px;
}

.rc-icon-green {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%);
  color: #059669;
}

.rc-icon-orange {
  background: linear-gradient(135deg, #FFF7ED 0%, #FED7AA 100%);
  color: #D97706;
}

.rc-icon-purple {
  background: linear-gradient(135deg, #F3F4FB 0%, #E0E1FF 100%);
  color: var(--brand-voilet);
}

.rc-icon-blue {
  background: linear-gradient(135deg, #EFF6FF 0%, #BFDBFE 100%);
  color: #2563EB;
}

.rc-icon-pink {
  background: linear-gradient(135deg, #FDF2F8 0%, #FBCFE8 100%);
  color: #DB2777;
}

.rc-icon-red {
  background: linear-gradient(135deg, #FEF2F2 0%, #FECACA 100%);
  color: #DC2626;
}

.rc-icon-gray {
  background: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);
  color: #64748B;
}

.rc-icon-teal {
  background: linear-gradient(135deg, #F0FDFA 0%, #CCFBF1 100%);
  color: #0D9488;
}

.rc-icon-yellow {
  background: linear-gradient(135deg, #FEFCE8 0%, #FEF08A 100%);
  color: #CA8A04;
}

.rc-icon-indigo {
  background: linear-gradient(135deg, #EEF2FF 0%, #C7D2FE 100%);
  color: #4F46E5;
}

/* Report Card Text */
.rc-report-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--bodytext-color);
  margin-bottom: 4px;
  line-height: 1.3;
  flex-grow: 1;
}

.rc-report-type {
  font-size: 11px;
  color: var(--muted-gray);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* Report Card Arrow */
.rc-report-arrow {
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--light-purple-96);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(-8px);
  transition: all var(--transition-base);
  color: var(--brand-voilet);
}

.rc-report-arrow svg {
  width: 14px;
  height: 14px;
}

/* Featured Report Card */
.rc-report-featured {
  border-color: rgba(107, 113, 200, 0.25);
  background: linear-gradient(135deg, #FCFCFF 0%, #F3F4FB 100%);
}

.rc-report-featured::after {
  content: 'Featured';
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--brand-voilet);
  background: rgba(107, 113, 200, 0.1);
  padding: 3px 8px;
  border-radius: 100px;
}

/* Disabled Report Card */
.rc-report-disabled {
  opacity: 0.6;
  pointer-events: none;
  background: #F8FAFC;
}

.rc-report-disabled::after {
  content: 'Coming Soon';
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #64748B;
  background: rgba(100, 116, 139, 0.1);
  padding: 3px 8px;
  border-radius: 100px;
}

.rc-report-disabled:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--bs-border-color);
}

/* Empty State */
.rc-empty-state {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-lg);
}

.rc-empty-icon {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-lg);
  background: var(--light-purple-96);
  color: var(--brand-voilet);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--spacing-md);
}

.rc-empty-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--bodytext-color);
  margin-bottom: 8px;
}

.rc-empty-desc {
  font-size: 14px;
  color: var(--muted-gray);
  max-width: 320px;
  margin: 0 auto;
}

/* Responsive Adjustments */
@media (max-width: 1199px) {
  .rc-page-title {
    font-size: 24px;
  }

  .rc-report-card {
    min-height: 130px;
    padding: 16px;
  }

  .rc-report-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
  }

  .rc-report-name {
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .rc-stats-row {
    gap: 10px;
  }

  .rc-stat-card {
    padding: 10px 14px;
  }

  .rc-stat-value {
    font-size: 16px;
  }

  .rc-section-header {
    gap: 12px;
  }

  .rc-section-icon {
    width: 40px;
    height: 40px;
  }

  .rc-section-title {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .rc-page-header {
    flex-direction: column;
    gap: 16px;
  }

  .rc-search-wrapper {
    max-width: 100%;
  }

  .rc-category-pills {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .rc-category-pills::-webkit-scrollbar {
    display: none;
  }

  .rc-stats-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .rc-report-card {
    min-height: 120px;
    padding: 14px;
  }

  .rc-report-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 10px;
  }

  .rc-report-name {
    font-size: 12px;
  }

  .rc-report-type {
    font-size: 10px;
  }

  .rc-section-title {
    font-size: 15px;
  }

  .rc-section-desc {
    font-size: 12px;
  }
}

@media (max-width: 575px) {
  .rc-page-title {
    font-size: 22px;
  }

  .rc-stat-card {
    padding: 8px 12px;
  }

  .rc-stat-icon {
    width: 32px;
    height: 32px;
  }

  .rc-stat-value {
    font-size: 14px;
  }

  .rc-stat-label {
    font-size: 10px;
  }
}