@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

hr {
  opacity: 1;
}

body {
  font-family: var(--ds-font-family-base);
  line-height: var(--ds-line-height-base);
  color: var(--ds-color-text);
  background: var(--ds-color-bg);
}

:root {
  --ds-color-primary: #0A3E87;
  --ds-color-primary-lighten: rgb(105.1034482759, 162.8413793103, 243.8965517241);
  --ds-color-primary-darken: rgb(5.7793103448, 35.8317241379, 78.0206896552);
  --ds-color-primary-hover: rgba(17.0344827586, 105.6137931034, 229.9655172414, 0.18);
  --ds-color-secondary: #9BCEDB;
  --ds-color-secondary-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-secondary-darken: rgb(110, 183.95, 202.8);
  --ds-color-secondary-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-tertiary: #00F2B9;
  --ds-color-tertiary-lighten: rgb(191, 255, 239.9256198347);
  --ds-color-tertiary-darken: rgb(0, 180.8, 138.2148760331);
  --ds-color-tertiary-hover: rgba(89, 255, 215.9008264463, 0.18);
  --ds-color-success: #2ce45d;
  --ds-color-success-lighten: rgb(224.8571428571, 251.1428571429, 231.8571428571);
  --ds-color-success-darken: rgb(23.9142857143, 186.8857142857, 67.3142857143);
  --ds-color-success-hover: rgba(134.4285714286, 239.5714285714, 162.4285714286, 0.18);
  --ds-color-warning: #ff5603;
  --ds-color-warning-lighten: rgb(255, 222.8095238095, 207);
  --ds-color-warning-darken: rgb(196.8, 64.819047619, 0);
  --ds-color-warning-hover: rgba(255, 154.4047619048, 105, 0.18);
  --ds-color-error: #ff0000;
  --ds-color-error-lighten: #ffcccc;
  --ds-color-error-darken: rgb(193.8, 0, 0);
  --ds-color-error-hover: rgba(255, 102, 102, 0.18);
  --ds-color-info: #9BCEDB;
  --ds-color-info-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-info-darken: rgb(110, 183.95, 202.8);
  --ds-color-info-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-dark: #102135;
  --ds-color-dark-lighten: rgb(72.9565217391, 131.347826087, 200.0434782609);
  --ds-color-dark-darken: rgb(1.8086956522, 3.7304347826, 5.9913043478);
  --ds-color-dark-hover: rgba(39.652173913, 81.7826086957, 131.347826087, 0.18);
  --ds-color-bg: #F7F8FA;
  --ds-color-surface: #F7F8FA;
  --ds-color-text: #102135;
  --ds-color-text-muted: rgba(16, 33, 53, 0.6);
  --ds-color-border: color-mix(in srgb, var(--mud-palette-text-secondary) 30%, transparent);
  --ds-color-border-input: color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
  --ds-color-white: #fff;
  --ds-size-base: 1rem;
  --ds-size-popover-max-height: calc(var(--ds-size-base) * 20.25);
}

:root {
  --mud-palette-primary: var(--ds-color-primary) !important;
  --mud-palette-primary-darken: var(--ds-color-primary-darken) !important;
  --mud-palette-primary-hover: var(--ds-color-primary-hover) !important;
  --mud-palette-secondary: var(--ds-color-secondary) !important;
  --mud-palette-secondary-darken: var(--ds-color-secondary-darken) !important;
  --mud-palette-secondary-hover: var(--ds-color-secondary-hover) !important;
  --mud-palette-tertiary: var(--ds-color-tertiary) !important;
  --mud-palette-tertiary-darken: var(--ds-color-tertiary-darken) !important;
  --mud-palette-tertiary-hover: var(--ds-color-tertiary-hover) !important;
  --mud-palette-success: var(--ds-color-success) !important;
  --mud-palette-success-darken: var(--ds-color-success-darken) !important;
  --mud-palette-success-hover: var(--ds-color-success-hover) !important;
  --mud-palette-warning: var(--ds-color-warning) !important;
  --mud-palette-warning-darken: var(--ds-color-warning-darken) !important;
  --mud-palette-warning-hover: var(--ds-color-warning-hover) !important;
  --mud-palette-error: var(--ds-color-error) !important;
  --mud-palette-error-darken: var(--ds-color-error-darken) !important;
  --mud-palette-error-hover: var(--ds-color-error-hover) !important;
  --mud-palette-dark: var(--ds-color-dark) !important;
  --mud-palette-dark-hover: var(--ds-color-dark-hover) !important;
  --mud-palette-dark-darken: var(--ds-color-dark-darken) !important;
  --mud-palette-background: var(--ds-color-bg) !important;
  --mud-palette-surface: var(--ds-color-surface) !important;
  --mud-palette-appbar-background: var(--ds-color-surface) !important;
  --mud-palette-appbar-text: var(--ds-color-text) !important;
  --mud-palette-divider: var(--ds-color-border) !important;
  --mud-palette-lines-inputs: var(--ds-color-border-input) !important;
  --mud-palette-text-primary: var(--ds-color-text);
  --mud-palette-text-secondary: var(--ds-color-text-muted);
  --mud-typography-default-family: var(--ds-font-family-base) !important;
  --mud-typography-button-family: var(--ds-font-family-base) !important;
  --mud-typography-default-lineheight: var(--ds-line-height-base);
  --mud-typography-h6-size: clamp(var(--ds-font-size-lg), 1.75vw, var(--ds-font-size-xl));
  --mud-typography-h5-size: clamp(var(--ds-font-size-xl), 2vw, var(--ds-font-size-2xl));
  --mud-typography-h4-size: clamp(var(--ds-font-size-2xl), 2.5vw, var(--ds-font-size-3xl));
  --mud-typography-h3-size: clamp(var(--ds-font-size-3xl), 3vw, var(--ds-font-size-4xl));
  --mud-typography-h2-size: clamp(var(--ds-font-size-4xl), 3.5vw, var(--ds-font-size-5xl));
  --mud-typography-h1-size: clamp(var(--ds-font-size-5xl), 4vw, calc(var(--ds-font-size-5xl) * 1.25));
  --mud-default-borderradius: var(--ds-radius-2);
  --mud-elevation-1: var(--ds-elevation-1) !important;
  --mud-elevation-2: var(--ds-elevation-2) !important;
  --mud-elevation-3: var(--ds-elevation-3) !important;
  --mud-elevation-4: var(--ds-elevation-4) !important;
  --mud-elevation-5: var(--ds-elevation-5) !important;
  --bs-body-color: var(--ds-color-text);
  --bs-heading-color: var(--ds-color-text);
  --mud-zindex-dialog: 1502 !important;
}

@media (max-width: 599.98px) {
  :root {
    --mud-typography-h6-size: clamp(var(--ds-font-size-md), 1.5vw, var(--ds-font-size-lg)) !important;
    --mud-typography-h5-size: clamp(var(--ds-font-size-lg), 1.75vw, var(--ds-font-size-xl)) !important;
    --mud-typography-h4-size: clamp(var(--ds-font-size-xl), 2vw, var(--ds-font-size-2xl)) !important;
    --mud-typography-h3-size: clamp(var(--ds-font-size-2xl), 2.5vw, var(--ds-font-size-3xl)) !important;
    --mud-typography-h2-size: clamp(var(--ds-font-size-3xl), 3vw, var(--ds-font-size-4xl)) !important;
    --mud-typography-h1-size: clamp(var(--ds-font-size-4xl), 3.5vw, var(--ds-font-size-5xl)) !important;
  }
}
.mud-typography {
  font-family: var(--ds-font-family-base);
}

.mud-button-root {
  border-radius: var(--ds-radius-2);
  box-shadow: none !important;
}

.mud-button-root:hover,
.mud-button-root:focus,
.mud-button-root:active {
  box-shadow: none !important;
}

.mud-input-control {
  border-radius: var(--ds-radius-2);
}

.mud-paper {
  border-radius: var(--ds-radius-3);
}

.mud-popover {
  border: solid 1px var(--ds-color-border);
}

.mud-popover-open {
  max-height: var(--ds-size-popover-max-height) !important;
  overflow-y: hidden !important;
}

.mud-tooltip {
  max-width: 320px !important;
  white-space: normal !important;
  text-align: left !important;
}

.mud-container--gutters {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.mud-popover .mud-list {
  max-height: inherit !important;
}

.mud-primary-text.mud-primary-text {
  color: var(--ds-color-primary) !important;
}

.mud-button-text-primary.mud-button-text-primary {
  color: var(--ds-color-primary) !important;
}

.mud-button-outlined-primary.mud-button-outlined-primary {
  color: var(--ds-color-primary) !important;
  border-color: var(--ds-color-primary) !important;
}

.mud-secondary-text.mud-secondary-text {
  color: var(--ds-color-secondary-darken) !important;
}

.mud-button-text-secondary.mud-button-text-secondary {
  color: var(--ds-color-secondary-darken) !important;
}

.mud-button-outlined-secondary.mud-button-outlined-secondary {
  color: var(--ds-color-secondary-darken) !important;
  border-color: var(--ds-color-secondary-darken) !important;
}

.mud-tertiary-text.mud-tertiary-text {
  color: var(--ds-color-tertiary-darken) !important;
}

.mud-button-text-tertiary.mud-button-text-tertiary {
  color: var(--ds-color-tertiary-darken) !important;
}

.mud-button-outlined-tertiary.mud-button-outlined-tertiary {
  color: var(--ds-color-tertiary-darken) !important;
  border-color: var(--ds-color-tertiary-darken) !important;
}

.mud-success-text.mud-success-text {
  color: var(--ds-color-success-darken) !important;
}

.mud-button-text-success.mud-button-text-success {
  color: var(--ds-color-success-darken) !important;
}

.mud-button-outlined-success.mud-button-outlined-success {
  color: var(--ds-color-success-darken) !important;
  border-color: var(--ds-color-success-darken) !important;
}

.mud-warning-text.mud-warning-text {
  color: var(--ds-color-warning) !important;
}

.mud-button-text-warning.mud-button-text-warning {
  color: var(--ds-color-warning) !important;
}

.mud-button-outlined-warning.mud-button-outlined-warning {
  color: var(--ds-color-warning) !important;
  border-color: var(--ds-color-warning) !important;
}

.mud-error-text.mud-error-text {
  color: var(--ds-color-error) !important;
}

.mud-button-text-error.mud-button-text-error {
  color: var(--ds-color-error) !important;
}

.mud-button-outlined-error.mud-button-outlined-error {
  color: var(--ds-color-error) !important;
  border-color: var(--ds-color-error) !important;
}

.mud-info-text.mud-info-text {
  color: var(--ds-color-info-darken) !important;
}

.mud-button-text-info.mud-button-text-info {
  color: var(--ds-color-info-darken) !important;
}

.mud-button-outlined-info.mud-button-outlined-info {
  color: var(--ds-color-info-darken) !important;
  border-color: var(--ds-color-info-darken) !important;
}

.mud-dark-text.mud-dark-text {
  color: var(--ds-color-dark) !important;
}

.mud-button-text-dark.mud-button-text-dark {
  color: var(--ds-color-dark) !important;
}

.mud-button-outlined-dark.mud-button-outlined-dark {
  color: var(--ds-color-dark) !important;
  border-color: var(--ds-color-dark) !important;
}

html.platform-android {
  --mud-default-borderradius: var(--ds-radius-2);
  --mud-elevation-1: var(--ds-elevation-1);
  --mud-elevation-2: var(--ds-elevation-2);
  --mud-elevation-3: var(--ds-elevation-3);
  --mud-elevation-4: var(--ds-elevation-4);
  --mud-elevation-5: var(--ds-elevation-5);
}
html.platform-android .mud-paper {
  border-radius: var(--ds-radius-2);
}
html.platform-android .mud-button-root {
  border-radius: var(--ds-radius-2);
  text-transform: none;
  letter-spacing: 0.2px;
}
html.platform-android .mud-input-control {
  border-radius: var(--ds-radius-2);
}

html.platform-ios {
  --mud-default-borderradius: var(--ds-radius-4);
  --mud-elevation-1: 0px 1px 3px rgba(16, 33, 53, 0.08);
  --mud-elevation-2: 0px 2px 6px rgba(16, 33, 53, 0.10);
  --mud-elevation-3: 0px 4px 10px rgba(16, 33, 53, 0.12);
  --mud-elevation-4: 0px 6px 14px rgba(16, 33, 53, 0.14);
  --mud-elevation-5: 0px 10px 22px rgba(16, 33, 53, 0.16);
}
html.platform-ios .mud-paper {
  border-radius: var(--ds-radius-3);
}
html.platform-ios .mud-button-root {
  border-radius: var(--ds-radius-3);
  text-transform: none;
  letter-spacing: 0;
}
html.platform-ios .mud-input-control {
  border-radius: var(--ds-radius-3);
}

html.platform-web {
  --mud-default-borderradius: var(--ds-radius-2);
}

.mud-appbar {
  border-bottom: 1px solid var(--ds-color-border) !important;
  color: var(--ds-color-text);
  width: 100% !important;
  padding: 0 !important;
}

.mud-appbar .mud-stack {
  padding: 0 16px;
}

.mud-appbar .mud-stack > .mud-stack-row:first-child {
  min-height: 56px;
}

.mud-appbar .mud-stack > .mud-stack-row:last-child {
  min-height: 40px;
}

/* O scroll da navegação é feito apenas dentro do .inui-nav-scroll (sem scrollbar visível) */
.inui-nav-scroll {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.inui-nav-scroll::-webkit-scrollbar {
  display: none;
}

.mud-appbar .mud-icon-button {
  color: var(--ds-color-text) !important;
}

.mud-appbar .mud-stack > .mud-stack-row:last-child .mud-button-root {
  background-color: transparent !important;
  color: var(--ds-color-text) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: nowrap;
  flex: 0 0 auto;
}

.mud-appbar .mud-stack > .mud-stack-row:last-child .mud-button-label {
  white-space: nowrap;
}

.mud-appbar .mud-stack > .mud-stack-row:last-child .mud-button-root:hover {
  background-color: var(--ds-color-surface-hover, rgba(0, 0, 0, 0.04)) !important;
}

:root {
  --ds-color-primary: #0A3E87;
  --ds-color-primary-lighten: rgb(105.1034482759, 162.8413793103, 243.8965517241);
  --ds-color-primary-darken: rgb(5.7793103448, 35.8317241379, 78.0206896552);
  --ds-color-primary-hover: rgba(17.0344827586, 105.6137931034, 229.9655172414, 0.18);
  --ds-color-secondary: #9BCEDB;
  --ds-color-secondary-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-secondary-darken: rgb(110, 183.95, 202.8);
  --ds-color-secondary-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-tertiary: #00F2B9;
  --ds-color-tertiary-lighten: rgb(191, 255, 239.9256198347);
  --ds-color-tertiary-darken: rgb(0, 180.8, 138.2148760331);
  --ds-color-tertiary-hover: rgba(89, 255, 215.9008264463, 0.18);
  --ds-color-success: #2ce45d;
  --ds-color-success-lighten: rgb(224.8571428571, 251.1428571429, 231.8571428571);
  --ds-color-success-darken: rgb(23.9142857143, 186.8857142857, 67.3142857143);
  --ds-color-success-hover: rgba(134.4285714286, 239.5714285714, 162.4285714286, 0.18);
  --ds-color-warning: #ff5603;
  --ds-color-warning-lighten: rgb(255, 222.8095238095, 207);
  --ds-color-warning-darken: rgb(196.8, 64.819047619, 0);
  --ds-color-warning-hover: rgba(255, 154.4047619048, 105, 0.18);
  --ds-color-error: #ff0000;
  --ds-color-error-lighten: #ffcccc;
  --ds-color-error-darken: rgb(193.8, 0, 0);
  --ds-color-error-hover: rgba(255, 102, 102, 0.18);
  --ds-color-info: #9BCEDB;
  --ds-color-info-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-info-darken: rgb(110, 183.95, 202.8);
  --ds-color-info-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-dark: #102135;
  --ds-color-dark-lighten: rgb(72.9565217391, 131.347826087, 200.0434782609);
  --ds-color-dark-darken: rgb(1.8086956522, 3.7304347826, 5.9913043478);
  --ds-color-dark-hover: rgba(39.652173913, 81.7826086957, 131.347826087, 0.18);
  --ds-color-bg: #F7F8FA;
  --ds-color-surface: #F7F8FA;
  --ds-color-text: #102135;
  --ds-color-text-muted: rgba(16, 33, 53, 0.6);
  --ds-color-border: color-mix(in srgb, var(--mud-palette-text-secondary) 30%, transparent);
  --ds-color-border-input: color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
  --ds-color-white: #fff;
  --ds-size-base: 1rem;
  --ds-size-popover-max-height: calc(var(--ds-size-base) * 20.25);
}

.mud-button-filled-transparent {
  background: var(--ds-color-base) !important;
}

.mud-button-outlined {
  border-color: var(--ds-color-border) !important;
  background: #fff !important;
  box-shadow: var(--ds-elevation-1) !important;
}
.mud-button-outlined:hover {
  box-shadow: var(--ds-elevation-1) !important;
}

.mud-button {
  border-radius: var(--ds-radius-full) !important;
}

.inui-button-span {
  font-size: 10px !important;
}

.mud-button-filled-primary {
  background: var(--ds-color-primary) !important;
  color: #fff !important;
}
.mud-button-filled-primary:hover {
  background: var(--ds-color-primary-darken) !important;
}

.mud-button-filled-secondary {
  background: var(--ds-color-secondary) !important;
  color: #102135 !important;
}
.mud-button-filled-secondary:hover {
  background: var(--ds-color-secondary-darken) !important;
}

.mud-button-filled-tertiary {
  background: var(--ds-color-tertiary) !important;
  color: #102135 !important;
}
.mud-button-filled-tertiary:hover {
  background: var(--ds-color-tertiary-darken) !important;
}

.mud-button-filled-success {
  background: var(--ds-color-success) !important;
  color: #102135 !important;
}
.mud-button-filled-success:hover {
  background: var(--ds-color-success-darken) !important;
}

.mud-button-filled-warning {
  background: var(--ds-color-warning) !important;
  color: #fff !important;
}
.mud-button-filled-warning:hover {
  background: var(--ds-color-warning-darken) !important;
}

.mud-button-filled-error {
  background: var(--ds-color-error) !important;
  color: #fff !important;
}
.mud-button-filled-error:hover {
  background: var(--ds-color-error-darken) !important;
}

.mud-button-filled-info {
  background: var(--ds-color-info) !important;
  color: #102135 !important;
}
.mud-button-filled-info:hover {
  background: var(--ds-color-info-darken) !important;
}

.mud-button-filled-dark {
  background: var(--ds-color-dark) !important;
  color: #fff !important;
}
.mud-button-filled-dark:hover {
  background: var(--ds-color-dark-darken) !important;
}

.mud-button-filled-surface {
  background: #fff !important;
}

.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
  padding: 8px 12px !important;
}
.mud-input > input.mud-input-root-outlined.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start {
  padding: 8px 12px 8px 0 !important;
}
.mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
  padding: 8px 0 8px 12px !important;
}

.inui-date-picker input {
  font-family: var(--ds-font-family-base) !important;
}

.mud-input-outlined, .mud-input, .mud-input-slot {
  background: var(--ds-color-white) !important;
}

.mud-input-control,
.mud-input-control .mud-input,
.mud-input-control .mud-input-slot,
.mud-input-control .mud-input-outlined,
.mud-input-control .mud-input-outlined-border,
.mud-input-control fieldset {
  border-radius: var(--ds-radius-2) !important;
}

.mud-input-control fieldset,
.mud-input-control .mud-input-outlined-border {
  overflow: hidden;
}

.mud-input {
  font-family: var(--ds-font-family-base) !important;
}
.mud-input:focus {
  border-width: 1px !important;
}

.mud-input-control:focus-within .mud-input-outlined-border,
.mud-input-control:focus-within fieldset {
  border-color: var(--ds-color-border-input) !important;
  border-width: 1px !important;
  box-shadow: none !important;
}

.mud-input-control.mud-focused .mud-input-outlined-border,
.mud-input-control.mud-focused fieldset {
  border-color: var(--ds-color-border-input) !important;
  border-width: 1px !important;
  box-shadow: none !important;
}

.mud-input-label-text {
  font-weight: bold;
  font-size: var(--ds-font-size-sm);
}

.mud-popover.mud-popover-open {
  z-index: 7004 !important;
}

.mud-switch-span-small.mud-switch-span {
  padding: 0px !important;
  border-radius: var(--ds-radius-full);
}

.mud-switch-span-medium.mud-switch-span {
  padding: 0px !important;
  border-radius: var(--ds-radius-full);
  height: 32px !important;
}

.mud-switch-span-large.mud-switch-span {
  padding: 0px !important;
  border-radius: var(--ds-radius-full);
  height: 38px !important;
}

.mud-switch-base-medium.mud-switch-base {
  padding: 4px !important;
}

.mud-switch-base-large.mud-switch-base {
  padding: 6px !important;
}

.mud-switch-span-small .mud-checked {
  transform: translateX(20px) !important;
}

.mud-switch-span-medium .mud-checked {
  transform: translateX(26px) !important;
}

.mud-switch-span-large .mud-checked {
  transform: translateX(34px) !important;
}

.mud-switch-button .mud-switch-thumb-medium {
  width: 24px !important;
  height: 24px !important;
}

.mud-switch-span {
  margin-right: 12px !important;
}

.mud-switch {
  margin: 8px 0px !important;
}

.mud-paper.mud-card {
  background: var(--ds-color-white);
}

.platform-mobile .mud-table-body {
  display: grid !important;
  border-top: 0px !important;
}
.platform-mobile .mud-table-row {
  border-radius: var(--ds-radius-2) !important;
  border: 1px solid var(--ds-color-border-input);
  background: #fff !important;
  margin-bottom: 12px;
}
.platform-mobile .mud-sm-table .mud-table-row .mud-table-cell:last-child {
  border-bottom: none !important;
}

.inui-nav-scroll {
  padding: 5px;
}

.mud-appbar {
  z-index: 5002 !important;
}

.mud-popover-provider {
  z-index: 5000;
}

.mud-popover {
  z-index: 5001 !important;
}

.inui-navbar-profile-anchor {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.inui-navbar-profile-popover {
  z-index: 5003 !important;
}

.inui-navbar-profile-card {
  width: 280px;
  max-width: calc(100vw - 32px);
  padding: 16px;
  border-radius: 16px;
  background: var(--mud-palette-surface);
}

.inui-navbar-profile-content {
  min-width: 248px;
}

.inui-select-popover-navbar {
  position: fixed !important;
  z-index: 5002 !important;
}

.inui-navbar .mud-toolbar {
  width: 100% !important;
}

html.platform-android {
  font-size: var(--ds-font-size-xs) !important;
}
html.platform-android .mud-main-content {
  padding: 0px;
  padding-bottom: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8) !important;
}
html.platform-android .mud-toolbar-gutters {
  padding: 0px !important;
}
html.platform-android .mud-appbar {
  border-top: 1px solid var(--ds-color-border) !important;
}
html.platform-android .android-bottom-nav {
  height: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8) !important;
  width: 100% !important;
  gap: 0px !important;
}
html.platform-android .android-bottom-nav .mud-button, html.platform-android .android-bottom-nav .mud-button-root {
  border-radius: 0px !important;
  height: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8) !important;
  width: 100% !important;
}
html.platform-android .android-bottom-nav .mud-button-label {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

html.platform-ios {
  --ds-color-surface-65: color-mix(in srgb, var(--ds-color-surface) 65%, transparent);
  font-size: var(--ds-font-size-xs) !important;
}
html.platform-ios .mud-main-content {
  padding: 0px;
  padding-bottom: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8) !important;
}
html.platform-ios .mud-toolbar-gutters {
  padding: 0px !important;
}
html.platform-ios .mud-appbar {
  border: 1px solid var(--ds-color-border) !important;
  border-radius: var(--ds-radius-full) !important;
  box-shadow: var(--ds-elevation-1);
  background: var(--ds-color-surface-65) !important;
  backdrop-filter: blur(28px) saturate(1.2);
  -webkit-backdrop-filter: blur(28px) saturate(1.2);
  width: calc(100% - 24px) !important;
  margin: 0px 12px 8px 12px !important;
  overflow: hidden;
}
html.platform-ios .android-bottom-nav {
  height: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8) !important;
  width: 100% !important;
  gap: 0px !important;
}
html.platform-ios .android-bottom-nav .mud-button, html.platform-ios .android-bottom-nav .mud-button-root {
  border-radius: 0px !important;
  height: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8) !important;
  width: 100% !important;
}
html.platform-ios .android-bottom-nav .mud-button-label {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.inui-datepicker-dialog .mud-picker-toolbar {
  background: transparent !important;
  color: var(--mud-color-text) !important;
  height: 0px !important;
}
.inui-datepicker-dialog .mud-button-year {
  position: absolute;
  top: 12px !important;
  right: 18px;
  z-index: 1;
}
.inui-datepicker-dialog .mud-picker-toolbar {
  position: inherit !important;
}
.inui-datepicker-dialog .mud-dialog-content {
  position: inherit !important;
}
.inui-datepicker-dialog .mud-picker-year-container {
  width: 100% !important;
}
.inui-datepicker-dialog .mud-picker-calendar-content {
  width: 100%;
  display: flex;
  justify-content: center;
}
.inui-datepicker-dialog .mud-picker-datepicker-toolbar .mud-button-date {
  display: none !important;
}

.inui-timepicker-dialog .mud-picker-timepicker-toolbar {
  background: transparent !important;
}
.inui-timepicker-dialog .mud-timepicker-hourminute .mud-button-text.mud-button-text-inherit {
  color: var(--ds-color-primary);
  font-weight: 500;
}
.inui-timepicker-dialog .mud-timepicker-hourminute .mud-button-text.mud-button-text-inherit.mud-button {
  border-radius: 0 !important;
}
.inui-timepicker-dialog .mud-timepicker-hourminute .mud-timepicker-button.mud-timepicker-toolbar-text {
  color: var(--ds-color-primary);
  opacity: 0.7;
  font-weight: 500;
}
.inui-timepicker-dialog .mud-timepicker-hourminute .mud-timepicker-button.mud-timepicker-toolbar-text.mud-button {
  border-radius: 0 !important;
}

.inui-rangepicker-dialog .mud-picker-toolbar {
  background: transparent !important;
  color: var(--mud-color-text) !important;
  height: 0px !important;
}
.inui-rangepicker-dialog .mud-picker-toolbar {
  position: inherit !important;
}
.inui-rangepicker-dialog .mud-dialog-content {
  position: inherit !important;
}
.inui-rangepicker-dialog .mud-picker-calendar-content {
  width: 100%;
  display: flex;
  justify-content: center;
}
.inui-rangepicker-dialog .mud-daterangepicker {
  width: 100%;
}
.inui-rangepicker-dialog .mud-picker-datepicker-toolbar .mud-button-date {
  display: none !important;
}
.inui-rangepicker-dialog .mud-picker-daterange-input {
  display: none !important;
}

.mud-drawer-overlay {
  z-index: 5001 !important;
}

.mud-drawer.mud-drawer-temporary {
  z-index: 5002 !important;
}

.mud-dialog-container {
  z-index: 6002 !important;
}

.inui-dialog {
  border-radius: var(--ds-radius-2);
  box-shadow: none !important;
}
.inui-dialog.mud-drawer-pos-left {
  height: calc(100% - 24px) !important;
  top: 12px !important;
}
.inui-dialog.mud-drawer-pos-left.mud-drawer--open {
  margin-left: 8px !important;
}
.inui-dialog.mud-drawer-pos-left.mud-drawer--closed {
  margin-left: 0 !important;
}
.inui-dialog.mud-drawer-pos-right {
  height: calc(100% - 24px) !important;
  top: 12px !important;
}
.inui-dialog.mud-drawer-pos-right.mud-drawer--open {
  margin-right: 8px !important;
}
.inui-dialog.mud-drawer-pos-right.mud-drawer--closed {
  margin-right: 0 !important;
}
.inui-dialog.mud-drawer-pos-top {
  width: calc(100% - 24px) !important;
  left: 12px !important;
}
.inui-dialog.mud-drawer-pos-top.mud-drawer--open {
  margin-top: 8px !important;
}
.inui-dialog.mud-drawer-pos-top.mud-drawer--closed {
  margin-top: 0 !important;
}
.inui-dialog.mud-drawer-pos-bottom {
  width: calc(100% - 24px) !important;
  left: 12px !important;
}
.inui-dialog.mud-drawer-pos-bottom.mud-drawer--open {
  margin-bottom: 8px !important;
}
.inui-dialog.mud-drawer-pos-bottom.mud-drawer--closed {
  margin-bottom: 0 !important;
  transform: translate3d(0, 120vh, 0) !important;
}

/* Animação para entrada do overlay */
@keyframes inuiOverlayShow {
  0% {
    background-color: transparent;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    opacity: 0;
  }
  100% {
    background-color: color-mix(in srgb, var(--ds-color-primary), transparent 65%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 1;
  }
}
/* Aplica o overlay customizado APENAS quando há um .inui-dialog presente */
.inui-dialog ~ .mud-overlay-dialog,
.inui-dialog ~ .mud-drawer-overlay {
  background-color: transparent;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  opacity: 0;
  animation: inuiOverlayShow 0.4s ease-in-out forwards !important;
}

.inui-dialog ~ .mud-overlay-dialog {
  z-index: 5001 !important;
}

.mud-overlay-dialog {
  background-color: transparent;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  opacity: 0;
  animation: inuiOverlayShow 0.4s ease-in-out forwards !important;
}

.mud-overlay.mud-overlay-dialog {
  z-index: 6001 !important;
}

/* Container transparente apenas para .inui-dialog */
.mud-dialog-container:has(.inui-dialog),
.mud-drawer-container:has(.inui-dialog) {
  background-color: transparent !important;
}

.mud-dialog {
  overflow: inherit !important;
  z-index: 6003 !important;
}

.inui-select-popover-dialog {
  position: fixed !important;
  z-index: 7004 !important;
}

.inui-chart-line,
.inui-chart-bar,
.inui-chart-column,
.inui-chart-area,
.inui-chart-pie,
.inui-chart-donut,
.inui-chart-radar,
.inui-chart-mixed,
.inui-chart-radialbar,
.inui-chart-heatmap,
.inui-chart-bubble {
  width: 100%;
}
.inui-chart-line .apexcharts-canvas,
.inui-chart-bar .apexcharts-canvas,
.inui-chart-column .apexcharts-canvas,
.inui-chart-area .apexcharts-canvas,
.inui-chart-pie .apexcharts-canvas,
.inui-chart-donut .apexcharts-canvas,
.inui-chart-radar .apexcharts-canvas,
.inui-chart-mixed .apexcharts-canvas,
.inui-chart-radialbar .apexcharts-canvas,
.inui-chart-heatmap .apexcharts-canvas,
.inui-chart-bubble .apexcharts-canvas {
  margin: 0 auto;
}
.inui-chart-line .apexcharts-legend,
.inui-chart-bar .apexcharts-legend,
.inui-chart-column .apexcharts-legend,
.inui-chart-area .apexcharts-legend,
.inui-chart-pie .apexcharts-legend,
.inui-chart-donut .apexcharts-legend,
.inui-chart-radar .apexcharts-legend,
.inui-chart-mixed .apexcharts-legend,
.inui-chart-radialbar .apexcharts-legend,
.inui-chart-heatmap .apexcharts-legend,
.inui-chart-bubble .apexcharts-legend {
  padding: 0 !important;
}
.inui-chart-line .apexcharts-legend-series,
.inui-chart-bar .apexcharts-legend-series,
.inui-chart-column .apexcharts-legend-series,
.inui-chart-area .apexcharts-legend-series,
.inui-chart-pie .apexcharts-legend-series,
.inui-chart-donut .apexcharts-legend-series,
.inui-chart-radar .apexcharts-legend-series,
.inui-chart-mixed .apexcharts-legend-series,
.inui-chart-radialbar .apexcharts-legend-series,
.inui-chart-heatmap .apexcharts-legend-series,
.inui-chart-bubble .apexcharts-legend-series {
  margin: 4px 8px !important;
}
.inui-chart-line .apexcharts-tooltip,
.inui-chart-bar .apexcharts-tooltip,
.inui-chart-column .apexcharts-tooltip,
.inui-chart-area .apexcharts-tooltip,
.inui-chart-pie .apexcharts-tooltip,
.inui-chart-donut .apexcharts-tooltip,
.inui-chart-radar .apexcharts-tooltip,
.inui-chart-mixed .apexcharts-tooltip,
.inui-chart-radialbar .apexcharts-tooltip,
.inui-chart-heatmap .apexcharts-tooltip,
.inui-chart-bubble .apexcharts-tooltip {
  background: var(--ds-color-surface) !important;
  border: 1px solid var(--ds-color-border) !important;
  box-shadow: var(--ds-shadow-md) !important;
  color: var(--ds-color-text) !important;
}
.inui-chart-line .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-bar .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-column .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-area .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-pie .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-donut .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-radar .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-mixed .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-radialbar .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-heatmap .apexcharts-tooltip .apexcharts-tooltip-title,
.inui-chart-bubble .apexcharts-tooltip .apexcharts-tooltip-title {
  background: var(--ds-color-surface-variant) !important;
  border-bottom: 1px solid var(--ds-color-border) !important;
  color: var(--ds-color-text) !important;
  font-weight: 600;
}
.inui-chart-line .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-bar .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-column .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-area .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-pie .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-donut .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-radar .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-mixed .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-radialbar .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-heatmap .apexcharts-tooltip .apexcharts-tooltip-series-group,
.inui-chart-bubble .apexcharts-tooltip .apexcharts-tooltip-series-group {
  background: transparent !important;
  color: var(--ds-color-text) !important;
}
.inui-chart-line .apexcharts-xaxistooltip,
.inui-chart-line .apexcharts-yaxistooltip,
.inui-chart-bar .apexcharts-xaxistooltip,
.inui-chart-bar .apexcharts-yaxistooltip,
.inui-chart-column .apexcharts-xaxistooltip,
.inui-chart-column .apexcharts-yaxistooltip,
.inui-chart-area .apexcharts-xaxistooltip,
.inui-chart-area .apexcharts-yaxistooltip,
.inui-chart-pie .apexcharts-xaxistooltip,
.inui-chart-pie .apexcharts-yaxistooltip,
.inui-chart-donut .apexcharts-xaxistooltip,
.inui-chart-donut .apexcharts-yaxistooltip,
.inui-chart-radar .apexcharts-xaxistooltip,
.inui-chart-radar .apexcharts-yaxistooltip,
.inui-chart-mixed .apexcharts-xaxistooltip,
.inui-chart-mixed .apexcharts-yaxistooltip,
.inui-chart-radialbar .apexcharts-xaxistooltip,
.inui-chart-radialbar .apexcharts-yaxistooltip,
.inui-chart-heatmap .apexcharts-xaxistooltip,
.inui-chart-heatmap .apexcharts-yaxistooltip,
.inui-chart-bubble .apexcharts-xaxistooltip,
.inui-chart-bubble .apexcharts-yaxistooltip {
  background: var(--ds-color-surface) !important;
  border: 1px solid var(--ds-color-border) !important;
  color: var(--ds-color-text) !important;
}
.inui-chart-line .apexcharts-xaxistooltip:before, .inui-chart-line .apexcharts-xaxistooltip:after,
.inui-chart-line .apexcharts-yaxistooltip:before,
.inui-chart-line .apexcharts-yaxistooltip:after,
.inui-chart-bar .apexcharts-xaxistooltip:before,
.inui-chart-bar .apexcharts-xaxistooltip:after,
.inui-chart-bar .apexcharts-yaxistooltip:before,
.inui-chart-bar .apexcharts-yaxistooltip:after,
.inui-chart-column .apexcharts-xaxistooltip:before,
.inui-chart-column .apexcharts-xaxistooltip:after,
.inui-chart-column .apexcharts-yaxistooltip:before,
.inui-chart-column .apexcharts-yaxistooltip:after,
.inui-chart-area .apexcharts-xaxistooltip:before,
.inui-chart-area .apexcharts-xaxistooltip:after,
.inui-chart-area .apexcharts-yaxistooltip:before,
.inui-chart-area .apexcharts-yaxistooltip:after,
.inui-chart-pie .apexcharts-xaxistooltip:before,
.inui-chart-pie .apexcharts-xaxistooltip:after,
.inui-chart-pie .apexcharts-yaxistooltip:before,
.inui-chart-pie .apexcharts-yaxistooltip:after,
.inui-chart-donut .apexcharts-xaxistooltip:before,
.inui-chart-donut .apexcharts-xaxistooltip:after,
.inui-chart-donut .apexcharts-yaxistooltip:before,
.inui-chart-donut .apexcharts-yaxistooltip:after,
.inui-chart-radar .apexcharts-xaxistooltip:before,
.inui-chart-radar .apexcharts-xaxistooltip:after,
.inui-chart-radar .apexcharts-yaxistooltip:before,
.inui-chart-radar .apexcharts-yaxistooltip:after,
.inui-chart-mixed .apexcharts-xaxistooltip:before,
.inui-chart-mixed .apexcharts-xaxistooltip:after,
.inui-chart-mixed .apexcharts-yaxistooltip:before,
.inui-chart-mixed .apexcharts-yaxistooltip:after,
.inui-chart-radialbar .apexcharts-xaxistooltip:before,
.inui-chart-radialbar .apexcharts-xaxistooltip:after,
.inui-chart-radialbar .apexcharts-yaxistooltip:before,
.inui-chart-radialbar .apexcharts-yaxistooltip:after,
.inui-chart-heatmap .apexcharts-xaxistooltip:before,
.inui-chart-heatmap .apexcharts-xaxistooltip:after,
.inui-chart-heatmap .apexcharts-yaxistooltip:before,
.inui-chart-heatmap .apexcharts-yaxistooltip:after,
.inui-chart-bubble .apexcharts-xaxistooltip:before,
.inui-chart-bubble .apexcharts-xaxistooltip:after,
.inui-chart-bubble .apexcharts-yaxistooltip:before,
.inui-chart-bubble .apexcharts-yaxistooltip:after {
  border-bottom-color: var(--ds-color-border) !important;
}
.inui-chart-line .apexcharts-gridline,
.inui-chart-bar .apexcharts-gridline,
.inui-chart-column .apexcharts-gridline,
.inui-chart-area .apexcharts-gridline,
.inui-chart-pie .apexcharts-gridline,
.inui-chart-donut .apexcharts-gridline,
.inui-chart-radar .apexcharts-gridline,
.inui-chart-mixed .apexcharts-gridline,
.inui-chart-radialbar .apexcharts-gridline,
.inui-chart-heatmap .apexcharts-gridline,
.inui-chart-bubble .apexcharts-gridline {
  stroke: var(--ds-color-border) !important;
}
.inui-chart-line .apexcharts-text,
.inui-chart-bar .apexcharts-text,
.inui-chart-column .apexcharts-text,
.inui-chart-area .apexcharts-text,
.inui-chart-pie .apexcharts-text,
.inui-chart-donut .apexcharts-text,
.inui-chart-radar .apexcharts-text,
.inui-chart-mixed .apexcharts-text,
.inui-chart-radialbar .apexcharts-text,
.inui-chart-heatmap .apexcharts-text,
.inui-chart-bubble .apexcharts-text {
  fill: var(--ds-color-text-secondary) !important;
}
.inui-chart-line .apexcharts-title-text,
.inui-chart-bar .apexcharts-title-text,
.inui-chart-column .apexcharts-title-text,
.inui-chart-area .apexcharts-title-text,
.inui-chart-pie .apexcharts-title-text,
.inui-chart-donut .apexcharts-title-text,
.inui-chart-radar .apexcharts-title-text,
.inui-chart-mixed .apexcharts-title-text,
.inui-chart-radialbar .apexcharts-title-text,
.inui-chart-heatmap .apexcharts-title-text,
.inui-chart-bubble .apexcharts-title-text {
  fill: var(--ds-color-text) !important;
  font-weight: 600;
}
.inui-chart-line .apexcharts-legend-text,
.inui-chart-bar .apexcharts-legend-text,
.inui-chart-column .apexcharts-legend-text,
.inui-chart-area .apexcharts-legend-text,
.inui-chart-pie .apexcharts-legend-text,
.inui-chart-donut .apexcharts-legend-text,
.inui-chart-radar .apexcharts-legend-text,
.inui-chart-mixed .apexcharts-legend-text,
.inui-chart-radialbar .apexcharts-legend-text,
.inui-chart-heatmap .apexcharts-legend-text,
.inui-chart-bubble .apexcharts-legend-text {
  color: var(--ds-color-text) !important;
}
.inui-chart-line .apexcharts-datalabel,
.inui-chart-bar .apexcharts-datalabel,
.inui-chart-column .apexcharts-datalabel,
.inui-chart-area .apexcharts-datalabel,
.inui-chart-pie .apexcharts-datalabel,
.inui-chart-donut .apexcharts-datalabel,
.inui-chart-radar .apexcharts-datalabel,
.inui-chart-mixed .apexcharts-datalabel,
.inui-chart-radialbar .apexcharts-datalabel,
.inui-chart-heatmap .apexcharts-datalabel,
.inui-chart-bubble .apexcharts-datalabel {
  fill: var(--ds-color-text) !important;
}

.apexcharts-canvas text, .apexcharts-canvas tspan, .apexcharts-canvas apexcharts-legend-text {
  font-family: var(--ds-font-family-base) !important;
}
.apexcharts-canvas apexcharts-legend-text {
  font-weight: bold;
}

.inui-select .mud-input-control .mud-input {
  cursor: pointer;
  caret-color: transparent;
}
.inui-select .mud-input-control .mud-input-slot {
  cursor: pointer;
}
.inui-select .mud-autocomplete input {
  cursor: pointer;
  user-select: none;
}

.mud-popover.inui-select-popover,
.inui-select-popover.mud-popover {
  z-index: 7004 !important;
}

.inui-select-no-items {
  padding: var(--ds-space-3) var(--ds-space-4);
  text-align: center;
  color: var(--ds-color-text-muted);
  font-size: var(--ds-font-size-sm);
}

.inui-button-group {
  box-shadow: none !important;
  background: color-mix(in srgb, var(--ds-color-border-input) 50%, transparent) !important;
  padding: 2px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
}
.inui-button-group > * {
  overflow: visible;
}
.inui-button-group > * + * {
  position: relative;
}
.inui-button-group > * + *::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 70%;
  background: color-mix(in srgb, var(--ds-color-text-muted) 50%, transparent);
}
.inui-button-group .mud-button {
  font-size: 10px;
  padding: 4px 12px;
  border-radius: var(--ds-radius-2) !important;
  font-weight: bolder;
  flex-direction: row !important;
  width: auto;
}
.inui-button-group .mud-button.mud-button-filled-surface {
  border: solid 1px color-mix(in srgb, var(--ds-color-text-muted) 50%, transparent) !important;
}
.inui-button-group .inui-select input {
  font-size: 12px !important;
  width: 64px !important;
}
.inui-button-group .inui-select .mud-button-root {
  padding: 0px !important;
}
.inui-button-group .inui-button-span {
  opacity: 0.67;
  padding-left: 4px !important;
}

.inui-data-grid {
  box-shadow: none !important;
  background: transparent !important;
}
.inui-data-grid .mud-toolbar {
  height: auto !important;
  padding: 0 !important;
}

.inui-data-grid-mobile {
  width: 100%;
}
.inui-data-grid-mobile .inui-data-grid-mobile-item {
  width: 100%;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
  min-width: 0;
}
.inui-data-grid-mobile .inui-data-grid-mobile-item > *,
.inui-data-grid-mobile .inui-data-grid-mobile-item .mud-stack {
  min-width: 0;
  max-width: 100%;
}
.inui-data-grid-mobile .inui-data-grid-mobile-item .mud-typography {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inui-data-grid-mobile .inui-data-grid-mobile-item--clickable {
  cursor: pointer;
}
.inui-data-grid-mobile .inui-data-grid-mobile-item--selected {
  background: color-mix(in srgb, var(--mud-palette-primary), transparent 94%);
}
.inui-data-grid-mobile .inui-data-grid-mobile-inline-details {
  margin: 0 0 12px 0;
  padding: 16px;
  border: 1px solid var(--mud-palette-lines-default);
  border-radius: 0 0 16px 16px;
  background: var(--mud-palette-surface);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.inui-data-grid-mobile-drawer .mud-drawer {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  max-height: 75vh;
  overflow-y: auto;
}

.mud-snackbar-location-bottom-left,
.mud-snackbar-location-bottom-center,
.mud-snackbar-location-bottom-right,
.mud-snackbar-location-top-left,
.mud-snackbar-location-top-center,
.mud-snackbar-location-top-right {
  z-index: 8000 !important;
}

.inui-calendar {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--mud-palette-surface);
  border-radius: var(--ds-radius-3);
  overflow: hidden;
  border: 1px solid var(--ds-color-border);
}
.inui-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--ds-space-3) var(--ds-space-4);
  border-bottom: 1px solid var(--ds-color-border);
  gap: var(--ds-space-3);
  flex-wrap: wrap;
}
.inui-calendar__nav {
  display: flex;
  align-items: center;
  gap: var(--ds-space-1);
}
.inui-calendar__month-label {
  font-size: var(--ds-font-size-sm);
  font-weight: 700;
  color: var(--mud-palette-text-primary);
  min-width: 140px;
  text-align: center;
  letter-spacing: 0.04em;
}
.inui-calendar__header-actions {
  display: flex;
  align-items: center;
  gap: var(--ds-space-2);
}
.inui-calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid var(--ds-color-border);
}
.inui-calendar__weekday {
  padding: var(--ds-space-2) var(--ds-space-1);
  text-align: center;
  font-size: var(--ds-font-size-xs);
  font-weight: 600;
  color: var(--mud-palette-text-secondary);
  text-transform: lowercase;
}
.inui-calendar__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, minmax(80px, 1fr));
  flex: 1;
}
.inui-calendar__cell {
  padding: var(--ds-space-1);
  border-right: 1px solid var(--ds-color-border);
  border-bottom: 1px solid var(--ds-color-border);
  display: flex;
  flex-direction: column;
  gap: 2px;
  cursor: pointer;
  transition: background 0.15s ease;
  min-width: 0;
  overflow: hidden;
}
.inui-calendar__cell:nth-child(7n) {
  border-right: none;
}
.inui-calendar__cell:last-child, .inui-calendar__cell:nth-last-child(-n+7):nth-child(7n+1), .inui-calendar__cell:nth-last-child(-n+7) ~ .inui-calendar__cell {
  border-bottom: none;
}
.inui-calendar__cell:hover {
  background: var(--ds-color-primary-hover);
}
.inui-calendar__cell--today .inui-calendar__day-number {
  background: var(--ds-color-primary);
  color: #fff;
  border-radius: var(--ds-radius-full);
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.inui-calendar__cell--overflow {
  background: color-mix(in srgb, var(--mud-palette-background) 50%, transparent);
}
.inui-calendar__cell--overflow:not(.inui-calendar__cell--today) .inui-calendar__day-number {
  color: var(--mud-palette-text-secondary);
}
.inui-calendar__cell--weekend:not(.inui-calendar__cell--overflow) {
  background: color-mix(in srgb, var(--mud-palette-background-grey) 40%, transparent);
}
.inui-calendar__day-number {
  font-size: var(--ds-font-size-xs);
  font-weight: 500;
  color: var(--mud-palette-text-primary);
  line-height: 1;
  margin-bottom: 2px;
  align-self: flex-start;
  padding: 2px;
}
.inui-calendar__event {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: var(--ds-radius-1);
  font-size: var(--ds-font-size-xs);
  line-height: 1.3;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  transition: opacity 0.1s;
}
.inui-calendar__event:hover {
  opacity: 0.8;
}
.inui-calendar__event-title {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.inui-calendar__event-time {
  font-size: 10px;
  opacity: 0.8;
  flex-shrink: 0;
}
.inui-calendar__event--primary {
  background: color-mix(in srgb, var(--ds-color-primary) 18%, transparent);
  color: var(--ds-color-primary-darken);
}
.inui-calendar__event--secondary {
  background: color-mix(in srgb, var(--ds-color-secondary) 25%, transparent);
  color: var(--ds-color-secondary-darken);
}
.inui-calendar__event--success {
  background: color-mix(in srgb, var(--ds-color-success) 18%, transparent);
  color: var(--ds-color-success-darken);
}
.inui-calendar__event--warning {
  background: color-mix(in srgb, var(--ds-color-warning) 18%, transparent);
  color: var(--ds-color-warning-darken);
}
.inui-calendar__event--error {
  background: color-mix(in srgb, var(--ds-color-error) 18%, transparent);
  color: var(--ds-color-error-darken);
}
.inui-calendar__event--info {
  background: color-mix(in srgb, var(--ds-color-info) 18%, transparent);
  color: var(--ds-color-info-darken);
}
.inui-calendar__event--dark {
  background: color-mix(in srgb, var(--ds-color-dark) 18%, transparent);
  color: var(--ds-color-dark-darken);
}
.inui-calendar__overflow {
  font-size: 10px;
  color: var(--mud-palette-text-secondary);
  padding: 1px 4px;
  cursor: pointer;
}
.inui-calendar__overflow:hover {
  text-decoration: underline;
}
.inui-calendar__dots {
  display: none;
  flex-direction: row;
  justify-content: center;
  gap: 3px;
  margin-top: 2px;
}
.inui-calendar__dot {
  width: 5px;
  height: 5px;
  border-radius: var(--ds-radius-full);
}
.inui-calendar__dot--primary {
  background: var(--ds-color-primary);
}
.inui-calendar__dot--secondary {
  background: var(--ds-color-secondary);
}
.inui-calendar__dot--success {
  background: var(--ds-color-success);
}
.inui-calendar__dot--warning {
  background: var(--ds-color-warning);
}
.inui-calendar__dot--error {
  background: var(--ds-color-error);
}
.inui-calendar__dot--info {
  background: var(--ds-color-info);
}
.inui-calendar__dot--dark {
  background: var(--ds-color-dark);
}
.inui-calendar__stub-view {
  padding: var(--ds-space-6);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
@media (max-width: 600px) {
  .inui-calendar__grid {
    grid-template-rows: repeat(6, minmax(44px, 1fr));
  }
  .inui-calendar__cell {
    align-items: center;
    padding: 4px 2px;
  }
  .inui-calendar__day-number {
    font-size: var(--ds-font-size-xs);
    align-self: center;
  }
  .inui-calendar__grid .inui-calendar__event, .inui-calendar__grid .inui-calendar__event-time, .inui-calendar__overflow {
    display: none;
  }
  .inui-calendar__dots {
    display: flex;
  }
}

html.platform-ios .inui-calendar {
  border: none;
  box-shadow: var(--ds-elevation-1);
}
html.platform-ios .inui-calendar__header {
  border-bottom-color: color-mix(in srgb, var(--ds-color-border) 40%, transparent);
}
html.platform-ios .inui-calendar__weekdays {
  border-bottom-color: color-mix(in srgb, var(--ds-color-border) 40%, transparent);
}
html.platform-ios .inui-calendar__weekday {
  font-weight: 500;
  color: color-mix(in srgb, var(--mud-palette-text-secondary) 80%, transparent);
}
html.platform-ios .inui-calendar__cell {
  border-right-color: color-mix(in srgb, var(--ds-color-border) 30%, transparent);
  border-bottom-color: color-mix(in srgb, var(--ds-color-border) 30%, transparent);
}
html.platform-ios .inui-calendar__cell:hover {
  background: color-mix(in srgb, var(--ds-color-primary) 8%, transparent);
}
html.platform-ios .inui-calendar__cell--weekend:not(html.platform-ios .inui-calendar__cell--overflow) {
  background: transparent;
}
html.platform-ios .inui-calendar__cell--today .inui-calendar__day-number {
  width: 28px;
  height: 28px;
  font-weight: 700;
}
html.platform-ios .inui-calendar__day-number {
  font-weight: 600;
}
html.platform-ios .inui-calendar__nav {
  flex: 1;
  justify-content: center;
}

html.platform-android .inui-calendar__nav {
  flex: 1;
  justify-content: center;
}

.inui-html-editor {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.inui-html-editor-field .ql-toolbar.ql-snow,
.inui-html-editor-field .ql-container.ql-snow {
  border-color: var(--ds-color-border-input);
  background: var(--ds-color-white);
  font-family: var(--ds-font-family-base);
}
.inui-html-editor-field .ql-toolbar.ql-snow {
  border-top-left-radius: var(--ds-radius-2);
  border-top-right-radius: var(--ds-radius-2);
}
.inui-html-editor-field .ql-container.ql-snow {
  border-bottom-left-radius: var(--ds-radius-2);
  border-bottom-right-radius: var(--ds-radius-2);
  font-size: var(--ds-font-size-sm);
}

:root {
  --ds-color-primary: #0A3E87;
  --ds-color-primary-lighten: rgb(105.1034482759, 162.8413793103, 243.8965517241);
  --ds-color-primary-darken: rgb(5.7793103448, 35.8317241379, 78.0206896552);
  --ds-color-primary-hover: rgba(17.0344827586, 105.6137931034, 229.9655172414, 0.18);
  --ds-color-secondary: #9BCEDB;
  --ds-color-secondary-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-secondary-darken: rgb(110, 183.95, 202.8);
  --ds-color-secondary-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-tertiary: #00F2B9;
  --ds-color-tertiary-lighten: rgb(191, 255, 239.9256198347);
  --ds-color-tertiary-darken: rgb(0, 180.8, 138.2148760331);
  --ds-color-tertiary-hover: rgba(89, 255, 215.9008264463, 0.18);
  --ds-color-success: #2ce45d;
  --ds-color-success-lighten: rgb(224.8571428571, 251.1428571429, 231.8571428571);
  --ds-color-success-darken: rgb(23.9142857143, 186.8857142857, 67.3142857143);
  --ds-color-success-hover: rgba(134.4285714286, 239.5714285714, 162.4285714286, 0.18);
  --ds-color-warning: #ff5603;
  --ds-color-warning-lighten: rgb(255, 222.8095238095, 207);
  --ds-color-warning-darken: rgb(196.8, 64.819047619, 0);
  --ds-color-warning-hover: rgba(255, 154.4047619048, 105, 0.18);
  --ds-color-error: #ff0000;
  --ds-color-error-lighten: #ffcccc;
  --ds-color-error-darken: rgb(193.8, 0, 0);
  --ds-color-error-hover: rgba(255, 102, 102, 0.18);
  --ds-color-info: #9BCEDB;
  --ds-color-info-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-info-darken: rgb(110, 183.95, 202.8);
  --ds-color-info-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-dark: #102135;
  --ds-color-dark-lighten: rgb(72.9565217391, 131.347826087, 200.0434782609);
  --ds-color-dark-darken: rgb(1.8086956522, 3.7304347826, 5.9913043478);
  --ds-color-dark-hover: rgba(39.652173913, 81.7826086957, 131.347826087, 0.18);
  --ds-color-bg: #F7F8FA;
  --ds-color-surface: #F7F8FA;
  --ds-color-text: #102135;
  --ds-color-text-muted: rgba(16, 33, 53, 0.6);
  --ds-color-border: color-mix(in srgb, var(--mud-palette-text-secondary) 30%, transparent);
  --ds-color-border-input: color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
  --ds-color-white: #fff;
  --ds-size-base: 1rem;
  --ds-size-popover-max-height: calc(var(--ds-size-base) * 20.25);
}

.mud-button-root.inui-button-arei {
  background: linear-gradient(90deg, #102135, #0A3E87, #102135) !important;
  background-size: 200% auto !important;
  color: #fff !important;
  animation: arei-pulse 2s ease-in-out infinite;
}
.mud-button-root.inui-button-arei:hover {
  animation-play-state: paused;
  box-shadow: 0 0 18px 4px rgba(10, 62, 135, 0.55) !important;
  background: linear-gradient(90deg, #102135, #0A3E87, #102135) !important;
}
.mud-button-root.inui-button-arei.mud-button-disable {
  animation: none;
  box-shadow: none !important;
  background: rgba(16, 33, 53, 0.38) !important;
}

@keyframes arei-pulse {
  0%, 100% {
    background-position: 0% center;
    box-shadow: 0 0 6px 0 rgba(10, 62, 135, 0.25);
  }
  50% {
    background-position: 100% center;
    box-shadow: 0 0 18px 6px rgba(10, 62, 135, 0.55);
  }
}
:root {
  --ds-color-primary: #0A3E87;
  --ds-color-primary-lighten: rgb(105.1034482759, 162.8413793103, 243.8965517241);
  --ds-color-primary-darken: rgb(5.7793103448, 35.8317241379, 78.0206896552);
  --ds-color-primary-hover: rgba(17.0344827586, 105.6137931034, 229.9655172414, 0.18);
  --ds-color-secondary: #9BCEDB;
  --ds-color-secondary-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-secondary-darken: rgb(110, 183.95, 202.8);
  --ds-color-secondary-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-tertiary: #00F2B9;
  --ds-color-tertiary-lighten: rgb(191, 255, 239.9256198347);
  --ds-color-tertiary-darken: rgb(0, 180.8, 138.2148760331);
  --ds-color-tertiary-hover: rgba(89, 255, 215.9008264463, 0.18);
  --ds-color-success: #2ce45d;
  --ds-color-success-lighten: rgb(224.8571428571, 251.1428571429, 231.8571428571);
  --ds-color-success-darken: rgb(23.9142857143, 186.8857142857, 67.3142857143);
  --ds-color-success-hover: rgba(134.4285714286, 239.5714285714, 162.4285714286, 0.18);
  --ds-color-warning: #ff5603;
  --ds-color-warning-lighten: rgb(255, 222.8095238095, 207);
  --ds-color-warning-darken: rgb(196.8, 64.819047619, 0);
  --ds-color-warning-hover: rgba(255, 154.4047619048, 105, 0.18);
  --ds-color-error: #ff0000;
  --ds-color-error-lighten: #ffcccc;
  --ds-color-error-darken: rgb(193.8, 0, 0);
  --ds-color-error-hover: rgba(255, 102, 102, 0.18);
  --ds-color-info: #9BCEDB;
  --ds-color-info-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-info-darken: rgb(110, 183.95, 202.8);
  --ds-color-info-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-dark: #102135;
  --ds-color-dark-lighten: rgb(72.9565217391, 131.347826087, 200.0434782609);
  --ds-color-dark-darken: rgb(1.8086956522, 3.7304347826, 5.9913043478);
  --ds-color-dark-hover: rgba(39.652173913, 81.7826086957, 131.347826087, 0.18);
  --ds-color-bg: #F7F8FA;
  --ds-color-surface: #F7F8FA;
  --ds-color-text: #102135;
  --ds-color-text-muted: rgba(16, 33, 53, 0.6);
  --ds-color-border: color-mix(in srgb, var(--mud-palette-text-secondary) 30%, transparent);
  --ds-color-border-input: color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
  --ds-color-white: #fff;
  --ds-size-base: 1rem;
  --ds-size-popover-max-height: calc(var(--ds-size-base) * 20.25);
}

:root {
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
}

:root {
  --ds-radius-1: 4px;
  --ds-radius-2: 8px;
  --ds-radius-3: 12px;
  --ds-radius-4: 16px;
  --ds-radius-full: 999px;
}

:root {
  --ds-elevation-1: 0px 3px 6px 0.1px #e4e4e4;
  --ds-elevation-2: 0px 3px 8px 0.14px #d2d2d2;
  --ds-elevation-3: 0px 3px 10px 0.18px #c5c5c5;
  --ds-elevation-4: 0px 4px 12px 0.2px #bfbfbf;
  --ds-elevation-5: 0px 5px 14px 0.26px #b5b5b5;
}

.inui-popover-wrapper {
  position: relative;
  width: 100%;
}

.inui-popover-trigger {
  width: 100%;
}

.mud-popover.inui-popover-content {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 3px 10px 0.18px #c5c5c5;
  padding: 0;
  min-width: 220px;
  overflow: hidden;
}
.mud-popover.inui-popover-content .inui-popover-section {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(16, 33, 53, 0.08);
}
.mud-popover.inui-popover-content .inui-popover-section:last-child {
  border-bottom: none;
}
.mud-popover.inui-popover-content .inui-popover-section .inui-popover-label {
  font-size: var(--ds-font-size-sm);
  color: rgba(16, 33, 53, 0.6);
  margin-bottom: 4px;
}
.mud-popover.inui-popover-content .inui-popover-section .inui-popover-value {
  font-size: var(--ds-font-size-md);
  font-weight: 600;
  color: #102135;
}
.mud-popover.inui-popover-content .inui-popover-section .inui-popover-row {
  display: flex;
  gap: 12px;
  align-items: center;
}
.mud-popover.inui-popover-content .inui-popover-section .inui-popover-row .inui-popover-value {
  color: #0A3E87;
}
.mud-popover.inui-popover-content .inui-popover-section .inui-popover-row .inui-popover-value + .inui-popover-value {
  color: #102135;
}

html.platform-android {
  --ds-font-family-base: Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

html.platform-ios {
  --ds-font-family-base: -apple-system, system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --ds-radius-2: 10px;
  --ds-radius-1: 6px;
  --ds-radius-2: 10px;
  --ds-radius-3: 14px;
  --ds-radius-4: 20px;
}

html.platform-web {
  --ds-font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

:root {
  --ds-color-primary: #0A3E87;
  --ds-color-primary-lighten: rgb(105.1034482759, 162.8413793103, 243.8965517241);
  --ds-color-primary-darken: rgb(5.7793103448, 35.8317241379, 78.0206896552);
  --ds-color-primary-hover: rgba(17.0344827586, 105.6137931034, 229.9655172414, 0.18);
  --ds-color-secondary: #9BCEDB;
  --ds-color-secondary-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-secondary-darken: rgb(110, 183.95, 202.8);
  --ds-color-secondary-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-tertiary: #00F2B9;
  --ds-color-tertiary-lighten: rgb(191, 255, 239.9256198347);
  --ds-color-tertiary-darken: rgb(0, 180.8, 138.2148760331);
  --ds-color-tertiary-hover: rgba(89, 255, 215.9008264463, 0.18);
  --ds-color-success: #2ce45d;
  --ds-color-success-lighten: rgb(224.8571428571, 251.1428571429, 231.8571428571);
  --ds-color-success-darken: rgb(23.9142857143, 186.8857142857, 67.3142857143);
  --ds-color-success-hover: rgba(134.4285714286, 239.5714285714, 162.4285714286, 0.18);
  --ds-color-warning: #ff5603;
  --ds-color-warning-lighten: rgb(255, 222.8095238095, 207);
  --ds-color-warning-darken: rgb(196.8, 64.819047619, 0);
  --ds-color-warning-hover: rgba(255, 154.4047619048, 105, 0.18);
  --ds-color-error: #ff0000;
  --ds-color-error-lighten: #ffcccc;
  --ds-color-error-darken: rgb(193.8, 0, 0);
  --ds-color-error-hover: rgba(255, 102, 102, 0.18);
  --ds-color-info: #9BCEDB;
  --ds-color-info-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-info-darken: rgb(110, 183.95, 202.8);
  --ds-color-info-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-dark: #102135;
  --ds-color-dark-lighten: rgb(72.9565217391, 131.347826087, 200.0434782609);
  --ds-color-dark-darken: rgb(1.8086956522, 3.7304347826, 5.9913043478);
  --ds-color-dark-hover: rgba(39.652173913, 81.7826086957, 131.347826087, 0.18);
  --ds-color-bg: #F7F8FA;
  --ds-color-surface: #F7F8FA;
  --ds-color-text: #102135;
  --ds-color-text-muted: rgba(16, 33, 53, 0.6);
  --ds-color-border: color-mix(in srgb, var(--mud-palette-text-secondary) 30%, transparent);
  --ds-color-border-input: color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
  --ds-color-white: #fff;
  --ds-size-base: 1rem;
  --ds-size-popover-max-height: calc(var(--ds-size-base) * 20.25);
}

html.platform-ios {
  --ds-color-primary: #0A3E87;
  --ds-color-primary-lighten: rgb(105.1034482759, 162.8413793103, 243.8965517241);
  --ds-color-primary-darken: rgb(5.7793103448, 35.8317241379, 78.0206896552);
  --ds-color-primary-hover: rgba(17.0344827586, 105.6137931034, 229.9655172414, 0.18);
  --ds-color-secondary: #9BCEDB;
  --ds-color-secondary-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-secondary-darken: rgb(110, 183.95, 202.8);
  --ds-color-secondary-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-tertiary: #00F2B9;
  --ds-color-tertiary-lighten: rgb(191, 255, 239.9256198347);
  --ds-color-tertiary-darken: rgb(0, 180.8, 138.2148760331);
  --ds-color-tertiary-hover: rgba(89, 255, 215.9008264463, 0.18);
  --ds-color-success: #2ce45d;
  --ds-color-success-lighten: rgb(224.8571428571, 251.1428571429, 231.8571428571);
  --ds-color-success-darken: rgb(23.9142857143, 186.8857142857, 67.3142857143);
  --ds-color-success-hover: rgba(134.4285714286, 239.5714285714, 162.4285714286, 0.18);
  --ds-color-warning: #ff5603;
  --ds-color-warning-lighten: rgb(255, 222.8095238095, 207);
  --ds-color-warning-darken: rgb(196.8, 64.819047619, 0);
  --ds-color-warning-hover: rgba(255, 154.4047619048, 105, 0.18);
  --ds-color-error: #ff0000;
  --ds-color-error-lighten: #ffcccc;
  --ds-color-error-darken: rgb(193.8, 0, 0);
  --ds-color-error-hover: rgba(255, 102, 102, 0.18);
  --ds-color-info: #9BCEDB;
  --ds-color-info-lighten: hsl(192.1875, 47.0588235294%, 113.3333333333%);
  --ds-color-info-darken: rgb(110, 183.95, 202.8);
  --ds-color-info-hover: rgba(230, 242.75, 246, 0.18);
  --ds-color-dark: #102135;
  --ds-color-dark-lighten: rgb(72.9565217391, 131.347826087, 200.0434782609);
  --ds-color-dark-darken: rgb(1.8086956522, 3.7304347826, 5.9913043478);
  --ds-color-dark-hover: rgba(39.652173913, 81.7826086957, 131.347826087, 0.18);
  --ds-color-bg: #F7F8FA;
  --ds-color-surface: #F7F8FA;
  --ds-color-text: #102135;
  --ds-color-text-muted: rgba(16, 33, 53, 0.6);
  --ds-color-border: color-mix(in srgb, var(--mud-palette-text-secondary) 30%, transparent);
  --ds-color-border-input: color-mix(in srgb, var(--mud-palette-text-secondary) 25%, transparent);
  --ds-color-white: #fff;
  --ds-size-base: 1rem;
  --ds-size-popover-max-height: calc(var(--ds-size-base) * 11.25);
}

:root {
  --ds-font-family-base: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --ds-line-height-base: 1.5;
  --ds-font-size-xs: 0.75rem;
  --ds-font-size-sm: 0.875rem;
  --ds-font-size-md: 1rem;
  --ds-font-size-lg: 1.125rem;
  --ds-font-size-xl: 1.25rem;
  --ds-font-size-2xl: 1.5rem;
  --ds-font-size-3xl: 1.875rem;
  --ds-font-size-4xl: 2.25rem;
  --ds-font-size-5xl: 3rem;
}

:root {
  --ds-elevation-1: 0px 3px 6px 0.1px #e4e4e4;
  --ds-elevation-2: 0px 3px 8px 0.14px #d2d2d2;
  --ds-elevation-3: 0px 3px 10px 0.18px #c5c5c5;
  --ds-elevation-4: 0px 4px 12px 0.2px #bfbfbf;
  --ds-elevation-5: 0px 5px 14px 0.26px #b5b5b5;
}

:root {
  --ds-radius-1: 4px;
  --ds-radius-2: 8px;
  --ds-radius-3: 12px;
  --ds-radius-4: 16px;
  --ds-radius-full: 999px;
}

html.platform-ios {
  --ds-radius-1: 6px !important;
  --ds-radius-2: 12px !important;
  --ds-radius-3: 16px !important;
  --ds-radius-4: 24px !important;
  --ds-radius-full: 999px !important;
}

:root {
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
}

/*# sourceMappingURL=inui.css.map */