/* Non-Tailwind CSS overrides for the new UI stack. */

/* Loads before tailwind.css, so it sets the layer order for the page.
   Our own component CSS sits in `custom`: above Tailwind's preflight, below its components and utilities,
   so utilities like `hidden` win over it. */
@layer properties, theme, base, custom, components, utilities;

@import url("/assets/css_variables-f6177661.css") layer(custom);
@import url("/assets/fontello-fa5b2619.css") layer(custom);
@import url("/assets/svg_icons-9dcaf71f.css") layer(custom);

/* Unlayered: these override third-party CSS (DataTables, FullCalendar, air-datepicker), which is unlayered,
   or deliberately override Tailwind utilities (mail preview). */
@import url("/assets/new_ui_datatables-35f1d419.css");
@import url("/assets/fullcalendar_overrides-f88c38f0.css");
@import url("/assets/air_datepicker_overrides-d28e74db.css");
@import url("/assets/mail_preview_overrides-be616e5a.css");

/* Document and service rules stay outside the page's content scope. */
html:has(> body[data-page-style-context="bootstrap"]) {
  min-height: 100%;
  scroll-behavior: auto;
}

body[data-page-style-context="bootstrap"] {
  width: 100%;
  min-height: 100vh;
}

body[data-page-style-context="bootstrap"] .woot--bubble-holder > button {
  z-index: var(--layer-chatwoot, 1000) !important;
  border-radius: 100px !important;
}