/* Couche partagée des infobulles et détails informatifs. Le contenu long reste
   consultable sans agrandir la page ni créer de barre horizontale. */
.kiarana-text-tooltip {
  padding: 0.5rem 0.75rem;
  border: 0;
  border-radius: 0.5rem;
  background: var(--ink);
  color: var(--panel-bg);
  font-size: 0.8125rem;
  line-height: 1.4;
  font-weight: 500;
  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
}

.kiarana-floating-panel {
  position: fixed !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  box-sizing: border-box;
  min-width: 0 !important;
  max-width: min(calc(100vw - 24px), var(--floating-width, calc(100vw - 24px))) !important;
  max-height: var(--floating-height, calc(100dvh - 24px)) !important;
  overflow: auto !important;
  overflow-wrap: anywhere;
  white-space: normal;
  overscroll-behavior: contain;
  scrollbar-width: thin !important;
  z-index: 10000;
}

.kiarana-floating-panel:not([data-floating-open]) {
  display: none !important;
}
.kiarana-floating-panel[data-floating-open] {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  /* visibility reste pilotée par le moteur pendant le premier placement. */
}
.kiarana-floating-panel::-webkit-scrollbar {
  display: block;
  width: 6px;
  height: 6px;
}
.kiarana-floating-panel::backdrop {
  background: transparent;
  pointer-events: none;
}

/* Liste Symfony UX Autocomplete : largeur du champ, par-dessus la modale sans l'agrandir.
   La liste défile dans .ts-dropdown-content. */
.kiarana-floating-panel[data-floating-kind='select'] {
  width: var(--floating-reference-width, auto) !important;
  overflow: visible !important;
}

.kiarana-floating-panel[data-floating-kind='tooltip'] {
  width: max-content;
  max-width: min(24rem, calc(100vw - 24px), var(--floating-width, 24rem)) !important;
  white-space: normal;
}