html[data-use-legacy-scrollbar="true"] {
  --scrollbar-track-color: rgba(15, 23, 42, 0.05);
  --scrollbar-thumb-color: rgba(15, 23, 42, 0.32);
  --scrollbar-thumb-hover-color: rgba(15, 23, 42, 0.5);
}

html[data-use-legacy-scrollbar="true"],
html[data-use-legacy-scrollbar="true"] body,
html[data-use-legacy-scrollbar="true"] * {
  scrollbar-width: thin !important;
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color) !important;
}

/* WebKit-based engines (Chrome, Edge, Safari) */
html[data-use-legacy-scrollbar="true"] *::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
  display: block !important;
}

html[data-use-legacy-scrollbar="true"] *::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color) !important;
}

html[data-use-legacy-scrollbar="true"] *::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color) !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  background-clip: content-box !important;
  transition: background-color 150ms ease-in-out !important;
}

html[data-use-legacy-scrollbar="true"] *::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-color) !important;
}

/* Dialog DevisDetail - scrollbars spécifiques */
html[data-use-legacy-scrollbar="true"] .devis-detail-compact .p-tabview-panel,
html[data-use-legacy-scrollbar="true"] .devis-detail-compact .p-tabview-panels,
html[data-use-legacy-scrollbar="true"] .devis-detail-compact .p-tabview-nav-content,
html[data-use-legacy-scrollbar="true"] .devis-detail-compact .general-tab-scrollable {
  scrollbar-width: thin !important;
  -ms-overflow-style: auto !important;
}

html[data-use-legacy-scrollbar="true"] .devis-detail-compact .p-tabview-nav-content {
  overflow-x: auto !important;
}

html[data-use-legacy-scrollbar="true"] .devis-detail-compact .general-tab-scrollable {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  scrollbar-width: thin !important;
  scrollbar-color: var(--scrollbar-thumb-color) transparent !important;
  scrollbar-gutter: stable both-edges;
}

html[data-use-legacy-scrollbar="true"] .devis-detail-compact .general-tab-scrollable::-webkit-scrollbar {
  width: 8px !important;
  display: block !important;
}

html[data-use-legacy-scrollbar="true"] .devis-detail-compact .general-tab-scrollable::-webkit-scrollbar-track {
  background: transparent !important;
}

html[data-use-legacy-scrollbar="true"] .devis-detail-compact .general-tab-scrollable::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color) !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  background-clip: content-box !important;
  transition: background-color 150ms ease-in-out !important;
}

html[data-use-legacy-scrollbar="true"] .devis-detail-compact .general-tab-scrollable::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-color) !important;
}