html,
body,
#root {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #0f0f23;
}

#root {
  /* Dynamic gradient background with tenant colors */
  background: linear-gradient(
    135deg,
    color-mix(
        in srgb,
        #0f0f23 95%,
        var(--background-secondary-color, #7877c6) 5%
      )
      0%,
    color-mix(
        in srgb,
        #1a1a2e 75%,
        var(--background-secondary-color, #7877c6) 25%
      )
      25%,
    color-mix(
        in srgb,
        #16213e 80%,
        var(--background-primary-color, #8da9b0) 20%
      )
      50%,
    color-mix(
        in srgb,
        #0f0f23 90%,
        var(--background-primary-color, #8da9b0) 10%
      )
      75%,
    #0f0f23 100%
  );
}

/* Fallback for browsers that don't support color-mix */
@supports not (background: color-mix(in srgb, red, blue)) {
  #root {
    background: linear-gradient(
      135deg,
      #0f0f23 0%,
      #1a1a2e 25%,
      #16213e 50%,
      #0f0f23 100%
    );
  }
}

*:not([class*="pi"]):not([class*="icon"]),
*::before:not([class*="pi"]):not([class*="icon"]),
*::after:not([class*="pi"]):not([class*="icon"]),
html,
body,
div:not([class*="pi"]):not([class*="icon"]),
span:not([class*="pi"]):not([class*="icon"]),
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button:not([class*="pi"]):not([class*="icon"]),
input,
textarea,
select,
option,
label,
table,
th,
td,
tr,
ul,
ol,
li,
form,
fieldset,
legend {
  font-family: "Comfortaa", "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Open Sans", "Helvetica Neue", sans-serif !important;
}

html {
  font-weight: 400;
  font-display: swap;
}

body *:not([class*="pi"]):not([class*="icon"]):not(.pi):not(.pi-info-circle):not(.pi-times):not(.pi-check) {
  font-family: "Comfortaa", "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Open Sans", "Helvetica Neue", sans-serif !important;
}

[class*="p-"]:not([class*="pi"]):not(.pi) {
  font-family: "Comfortaa", "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Open Sans", "Helvetica Neue", sans-serif !important;
}

[class*="p-"]:not([class*="pi"]):not(.pi) *:not([class*="pi"]):not(.pi) {
  font-family: "Comfortaa", "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Open Sans", "Helvetica Neue", sans-serif !important;
}

.pi,
[class*="pi-"],
i[class*="pi"] {
  font-family: "primeicons" !important;
}