:root {
  --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);
}

/* FORCER la scrollbar globale - écraser PrimeReact Lara */
html,
body,
* {
  scrollbar-width: thin !important;
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color) !important;
}

.devis-detail-compact {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

/* WebKit-based engines (Chrome, Edge, Safari) - FORCER */
*::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
  display: block !important;
}

*::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color) !important;
}

*::-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;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-color) !important;
}

/* Dialog DevisDetail - garantir le flux flex et le scroll vertical */

.devis-detail-compact .p-dialog-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.devis-detail-compact .p-tabview {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.devis-detail-compact .p-tabview-panels {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.devis-detail-compact .p-tabview-panel {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

/* Lever les suppressions de scrollbar imposées par le thème Lara */
.devis-detail-compact .p-tabview-panel,
.devis-detail-compact .p-tabview-panels,
.devis-detail-compact .p-tabview-nav-content,
.devis-detail-compact .general-tab-scrollable {
  scrollbar-width: thin !important;
  -ms-overflow-style: auto !important;
}

.devis-detail-compact .p-tabview-nav-content {
  overflow-x: auto !important;
}

/* Contenu de l'onglet Général : activer le scroll vertical visible */
.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;
}

.devis-detail-compact .general-tab-scrollable::-webkit-scrollbar {
  width: 8px !important;
  display: block !important;
}

.devis-detail-compact .general-tab-scrollable::-webkit-scrollbar-track {
  background: transparent !important;
}

.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;
}

.devis-detail-compact .general-tab-scrollable::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-color) !important;
}