/*
  Flowbite/Tailwind isolation layer for the gradual Ravitex UI migration.
  New Flowbite pages must live inside .flowbite-ui. Legacy Ravitex pages should
  live inside .ravitex-ui, so global project selectors do not leak into Flowbite blocks.
*/

:where(.flowbite-ui) {
  color: rgb(17 24 39);
  background: transparent;
  --font-sans: 'Onest', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family:
    'Onest',
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(.flowbite-ui),
:where(.flowbite-ui) *,
:where(.flowbite-ui) ::before,
:where(.flowbite-ui) ::after {
  box-sizing: border-box;
}

:where(.flowbite-ui) :where(button, input, optgroup, select, textarea) {
  font: inherit;
}

:where(.flowbite-ui) :where(input[type='checkbox'], input[type='radio']) {
  accent-color: currentColor;
}

:where(.flowbite-ui) :where(button, [role="button"]) {
  cursor: pointer;
}

:where(.flowbite-ui) :where(button:disabled, [aria-disabled="true"]) {
  cursor: not-allowed;
}


:where(.flowbite-ui) :where(img, svg, video, canvas) {
  display: block;
  max-width: 100%;
}

:where(.flowbite-ui) :where(table) {
  width: 100%;
  border-collapse: collapse;
}

:where(.flowbite-ui) :where([hidden]) {
  display: none;
}

:where(.flowbite-ui) :where(.prose a) {
  color: rgb(29 78 216);
  text-decoration: underline;
  text-underline-offset: 2px;
}

:where(.flowbite-ui) :where(.flowbite-reset-radius) {
  border-radius: var(--radius-2xl);
}