@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/static/font/latin.a34f9d1f.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/static/font/latin.a34f9d1f.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/font/latin.a34f9d1f.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/font/latin.a34f9d1f.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/font/latin.a34f9d1f.woff2) format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e2e8f0;
}

:before, :after {
  --tw-content: "";
}

html {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #cbd5e0;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}

:root {
  --highlight: 191 74% 63%;
  --neutral: 213 22% 59%;
  --neutral-light: 214 69% 81%;
  --neutral-dark: 214 16% 21%;
  --background: 236 62% 5%;
  --foreground: 0 0% 98%;
  --card: 234 64% 10%;
  --card-foreground: 0 0% 98%;
  --popover: 219 90% 15%;
  --popover-foreground: 0 0% 98%;
  --primary: 214 98% 60%;
  --primary-foreground: 0 0% 98%;
  --secondary: 214 66% 48%;
  --secondary-foreground: 200 50% 84%;
  --muted: 234 64% 10%;
  --muted-foreground: 200 46% 65%;
  --accent: 217 79% 24%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 14.9%;
  --input: 236 52% 30%;
  --ring: 214 98% 60%;
  --chart-1: 220 70% 50%;
  --chart-2: 160 60% 45%;
  --chart-3: 30 80% 55%;
  --chart-4: 280 65% 60%;
  --chart-5: 340 75% 55%;
  --radius: .5rem;
  --success-bg: #ecfdf3;
  --success-border: #d3fde5;
  --success-text: #008a2e;
  --success-icon: #008a2e;
  --success-heading: #1e3827;
  --success-subtext: #678371;
  --info-bg: #f0f8ff;
  --info-border: #d3e0fd;
  --info-text: #0973dc;
  --info-icon: #0973dc;
  --info-heading: #1d2a39;
  --info-subtext: #637388;
  --warning-bg: #fffcf0;
  --warning-border: #fdf5d3;
  --warning-text: #dc7609;
  --warning-icon: #dc7609;
  --warning-heading: #382c1e;
  --warning-subtext: #837667;
  --error-bg: #fff0f0;
  --error-border: #ffe0e1;
  --error-text: #e60000;
  --error-icon: #e60000;
  --error-heading: #381e1e;
  --error-subtext: #836767;
}

.dark {
  --background: 0 0% 3.9%;
  --foreground: 0 0% 98%;
  --card: 234 64% 10%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 214 98% 60%;
  --primary-foreground: 0 0% 98%;
  --secondary: 0 0% 14.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 14.9%;
  --muted-foreground: 0 0% 63.9%;
  --accent: 0 0% 14.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 14.9%;
  --input: 236 52% 30%;
  --ring: 214 98% 60%;
  --chart-1: 220 70% 50%;
  --chart-2: 160 60% 45%;
  --chart-3: 30 80% 55%;
  --chart-4: 280 65% 60%;
  --chart-5: 340 75% 55%;
}

html {
  font-family: Inter, sans-serif;
}

body {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

*, :before, :after, ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #4299e180;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

.container {
  width: 100%;
}

.\!container {
  width: 100% !important;
}

@media (width >= 640px) {
  .container {
    max-width: 640px;
  }

  .\!container {
    max-width: 640px !important;
  }
}

@media (width >= 768px) {
  .container {
    max-width: 768px;
  }

  .\!container {
    max-width: 768px !important;
  }
}

@media (width >= 1024px) {
  .container {
    max-width: 1024px;
  }

  .\!container {
    max-width: 1024px !important;
  }
}

@media (width >= 1280px) {
  .container {
    max-width: 1280px;
  }

  .\!container {
    max-width: 1280px !important;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-x-auto {
  left: auto;
  right: auto;
}

.top-\[24px\] {
  top: 24px;
}

.bottom-\[5px\] {
  bottom: 5px;
}

.left-1\/2 {
  left: 50%;
}

.right-1 {
  right: .25rem;
}

.top-1 {
  top: .25rem;
}

.right-3 {
  right: .75rem;
}

.top-3 {
  top: .75rem;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.bottom-3 {
  bottom: .75rem;
}

.bottom-0 {
  bottom: 0;
}

.top-viewport {
  top: .5rem;
}

.left-viewport {
  left: .5rem;
}

.right-viewport-scrollbar {
  right: 1.3rem;
}

.bottom-viewport {
  bottom: .5rem;
}

.right-0 {
  right: 0;
}

.-top-1 {
  top: -.25rem;
}

.top-full, .top-\[100\%\] {
  top: 100%;
}

.bottom-\[100\%\] {
  bottom: 100%;
}

.top-10 {
  top: 2.5rem;
}

.left-2 {
  left: .5rem;
}

.right-2 {
  right: .5rem;
}

.top-1\/2 {
  top: 50%;
}

.left-\[50\%\] {
  left: 50%;
}

.top-\[50\%\] {
  top: 50%;
}

.right-4 {
  right: 1rem;
}

.top-4 {
  top: 1rem;
}

.left-\[250px\] {
  left: 250px;
}

.bottom-2 {
  bottom: .5rem;
}

.bottom-px {
  bottom: 1px;
}

.left-0\.5 {
  left: .125rem;
}

.top-7 {
  top: 1.75rem;
}

.right-8 {
  right: 2rem;
}

.-bottom-1 {
  bottom: -.25rem;
}

.top-\[4px\] {
  top: 4px;
}

.left-\[0px\] {
  left: 0;
}

.right-\[16px\] {
  right: 16px;
}

.bottom-\[3px\] {
  bottom: 3px;
}

.top-\[25px\] {
  top: 25px;
}

.left-\[20px\] {
  left: 20px;
}

.top-\[calc\(50\%\+2px\)\] {
  top: calc(50% + 2px);
}

.left-viewport-scrollbar {
  left: 1.3rem;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-20 {
  z-index: 20;
}

.z-50 {
  z-index: 50;
}

.z-10 {
  z-index: 10;
}

.z-40 {
  z-index: 40;
}

.z-\[1100\] {
  z-index: 1100;
}

.z-\[1101\] {
  z-index: 1101;
}

.\!z-\[10001\] {
  z-index: 10001 !important;
}

.m-auto {
  margin: auto;
}

.m-1 {
  margin: .25rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-0 {
  margin: 0;
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.-mx-1 {
  margin-left: -.25rem;
  margin-right: -.25rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-1\.5 {
  margin-left: .375rem;
  margin-right: .375rem;
}

.my-0\.5 {
  margin-top: .125rem;
  margin-bottom: .125rem;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.ml-7 {
  margin-left: 1.75rem;
}

.ml-2 {
  margin-left: .5rem;
}

.-mt-2 {
  margin-top: -.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mr-2\.5 {
  margin-right: .625rem;
}

.mr-2 {
  margin-right: .5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-1 {
  margin-left: .25rem;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-0 {
  margin-top: 0;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: .25rem;
}

.mr-0\.5 {
  margin-right: .125rem;
}

.mr-0 {
  margin-right: 0;
}

.-ml-1 {
  margin-left: -.25rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-2\.5 {
  margin-bottom: .625rem;
}

.mr-auto {
  margin-right: auto;
}

.ml-2\.5 {
  margin-left: .625rem;
}

.mr-3 {
  margin-right: .75rem;
}

.ml-0 {
  margin-left: 0;
}

.mt-4 {
  margin-top: 1rem;
}

.ml-3 {
  margin-left: .75rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mr-4 {
  margin-right: 1rem;
}

.-mt-1 {
  margin-top: -.25rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.ml-1\.5 {
  margin-left: .375rem;
}

.mb-0\.5 {
  margin-bottom: .125rem;
}

.mb-\[2px\] {
  margin-bottom: 2px;
}

.mr-1\.5 {
  margin-right: .375rem;
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.block {
  display: block;
}

.\!block {
  display: block !important;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.\!inline-flex {
  display: inline-flex !important;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.\!contents {
  display: contents !important;
}

.hidden {
  display: none;
}

.aspect-\[166\/191\] {
  aspect-ratio: 166 / 191;
}

.h-full {
  height: 100%;
}

.h-6 {
  height: 1.5rem;
}

.h-4 {
  height: 1rem;
}

.h-9 {
  height: 2.25rem;
}

.h-5 {
  height: 1.25rem;
}

.h-\[62px\] {
  height: 62px;
}

.h-8 {
  height: 2rem;
}

.h-3 {
  height: .75rem;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[28px\] {
  height: 28px;
}

.h-3\.5 {
  height: .875rem;
}

.h-\[calc\(100vh-300px\)\] {
  height: calc(100vh - 300px);
}

.h-0\.5 {
  height: .125rem;
}

.h-0 {
  height: 0;
}

.h-screen {
  height: 100vh;
}

.h-14 {
  height: 3.5rem;
}

.h-10 {
  height: 2.5rem;
}

.h-\[18px\] {
  height: 18px;
}

.h-auto {
  height: auto;
}

.h-7 {
  height: 1.75rem;
}

.h-\[480px\] {
  height: 480px;
}

.h-1 {
  height: .25rem;
}

.h-\[170px\] {
  height: 170px;
}

.h-\[300px\] {
  height: 300px;
}

.\!h-\[20px\] {
  height: 20px !important;
}

.h-px {
  height: 1px;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[75px\] {
  height: 75px;
}

.h-\[175px\] {
  height: 175px;
}

.h-\[calc\(100\%-32px\)\] {
  height: calc(100% - 32px);
}

.h-\[52px\] {
  height: 52px;
}

.h-\[32px\] {
  height: 32px;
}

.h-2 {
  height: .5rem;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[2px\] {
  height: 2px;
}

.h-\[20px\] {
  height: 20px;
}

.h-\[321px\] {
  height: 321px;
}

.h-\[48px\] {
  height: 48px;
}

.h-\[25px\] {
  height: 25px;
}

.h-\[35px\] {
  height: 35px;
}

.h-\[86px\] {
  height: 86px;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-11 {
  height: 2.75rem;
}

.\!h-\[36px\] {
  height: 36px !important;
}

.\!h-\[30px\] {
  height: 30px !important;
}

.h-2\.5 {
  height: .625rem;
}

.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}

.h-\[22px\] {
  height: 22px;
}

.h-\[30px\] {
  height: 30px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[216px\] {
  height: 216px;
}

.h-\[14px\] {
  height: 14px;
}

.h-\[10px\] {
  height: 10px;
}

.h-\[15px\] {
  height: 15px;
}

.h-\[12px\] {
  height: 12px;
}

.h-\[312px\] {
  height: 312px;
}

.h-\[90vh\] {
  height: 90vh;
}

.h-20 {
  height: 5rem;
}

.max-h-\[95vh\] {
  max-height: 95vh;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-0 {
  max-height: 0;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-7 {
  max-height: 1.75rem;
}

.max-h-\[85vh\] {
  max-height: 85vh;
}

.max-h-\[500px\] {
  max-height: 500px;
}

.max-h-96 {
  max-height: 24rem;
}

.\!max-h-\[min\(720px\,calc\(100vh-48px\)\)\] {
  max-height: min(720px, 100vh - 48px) !important;
}

.\!max-h-\[min\(680px\,calc\(100vh-48px\)\)\] {
  max-height: min(680px, 100vh - 48px) !important;
}

.\!max-h-\[min\(720px\,calc\(100vh-40px\)\)\] {
  max-height: min(720px, 100vh - 40px) !important;
}

.max-h-52 {
  max-height: 13rem;
}

.min-h-\[620px\] {
  min-height: 620px;
}

.min-h-\[1px\] {
  min-height: 1px;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-0 {
  min-height: 0;
}

.min-h-9 {
  min-height: 2.25rem;
}

.min-h-\[480px\] {
  min-height: 480px;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.min-h-\[560px\] {
  min-height: 560px;
}

.min-h-\[34px\] {
  min-height: 34px;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-\[52px\] {
  min-height: 52px;
}

.min-h-\[18px\] {
  min-height: 18px;
}

.\!min-h-0 {
  min-height: 0 !important;
}

.w-\[min\(1000px\,95vw\)\] {
  width: min(1000px, 95vw);
}

.w-full {
  width: 100%;
}

.w-6 {
  width: 1.5rem;
}

.w-4 {
  width: 1rem;
}

.w-\[90\%\] {
  width: 90%;
}

.w-5 {
  width: 1.25rem;
}

.w-\[min\(\$\{DOWNLOAD_MODAL_WIDTH\}px\,95vw\)\] {
  width: min($ {DOWNLOAD MODAL WIDTH} px, 95vw);
}

.w-3 {
  width: .75rem;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.3333%;
}

.w-\[115px\] {
  width: 115px;
}

.w-\[58px\] {
  width: 58px;
}

.w-\[24px\] {
  width: 24px;
}

.w-3\.5 {
  width: .875rem;
}

.w-1\/4 {
  width: 25%;
}

.w-4\/24 {
  width: 16.6667%;
}

.w-2\/24 {
  width: 8.33333%;
}

.w-6\/24 {
  width: 25%;
}

.w-5\/24 {
  width: 20.8333%;
}

.w-screen {
  width: 100vw;
}

.w-px {
  width: 1px;
}

.w-9 {
  width: 2.25rem;
}

.w-10 {
  width: 2.5rem;
}

.w-1 {
  width: .25rem;
}

.w-\[400px\] {
  width: 400px;
}

.w-\[calc\(100vw-2rem\)\] {
  width: calc(100vw - 2rem);
}

.w-28 {
  width: 7rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-0 {
  width: 0;
}

.w-72 {
  width: 18rem;
}

.w-32 {
  width: 8rem;
}

.w-\[275px\] {
  width: 275px;
}

.w-\[130px\] {
  width: 130px;
}

.w-7 {
  width: 1.75rem;
}

.w-16 {
  width: 4rem;
}

.w-\[95px\] {
  width: 95px;
}

.w-\[18px\] {
  width: 18px;
}

.w-8 {
  width: 2rem;
}

.w-1\/24 {
  width: 4.16667%;
}

.w-3\/24 {
  width: 12.5%;
}

.w-7\/24 {
  width: 29.1667%;
}

.w-8\/24 {
  width: 33.3333%;
}

.w-9\/24 {
  width: 37.5%;
}

.w-10\/24 {
  width: 41.6667%;
}

.w-11\/24 {
  width: 45.8333%;
}

.w-12\/24 {
  width: 50%;
}

.w-13\/24 {
  width: 54.1667%;
}

.w-14\/24 {
  width: 58.3333%;
}

.w-15\/24 {
  width: 62.5%;
}

.w-16\/24 {
  width: 66.6667%;
}

.w-17\/24 {
  width: 70.8333%;
}

.w-18\/24 {
  width: 75%;
}

.w-19\/24 {
  width: 79.1667%;
}

.w-20\/24 {
  width: 83.3333%;
}

.w-21\/24 {
  width: 87.5%;
}

.w-22\/24 {
  width: 91.6667%;
}

.w-23\/24 {
  width: 95.8333%;
}

.w-48 {
  width: 12rem;
}

.w-2 {
  width: .5rem;
}

.w-max-content {
  width: max-content;
}

.w-\[180px\] {
  width: 180px;
}

.w-auto {
  width: auto;
}

.w-40 {
  width: 10rem;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[20px\] {
  width: 20px;
}

.w-14 {
  width: 3.5rem;
}

.w-64 {
  width: 16rem;
}

.w-\[45px\] {
  width: 45px;
}

.w-\[206px\] {
  width: 206px;
}

.w-12 {
  width: 3rem;
}

.w-\[50px\] {
  width: 50px;
}

.w-\[4\.5rem\] {
  width: 4.5rem;
}

.w-2\/3 {
  width: 66.6667%;
}

.w-4\/5 {
  width: 80%;
}

.\!w-\[100\%\] {
  width: 100% !important;
}

.\!w-\[30px\] {
  width: 30px !important;
}

.w-\[26px\] {
  width: 26px;
}

.w-2\.5 {
  width: .625rem;
}

.w-\[28px\] {
  width: 28px;
}

.w-\[2px\] {
  width: 2px;
}

.w-\[var\(--side-panel-tab-width\)\] {
  width: var(--side-panel-tab-width);
}

.w-\[22px\] {
  width: 22px;
}

.w-\[30px\] {
  width: 30px;
}

.w-\[50\%\] {
  width: 50%;
}

.w-\[10px\] {
  width: 10px;
}

.w-\[15px\] {
  width: 15px;
}

.w-\[4px\] {
  width: 4px;
}

.w-\[calc\(100\%-12px\)\] {
  width: calc(100% - 12px);
}

.\!w-\[min\(820px\,calc\(100vw-32px\)\)\] {
  width: min(820px, 100vw - 32px) !important;
}

.\!w-\[min\(440px\,calc\(100vw-32px\)\)\] {
  width: min(440px, 100vw - 32px) !important;
}

.\!w-\[min\(720px\,calc\(100vw-32px\)\)\] {
  width: min(720px, 100vw - 32px) !important;
}

.\!w-\[min\(620px\,calc\(100vw-32px\)\)\] {
  width: min(620px, 100vw - 32px) !important;
}

.\!w-\[min\(960px\,calc\(100vw-32px\)\)\] {
  width: min(960px, 100vw - 32px) !important;
}

.\!w-\[20px\] {
  width: 20px !important;
}

.w-56 {
  width: 14rem;
}

.min-w-\[80px\] {
  min-width: 80px;
}

.min-w-\[102px\] {
  min-width: 102px;
}

.min-w-\[1px\] {
  min-width: 1px;
}

.min-w-\[2\.25rem\] {
  min-width: 2.25rem;
}

.min-w-0 {
  min-width: 0;
}

.min-w-\[30\%\] {
  min-width: 30%;
}

.min-w-\[18px\] {
  min-width: 18px;
}

.min-w-\[400px\] {
  min-width: 400px;
}

.min-w-\[88px\] {
  min-width: 88px;
}

.min-w-32 {
  min-width: 8rem;
}

.min-w-\[45px\] {
  min-width: 45px;
}

.min-w-9 {
  min-width: 2.25rem;
}

.min-w-\[12rem\] {
  min-width: 12rem;
}

.min-w-\[32px\] {
  min-width: 32px;
}

.min-w-md {
  min-width: 6rem;
}

.min-w-16 {
  min-width: 4rem;
}

.min-w-\[8rem\] {
  min-width: 8rem;
}

.min-w-\[60px\] {
  min-width: 60px;
}

.min-w-\[4\.5rem\] {
  min-width: 4.5rem;
}

.\!min-w-\[62px\] {
  min-width: 62px !important;
}

.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}

.min-w-\[4px\] {
  min-width: 4px;
}

.min-w-\[5px\] {
  min-width: 5px;
}

.min-w-\[70vw\] {
  min-width: 70vw;
}

.min-w-\[96px\] {
  min-width: 96px;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.\!max-w-\[1000px\] {
  max-width: 1000px !important;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-xs {
  max-width: 20rem;
}

.max-w-\[40\%\] {
  max-width: 40%;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-\[70\%\] {
  max-width: 70%;
}

.max-w-\[min\(100\%\,280px\)\] {
  max-width: min(100%, 280px);
}

.max-w-px {
  max-width: 1px;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-\[720px\] {
  max-width: 720px;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-none {
  max-width: none;
}

.max-w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
  max-width: min(20rem, 100vw - 2rem);
}

.max-w-\[72px\] {
  max-width: 72px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-44 {
  max-width: 11rem;
}

.max-w-7 {
  max-width: 1.75rem;
}

.max-w-12 {
  max-width: 3rem;
}

.max-w-sm {
  max-width: 24rem;
}

.\!max-w-\[260px\] {
  max-width: 260px !important;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[430px\] {
  max-width: 430px;
}

.max-w-24 {
  max-width: 6rem;
}

.\!max-w-\[min\(820px\,calc\(100vw-32px\)\)\] {
  max-width: min(820px, 100vw - 32px) !important;
}

.\!max-w-\[min\(440px\,calc\(100vw-32px\)\)\] {
  max-width: min(440px, 100vw - 32px) !important;
}

.\!max-w-\[min\(720px\,calc\(100vw-32px\)\)\] {
  max-width: min(720px, 100vw - 32px) !important;
}

.\!max-w-\[min\(620px\,calc\(100vw-32px\)\)\] {
  max-width: min(620px, 100vw - 32px) !important;
}

.\!max-w-\[min\(960px\,calc\(100vw-32px\)\)\] {
  max-width: min(960px, 100vw - 32px) !important;
}

.max-w-\[900px\] {
  max-width: 900px;
}

.max-w-\[520px\] {
  max-width: 520px;
}

.max-w-\[480px\] {
  max-width: 480px;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[140px\] {
  max-width: 140px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.flex-1 {
  flex: 1;
}

.flex-auto {
  flex: auto;
}

.flex-initial {
  flex: 0 auto;
}

.flex-none {
  flex: none;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.flex-grow, .grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.basis-\[200px\] {
  flex-basis: 200px;
}

.basis-\[70\%\] {
  flex-basis: 70%;
}

.basis-\[30\%\] {
  flex-basis: 30%;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-top {
  transform-origin: top;
}

.origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[calc\(-50\%_-_2px\)\] {
  --tw-translate-y: calc(-50% - 2px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.touch-none {
  touch-action: none;
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.select-text {
  -webkit-user-select: text;
  user-select: text;
}

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.appearance-none {
  appearance: none;
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-\[500px_500px\] {
  grid-template-columns: 500px 500px;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.\!flex-row {
  flex-direction: row !important;
}

.flex-col {
  flex-direction: column;
}

.\!flex-col {
  flex-direction: column !important;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-items-center {
  place-items: center;
}

.content-start {
  align-content: flex-start;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.\!items-center {
  align-items: center !important;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.\!justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: .25rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-\[6px\] {
  gap: 6px;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-\[5px\] {
  gap: 5px;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-\[8px\] {
  gap: 8px;
}

.\!gap-\[5px\] {
  gap: 5px !important;
}

.gap-\[4px\] {
  gap: 4px;
}

.gap-\[7px\] {
  gap: 7px;
}

.\!gap-0 {
  gap: 0 !important;
}

.gap-\[3px\] {
  gap: 3px;
}

.gap-x-2 {
  column-gap: .5rem;
}

.gap-y-2 {
  row-gap: .5rem;
}

.gap-x-3 {
  column-gap: .75rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-y-2\.5 {
  row-gap: .625rem;
}

.gap-y-1 {
  row-gap: .25rem;
}

.gap-x-10 {
  column-gap: 2.5rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.25rem * var(--tw-space-x-reverse));
  margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.5rem * var(--tw-space-x-reverse));
  margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.75rem * var(--tw-space-x-reverse));
  margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.\!truncate {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.overflow-ellipsis, .text-ellipsis {
  text-overflow: ellipsis;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.\!whitespace-nowrap {
  white-space: nowrap !important;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.\!break-words {
  overflow-wrap: break-word !important;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded-\[7px\] {
  border-radius: 7px;
}

.rounded {
  border-radius: .25rem;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.rounded-md {
  border-radius: calc(var(--radius)  - 2px);
}

.rounded-lg {
  border-radius: var(--radius);
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-\[4px\] {
  border-radius: 4px;
}

.rounded-sm {
  border-radius: calc(var(--radius)  - 4px);
}

.\!rounded-lg {
  border-radius: var(--radius) !important;
}

.rounded-none {
  border-radius: 0;
}

.\!rounded {
  border-radius: .25rem !important;
}

.rounded-\[inherit\] {
  border-radius: inherit;
}

.rounded-\[5\.2px\] {
  border-radius: 5.2px;
}

.rounded-\[6px\] {
  border-radius: 6px;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.\!rounded-\[7\.2px\] {
  border-radius: 7.2px !important;
}

.\!rounded-\[8px\] {
  border-radius: 8px !important;
}

.rounded-xl {
  border-radius: .75rem;
}

.rounded-\[11\.2px\] {
  border-radius: 11.2px;
}

.rounded-\[8px\] {
  border-radius: 8px;
}

.rounded-l {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.rounded-l-xl {
  border-top-left-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

.rounded-r {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.rounded-b {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.rounded-b-md {
  border-bottom-right-radius: calc(var(--radius)  - 2px);
  border-bottom-left-radius: calc(var(--radius)  - 2px);
}

.rounded-t-md {
  border-top-left-radius: calc(var(--radius)  - 2px);
  border-top-right-radius: calc(var(--radius)  - 2px);
}

.rounded-t {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.rounded-tr {
  border-top-right-radius: .25rem;
}

.\!rounded-tr-lg {
  border-top-right-radius: var(--radius) !important;
}

.\!rounded-br-lg {
  border-bottom-right-radius: var(--radius) !important;
}

.\!rounded-tl-none {
  border-top-left-radius: 0 !important;
}

.\!rounded-bl-none {
  border-bottom-left-radius: 0 !important;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-\[1px\] {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-\[2px\] {
  border-bottom-width: 2px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-t-0 {
  border-top-width: 0;
}

.border-l-0 {
  border-left-width: 0;
}

.border-r-0 {
  border-right-width: 0;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-l-\[2px\] {
  border-left-width: 2px;
}

.border-l-\[3px\] {
  border-left-width: 3px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.border-\[\#e5e5e5\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-\[\#cbd5e1\] {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.border-primary-light {
  --tw-border-opacity: 1;
  border-color: rgb(90 204 230 / var(--tw-border-opacity));
}

.border-primary-active {
  --tw-border-opacity: 1;
  border-color: rgb(52 140 253 / var(--tw-border-opacity));
}

.border-secondary-light {
  --tw-border-opacity: 1;
  border-color: rgb(58 63 153 / var(--tw-border-opacity));
}

.border-transparent {
  border-color: #0000;
}

.border-common-dark {
  --tw-border-opacity: 1;
  border-color: rgb(114 111 126 / var(--tw-border-opacity));
}

.border-\[\#e2e8f0\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.border-\[\#9bd9e7\] {
  --tw-border-opacity: 1;
  border-color: rgb(155 217 231 / var(--tw-border-opacity));
}

.border-\[\#d8dee8\] {
  --tw-border-opacity: 1;
  border-color: rgb(216 222 232 / var(--tw-border-opacity));
}

.border-\[\#f4a3a3\] {
  --tw-border-opacity: 1;
  border-color: rgb(244 163 163 / var(--tw-border-opacity));
}

.border-\[\#86d7a2\] {
  --tw-border-opacity: 1;
  border-color: rgb(134 215 162 / var(--tw-border-opacity));
}

.border-\[\#EDEDED\] {
  --tw-border-opacity: 1;
  border-color: rgb(237 237 237 / var(--tw-border-opacity));
}

.border-\[\#E0E0E0\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(45 55 72 / var(--tw-border-opacity));
}

.border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgb(42 67 101 / var(--tw-border-opacity));
}

.border-white\/20 {
  border-color: #fff3;
}

.border-highlight {
  border-color: hsl(var(--highlight));
}

.\!border-\[\#e5e5e5\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 229 229 / var(--tw-border-opacity)) !important;
}

.border-primary {
  border-color: hsl(var(--primary));
}

.border-border {
  border-color: hsl(var(--border));
}

.border-primary-dark {
  --tw-border-opacity: 1;
  border-color: rgb(9 12 41 / var(--tw-border-opacity));
}

.border-inputfield-main {
  --tw-border-opacity: 1;
  border-color: rgb(58 63 153 / var(--tw-border-opacity));
}

.border-primary-main {
  --tw-border-opacity: 1;
  border-color: rgb(9 68 179 / var(--tw-border-opacity));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}

.border-white\/50 {
  border-color: #ffffff80;
}

.border-primary\/25 {
  border-color: hsl(var(--primary) / .25);
}

.border-input {
  border-color: hsl(var(--input));
}

.border-background {
  border-color: hsl(var(--background));
}

.border-input\/50 {
  border-color: hsl(var(--input) / .5);
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(74 85 104 / var(--tw-border-opacity));
}

.border-white\/10 {
  border-color: #ffffff1a;
}

.border-\[\#c7cbcf\] {
  --tw-border-opacity: 1;
  border-color: rgb(199 203 207 / var(--tw-border-opacity));
}

.border-\[\#dfe1e4\] {
  --tw-border-opacity: 1;
  border-color: rgb(223 225 228 / var(--tw-border-opacity));
}

.border-secondary-main {
  --tw-border-opacity: 1;
  border-color: rgb(43 22 107 / var(--tw-border-opacity));
}

.border-primary\/70 {
  border-color: hsl(var(--primary) / .7);
}

.border-primary\/35 {
  border-color: hsl(var(--primary) / .35);
}

.border-\[var\(--info-border\)\] {
  border-color: var(--info-border);
}

.border-\[var\(--success-border\)\] {
  border-color: var(--success-border);
}

.border-\[var\(--warning-border\)\] {
  border-color: var(--warning-border);
}

.border-\[var\(--error-border\)\] {
  border-color: var(--error-border);
}

.\!border-secondary-light {
  --tw-border-opacity: 1 !important;
  border-color: rgb(58 63 153 / var(--tw-border-opacity)) !important;
}

.border-primary\/60 {
  border-color: hsl(var(--primary) / .6);
}

.border-\[\#e5e7eb\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(113 128 150 / var(--tw-border-opacity));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(49 130 206 / var(--tw-border-opacity));
}

.border-\[\#dc2626\] {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
}

.\!border-\[\#dc2626\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 38 38 / var(--tw-border-opacity)) !important;
}

.border-\[rgba\(0\,201\,80\,0\.3\)\] {
  border-color: #00c9504d;
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(237 242 247 / var(--tw-border-opacity));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 215 / var(--tw-border-opacity));
}

.border-green-500\/30 {
  border-color: #48bb784d;
}

.border-red-500\/30 {
  border-color: #f565654d;
}

.border-gray-500\/30 {
  border-color: #a0aec04d;
}

.border-\[\#0f91b2\] {
  --tw-border-opacity: 1;
  border-color: rgb(15 145 178 / var(--tw-border-opacity));
}

.border-b-secondary-light {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(58 63 153 / var(--tw-border-opacity));
}

.border-l-transparent {
  border-left-color: #0000;
}

.border-t-transparent {
  border-top-color: #0000;
}

.border-l-primary {
  border-left-color: hsl(var(--primary));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-primary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(90 204 230 / var(--tw-bg-opacity));
}

.bg-popover {
  background-color: hsl(var(--popover));
}

.bg-muted {
  background-color: hsl(var(--muted));
}

.bg-highlight {
  background-color: hsl(var(--highlight));
}

.bg-background {
  background-color: hsl(var(--background));
}

.bg-input {
  background-color: hsl(var(--input));
}

.bg-\[\#0f91b2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 145 178 / var(--tw-bg-opacity));
}

.bg-secondary-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(4 28 74 / var(--tw-bg-opacity));
}

.bg-black\/\[\.4\] {
  background-color: #0006;
}

.bg-transparent {
  background-color: #0000;
}

.bg-primary {
  background-color: hsl(var(--primary));
}

.bg-\[\#0891B2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
}

.bg-\[\#e5e5e5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.bg-\[\#cbd5e1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.bg-\[\#ef4444\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-\[\#eefbfe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 251 254 / var(--tw-bg-opacity));
}

.bg-\[\#fff1f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 241 / var(--tw-bg-opacity));
}

.bg-\[\#effcf3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 252 243 / var(--tw-bg-opacity));
}

.bg-\[\#f8fafc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bg-primary-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
}

.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#2a2a4a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 74 / var(--tw-bg-opacity));
}

.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(44 82 130 / var(--tw-bg-opacity));
}

.bg-customgray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(38 41 67 / var(--tw-bg-opacity));
}

.bg-\[\#0f91b2\]\/15 {
  background-color: #0f91b226;
}

.bg-primary\/5 {
  background-color: hsl(var(--primary) / .5);
}

.bg-primary-main {
  --tw-bg-opacity: 1;
  background-color: rgb(9 68 179 / var(--tw-bg-opacity));
}

.bg-customblue-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(9 40 110 / var(--tw-bg-opacity));
}

.bg-inputfield-placeholder {
  --tw-bg-opacity: 1;
  background-color: rgb(57 56 63 / var(--tw-bg-opacity));
}

.bg-customblue-40 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 48 127 / var(--tw-bg-opacity));
}

.bg-secondary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(58 63 153 / var(--tw-bg-opacity));
}

.bg-primary-active {
  --tw-bg-opacity: 1;
  background-color: rgb(52 140 253 / var(--tw-bg-opacity));
}

.bg-red-900\/20 {
  background-color: #742a2a33;
}

.bg-red-900\/30 {
  background-color: #742a2a4d;
}

.\!bg-muted {
  background-color: hsl(var(--muted)) !important;
}

.bg-popover\/90 {
  background-color: hsl(var(--popover) / .9);
}

.bg-primary\/60 {
  background-color: hsl(var(--primary) / .6);
}

.bg-destructive {
  background-color: hsl(var(--destructive));
}

.bg-primary\/40 {
  background-color: hsl(var(--primary) / .4);
}

.bg-accent {
  background-color: hsl(var(--accent));
}

.bg-card {
  background-color: hsl(var(--card));
}

.bg-border {
  background-color: hsl(var(--border));
}

.bg-primary\/20 {
  background-color: hsl(var(--primary) / .2);
}

.bg-black\/60 {
  background-color: #0009;
}

.bg-primary\/30 {
  background-color: hsl(var(--primary) / .3);
}

.bg-\[\#04225b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 34 91 / var(--tw-bg-opacity));
}

.bg-\[\#001529\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 21 41 / var(--tw-bg-opacity));
}

.bg-\[\#0d0d0d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 13 13 / var(--tw-bg-opacity));
}

.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-foreground {
  background-color: hsl(var(--foreground));
}

.\!bg-popover {
  background-color: hsl(var(--popover)) !important;
}

.\!bg-\[\#348cfd\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(52 140 253 / var(--tw-bg-opacity)) !important;
}

.\!bg-transparent {
  background-color: #0000 !important;
}

.bg-neutral\/50 {
  background-color: hsl(var(--neutral) / .5);
}

.bg-bkg-low {
  --tw-bg-opacity: 1;
  background-color: rgb(5 6 21 / var(--tw-bg-opacity));
}

.bg-bkg-med {
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
}

.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-primary\/\[0\.07\] {
  background-color: hsl(var(--primary) / .07);
}

.bg-primary\/65 {
  background-color: hsl(var(--primary) / .65);
}

.bg-primary\/25 {
  background-color: hsl(var(--primary) / .25);
}

.bg-muted\/40 {
  background-color: hsl(var(--muted) / .4);
}

.bg-\[var\(--info-bg\)\] {
  background-color: var(--info-bg);
}

.bg-\[var\(--success-bg\)\] {
  background-color: var(--success-bg);
}

.bg-\[var\(--warning-bg\)\] {
  background-color: var(--warning-bg);
}

.bg-\[var\(--error-bg\)\] {
  background-color: var(--error-bg);
}

.bg-primary\/10 {
  background-color: hsl(var(--primary) / .1);
}

.bg-black\/80 {
  background-color: #000c;
}

.\!bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#222d44\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 45 68 / var(--tw-bg-opacity));
}

.bg-\[\#f9fafb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 44 / var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}

.bg-\[\#f3f3f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 245 / var(--tw-bg-opacity));
}

.bg-\[\#FEE2E2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.bg-\[\#F0F0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(49 130 206 / var(--tw-bg-opacity));
}

.bg-\[rgba\(0\,166\,62\,0\.2\)\] {
  background-color: #00a63e33;
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 245 245 / var(--tw-bg-opacity));
}

.bg-green-600\/20 {
  background-color: #38a16933;
}

.bg-red-600\/20 {
  background-color: #e53e3e33;
}

.bg-gray-600\/20 {
  background-color: #71809633;
}

.bg-\[\#f9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

.bg-opacity-30 {
  --tw-bg-opacity: .3;
}

.bg-opacity-50 {
  --tw-bg-opacity: .5;
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.from-black\/80 {
  --tw-gradient-from: #000c;
  --tw-gradient-to: #0000;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-background {
  --tw-gradient-from: hsl(var(--background));
  --tw-gradient-to: hsl(var(--background) / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-background\/80 {
  --tw-gradient-to: hsl(var(--background) / 0);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / .8), var(--tw-gradient-to);
}

.to-transparent {
  --tw-gradient-to: transparent;
}

.fill-current {
  fill: currentColor;
}

.stroke-secondary-light {
  stroke: #3a3f99;
}

.object-contain {
  object-fit: contain;
}

.p-0 {
  padding: 0;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-3\.5 {
  padding: .875rem;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-2 {
  padding: .5rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-px {
  padding: 1px;
}

.p-5 {
  padding: 1.25rem;
}

.p-\[12px\] {
  padding: 12px;
}

.p-\[2px\] {
  padding: 2px;
}

.p-\[1px\] {
  padding: 1px;
}

.p-\[4px\] {
  padding: 4px;
}

.\!p-0 {
  padding: 0 !important;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-\[17px\] {
  padding-left: 17px;
  padding-right: 17px;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}

.py-\[6\.5px\] {
  padding-top: 6.5px;
  padding-bottom: 6.5px;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.\!px-\[10px\] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-\[21px\] {
  padding-left: 21px;
  padding-right: 21px;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px;
}

.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}

.pl-2 {
  padding-left: .5rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pr-0\.5 {
  padding-right: .125rem;
}

.pr-0 {
  padding-right: 0;
}

.pl-1\.5 {
  padding-left: .375rem;
}

.pl-1 {
  padding-left: .25rem;
}

.pl-0\.5 {
  padding-left: .125rem;
}

.pl-0 {
  padding-left: 0;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pt-0\.5 {
  padding-top: .125rem;
}

.pt-0 {
  padding-top: 0;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pr-2 {
  padding-right: .5rem;
}

.pr-1 {
  padding-right: .25rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-\[6\.5px\] {
  padding-left: 6.5px;
}

.pr-\[6\.5px\] {
  padding-right: 6.5px;
}

.pr-px {
  padding-right: 1px;
}

.pl-\[22px\] {
  padding-left: 22px;
}

.pr-\[22px\] {
  padding-right: 22px;
}

.pt-\[10px\] {
  padding-top: 10px;
}

.pb-\[10px\] {
  padding-bottom: 10px;
}

.pl-2\.5 {
  padding-left: .625rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pl-\[8px\] {
  padding-left: 8px;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-1\.5 {
  padding-bottom: .375rem;
}

.pt-2\.5 {
  padding-top: .625rem;
}

.pr-\[6px\] {
  padding-right: 6px;
}

.pl-\[5px\] {
  padding-left: 5px;
}

.pt-px {
  padding-top: 1px;
}

.pb-0\.5 {
  padding-bottom: .125rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pr-\[8px\] {
  padding-right: 8px;
}

.pt-\[4px\] {
  padding-top: 4px;
}

.pb-\[4px\] {
  padding-bottom: 4px;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pl-\[4px\] {
  padding-left: 4px;
}

.pt-12 {
  padding-top: 3rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pt-48 {
  padding-top: 12rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-14 {
  padding-right: 3.5rem;
}

.pr-\[105px\] {
  padding-right: 105px;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.\!text-center {
  text-align: center !important;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.font-mono {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.font-sans {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.\!font-sans {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}

.text-base {
  font-size: .8125rem;
}

.text-xs {
  font-size: .6875rem;
}

.text-sm {
  font-size: .75rem;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-lg {
  font-size: .875rem;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-xl {
  font-size: 1rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-6xl {
  font-size: 4rem;
}

.text-5xl {
  font-size: 3rem;
}

.text-4xl {
  font-size: 2.25rem;
}

.text-3xl {
  font-size: 1.875rem;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-\[0\.8rem\] {
  font-size: .8rem;
}

.text-\[19px\] {
  font-size: 19px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[17px\] {
  font-size: 17px;
}

.\!text-xl {
  font-size: 1rem !important;
}

.\!text-\[14px\] {
  font-size: 14px !important;
}

.text-\[0px\] {
  font-size: 0;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[16px\] {
  font-size: 16px;
}

.font-normal {
  font-weight: 400;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-light {
  font-weight: 300;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-normal {
  line-height: 1.5;
}

.leading-\[20px\] {
  line-height: 20px;
}

.leading-none {
  line-height: 1;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-\[15px\] {
  line-height: 15px;
}

.leading-\[13\.5px\] {
  line-height: 13.5px;
}

.leading-\[1\.2\] {
  line-height: 1.2;
}

.leading-tight {
  line-height: 1.25;
}

.leading-\[18px\] {
  line-height: 18px;
}

.leading-\[22px\] {
  line-height: 22px;
}

.leading-3 {
  line-height: .75rem;
}

.\!leading-\[1\.5\] {
  line-height: 1.5 !important;
}

.\!leading-\[1\.2\] {
  line-height: 1.2 !important;
}

.leading-snug {
  line-height: 1.375;
}

.leading-\[28px\] {
  line-height: 28px;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-\[14px\] {
  line-height: 14px;
}

.leading-\[16px\] {
  line-height: 16px;
}

.tracking-\[0\] {
  letter-spacing: 0;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-\[0\.06em\] {
  letter-spacing: .06em;
}

.tracking-\[0\.35px\] {
  letter-spacing: .35px;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-widest {
  letter-spacing: .1em;
}

.tracking-\[0\.01em\] {
  letter-spacing: .01em;
}

.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.\!text-common-bright {
  --tw-text-opacity: 1 !important;
  color: rgb(225 225 225 / var(--tw-text-opacity)) !important;
}

.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}

.text-foreground {
  color: hsl(var(--foreground));
}

.text-primary {
  color: hsl(var(--primary));
}

.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(229 62 62 / var(--tw-text-opacity));
}

.text-\[\#11171d\] {
  --tw-text-opacity: 1;
  color: rgb(17 23 29 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-\[\#0a0a0a\] {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity));
}

.text-\[\#eafdfe\] {
  --tw-text-opacity: 1;
  color: rgb(234 253 254 / var(--tw-text-opacity));
}

.text-aqua-pale {
  --tw-text-opacity: 1;
  color: rgb(123 178 206 / var(--tw-text-opacity));
}

.text-primary-light {
  --tw-text-opacity: 1;
  color: rgb(90 204 230 / var(--tw-text-opacity));
}

.text-foreground\/70 {
  color: hsl(var(--foreground) / .7);
}

.text-\[\#15294b\] {
  --tw-text-opacity: 1;
  color: rgb(21 41 75 / var(--tw-text-opacity));
}

.text-\[\#a3a3a3\] {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.text-\[\#1e293b\] {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.text-\[\#087f9b\] {
  --tw-text-opacity: 1;
  color: rgb(8 127 155 / var(--tw-text-opacity));
}

.text-\[\#475569\] {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.text-\[\#dc2626\] {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-\[\#15803d\] {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.text-\[\#334155\] {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.text-\[\#8E8E8E\] {
  --tw-text-opacity: 1;
  color: rgb(142 142 142 / var(--tw-text-opacity));
}

.text-\[\#000000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(144 205 244 / var(--tw-text-opacity));
}

.text-neutral-dark {
  color: hsl(var(--neutral-dark));
}

.text-neutral-light {
  color: hsl(var(--neutral-light));
}

.text-neutral-dark\/70 {
  color: hsl(var(--neutral-dark) / .7);
}

.text-neutral-light\/70 {
  color: hsl(var(--neutral-light) / .7);
}

.text-\[\#0f91b2\] {
  --tw-text-opacity: 1;
  color: rgb(15 145 178 / var(--tw-text-opacity));
}

.text-\[\#737373\] {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.text-white\/70 {
  color: #ffffffb3;
}

.\!text-\[\#334155\] {
  --tw-text-opacity: 1 !important;
  color: rgb(51 65 85 / var(--tw-text-opacity)) !important;
}

.text-\[\#0891B2\] {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}

.text-\[\#64748b\] {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(66 153 225 / var(--tw-text-opacity));
}

.text-common-light {
  --tw-text-opacity: 1;
  color: rgb(161 159 173 / var(--tw-text-opacity));
}

.text-primary-active {
  --tw-text-opacity: 1;
  color: rgb(52 140 253 / var(--tw-text-opacity));
}

.text-primary-main {
  --tw-text-opacity: 1;
  color: rgb(9 68 179 / var(--tw-text-opacity));
}

.text-secondary-light {
  --tw-text-opacity: 1;
  color: rgb(58 63 153 / var(--tw-text-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-primary-dark {
  --tw-text-opacity: 1;
  color: rgb(9 12 41 / var(--tw-text-opacity));
}

.text-inherit {
  color: inherit;
}

.\!text-foreground {
  color: hsl(var(--foreground)) !important;
}

.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}

.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}

.text-accent-foreground {
  color: hsl(var(--accent-foreground));
}

.text-card-foreground {
  color: hsl(var(--card-foreground));
}

.text-background {
  color: hsl(var(--background));
}

.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}

.text-highlight {
  color: hsl(var(--highlight));
}

.text-\[\#717171\] {
  --tw-text-opacity: 1;
  color: rgb(113 113 113 / var(--tw-text-opacity));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.text-\[\#0f172a\] {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.text-\[\#0d1218\] {
  --tw-text-opacity: 1;
  color: rgb(13 18 24 / var(--tw-text-opacity));
}

.text-\[\#1A2B49\] {
  --tw-text-opacity: 1;
  color: rgb(26 43 73 / var(--tw-text-opacity));
}

.\!text-highlight {
  color: hsl(var(--highlight)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#348cfd\] {
  --tw-text-opacity: 1 !important;
  color: rgb(52 140 253 / var(--tw-text-opacity)) !important;
}

.text-foreground\/50 {
  color: hsl(var(--foreground) / .5);
}

.text-white\/90 {
  color: #ffffffe6;
}

.text-white\/80 {
  color: #fffc;
}

.text-\[\#757575\] {
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
}

.text-\[var\(--info-heading\)\] {
  color: var(--info-heading);
}

.text-\[var\(--success-heading\)\] {
  color: var(--success-heading);
}

.text-\[var\(--warning-heading\)\] {
  color: var(--warning-heading);
}

.text-\[var\(--error-heading\)\] {
  color: var(--error-heading);
}

.text-\[var\(--info-subtext\)\] {
  color: var(--info-subtext);
}

.text-\[var\(--success-subtext\)\] {
  color: var(--success-subtext);
}

.text-\[var\(--warning-subtext\)\] {
  color: var(--warning-subtext);
}

.text-\[var\(--error-subtext\)\] {
  color: var(--error-subtext);
}

.text-primary-foreground\/80 {
  color: hsl(var(--primary-foreground) / .8);
}

.text-white\/85 {
  color: #ffffffd9;
}

.text-foreground\/80 {
  color: hsl(var(--foreground) / .8);
}

.text-white\/95 {
  color: #fffffff2;
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(197 48 48 / var(--tw-text-opacity));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(236 201 75 / var(--tw-text-opacity));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(72 187 120 / var(--tw-text-opacity));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(245 101 101 / var(--tw-text-opacity));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(237 242 247 / var(--tw-text-opacity));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(203 213 224 / var(--tw-text-opacity));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(252 129 129 / var(--tw-text-opacity));
}

.text-\[\#18181b\] {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(160 174 192 / var(--tw-text-opacity));
}

.text-\[\#333333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.text-\[\#B91C1C\] {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-\[\#9ca3af\] {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(43 108 176 / var(--tw-text-opacity));
}

.text-\[\#fb2c36\] {
  --tw-text-opacity: 1;
  color: rgb(251 44 54 / var(--tw-text-opacity));
}

.text-\[\#008236\] {
  --tw-text-opacity: 1;
  color: rgb(0 130 54 / var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(113 128 150 / var(--tw-text-opacity));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(47 133 90 / var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(74 85 104 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.placeholder-inputfield-placeholder::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(57 56 63 / var(--tw-placeholder-opacity));
}

.placeholder-\[\#a1a1aa\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(161 161 170 / var(--tw-placeholder-opacity));
}

.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(160 174 192 / var(--tw-placeholder-opacity));
}

.caret-primary {
  caret-color: hsl(var(--primary));
}

.opacity-100 {
  opacity: 1;
}

.opacity-50 {
  opacity: .5;
}

.opacity-0 {
  opacity: 0;
}

.opacity-\[0\.70\] {
  opacity: .7;
}

.\!opacity-40 {
  opacity: .4 !important;
}

.opacity-70 {
  opacity: .7;
}

.opacity-60 {
  opacity: .6;
}

.opacity-80 {
  opacity: .8;
}

.opacity-40 {
  opacity: .4;
}

.opacity-90 {
  opacity: .9;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\] {
  --tw-shadow: 0px 10px 15px -3px #0000001a, 0px 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0px 10px 15px -3px var(--tw-shadow-color), 0px 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[-8px_0_20px_-6px_rgba\(0\,0\,0\,0\.07\)\] {
  --tw-shadow: -8px 0 20px -6px #00000012;
  --tw-shadow-colored: -8px 0 20px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[8px_0_20px_-6px_rgba\(0\,0\,0\,0\.07\)\] {
  --tw-shadow: 8px 0 20px -6px #00000012;
  --tw-shadow-colored: 8px 0 20px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_rgba\(0\,0\,0\,0\.1\)\] {
  --tw-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000001a;
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-black\/5 {
  --tw-shadow-color: #00000080;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.\!outline-none {
  outline-offset: 2px !important;
  outline: 2px solid #0000 !important;
}

.outline {
  outline-style: solid;
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset {
  --tw-ring-inset: inset;
}

.ring-\[\#0f91b2\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 145 178 / var(--tw-ring-opacity));
}

.ring-primary\/30 {
  --tw-ring-color: hsl(var(--primary) / .3);
}

.ring-primary {
  --tw-ring-color: hsl(var(--primary));
}

.ring-offset-1 {
  --tw-ring-offset-width: 1px;
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!invert {
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.transition-opacity {
  transition-property: opacity;
}

.transition-transform {
  transition-property: transform;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
}

.transition-shadow {
  transition-property: box-shadow;
}

.\!transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
}

.transition-\[max-height\] {
  transition-property: max-height;
}

.transition-all {
  transition-property: all;
}

.duration-200 {
  transition-duration: .2s;
}

.duration-300 {
  transition-duration: .3s;
}

.\!duration-300 {
  transition-duration: .3s !important;
}

.duration-1000 {
  transition-duration: 1s;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.\!ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.animate-in {
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
  animation-name: enter;
}

.fade-in-0 {
  --tw-enter-opacity: 0;
}

.zoom-in-95 {
  --tw-enter-scale: .95;
}

.duration-200 {
  animation-duration: .2s;
}

.duration-300 {
  animation-duration: .3s;
}

.\!duration-300 {
  animation-duration: .3s !important;
}

.duration-1000 {
  animation-duration: 1s;
}

.ease-in-out {
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.\!ease-in-out {
  animation-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

.running {
  animation-play-state: running;
}

.paused {
  animation-play-state: paused;
}

.\!paused {
  animation-play-state: paused !important;
}

.\[overflow\:hidden\] {
  overflow: hidden;
}

.\[display\:-webkit-box\] {
  display: -webkit-box;
}

.\[-webkit-line-clamp\:2\] {
  -webkit-line-clamp: 2;
}

.\[-webkit-box-orient\:vertical\] {
  -webkit-box-orient: vertical;
}

.\[--background\:0_0\%_100\%\] {
  --background: 0 0% 100%;
}

.\[--foreground\:215_25\%_17\%\] {
  --foreground: 215 25% 17%;
}

.\[--card\:0_0\%_100\%\] {
  --card: 0 0% 100%;
}

.\[--card-foreground\:215_25\%_17\%\] {
  --card-foreground: 215 25% 17%;
}

.\[--popover\:0_0\%_100\%\] {
  --popover: 0 0% 100%;
}

.\[--popover-foreground\:215_25\%_17\%\] {
  --popover-foreground: 215 25% 17%;
}

.\[--muted\:210_22\%_95\%\] {
  --muted: 210 22% 95%;
}

.\[--muted-foreground\:215_14\%_46\%\] {
  --muted-foreground: 215 14% 46%;
}

.\[--border\:214_20\%_88\%\] {
  --border: 214 20% 88%;
}

.\[--input\:214_20\%_88\%\] {
  --input: 214 20% 88%;
}

.\[--accent\:210_25\%_95\%\] {
  --accent: 210 25% 95%;
}

.\[--accent-foreground\:215_25\%_17\%\] {
  --accent-foreground: 215 25% 17%;
}

.\[--secondary-foreground\:215_25\%_17\%\] {
  --secondary-foreground: 215 25% 17%;
}

.\[--primary\:192_84\%_38\%\] {
  --primary: 192 84% 38%;
}

.\[--primary-foreground\:0_0\%_100\%\] {
  --primary-foreground: 0 0% 100%;
}

.\[--ring\:192_84\%_38\%\] {
  --ring: 192 84% 38%;
}

.\[--foreground\:240_10\%_3\.9\%\] {
  --foreground: 240 10% 3.9%;
}

.\[--card-foreground\:240_10\%_3\.9\%\] {
  --card-foreground: 240 10% 3.9%;
}

.\[--popover-foreground\:240_10\%_3\.9\%\] {
  --popover-foreground: 240 10% 3.9%;
}

.\[--muted\:240_4\.8\%_95\.9\%\] {
  --muted: 240 4.8% 95.9%;
}

.\[--muted-foreground\:240_3\.8\%_46\.1\%\] {
  --muted-foreground: 240 3.8% 46.1%;
}

.\[--border\:240_5\.9\%_90\%\] {
  --border: 240 5.9% 90%;
}

.\[--input\:240_5\.9\%_90\%\] {
  --input: 240 5.9% 90%;
}

.\[--accent\:240_4\.8\%_95\.9\%\] {
  --accent: 240 4.8% 95.9%;
}

.\[--accent-foreground\:240_5\.9\%_10\%\] {
  --accent-foreground: 240 5.9% 10%;
}

.\[--secondary-foreground\:240_5\.9\%_10\%\] {
  --secondary-foreground: 240 5.9% 10%;
}

.\[--primary\:214_98\%_60\%\] {
  --primary: 214 98% 60%;
}

.\[--primary-foreground\:0_0\%_98\%\] {
  --primary-foreground: 0 0% 98%;
}

.\[--ring\:214_98\%_60\%\] {
  --ring: 214 98% 60%;
}

.\[overflow-anchor\:none\] {
  overflow-anchor: none;
}

.\[color-scheme\:light\] {
  color-scheme: light;
}

h2.section-header {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
}

h3.section-header {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
}

.row {
  border-radius: calc(var(--radius)  - 2px);
  border-width: 1px;
  flex-flow: wrap;
  margin-bottom: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.example {
  flex: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.example2 {
  flex: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.TooltipContent[data-side="bottom"] {
  animation-name: slideDown;
}

input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
}

input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

:where([data-sonner-toaster].toaster[dir="ltr"]) {
  --toast-close-button-start: unset;
  --toast-close-button-end: 12px;
  --toast-close-button-transform: none;
}

:where([data-sonner-toast][data-styled="true"]) {
  border-radius: 8px;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  box-shadow: 0 4px 12px #00000014;
}

:where([data-sonner-toast]) :where([data-icon]) {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

:where([data-sonner-toast]) :where([data-title]) {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

:where([data-sonner-toast]) :where([data-description]) {
  font-size: 14px;
  line-height: 1.43;
}

:where([data-sonner-toast]) :where([data-content]) {
  gap: 4px;
  padding-right: 20px;
}

:where([data-rich-colors="true"][data-sonner-toast][data-type="info"]) :where([data-title]) {
  color: var(--info-heading);
}

:where([data-rich-colors="true"][data-sonner-toast][data-type="info"]) :where([data-description]) {
  color: var(--info-subtext);
}

:where([data-rich-colors="true"][data-sonner-toast][data-type="success"]) :where([data-title]) {
  color: var(--success-heading);
}

:where([data-rich-colors="true"][data-sonner-toast][data-type="success"]) :where([data-description]) {
  color: var(--success-subtext);
}

:where([data-rich-colors="true"][data-sonner-toast][data-type="warning"]) :where([data-title]) {
  color: var(--warning-heading);
}

:where([data-rich-colors="true"][data-sonner-toast][data-type="warning"]) :where([data-description]) {
  color: var(--warning-subtext);
}

:where([data-rich-colors="true"][data-sonner-toast][data-type="error"]) :where([data-title]) {
  color: var(--error-heading);
}

:where([data-rich-colors="true"][data-sonner-toast][data-type="error"]) :where([data-description]) {
  color: var(--error-subtext);
}

:where([data-sonner-toast]) :where([data-close-button]) {
  color: #737373;
  background: none;
  border: none;
  border-radius: 0;
  width: 16px;
  height: 16px;
  top: 12px;
}

:where([data-rich-colors="true"][data-sonner-toast]) :where([data-close-button]) {
  color: #737373;
  background: none;
  border: none;
}

:where([data-sonner-toast]) :where([data-close-button]):hover {
  color: #525252;
  background: none;
}

.file\:mr-2::file-selector-button {
  margin-right: .5rem;
}

.file\:rounded::file-selector-button {
  border-radius: .25rem;
}

.file\:border-0::file-selector-button {
  border-width: 0;
}

.file\:border::file-selector-button {
  border-width: 1px;
}

.file\:border-\[\#e5e5e5\]::file-selector-button {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.file\:bg-transparent::file-selector-button {
  background-color: #0000;
}

.file\:bg-white::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.file\:px-2::file-selector-button {
  padding-left: .5rem;
  padding-right: .5rem;
}

.file\:py-1::file-selector-button {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.file\:text-base::file-selector-button {
  font-size: .8125rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.placeholder\:text-inputfield-placeholder::placeholder {
  --tw-text-opacity: 1;
  color: rgb(57 56 63 / var(--tw-text-opacity));
}

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-\[\#737373\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-y-0:after {
  content: var(--tw-content);
  top: 0;
  bottom: 0;
}

.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}

.after\:w-1:after {
  content: var(--tw-content);
  width: .25rem;
}

.after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.first\:rounded-t:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.first\:rounded-t-md:first-child {
  border-top-left-radius: calc(var(--radius)  - 2px);
  border-top-right-radius: calc(var(--radius)  - 2px);
}

.first\:rounded-t-lg:first-child {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.first\:rounded-t-full:first-child {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.first\:rounded-l:first-child {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.first\:rounded-l-md:first-child {
  border-top-left-radius: calc(var(--radius)  - 2px);
  border-bottom-left-radius: calc(var(--radius)  - 2px);
}

.first\:rounded-l-lg:first-child {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.first\:rounded-l-full:first-child {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.first\:rounded-l-sm:first-child {
  border-top-left-radius: calc(var(--radius)  - 4px);
  border-bottom-left-radius: calc(var(--radius)  - 4px);
}

.last\:mr-0:last-child {
  margin-right: 0;
}

.last\:rounded-b:last-child {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.last\:rounded-b-md:last-child {
  border-bottom-right-radius: calc(var(--radius)  - 2px);
  border-bottom-left-radius: calc(var(--radius)  - 2px);
}

.last\:rounded-b-lg:last-child {
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.last\:rounded-b-full:last-child {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.last\:rounded-r:last-child {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.last\:rounded-r-md:last-child {
  border-top-right-radius: calc(var(--radius)  - 2px);
  border-bottom-right-radius: calc(var(--radius)  - 2px);
}

.last\:rounded-r-lg:last-child {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.last\:rounded-r-full:last-child {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.last\:rounded-r-sm:last-child {
  border-top-right-radius: calc(var(--radius)  - 4px);
  border-bottom-right-radius: calc(var(--radius)  - 4px);
}

.last\:border-b-0:last-child {
  border-bottom-width: 0;
}

.last\:border-r-0:last-child {
  border-right-width: 0;
}

.last\:border-b:last-child {
  border-bottom-width: 1px;
}

.last\:border-r:last-child {
  border-right-width: 1px;
}

.last\:border-l-0:last-child {
  border-left-width: 0;
}

.focus-within\:relative:focus-within {
  position: relative;
}

.focus-within\:z-20:focus-within {
  z-index: 20;
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:rounded:hover {
  border-radius: .25rem;
}

.hover\:border-primary-light:hover {
  --tw-border-opacity: 1;
  border-color: rgb(90 204 230 / var(--tw-border-opacity));
}

.hover\:border-highlight:hover {
  border-color: hsl(var(--highlight));
}

.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.hover\:border-secondary-light:hover {
  --tw-border-opacity: 1;
  border-color: rgb(58 63 153 / var(--tw-border-opacity));
}

.hover\:\!bg-primary-dark:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-primary\/25:hover {
  background-color: hsl(var(--primary) / .25);
}

.hover\:bg-\[\#f5f5f5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#0d7a96\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(13 122 150 / var(--tw-bg-opacity));
}

.hover\:bg-transparent:hover {
  background-color: #0000;
}

.hover\:bg-primary-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
}

.hover\:bg-secondary-main:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 22 107 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#0891B2\]\/10:hover {
  background-color: #0891b21a;
}

.hover\:bg-\[\#f4f4f4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#eef2f6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 246 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F5F5F5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(49 130 206 / var(--tw-bg-opacity));
}

.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}

.hover\:bg-\[\#0b7f9d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(11 127 157 / var(--tw-bg-opacity));
}

.hover\:bg-customblue-80:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(20 84 212 / var(--tw-bg-opacity));
}

.hover\:bg-customblue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 58 148 / var(--tw-bg-opacity));
}

.hover\:bg-primary-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(90 204 230 / var(--tw-bg-opacity));
}

.hover\:bg-primary-main:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(9 68 179 / var(--tw-bg-opacity));
}

.hover\:bg-secondary-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 63 153 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.hover\:bg-primary-active\/90:hover {
  background-color: #348cfde6;
}

.hover\:bg-primary-active\/20:hover {
  background-color: #348cfd33;
}

.hover\:\!bg-accent:hover {
  background-color: hsl(var(--accent)) !important;
}

.hover\:\!bg-muted\/80:hover {
  background-color: hsl(var(--muted) / .8) !important;
}

.hover\:bg-primary\/100:hover {
  background-color: hsl(var(--primary) / 1);
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / .9);
}

.hover\:bg-primary\/60:hover {
  background-color: hsl(var(--primary) / .6);
}

.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / .8);
}

.hover\:bg-primary\/20:hover {
  background-color: hsl(var(--primary) / .2);
}

.hover\:bg-primary\/10:hover {
  background-color: hsl(var(--primary) / .1);
}

.hover\:bg-muted\/80:hover {
  background-color: hsl(var(--muted) / .8);
}

.hover\:bg-background:hover {
  background-color: hsl(var(--background));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 85 104 / var(--tw-bg-opacity));
}

.hover\:bg-black\/\[0\.04\]:hover {
  background-color: #0000000a;
}

.hover\:bg-primary\/30:hover {
  background-color: hsl(var(--primary) / .3);
}

.hover\:\!bg-highlight\/80:hover {
  background-color: hsl(var(--highlight) / .8) !important;
}

.hover\:bg-\[\#f3f3f5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 245 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#0d7d9a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(13 125 154 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f9fafb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(45 55 72 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FAFAFA\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 108 176 / var(--tw-bg-opacity));
}

.hover\:\!text-primary-light:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(90 204 230 / var(--tw-text-opacity)) !important;
}

.hover\:text-primary-light:hover {
  --tw-text-opacity: 1;
  color: rgb(90 204 230 / var(--tw-text-opacity));
}

.hover\:text-\[\#0f91b2\]:hover {
  --tw-text-opacity: 1;
  color: rgb(15 145 178 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:\!text-foreground:hover {
  color: hsl(var(--foreground)) !important;
}

.hover\:\!text-highlight:hover {
  color: hsl(var(--highlight)) !important;
}

.hover\:text-primary:hover {
  color: hsl(var(--primary));
}

.hover\:text-primary-foreground:hover {
  color: hsl(var(--primary-foreground));
}

.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}

.hover\:text-highlight:hover {
  color: hsl(var(--highlight));
}

.hover\:text-\[\#000000\]:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-\[\#0a0a0a\]:hover {
  --tw-text-opacity: 1;
  color: rgb(10 10 10 / var(--tw-text-opacity));
}

.hover\:text-\[\#525252\]:hover {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-80:hover {
  opacity: .8;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:border-none:focus {
  border-style: none;
}

.focus\:border-inputfield-focus:focus {
  --tw-border-opacity: 1;
  border-color: rgb(90 204 230 / var(--tw-border-opacity));
}

.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.focus\:border-ring:focus {
  border-color: hsl(var(--ring));
}

.focus\:border-primary-light:focus {
  --tw-border-opacity: 1;
  border-color: rgb(90 204 230 / var(--tw-border-opacity));
}

.focus\:bg-\[\#0891B2\]\/10:focus {
  background-color: #0891b21a;
}

.focus\:bg-primary-light:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(90 204 230 / var(--tw-bg-opacity));
}

.focus\:bg-primary-main:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(9 68 179 / var(--tw-bg-opacity));
}

.focus\:bg-secondary-light:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(58 63 153 / var(--tw-bg-opacity));
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.focus\:bg-black:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.focus\:bg-primary\/80:focus {
  background-color: hsl(var(--primary) / .8);
}

.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}

.focus\:text-\[\#0891B2\]:focus {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}

.focus\:text-white:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:text-black:focus {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.focus\:text-primary-foreground:focus {
  color: hsl(var(--primary-foreground));
}

.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}

.focus\:opacity-80:focus {
  opacity: .8;
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-\[var\(--accent-primary\)\]:focus {
  --tw-ring-color: var(--accent-primary);
}

.focus\:ring-\[\#0f91b2\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 145 178 / var(--tw-ring-opacity));
}

.focus\:ring-\[\#dc2626\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:outline-none:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-\[\#0891B2\]\/40:focus-visible {
  --tw-ring-color: #0891b266;
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}

.active\:border-white:active {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.active\:bg-secondary-dark:active {
  --tw-bg-opacity: 1;
  background-color: rgb(4 28 74 / var(--tw-bg-opacity));
}

.active\:bg-customblue-40:active {
  --tw-bg-opacity: 1;
  background-color: rgb(14 48 127 / var(--tw-bg-opacity));
}

.active\:bg-customblue-20:active {
  --tw-bg-opacity: 1;
  background-color: rgb(11 31 84 / var(--tw-bg-opacity));
}

.active\:text-foreground:active {
  color: hsl(var(--foreground));
}

.active\:opacity-80:active {
  opacity: .8;
}

.active\:opacity-100:active {
  opacity: 1;
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:border-inputfield-disabled:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(43 22 107 / var(--tw-border-opacity));
}

.disabled\:text-\[\#d4d4d4\]:disabled {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.disabled\:opacity-70:disabled {
  opacity: .7;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:hover\:brightness-100:hover:disabled {
  --tw-brightness: brightness(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .group-hover\:visible, .group\/pane:hover .group-hover\/pane\:visible {
  visibility: visible;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:inline-flex {
  display: inline-flex;
}

.group:hover .group-hover\:hidden {
  display: none;
}

.group:hover .group-hover\:cursor-pointer {
  cursor: pointer;
}

.group:hover .group-hover\:border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.group\/pane:hover .group-hover\/pane\:border-highlight\/50 {
  border-color: hsl(var(--highlight) / .5);
}

.group:hover .group-hover\:bg-primary-main {
  --tw-bg-opacity: 1;
  background-color: rgb(9 68 179 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-secondary-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(4 28 74 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:text-primary {
  color: hsl(var(--primary));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: .7;
}

.aria-selected\:bg-accent\/50[aria-selected="true"] {
  background-color: hsl(var(--accent) / .5);
}

.aria-selected\:bg-accent[aria-selected="true"] {
  background-color: hsl(var(--accent));
}

.aria-selected\:bg-primary\/30[aria-selected="true"] {
  background-color: hsl(var(--primary) / .3);
}

.aria-selected\:text-muted-foreground[aria-selected="true"] {
  color: hsl(var(--muted-foreground));
}

.aria-selected\:text-accent-foreground[aria-selected="true"] {
  color: hsl(var(--accent-foreground));
}

.aria-selected\:opacity-100[aria-selected="true"] {
  opacity: 1;
}

.aria-selected\:opacity-30[aria-selected="true"] {
  opacity: .3;
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"], .data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}

.data-\[state\=open\]\:inline-flex[data-state="open"] {
  display: inline-flex;
}

.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
  height: 1px;
}

.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
  width: 100%;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=checked\]\:translate-x-3[data-state="checked"] {
  --tw-translate-x: .75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
  animation: .2s ease-out accordion-up;
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}

.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
  animation: .2s ease-out accordion-down;
}

.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
  flex-direction: column;
}

.data-\[state\=checked\]\:border-primary[data-state="checked"] {
  border-color: hsl(var(--primary));
}

.data-\[state\=checked\]\:border-blue-600[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(49 130 206 / var(--tw-border-opacity));
}

.data-\[state\=checked\]\:bg-blue-500[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 153 225 / var(--tw-bg-opacity));
}

.data-\[state\=on\]\:\!bg-\[\#0f91b2\]\/15[data-state="on"] {
  background-color: #0f91b226 !important;
}

.data-\[highlighted\]\:bg-\[\#0891B2\]\/10[data-highlighted] {
  background-color: #0891b21a;
}

.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: hsl(var(--primary));
}

.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}

.data-\[state\=checked\]\:bg-\[\#0f91b2\][data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 145 178 / var(--tw-bg-opacity));
}

.data-\[state\=unchecked\]\:bg-\[\#cbd5e1\][data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.data-\[state\=unchecked\]\:bg-primary\/30[data-state="unchecked"], .data-\[state\=active\]\:bg-primary\/30[data-state="active"] {
  background-color: hsl(var(--primary) / .3);
}

.data-\[state\=on\]\:bg-primary\/20[data-state="on"] {
  background-color: hsl(var(--primary) / .2);
}

.data-\[state\=checked\]\:bg-blue-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(49 130 206 / var(--tw-bg-opacity));
}

.data-\[highlighted\]\:text-\[\#0891B2\][data-highlighted] {
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}

.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: hsl(var(--primary-foreground));
}

.data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
  color: hsl(var(--accent-foreground));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}

.data-\[state\=on\]\:text-highlight[data-state="on"] {
  color: hsl(var(--highlight));
}

.data-\[disabled\=true\]\:opacity-50[data-disabled="true"], .data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: .5;
}

.data-\[state\=active\]\:shadow[data-state="active"] {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[state\=open\]\:animate-in[data-state="open"] {
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
  animation-name: enter;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
  animation-name: exit;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: .5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: .5rem;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}

.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  left: 0;
}

.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  height: .25rem;
}

.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  width: 100%;
}

.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
  content: var(--tw-content);
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:data-\[state\=unchecked\]\:bg-primary\/40[data-state="unchecked"]:hover {
  background-color: hsl(var(--primary) / .4);
}

@media (width >= 640px) {
  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:min-w-\[25\%\] {
    min-width: 25%;
  }

  .sm\:min-w-\[6rem\] {
    min-width: 6rem;
  }

  .sm\:min-w-\[8\.875rem\] {
    min-width: 8.875rem;
  }

  .sm\:min-w-\[9\.5rem\] {
    min-width: 9.5rem;
  }

  .sm\:min-w-\[6\.5rem\] {
    min-width: 6.5rem;
  }

  .sm\:max-w-\[75\%\] {
    max-width: 75%;
  }

  .sm\:max-w-\[520px\] {
    max-width: 520px;
  }

  .sm\:max-w-\[140px\] {
    max-width: 140px;
  }

  .sm\:basis-\[75\%\] {
    flex-basis: 75%;
  }

  .sm\:basis-\[25\%\] {
    flex-basis: 25%;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:gap-2 {
    gap: .5rem;
  }

  .sm\:gap-3 {
    gap: .75rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-x-5 {
    column-gap: 1.25rem;
  }

  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:rounded-xl {
    border-radius: .75rem;
  }

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:pl-3 {
    padding-left: .75rem;
  }

  .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:text-left {
    text-align: left;
  }
}

@media (width >= 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:gap-3 {
    gap: .75rem;
  }
}

@media (width >= 1280px) {
  .xl\:min-w-\[284px\] {
    min-width: 284px;
  }

  .xl\:max-w-\[246px\] {
    max-width: 246px;
  }
}

.\[\&_svg\]\:h-\[18px\] svg {
  height: 18px;
}

.\[\&_svg\]\:w-\[18px\] svg {
  width: 18px;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.\[\&\[data-state\=closed\]\>svg\]\:rotate-90[data-state="closed"] > svg {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
  border-top-right-radius: calc(var(--radius)  - 2px);
  border-bottom-right-radius: calc(var(--radius)  - 2px);
}

.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
  background-color: hsl(var(--accent) / .5);
}

.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
  background-color: hsl(var(--accent));
}

.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
  border-top-left-radius: calc(var(--radius)  - 2px);
  border-bottom-left-radius: calc(var(--radius)  - 2px);
}

.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
  border-top-right-radius: calc(var(--radius)  - 2px);
  border-bottom-right-radius: calc(var(--radius)  - 2px);
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.\[\&_\[cmdk-group-heading\]\]\:text-sm [cmdk-group-heading] {
  font-size: .75rem;
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: hsl(var(--muted-foreground));
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
  padding-top: 0;
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: .5rem;
  padding-right: .5rem;
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}

.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-resize-handle-state\=\'hover\'\]\]\:bg-primary\/40[data-resize-handle-state="hover"], .\[\&\[data-resize-handle-state\=\'drag\'\]\]\:bg-primary\/40[data-resize-handle-state="drag"] {
  background-color: hsl(var(--primary) / .4);
}

.\[\&\>div\>div\]\:\!block > div > div {
  display: block !important;
}

.\[\&\>span\]\:truncate > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.\[\&\>div\]\:\!mt-0 > div {
  margin-top: 0 !important;
}

.ohif-scrollbar {
  scrollbar-color: #173239 transparent;
  overflow-y: auto;
}

.ohif-scrollbar-stable-gutter {
  scrollbar-gutter: stable;
}

.study-min-height {
  min-height: 450px;
}

.ohif-scrollbar:hover {
  overflow-y: auto;
}

.ohif-scrollbar::-webkit-scrollbar {
  scrollbar-width: thin;
}

.ohif-scrollbar::-webkit-scrollbar-track {
  border-radius: .25rem;
}

.ohif-scrollbar::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(4 28 74 / var(--tw-bg-opacity));
  background-color: #041c4a;
  border-radius: .25rem;
}

.ohif-scrollbar::-webkit-scrollbar-thumb:window-inactive {
  --tw-bg-opacity: 1;
  background-color: rgb(4 28 74 / var(--tw-bg-opacity));
  background-color: #041c4a;
}

.invisible-scrollbar {
  scrollbar-width: none;
}

.invisible-scrollbar::-webkit-scrollbar {
  display: none;
}

.invisible-scrollbar::-webkit-scrollbar-track {
  display: none;
}

.invisible-scrollbar::-webkit-scrollbar-thumb {
  display: none;
}

.invisible-scrollbar::-webkit-scrollbar-thumb:window-inactive {
  display: none;
}

.loading {
  background-color: #091731;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.infinite-loading-bar {
  border-radius: 4px;
  width: 50%;
  height: 100%;
  animation: 2s ease-in-out infinite side2side;
  position: absolute;
}

@keyframes side2side {
  0%, 100% {
    transform: translateX(-50%);
  }

  50% {
    transform: translateX(150%);
  }
}

.shepherd-header {
  background-color: hsl(var(--popover)) !important;
  width: 100% !important;
  padding: 0 !important;
}

.shepherd-title {
  overflow-wrap: break-word !important;
  width: 100% !important;
  color: hsl(var(--highlight)) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.shepherd-content {
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  display: flex;
}

.shepherd-element {
  background-color: hsl(var(--popover)) !important;
  max-width: 260px !important;
}

.shepherd-text {
  color: hsl(var(--foreground));
  padding: 0;
  font-size: .875rem;
  line-height: 1.5;
  width: 100% !important;
}

.shepherd-footer {
  padding: 0;
  width: 100% !important;
}

.shepherd-button {
  white-space: nowrap !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(52 140 253 / var(--tw-bg-opacity)) !important;
  text-align: center !important;
  --tw-text-opacity: 1 !important;
  min-width: 62px !important;
  height: 36px !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  outline-offset: 2px !important;
  border-radius: .25rem !important;
  outline: 2px solid #0000 !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
  transition-duration: .3s !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
  animation-duration: .3s !important;
  animation-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
  display: inline-flex !important;
}

.shepherd-button:focus {
  outline-offset: 2px !important;
  outline: 2px solid #0000 !important;
}

.shepherd-button.shepherd-button-secondary {
  --tw-text-opacity: 1 !important;
  color: rgb(52 140 253 / var(--tw-text-opacity)) !important;
  background-color: #0000 !important;
}

.shepherd-arrow:before {
  background-color: hsl(var(--popover)) !important;
  width: 30px !important;
  height: 30px !important;
}

.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow {
  top: 6px !important;
  right: 3px !important;
}

.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow {
  bottom: 2px !important;
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  opacity: .7 !important;
}

.imageViewerViewport.empty ~ .ViewportOverlay {
  display: none;
}

.ViewportOverlay {
  color: hsl(var(--highlight));
}

.ViewportOverlay .overlay-element {
  pointer-events: none;
  font-weight: 400;
  position: absolute;
}

.overlay-top {
  top: 2.15rem;
}

.overlay-bottom {
  bottom: 2.15rem;
}

.shadow-dark {
  text-shadow: .8px .8px .5px #000000a6;
}

.shadow-light {
  text-shadow: .8px .8px .5px #ffffffa6;
}

.\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarContainer-dumSAF {
  z-index: 10;
  height: 100%;
  padding: 5px 5px 0;
  position: absolute;
  top: 0;
  right: 0;
}

.\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInner-cyB9zu {
  width: 11px;
  height: 100%;
  position: relative;
}

.\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO {
  transform-origin: 0 0;
  appearance: none;
  background-color: #0000;
  height: 12px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 12px;
  transform: rotate(90deg);
}

input[type="range"].\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO::-webkit-slider-thumb {
  background-color: hsl(var(--neutral));
  opacity: .5;
  cursor: -webkit-grab;
  border: none;
  border-radius: 57px;
  width: 32px;
  height: 8px;
  margin-top: -4px;
  -webkit-appearance: none !important;
}

input[type="range"].\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO::-webkit-slider-thumb:active {
  background-color: hsl(var(--primary));
  opacity: .6;
  cursor: -webkit-grabbing;
}

input[type="range"].\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO::-webkit-slider-thumb:hover {
  background-color: hsl(var(--primary));
  opacity: .6;
  cursor: -webkit-grabbing;
}

input[type="range"].\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO::-moz-range-thumb {
  background-color: hsl(var(--neutral));
  opacity: .5;
  cursor: -moz-grab;
  border: none;
  border-radius: 57px;
  width: 39px;
  height: 12px;
}

input[type="range"].\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO::-moz-range-thumb:active {
  background-color: hsl(var(--primary));
  opacity: .5;
  cursor: -moz-grabbing;
}

input[type="range"].\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO::-moz-range-thumb:hover {
  background-color: hsl(var(--primary));
  opacity: .5;
  cursor: -moz-grabbing;
}

input[type="range"].\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO::-webkit-slider-runnable-track {
  cursor: pointer;
  background-color: #0000;
  border: none;
  height: 5px;
}

input[type="range"].\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO::-moz-range-track {
  cursor: pointer;
  background-color: #0000;
  border: none;
  height: 2px;
}

.\---ui-next-src-components-Viewport-ImageScrollbar-module__scrollbarInput-bh8ySO:focus {
  outline: none;
}

.LineChart svg {
  color: #ddd;
  border: 1px solid #383f42;
}

.LineChart svg .background {
  stroke: none;
  fill: #151c20;
}

.LineChart svg .axis.label {
  fill: #ddd;
  font-size: 12px;
}

.LineChart svg .axis .tick line {
  stroke: #ddd;
}

.LineChart svg .axis .tick text {
  fill: #ddd;
}

.LineChart svg .axis.grid .domain {
  stroke: none;
}

.LineChart svg .axis.grid .tick line {
  stroke: #383f42;
}

.LineChart svg .line {
  stroke-width: 1px;
  fill: none;
}

.LineChart svg .legend .legend-background {
  fill: none;
  stroke: #383f42;
}

.customSelect__wrapper .customSelect__control {
  --tw-border-opacity: 1;
  border-width: 1px;
  border-color: rgb(58 63 153 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  width: 100%;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: .25rem;
  min-height: 28px;
  font-size: .75rem;
  line-height: 1.25;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-duration: .3s;
  animation-duration: .3s;
}

.customSelect__wrapper .customSelect__control:hover {
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
}

.customSelect__control {
  height: 32px;
}

.customSelect__value-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.customSelect__input {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  font-size: .75rem !important;
  line-height: 1.25 !important;
}

.customSelect__wrapper .customSelect__control:focus, .customSelect__wrapper .customSelect__control--menu-is-open {
  --tw-border-opacity: 1;
  border-color: rgb(160 174 192 / var(--tw-border-opacity));
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.customSelect--is-disabled .customSelect__control--is-disabled {
  pointer-events: none;
}

.css-1hwfws3 {
  padding: 0;
}

.customSelect__wrapper .customSelect__indicator-separator {
  display: none;
}

.customSelect__wrapper .customSelect__dropdown-indicator {
  padding: 4px;
}

.customSelect__option {
  color: #d6d6d6 !important;
  flex-direction: row !important;
  align-items: center !important;
  font-size: 14px !important;
  display: flex !important;
}

.customSelect__option--is-selected {
  background-color: #0000 !important;
}

.customSelect__wrapper .customSelect__single-value {
  --tw-text-opacity: 1;
  color: rgb(123 178 206 / var(--tw-text-opacity));
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 20px);
  padding-left: .25rem;
  overflow: hidden;
}

.customSelect__wrapper.customSelect--is-disabled {
  pointer-events: auto;
  cursor: not-allowed;
}

.customSelect__wrapper .customSelect__value-container--is-multi {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .5rem .75rem;
  display: inline-block;
  overflow: hidden;
}

.customSelect__menu-portal .customSelect__menu {
  border-radius: 6px;
  background-color: #0000 !important;
}

.customSelect__menu-portal .customSelect__menu-list {
  margin: 4px;
  padding-top: 0 !important;
  overflow-x: hidden !important;
}

.customSelect__menu-portal .customSelect__menu-list::-webkit-scrollbar {
  border-radius: 10px;
  width: 6px;
}

.customSelect__menu-portal .customSelect__placeholder {
  --tw-text-opacity: 1;
  color: rgb(123 178 206 / var(--tw-text-opacity));
  padding-left: .375rem;
}

.customSelect__menu-portal .customSelect__menu-list::-webkit-scrollbar-thumb {
  background-color: #0944b3;
  border-radius: 10px;
}

.customSelect__option--is-focused {
  background-color: #0944b391 !important;
}

.customSelect__menu-portal .customSelect__option:hover {
  background-color: #0944b391;
}

.customSelect__menu-portal .customSelect__menu {
  border: 2px solid #0944b3;
  border-radius: 6px;
  background-color: #151515 !important;
}

.css-1hwfws3 {
  all: unset !important;
}

.tooltip {
  z-index: 20;
  position: absolute;
}

.tooltip.tooltip-bottom .tooltip-box:before {
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
  content: "";
  width: 14px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.tooltip-top .tooltip-box:before {
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
  content: "";
  width: 14px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.tooltip-bottom {
  margin-top: .25rem;
  padding-top: .5rem;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.tooltip-top {
  margin-bottom: .25rem;
  padding-bottom: .5rem;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.tooltip-bottom-left {
  margin-top: .25rem;
  padding-top: .5rem;
  left: 0;
}

.tooltip.tooltip-bottom-right {
  margin-top: .25rem;
  padding-top: .5rem;
  right: 0;
}

.tooltip.tooltip-left {
  margin-right: 1rem;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.tooltip.tooltip-right {
  margin-left: 1rem;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.tooltip.tooltip-right .tooltip-box:before {
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
  content: "";
  width: 2px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
}

.tooltip.tooltip-left .tooltip-box:before {
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
  content: "";
  width: 2px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
}

.tooltip.tooltip-bottom-right .tooltip-box:before {
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
  content: "";
  width: 15px;
  height: 2px;
  position: absolute;
  top: -1px;
  right: 5px;
}

.tooltip.tooltip-bottom-left .tooltip-box:before {
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 41 / var(--tw-bg-opacity));
  content: "";
  width: 15px;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 5px;
}

.tat-notification-bell-wrap {
  position: relative;
}

.tat-notification-panel {
  z-index: 1200;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  flex-direction: column;
  width: min(360px, 90vw);
  max-height: 420px;
  display: flex;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 32px #0f172a1f;
}

.tat-notification-panel-header {
  border-bottom: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}

.tat-notification-panel-title {
  color: #0f172a;
  font-size: 14px;
  font-weight: 600;
}

.tat-notification-mark-all {
  color: #0f91b2;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
}

.tat-notification-panel-body {
  overflow-y: auto;
}

.tat-notification-empty {
  text-align: center;
  color: #64748b;
  padding: 24px 16px;
  font-size: 13px;
}

.tat-notification-item {
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #f1f5f9;
  width: 100%;
  padding: 12px 36px 12px 16px;
  display: block;
  position: relative;
}

.tat-notification-item:hover {
  background: #f8fafc;
}

.tat-notification-dismiss {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.tat-notification-dismiss:hover {
  color: #0f172a;
  background: #e2e8f0;
}

.tat-notification-item-heading {
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
}

.tat-notification-item-line {
  color: #334155;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
}

.tat-notification-item-line strong {
  color: #0f172a;
  font-weight: 600;
}

.tat-notification-item-footer {
  color: #334155;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
}

.tat-notification-item-title {
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
}

.tat-notification-item-sub {
  color: #334155;
  margin-top: 4px;
  font-size: 12px;
}

.tat-notification-item-meta {
  color: #64748b;
  margin-top: 4px;
  font-size: 11px;
}

.tat-notification-item-time {
  color: #94a3b8;
  margin-top: 4px;
  font-size: 11px;
}

.page-header {
  --page-header-height: 56px;
  background-color: var(--bg-header);
  border-bottom: 1px solid var(--border-table);
  height: var(--page-header-height);
  justify-content: space-between;
  align-items: center;
  padding: 4px 24px;
  display: flex;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.page-header--light {
  --text-header: #0f172a;
  background-color: #fff;
  border-bottom-color: #e2e8f0;
}

.page-header--light .page-header-breadcrumb-link {
  color: #64748b;
  font-size: 13px;
  font-weight: 400;
}

.page-header--light .page-header-breadcrumb-link:hover {
  color: #475569;
}

.page-header--light .page-header-breadcrumb-sep {
  color: #64748b;
  font-size: 13px;
}

.page-header-breadcrumb-current--emphasis {
  font-weight: 600;
}

.page-header-menu-btn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--text-header, #1e293b);
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.page-header-menu-btn:hover {
  background: #0f172a0f;
}

.page-header-left {
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.page-header-back-btn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--text-header, #1e293b);
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.page-header-breadcrumb-nav {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.page-header-breadcrumb-sep {
  color: #64748b;
  font-size: 15px;
}

.page-header-breadcrumb-link {
  color: #64748b;
  font-size: 15px;
  text-decoration: none;
}

.page-header-breadcrumb-current {
  color: var(--text-header, #1e293b);
  font-size: 15px;
  font-weight: 500;
}

.page-header-title-sep {
  color: #64748b;
  margin-right: 8px;
}

.page-header-title {
  color: var(--text-header, #1e293b);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  overflow: hidden;
}

.page-header-right {
  align-items: center;
  gap: 16px;
  display: flex;
}

.page-header-primary-btn {
  background-color: var(--accent-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 12px;
  display: flex;
}

.page-header-primary-btn:hover {
  background-color: var(--accent-hover);
}

.page-header-primary-btn-label {
  font-size: 14px;
  font-weight: 500;
}

.page-header-notification-btn {
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: var(--text-header, #1e293b);
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.page-header-notification-badge {
  color: #fff;
  background: #ef4444;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.page-header-profile-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}

.page-header-profile-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  display: flex;
}

.page-header-profile-btn-circle {
  border-radius: 50%;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
}

.page-header-avatar {
  background-color: var(--accent-primary);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.page-header-username {
  color: var(--text-header, #1e293b);
  font-size: 14px;
  font-weight: 500;
}

.page-header-dropdown {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  width: 240px;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

.page-header-dropdown-user {
  border-bottom: 1px solid #e2e8f0;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.page-header-dropdown-avatar {
  background-color: var(--accent-primary);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.page-header-dropdown-user-details {
  flex: 1;
  min-width: 0;
}

.page-header-dropdown-user-name {
  color: #0f172a;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}

.page-header-dropdown-user-role {
  color: #64748b;
  font-size: 12px;
  font-weight: 400;
}

.page-header-dropdown-item {
  color: #0f172a;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.page-header-dropdown-item:hover {
  background-color: #f1f5f9;
}

.page-header-dropdown-item-logout {
  color: #ef4444;
}

.page-header-dropdown-item-logout:hover {
  background-color: #fef2f2;
}

.page-header-chevron-icon {
  width: 20px;
  height: 20px;
}

.page-header-logout-icon {
  width: 16px;
  height: 16px;
}

.analytics-sub-sidebar {
  z-index: 90;
  box-sizing: border-box;
  background: #fff;
  border-right: 1px solid #e2e8f0;
  flex-direction: column;
  width: 220px;
  height: 100vh;
  padding-top: 72px;
  display: flex;
  position: fixed;
  top: 0;
  left: 72px;
}

.analytics-sub-sidebar-header {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64748b;
  padding: 16px 16px 8px;
  font-size: 12px;
  font-weight: 600;
}

.analytics-sub-sidebar-nav {
  flex-direction: column;
  gap: 2px;
  padding: 0 8px 16px;
  display: flex;
  overflow-y: auto;
}

.analytics-sub-sidebar-item {
  color: #334155;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s;
  display: flex;
  position: relative;
}

.analytics-sub-sidebar-item:hover {
  background: #f8fafc;
}

.analytics-sub-sidebar-item.active {
  color: #1e293b;
  background: #f1f5f9;
}

.analytics-sub-sidebar-item.active:before {
  content: "";
  background: #2563eb;
  border-radius: 0 2px 2px 0;
  width: 3px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 0;
}

.analytics-sub-sidebar-item-icon {
  color: #64748b;
  flex-shrink: 0;
}

.analytics-sub-sidebar-item.active .analytics-sub-sidebar-item-icon {
  color: #2563eb;
}

.analytics-sub-sidebar-item-label {
  line-height: 1.3;
}

:root {
  --bg-primary: #0b1021;
  --bg-secondary: #141a2e;
  --bg-input: #1e293b;
  --bg-input-default: #0f172a;
  --bg-input-disabled: #1a1f2e;
  --bg-country-code: #0f172a;
  --bg-button-upload: #020617;
  --bg-button-selected: #020617;
  --bg-button-unselected: #0f172a;
  --border-primary: #2a3248;
  --border-input: #1e293b;
  --border-input-default: #1e293b;
  --border-input-disabled: #2a3248;
  --border-button-upload: #334155;
  --text-primary: #fff;
  --text-secondary: #a9b3c1;
  --text-muted: #6e768a;
  --text-link: #7f8a9b;
  --placeholder-color: var(--text-muted);
  --text-input-default: #94a3b8;
  --text-input-special: #475569;
  --text-input-disabled: #475569;
  --label-color-default: #e2e8f0;
  --label-color-disabled: #94a3b8;
  --accent-primary: oklch(61% .11 222);
  --accent-hover: oklch(55% .11 222);
  --accent-active: oklch(50% .11 222);
  --bg-page: #fff;
  --bg-sidebar: oklch(97% 0 0);
  --bg-header: #fff;
  --bg-table: #fff;
  --bg-input-light: #fff;
  --border-table: #e2e8f0;
  --border-filter: #e2e8f0;
  --text-header: #1e293b;
  --icon-secondary: #7f8a9b;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 24px;
  --spacing-3xl: 32px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height-tight: 18px;
  --line-height-normal: 20px;
  --line-height-relaxed: 40px;
  --shadow-sm: 0 1px 2px 0 #0000000d;
  --shadow-md: 0 4px 6px -1px #0000001a;
  --shadow-lg: 0 10px 15px -3px #0000001a;
  --transition-fast: .15s ease-in-out;
  --transition-normal: .25s ease-in-out;
  --transition-slow: .35s ease-in-out;
}

[data-theme="dark"] {
  --bg-page: #0f172a;
  --bg-sidebar: #0f172a;
  --bg-header: #1e293b;
  --bg-table: #1e293b;
  --bg-input-light: #1e293b;
  --border-table: #334155;
  --border-filter: #334155;
  --text-header: #e2e8f0;
}

* {
  box-sizing: border-box;
}

.container-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.card {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  width: 100%;
  max-width: 439px;
}

.form {
  gap: var(--spacing-2xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-group {
  gap: var(--spacing-sm);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-label {
  font-family: Inter, sans-serif;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  line-height: var(--line-height-normal);
}

.form-input:not(:disabled):not([disabled]) {
  border: 1px solid var(--border-input);
  border-radius: var(--radius-sm);
  font-family: Inter, sans-serif;
  font-size: var(--font-size-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  width: 100%;
  height: 40px;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  outline: none;
  background-color: var(--bg-input) !important;
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
}

input::placeholder, textarea::placeholder, input.form-input::placeholder, textarea.form-input::placeholder, .form-input::placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

input::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

textarea::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

input.form-input::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

textarea.form-input::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

.form-input::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

input::-moz-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

textarea::-moz-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

.form-input::-moz-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

input::ms-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

textarea::ms-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

.form-input::ms-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

.form-input:focus {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px #1e9bff1a;
}

.form-input:disabled, .form-input[disabled] {
  background-color: var(--bg-input-disabled) !important;
  background: var(--bg-input-disabled) !important;
  border: 1px solid var(--border-input-disabled) !important;
  border-color: var(--border-input-disabled) !important;
  color: #e2e8f0 !important;
  cursor: not-allowed !important;
  height: 40px !important;
  padding: var(--spacing-md) var(--spacing-lg) !important;
  border-radius: var(--radius-sm) !important;
  font-size: var(--font-size-sm) !important;
  box-sizing: border-box !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  width: 100% !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  appearance: none !important;
  opacity: 1 !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  font-family: Inter, sans-serif !important;
}

.form-input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}

.form-input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}

.form-input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}

.form-input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input-default) inset !important;
  background-color: var(--bg-input-default) !important;
  border-color: var(--border-input-default) !important;
}

input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input-default) inset !important;
  background-color: var(--bg-input-default) !important;
  border-color: var(--border-input-default) !important;
}

input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input-default) inset !important;
  background-color: var(--bg-input-default) !important;
  border-color: var(--border-input-default) !important;
}

input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input-default) inset !important;
  background-color: var(--bg-input-default) !important;
  border-color: var(--border-input-default) !important;
}

input[style*="--bg-input"]:-webkit-autofill {
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

input[style*="--bg-input"]:-webkit-autofill:hover {
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

input[style*="--bg-input"]:-webkit-autofill:focus {
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

input[style*="--bg-input"]:-webkit-autofill:active {
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

@keyframes onAutoFillStart {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

input:-webkit-autofill {
  animation-name: onAutoFillStart;
  animation-duration: 1ms;
}

input[type="text"]:disabled:not(.form-input), input[type="text"][disabled]:not(.form-input), input[type="email"]:disabled:not(.form-input), input[type="email"][disabled]:not(.form-input), input[type="tel"]:disabled:not(.form-input), input[type="tel"][disabled]:not(.form-input), input[type="password"]:disabled:not(.form-input), input[type="password"][disabled]:not(.form-input), input[type="number"]:disabled:not(.form-input), input[type="number"][disabled]:not(.form-input), input:disabled:not(.form-input), input[disabled]:not(.form-input), select:disabled:not(.form-input), select[disabled]:not(.form-input) {
  background-color: var(--bg-input-disabled) !important;
  background: var(--bg-input-disabled) !important;
  color: #e2e8f0 !important;
  cursor: not-allowed !important;
  border: 1px solid var(--border-input-disabled) !important;
  border-color: var(--border-input-disabled) !important;
  opacity: 1 !important;
  appearance: none !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  background-image: none !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.form-input-disabled, input.form-input-disabled, select.form-input-disabled, input[type="text"].form-input-disabled, input[type="email"].form-input-disabled, input[type="tel"].form-input-disabled, input[type="password"].form-input-disabled, input[type="number"].form-input-disabled {
  background-color: var(--bg-input-disabled) !important;
  color: #e2e8f0 !important;
  cursor: not-allowed !important;
  border: 1px solid var(--border-input-disabled) !important;
  opacity: 1 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

:-webkit-any(.form-input:disabled:-webkit-autofill, .form-input[disabled]:-webkit-autofill) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
  height: 40px !important;
  padding: var(--spacing-md) var(--spacing-lg) !important;
  border-radius: var(--radius-sm) !important;
  box-sizing: border-box !important;
}

:is(.form-input:disabled:autofill, .form-input[disabled]:autofill) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
  height: 40px !important;
  padding: var(--spacing-md) var(--spacing-lg) !important;
  border-radius: var(--radius-sm) !important;
  box-sizing: border-box !important;
}

input[type="text"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="text"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="email"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="email"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="tel"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="tel"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="password"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="password"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="number"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="number"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

select:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

select[disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

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

.input-icon-right {
  right: var(--spacing-lg);
  cursor: pointer;
  color: var(--icon-secondary);
  width: 20px;
  height: 20px;
  transition: color var(--transition-fast);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.input-icon-right:hover {
  color: var(--text-secondary);
}

.btn {
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: Inter, sans-serif;
  font-size: var(--font-size-sm);
  padding: var(--spacing-lg);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  width: 100%;
  height: 44px;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  box-sizing: border-box;
  border: none;
  outline: none;
  font-weight: 500;
  display: flex;
}

.btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.btn-sm {
  height: 36px;
  font-size: var(--font-size-sm);
  padding: 0 12px;
}

.btn-md {
  font-size: var(--font-size-sm);
  height: auto;
  padding: 8px 16px;
}

.btn-primary {
  background-color: var(--accent-primary);
  color: #fff;
  border: none;
}

.btn-primary:hover:not(:disabled) {
  background-color: var(--accent-hover);
}

.btn-primary:active:not(:disabled) {
  background-color: var(--accent-active);
  transform: scale(.98);
}

.btn-primary:disabled {
  cursor: not-allowed;
  opacity: 1;
  background-color: #475569;
}

.btn-secondary {
  color: var(--text-input-default);
  background-color: #020617;
  border: 1px solid #334155;
}

.btn-secondary:hover:not(:disabled) {
  background-color: #0f172a;
}

.btn-secondary:active:not(:disabled) {
  background-color: #1e293b;
  transform: scale(.98);
}

.btn-secondary:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.btn-secondary-alt {
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
  background-color: #0000;
}

.btn-secondary-alt:hover:not(:disabled) {
  background-color: #ffffff0d;
}

.btn-secondary-alt:active:not(:disabled) {
  background-color: #ffffff1a;
  transform: scale(.98);
}

.btn-secondary-alt:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.btn-inline {
  width: auto;
}

.btn-icon {
  cursor: pointer;
  width: 32px;
  height: 32px;
  transition: background-color var(--transition-fast);
  background-color: #0000;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.btn-icon:hover:not(:disabled) {
  background-color: #ffffff0d;
}

.btn-icon:active:not(:disabled) {
  background-color: #ffffff1a;
}

.link {
  color: var(--text-link);
  font-family: Inter, sans-serif;
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: color var(--transition-fast);
  text-decoration: underline;
}

.link:hover {
  color: var(--text-secondary);
}

.heading {
  font-family: Open Sans, sans-serif;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.error-message {
  color: #ef4444;
  font-size: var(--font-size-xs);
  margin-top: var(--spacing-xs);
  font-family: Inter, sans-serif;
}

.spinner {
  border: 2px solid #fff3;
  border-top-color: var(--text-primary);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .6s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.mt-xs {
  margin-top: var(--spacing-xs);
}

.mt-sm {
  margin-top: var(--spacing-sm);
}

.mt-md {
  margin-top: var(--spacing-md);
}

.mt-lg {
  margin-top: var(--spacing-lg);
}

.mt-xl {
  margin-top: var(--spacing-xl);
}

.mb-xs {
  margin-bottom: var(--spacing-xs);
}

.mb-sm {
  margin-bottom: var(--spacing-sm);
}

.mb-md {
  margin-bottom: var(--spacing-md);
}

.mb-lg {
  margin-bottom: var(--spacing-lg);
}

.mb-xl {
  margin-bottom: var(--spacing-xl);
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.gap-sm {
  gap: var(--spacing-sm);
}

.gap-md {
  gap: var(--spacing-md);
}

.gap-lg {
  gap: var(--spacing-lg);
}

.page-layout-content .data-table-container {
  background-color: var(--bg-table);
  border: 1px solid #e2e8f0;
}

.page-layout-content .data-table-header {
  background-color: var(--bg-table);
  border-bottom: 1px solid #e2e8f0;
}

.page-layout-content .data-table-header-cell, .page-layout-content .data-table-header-spacer {
  color: #0f172a;
  text-align: center;
  border-right: none;
  justify-content: center;
}

.page-layout-content .data-table-row {
  background-color: var(--bg-table);
  border-bottom: 1px solid #e2e8f0;
}

.page-layout-content .data-table-row-clickable:hover {
  background-color: #f8fafc !important;
}

.page-layout-content .data-table-cell {
  color: #1e293b;
  text-align: center;
  border-right: none;
  justify-content: center;
}

.page-layout-content .data-table-cell-content-wrapper {
  justify-content: center;
}

.page-layout-content .data-table-body {
  overflow: visible;
}

.page-layout-content .data-table-edit-button:hover {
  color: var(--accent-primary);
}

.page-layout-content .data-table-sticky-edit-column, .page-layout-content .data-table-sticky-edit-header, .page-layout-content .data-table-sticky-edit-row {
  background-color: var(--bg-table);
  border-color: #e2e8f0;
}

.page-layout-content .data-table-header-cell-fixed-right, .page-layout-content .data-table-cell-fixed-right {
  z-index: 2;
  background-color: var(--bg-table);
  position: sticky;
  right: 0;
}

.page-layout-content .data-table-body-scroll.data-table-has-horizontal-scroll .data-table-header-cell-fixed-right, .page-layout-content .data-table-body-scroll.data-table-has-horizontal-scroll .data-table-cell-fixed-right, .page-layout-content .data-table-header-h-scroll.data-table-has-horizontal-scroll .data-table-header-cell-fixed-right, .page-layout-content .data-table-body-h-scroll.data-table-has-horizontal-scroll .data-table-cell-fixed-right {
  box-shadow: -4px 0 8px #0000000f;
}

.page-layout-content .form-select-virtualized-select-field {
  color: oklch(14.5% 0 0);
  background-color: #f3f3f5;
  border: 1px solid oklch(92.2% 0 0);
}

.page-layout-content .form-select-virtualized-select-field-open {
  border-color: #94a3b8;
}

.page-layout-content .form-select-virtualized-select-field-has-value {
  color: oklch(14.5% 0 0);
}

.page-layout-content .form-input:not(:disabled):not([disabled]) {
  color: oklch(14.5% 0 0) !important;
  -webkit-text-fill-color: oklch(14.5% 0 0) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #f3f3f5 !important;
  border: 1px solid oklch(92.2% 0 0) !important;
}

.page-layout-content .form-input:focus {
  border-color: #94a3b8 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #94a3b8 !important;
}

.page-layout-content .form-select-virtualized-dropdown {
  background-color: #fff;
  border: 1px solid oklch(92.2% 0 0);
}

.page-layout-content .form-select-virtualized-search-container {
  border-bottom: 1px solid oklch(92.2% 0 0);
}

.page-layout-content .form-select-virtualized-search-input {
  color: oklch(14.5% 0 0);
  background-color: #f3f3f5;
  border: 1px solid oklch(92.2% 0 0);
}

.page-layout-content .form-select-virtualized-option {
  color: oklch(14.5% 0 0);
}

.page-layout-content .form-select-virtualized-option:hover, .page-layout-content .form-select-virtualized-option-highlighted {
  background-color: #0000000f;
}

.page-layout-content .form-select-virtualized-option-selected, .page-layout-content .form-select-virtualized-option-selected-highlighted {
  background-color: #00000014;
}

[data-theme="dark"] .page-layout-content .data-table-container, [data-theme="dark"] .page-layout-content .data-table-body {
  background-color: var(--bg-table);
}

[data-theme="dark"] .page-layout-content .data-table-header, [data-theme="dark"] .page-layout-content .data-table-row {
  border-color: var(--border-table);
}

[data-theme="dark"] .page-layout-content .data-table-cell, [data-theme="dark"] .page-layout-content .data-table-header-cell {
  color: var(--text-primary);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-dropdown {
  background-color: var(--bg-input);
  border-color: var(--border-table);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-search-container {
  border-bottom-color: var(--border-table);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-search-input {
  background-color: var(--bg-input);
  border-color: var(--border-table);
  color: var(--text-primary);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-option {
  color: var(--text-primary);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-option:hover, [data-theme="dark"] .page-layout-content .form-select-virtualized-option-highlighted {
  background-color: #ffffff14;
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-option-selected, [data-theme="dark"] .page-layout-content .form-select-virtualized-option-selected-highlighted {
  background-color: #ffffff1f;
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-select-field {
  background-color: var(--bg-input);
  border-color: var(--border-table);
  color: var(--text-primary);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-select-field-open {
  border-color: var(--border-table);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-select-field-has-value {
  color: var(--text-primary);
}

.change-password-dialog-content {
  color: #0f172a;
  box-sizing: border-box;
  flex-direction: column;
  min-height: 0;
  background-color: #fff !important;
  width: min(520px, 100vw - 2rem) !important;
  max-width: min(520px, 100vw - 2rem) !important;
  padding: 24px 0 24px 24px !important;
  display: flex !important;
}

.change-password-dialog-content > button:last-child {
  cursor: pointer !important;
  color: #0f172a !important;
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  outline: none !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  display: flex !important;
}

.change-password-dialog-content > button:last-child:hover {
  color: #0f172a !important;
  background: #f1f5f9 !important;
}

.change-password-dialog-content > button:last-child:focus, .change-password-dialog-content > button:last-child:focus-visible {
  box-shadow: none !important;
  background: none !important;
  outline: none !important;
}

.change-password-dialog-content > button:last-child:focus:hover, .change-password-dialog-content > button:last-child:focus-visible:hover {
  background: #f1f5f9 !important;
}

.change-password-dialog-content > button:last-child svg {
  color: #0f172a !important;
  stroke: #0f172a !important;
  width: 20px !important;
  height: 20px !important;
}

.change-password-dialog-content h2, .change-password-dialog-content [class*="Title"] {
  color: #0f172a !important;
}

.change-password-dialog-content .create-user-dialog-title {
  font-size: 1.375rem;
  font-weight: 700;
}

.change-password-dialog-content [class*="DialogHeader"] {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 16px;
  padding-right: 24px;
}

.change-password-dialog-content label {
  color: #0f172a !important;
}

.change-password-dialog-content input, .change-password-dialog-content input[type="password"], .change-password-dialog-content input[type="text"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.change-password-dialog-content input:focus {
  border-color: #cbd5e1 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #cbd5e1, inset 0 0 0 1000px #f3f3f5 !important;
}

.change-password-dialog-content input::placeholder, .change-password-dialog-content .form-input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.change-password-dialog-content input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.change-password-dialog-content .form-input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.change-password-dialog-content input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.change-password-dialog-content .form-input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.approval-otp-dialog .MuiOutlinedInput-root {
  color: #0a0a0a !important;
  background-color: #fff !important;
}

.approval-otp-dialog .MuiOutlinedInput-root.Mui-disabled {
  color: #737373 !important;
  background-color: #f3f3f5 !important;
}

.approval-otp-dialog input, .approval-otp-dialog .MuiInputBase-input {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  background-color: #0000 !important;
}

.approval-otp-dialog input:disabled, .approval-otp-dialog .MuiInputBase-input.Mui-disabled {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
  background-color: #0000 !important;
}

.approval-otp-dialog input::placeholder, .approval-otp-dialog .MuiInputBase-input::placeholder {
  color: #737373 !important;
  opacity: 1 !important;
}

.change-password-dialog-content .change-password-dialog-form-body {
  flex-direction: column;
  flex: 1;
  gap: 20px;
  min-height: 0;
  padding: 20px 24px 0 0;
  display: flex;
  overflow-y: auto;
}

.change-password-dialog-content .change-password-dialog-footer {
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding: 16px 24px 0 0;
  display: flex;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  min-width: 88px;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s, color .15s;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn-cancel {
  color: #0f172a !important;
  background-color: #fff !important;
  border: 1px solid #e2e8f0 !important;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn-cancel:hover:not(:disabled) {
  background-color: #f8fafc !important;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn-primary {
  background-color: var(--accent-primary) !important;
  color: #fff !important;
  border: 1px solid var(--accent-primary) !important;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn-primary:hover:not(:disabled) {
  background-color: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

.facility-details-view {
  color: #0a0a0a;
}

.facility-details-view h1, .facility-details-view h2, .facility-details-view [data-slot="card-title"] {
  color: #0a0a0a !important;
  opacity: 1 !important;
}

.facility-details-view input:not([type="checkbox"]):not([type="radio"]), .facility-details-view textarea {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #f3f3f5 !important;
  border: 1px solid #e5e5e5 !important;
}

.facility-details-view input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view textarea:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view textarea:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view textarea:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view.facility-details-view--readonly .facility-details-readonly-select-trigger span {
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:not([type="checkbox"]):not([type="radio"]), .facility-details-view.facility-details-view--readonly textarea {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:-webkit-autofill {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:-webkit-autofill:hover {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:-webkit-autofill:focus {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:-webkit-autofill:active {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly textarea:-webkit-autofill {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly textarea:-webkit-autofill:active {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.templates-empty-icon {
  color: #737373;
}

.templates-table .templates-table-th-actions, .templates-table .templates-table-td-actions {
  text-align: right;
}

.ris-config-page .esc-step-card input[type="text"].esc-matrix-timer-input:disabled, .ris-config-page .esc-step-card input[type="text"].esc-matrix-timer-input[disabled], .ris-config-page .esc-step-card input[type="text"].esc-matrix-reminder-input:disabled, .ris-config-page .esc-step-card input[type="text"].esc-matrix-reminder-input[disabled], .ris-config-page .esc-step-card select.esc-input:disabled, .ris-config-page .esc-step-card select.esc-input[disabled] {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  cursor: default !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  margin: 0;
  padding: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

#root {
  min-height: 100vh;
}

.app-sidebar {
  z-index: 30;
  background: var(--bg-sidebar, oklch(97% 0 0));
  border-right: 1px solid var(--border-filter, #e2e8f0);
  flex-direction: column;
  width: 72px;
  height: 100%;
  transition: transform .3s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  overflow: visible;
}

.app-sidebar-logo {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 12px;
  display: flex;
}

.app-sidebar-logo-icon {
  object-fit: contain;
  width: 32px;
  height: 32px;
}

.app-sidebar-nav {
  flex-direction: column;
  flex: 1;
  padding: 16px 0;
  display: flex;
  overflow: visible auto;
}

.app-sidebar-item-wrap {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.app-sidebar-tooltip-portal {
  background: var(--accent-primary, #0ea5e9);
  color: #fff;
  white-space: nowrap;
  pointer-events: none;
  z-index: 9999;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  position: fixed;
  box-shadow: 0 2px 8px #0000001f;
}

.app-sidebar-tooltip-portal:before {
  content: "";
  border: 5px solid #0000;
  border-right-color: var(--accent-primary, #0ea5e9);
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.app-sidebar-item {
  cursor: pointer;
  color: #64748b;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: calc(100% - 12px);
  height: 48px;
  margin: 0 6px 4px;
  transition: background .15s, color .15s;
  display: flex;
  position: relative;
}

.app-sidebar-item:hover {
  color: var(--accent-primary);
  background: oklch(61% .11 222 / .15);
}

.app-sidebar-item.active {
  color: var(--accent-primary);
  background: oklch(61% .11 222 / .12);
}

.app-sidebar-item.active:before {
  content: "";
  background: var(--accent-primary);
  border-radius: 0 2px 2px 0;
  width: 3px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
}

.app-sidebar-item svg, .app-sidebar-item .app-sidebar-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.app-sidebar-help {
  cursor: pointer;
  color: #94a3b8;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: calc(100% - 12px);
  height: 48px;
  margin: auto 6px 0;
  padding: 12px 0;
  font-size: 18px;
  font-weight: 600;
  transition: background .15s, color .15s;
  display: flex;
}

.app-sidebar-help:hover {
  color: var(--accent-primary);
  background: oklch(61% .11 222 / .15);
}

@media (width <= 1023px) {
  .app-sidebar {
    box-shadow: 4px 0 12px #00000014;
  }
}

body.ohif-imaging-worklist-route {
  background-color: #fff !important;
}

.ohif-imaging-worklist {
  color: #0f172a;
  box-sizing: border-box;
  flex: auto;
  width: 100%;
  min-height: 100%;
}

.ohif-imaging-worklist .imaging-worklist-sheet {
  box-sizing: border-box;
  min-width: 0;
}

.ohif-imaging-worklist .imaging-worklist-toolbar-divider {
  box-sizing: border-box;
  border: 0;
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
  width: calc(100% + 1rem);
  height: 0;
  margin: 0 -.5rem 2rem;
  display: block;
}

@media (width >= 640px) {
  .ohif-imaging-worklist .imaging-worklist-toolbar-divider {
    width: calc(100% + 2rem);
    margin-bottom: 2rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.ohif-imaging-worklist .imaging-worklist-main-scroll {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ohif-imaging-worklist .imaging-worklist-main-scroll--loading-host {
  min-height: 12rem;
  position: relative;
}

.ohif-imaging-worklist .imaging-worklist-loading-overlay {
  z-index: 50;
  min-height: 12rem;
  position: absolute;
  inset: 0;
}

.ohif-imaging-worklist .imaging-worklist-loading-overlay svg g {
  fill: #0f172a;
}

.ohif-imaging-worklist .imaging-worklist-table-x-scroll {
  box-sizing: border-box;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  border-left: 2px solid #e2e8f0;
  border-right: 2px solid #e2e8f0;
  flex: 0 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  margin-top: .75rem;
  overflow: auto;
}

.ohif-imaging-worklist .imaging-worklist-table-outer {
  box-sizing: border-box;
  margin-top: .75rem;
}

@media (width >= 640px) {
  .ohif-imaging-worklist .imaging-worklist-table-outer {
    margin-top: 0;
  }
}

.ohif-imaging-worklist table.imaging-worklist-table {
  border-collapse: separate;
  border-spacing: 0;
}

.ohif-imaging-worklist table.imaging-worklist-table thead tr.imaging-worklist-table__header-row, .ohif-imaging-worklist table.imaging-worklist-table tbody tr {
  border-bottom: none !important;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td {
  border-bottom: 2px solid #f1f5f9;
}

.ohif-imaging-worklist h2, .ohif-imaging-worklist label, .ohif-imaging-worklist label span, .ohif-imaging-worklist .imaging-toolbar-title {
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
}

.ohif-imaging-worklist input[type="search"]:not(.imaging-worklist-search__input), .ohif-imaging-worklist input[type="text"], .ohif-imaging-worklist input[type="date"]:not(.imaging-worklist-date-field__input), .ohif-imaging-worklist select, .ohif-imaging-worklist textarea {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}

.ohif-imaging-worklist .imaging-worklist-date-field {
  box-sizing: border-box;
  background: #f3f3f5;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  flex-shrink: 0;
  width: 137px;
  height: 36px;
  position: relative;
}

.ohif-imaging-worklist .imaging-worklist-date-field:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px #3b82f6;
}

.ohif-imaging-worklist .imaging-worklist-date-field__input {
  z-index: 2;
  box-sizing: border-box;
  opacity: .01;
  cursor: pointer;
  border-radius: 5.2px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  position: absolute;
  inset: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color: #0000 !important;
  -webkit-text-fill-color: transparent !important;
  background: none !important;
  border: none !important;
  outline: none !important;
}

.ohif-imaging-worklist .imaging-worklist-date-field__input:focus {
  box-shadow: none !important;
}

.ohif-imaging-worklist .imaging-worklist-date-field__input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  inset: 0;
}

.ohif-imaging-worklist .imaging-worklist-date-field__face {
  box-sizing: border-box;
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  display: flex;
}

.ohif-imaging-worklist .imaging-worklist-date-field__label {
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 82.477px;
  height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  overflow: hidden;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

.ohif-imaging-worklist .imaging-worklist-date-field__calendar-icon {
  aspect-ratio: 1;
  color: #64748b;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.ohif-imaging-worklist .imaging-worklist-search {
  box-sizing: border-box;
  background: #f3f3f5;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  width: 192px;
  height: 36px;
  padding: 4px 20px 4px 12px;
  display: flex;
}

.ohif-imaging-worklist .imaging-worklist-search:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px #3b82f6;
}

.ohif-imaging-worklist .imaging-worklist-search__icon {
  pointer-events: none;
  color: #64748b;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.ohif-imaging-worklist .imaging-worklist-search__icon g[transform] {
  stroke: #64748b !important;
}

.ohif-imaging-worklist .imaging-worklist-search input.imaging-worklist-search__input[type="search"] {
  border-radius: 0;
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  background: none !important;
  border: none !important;
  outline: none !important;
}

.ohif-imaging-worklist .imaging-worklist-search input.imaging-worklist-search__input[type="search"]::placeholder {
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  opacity: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ohif-imaging-worklist .imaging-worklist-filter-dd-wrap {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 136px;
  min-width: 136px;
  max-width: 136px;
}

.ohif-imaging-worklist .imaging-worklist-filter-dd-wrap--wide {
  width: 176px;
  min-width: 176px;
  max-width: 176px;
}

.ohif-imaging-worklist .imaging-worklist-filter-dd-wrap .imaging-worklist-filter-vd-wrap {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.ohif-imaging-worklist .imaging-worklist-filter-dd-wrap .imaging-worklist-filter-vd-wrap > button[type="button"] {
  width: 100%;
}

.ohif-imaging-worklist .imaging-worklist-filter-vd-wrap {
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.ohif-imaging-worklist .imaging-worklist-filter-vd-trigger {
  box-sizing: border-box;
  height: 40px !important;
  min-height: 40px !important;
}

.ohif-imaging-worklist .imaging-worklist-toolbar-filters-row {
  width: 100%;
  position: relative;
}

.ohif-imaging-worklist .imaging-worklist-columns-filter {
  z-index: 20;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.ohif-imaging-worklist .imaging-worklist-columns-filter__btn {
  box-sizing: border-box;
  cursor: pointer;
  width: 93px;
  height: 36px;
  font: inherit;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  outline: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0 10px;
  display: flex;
}

.ohif-imaging-worklist .imaging-worklist-columns-filter__btn:hover {
  background: #fafafa;
}

.ohif-imaging-worklist .imaging-worklist-columns-filter__btn:focus-visible {
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px #3b82f6;
}

.ohif-imaging-worklist .imaging-worklist-columns-filter__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  flex: 0 auto;
  min-width: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
}

.ohif-imaging-worklist .imaging-worklist-columns-filter__icon {
  color: #0a0a0a;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.ohif-imaging-worklist .imaging-worklist-columns-filter__panel {
  z-index: 30;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
}

.ohif-imaging-worklist select option {
  color: #0f172a;
  background-color: #fff;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-modality-col, .ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-modality {
  vertical-align: middle;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-modality {
  box-sizing: border-box;
  min-height: 53px;
  padding: 15.5px 26.133px 15.5px 8px;
  display: table-cell;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-modality .imaging-worklist-modality__inner {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-modality .imaging-worklist-modality-badge {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  justify-content: center;
  align-items: center;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
  padding: 3px 8px 3px 9px;
  display: inline-flex;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-modality .imaging-worklist-modality__empty {
  font-size: 14px;
  line-height: 20px;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-uhid-col, .ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-study-description-col, .ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-tests-col, .ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-clinical-history-col {
  padding-left: 8px;
  padding-right: 8px;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-uhid-col, .ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-uhid {
  vertical-align: middle;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-uhid {
  box-sizing: border-box;
  max-width: 140px;
  padding: 16px 8px 17px;
  display: table-cell;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-uhid .imaging-worklist-uhid__inner {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  display: flex;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-uhid .imaging-worklist-uhid__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  font-family: Consolas, Courier New, monospace !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-tests-col {
  box-sizing: border-box;
  min-width: 120px;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-tests-col, .ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-tests {
  vertical-align: middle;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-tests {
  box-sizing: border-box;
  min-width: 120px;
  max-width: 180px;
  padding: 16px 8px 17px;
  display: table-cell;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-tests .imaging-worklist-tests__inner {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  display: flex;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-tests .imaging-worklist-tests__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-study-description-col, .ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-study-description {
  vertical-align: middle;
  box-sizing: border-box;
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-study-description {
  padding: 8.5px 8px;
  display: table-cell;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-study-description .imaging-worklist-study-description__inner {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  display: flex;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-study-description .imaging-worklist-study-description__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-clinical-history-col, .ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-clinical-history {
  vertical-align: middle;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-clinical-history-col {
  box-sizing: border-box;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-clinical-history {
  box-sizing: border-box;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  min-height: 53px;
  padding: 18.5px 8px;
  display: table-cell;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-clinical-history .imaging-worklist-clinical-history__inner {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  display: flex;
}

.ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-clinical-history .imaging-worklist-clinical-history__text {
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td {
  vertical-align: middle;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td :not(.imaging-worklist-pill):not(.imaging-worklist-report-pill):not(.imaging-worklist-priority-pill):not(.imaging-worklist-ai-pill):not(.imaging-worklist-clinical-history__text):not(.imaging-worklist-tests__text):not(.imaging-worklist-uhid__text):not(.imaging-worklist-modality-badge):not(.imaging-worklist-modality__empty):not(.imaging-worklist-study-description__title):not(a) {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: inherit !important;
}

.ohif-imaging-worklist table.imaging-worklist-table th.imaging-worklist-table__action-col, .ohif-imaging-worklist table.imaging-worklist-table td.imaging-worklist-table__action-col {
  vertical-align: middle;
  box-sizing: border-box;
  border-left: 1px solid #e8edf3;
  width: 105px;
  min-width: 105px;
  max-width: 105px;
  padding: 10px 8px;
  display: table-cell;
}

.ohif-imaging-worklist table.imaging-worklist-table .imaging-worklist-action-col__inner {
  box-sizing: border-box;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  min-height: 52px;
  display: flex;
}

.ohif-imaging-worklist table.imaging-worklist-table thead th.imaging-worklist-table__action-col .imaging-worklist-action-col__inner {
  height: auto;
  min-height: 0;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td a.imaging-worklist-table__action-link {
  box-sizing: border-box;
  text-align: center;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 32px;
  padding: 0 8px;
  text-decoration: none;
  display: flex;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td a.imaging-worklist-table__action-link:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td a.imaging-worklist-table__action-link:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #64748b;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td a.imaging-worklist-table__action-link * {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td a.imaging-worklist-table__action-link .imaging-worklist-table__action-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.ohif-imaging-worklist table.imaging-worklist-table thead th {
  vertical-align: middle;
  z-index: 2;
  text-transform: none;
  letter-spacing: normal;
  background-color: #f8fafc;
  background-clip: padding-box;
  border-top: 2px solid #e2e8f0;
  border-bottom: none;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  position: sticky;
  top: 0;
  box-shadow: inset 0 -2px #e2e8f0;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
}

.ohif-imaging-worklist table.imaging-worklist-table thead th.imaging-worklist-table__action-col {
  z-index: 5;
  background-color: #f8fafc;
  border-bottom: none;
  right: 0;
  box-shadow: inset 0 -2px #e2e8f0, -2px 0 4px -1px #0f172a0f;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody td.imaging-worklist-table__action-col {
  z-index: 3;
  border-bottom: 2px solid #f1f5f9;
  position: sticky;
  right: 0;
  box-shadow: -2px 0 4px -1px #0f172a0e;
  background-color: #fff !important;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody tr.imaging-worklist-table__row--critical > td {
  background-color: #fef2f2 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table tbody tr.imaging-worklist-table__row--critical > td.imaging-worklist-table__action-col {
  background-color: #fff !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-pill {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-priority-pill {
  box-sizing: border-box;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: normal;
  vertical-align: middle;
  border: 1px solid #0000;
  border-radius: 5.2px;
  justify-content: center;
  align-items: center;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
  padding: 3px 8.023px 3px 9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: inline-flex;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-priority-pill.imaging-worklist-priority-pill--urgent {
  background: #df2225;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-priority-pill.imaging-worklist-priority-pill--muted {
  background: #f4f4f5;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
}

.imaging-worklist-priority-cell {
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.imaging-worklist-priority-boost {
  color: #0e7490;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-report-pill {
  box-sizing: border-box;
  white-space: nowrap;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
  box-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  vertical-align: middle;
  border-radius: 5.2px;
  justify-content: center;
  align-items: center;
  padding: 3px 8.352px 3px 9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: inline-flex;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-report-pill.imaging-worklist-report-pill--pending {
  background: #9d174d1a;
  border: 1px solid #f9a8d4;
  color: #9d174d !important;
  -webkit-text-fill-color: #9d174d !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-report-pill.imaging-worklist-report-pill--drafted {
  background: #ff69001a;
  border: 1px solid #ffd6a7;
  color: #ca3500 !important;
  -webkit-text-fill-color: #ca3500 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-report-pill.imaging-worklist-report-pill--awaiting {
  background: #1447e61a;
  border: 1px solid #b6c9fc;
  color: #1447e6 !important;
  -webkit-text-fill-color: #1447e6 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-report-pill.imaging-worklist-report-pill--rejected {
  background: #c100071a;
  border: 1px solid #fecaca;
  color: #c10007 !important;
  -webkit-text-fill-color: #c10007 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-report-pill.imaging-worklist-report-pill--approved {
  background: #16a34a1a;
  border: 1px solid #bbf7d0;
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-report-pill.imaging-worklist-report-pill--default {
  background: #64748b14;
  border: 1px solid #e2e8f0;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-ai-pill {
  box-sizing: border-box;
  white-space: nowrap;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  box-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  vertical-align: middle;
  cursor: default;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 2px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-ai-pill .imaging-worklist-ai-pill__icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-ai-pill.imaging-worklist-ai-pill--normal {
  background: #e8f8ee;
  color: #1b7a3d !important;
  -webkit-text-fill-color: #1b7a3d !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-ai-pill.imaging-worklist-ai-pill--abnormal {
  background: #fde8ea;
  color: #c62828 !important;
  -webkit-text-fill-color: #c62828 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-ai-pill.imaging-worklist-ai-pill--pending {
  background: #fff8e6;
  color: #a16207 !important;
  -webkit-text-fill-color: #a16207 !important;
}

.ohif-imaging-worklist table.imaging-worklist-table td span.imaging-worklist-ai-pill.imaging-worklist-ai-pill--failed {
  background: #f1f5f9;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

.ohif-imaging-worklist .imaging-worklist-pagination {
  box-sizing: border-box;
  background-color: #fff;
  border-top: 2px solid #e2e8f0;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0;
  display: flex;
}

.ohif-imaging-worklist .imaging-worklist-pagination__summary {
  white-space: nowrap;
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.ohif-imaging-worklist .imaging-worklist-pagination__page-label {
  white-space: nowrap;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

.ohif-imaging-worklist .imaging-worklist-pagination__right {
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  display: flex;
}

.ohif-imaging-worklist .imaging-worklist-pagination__per-page {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ohif-imaging-worklist .imaging-worklist-pagination__per-page-label {
  white-space: nowrap;
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.ohif-imaging-worklist .imaging-worklist-pagination__per-page-select {
  box-sizing: border-box;
  cursor: pointer;
  appearance: auto;
  border-radius: 4px;
  min-width: 56px;
  height: 28px;
  margin: 0;
  padding: 0 24px 0 8px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background-color: #fff !important;
  border: 1px solid #cbd5e1 !important;
}

.ohif-imaging-worklist .imaging-worklist-pagination__per-page-select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 1px #3b82f6;
  border-color: #3b82f6 !important;
}

.ohif-imaging-worklist .imaging-worklist-pagination__controls {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.ohif-imaging-worklist .imaging-worklist-pagination__nav-btn {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  height: 28px;
  margin: 0;
  padding: 0 8px;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background-color: #fff !important;
  border: 1px solid #cbd5e1 !important;
}

.ohif-imaging-worklist .imaging-worklist-pagination__nav-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.pagination {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  padding: 4px 0;
  display: flex;
}

.pagination-info {
  color: var(--text-muted, #64748b);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.pagination-controls {
  align-items: center;
  gap: 8px;
  display: flex;
}

.pagination-btn {
  border: 1px solid var(--border-filter, #cbd5e1);
  color: #0f172a;
  cursor: pointer;
  opacity: 1;
  background-color: #f8fafc;
  border-radius: 6px;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.pagination-btn:hover:not(:disabled) {
  background-color: #f1f5f9;
}

.pagination-btn:disabled {
  color: #94a3b8;
  cursor: not-allowed;
  opacity: .6;
}

.pagination-page-text {
  color: #334155;
  text-align: center;
  min-width: 72px;
  font-size: 14px;
  font-weight: 500;
}

.data-table-container {
  background-color: #0f172a;
  border: 1px solid #1e293b;
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.data-table-scroll-container {
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.data-table-body-scroll {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: auto hidden;
}

.data-table-container.data-table-page-sticky {
  height: auto;
  min-height: 0;
  overflow: visible;
}

.data-table-page-sticky-header-shell {
  z-index: 2;
  background-color: #1e293b;
  flex-shrink: 0;
  position: sticky;
  top: 0;
}

.data-table-page-sticky .data-table-scroll-container {
  overflow: visible;
}

.data-table-page-sticky .data-table-header {
  z-index: auto;
  position: static;
}

.data-table-header-h-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  min-width: 0;
  overflow: auto visible;
}

.data-table-header-h-scroll::-webkit-scrollbar {
  height: 0;
  display: none;
}

.data-table-page-sticky-body-wrap {
  flex-direction: column;
  flex: none;
  min-width: 0;
  display: flex;
  overflow: visible;
}

.data-table-body-h-scroll {
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 var(--border-table, #e2e8f0);
  width: 100%;
  min-width: 0;
  display: block;
  overflow: auto visible;
}

.data-table-body-h-scroll::-webkit-scrollbar {
  height: 8px;
}

.data-table-body-h-scroll::-webkit-scrollbar-track {
  background: var(--border-table, #e2e8f0);
  border-radius: 4px;
}

.data-table-body-h-scroll::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}

.data-table-body-h-scroll::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.data-table-page-sticky-body-inner {
  flex-direction: column;
  flex: none;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.data-table-header-cell-fixed-right, .data-table-cell-fixed-right {
  z-index: 2;
  background-color: inherit;
  flex: none;
  position: sticky;
  right: 0;
}

.data-table-body-scroll.data-table-has-horizontal-scroll .data-table-header-cell-fixed-right, .data-table-body-scroll.data-table-has-horizontal-scroll .data-table-cell-fixed-right, .data-table-header-h-scroll.data-table-has-horizontal-scroll .data-table-header-cell-fixed-right, .data-table-body-h-scroll.data-table-has-horizontal-scroll .data-table-cell-fixed-right {
  box-shadow: -4px 0 8px #0000000f;
}

.data-table-body-scroll::-webkit-scrollbar {
  height: 8px;
}

.data-table-body-scroll::-webkit-scrollbar-track {
  background: var(--border-table, #e2e8f0);
  border-radius: 4px;
}

.data-table-body-scroll::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}

.data-table-body-scroll::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.data-table-body-scroll {
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 var(--border-table, #e2e8f0);
}

.data-table-inner-container {
  flex-direction: column;
  flex: 1;
  min-width: max-content;
  min-height: 0;
  display: flex;
}

.data-table-full-width .data-table-inner-container, .data-table-full-width .data-table-header, .data-table-full-width .data-table-row, .data-table-full-width .data-table-page-sticky-body-inner .data-table-row {
  width: 100%;
  min-width: 0;
}

.data-table-full-width .data-table-header, .data-table-full-width .data-table-row {
  box-sizing: border-box;
}

.data-table-full-width .data-table-header-cell, .data-table-full-width .data-table-cell {
  flex-shrink: 1;
}

.data-table-full-width .data-table-page-sticky-body-inner {
  width: 100%;
  min-width: 0;
}

.data-table-header {
  z-index: 1;
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
  flex-shrink: 0;
  min-width: max-content;
  min-height: 48px;
  display: flex;
  position: sticky;
  top: 0;
}

.data-table-header-cell {
  box-sizing: border-box;
  color: #cbd5e1;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  width: 150px;
  min-width: 0;
  padding: 14px 12px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.data-table-header-cell-center {
  text-align: center;
}

.data-table-header-cell-right {
  text-align: right;
}

.data-table-header-spacer {
  color: #cbd5e1;
  text-align: center;
  flex-shrink: 0;
  width: 40px;
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
}

.data-table-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden auto;
}

.data-table-empty-state {
  text-align: center;
  color: #64748b;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 200px;
  padding: 48px;
  font-size: 14px;
  display: flex;
}

.data-table-row {
  cursor: default;
  background-color: #0f172a;
  border-bottom: 1px solid #1e293b;
  min-width: max-content;
  min-height: 56px;
  transition: background-color .2s;
  display: flex;
}

.data-table-row-clickable {
  cursor: pointer;
}

.data-table-row-clickable:hover {
  background-color: #1e293b !important;
}

.data-table-cell {
  box-sizing: border-box;
  color: #e2e8f0;
  text-align: left;
  flex-shrink: 0;
  align-items: center;
  width: 150px;
  min-width: 0;
  padding: 16px 12px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.data-table-cell-center {
  text-align: center;
}

.data-table-cell-right {
  text-align: right;
}

.data-table-cell-visible {
  overflow: visible;
}

.data-table-cell-content-wrapper {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.data-table-cell-content-wrapper-center {
  justify-content: center;
}

.data-table-cell-content-wrapper-right {
  justify-content: flex-end;
}

.data-table-cell-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  line-height: 1.5;
  overflow: hidden;
}

.data-table-edit-cell {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
}

.data-table-edit-button {
  cursor: pointer;
  color: #94a3b8;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.data-table-edit-button:hover {
  color: var(--accent-primary);
}

.data-table-sticky-edit-column {
  z-index: 10;
  background-color: #0f172a;
  border-left: 1px solid #1e293b;
  border-right: 1px solid #1e293b;
  flex-direction: column;
  width: 40px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.data-table-sticky-edit-header {
  background-color: #1e293b;
  border-bottom: 1px solid #334155;
  flex-shrink: 0;
  min-height: 48px;
}

.data-table-sticky-edit-body {
  flex: 1;
  min-height: 0;
  overflow: hidden auto;
}

.data-table-sticky-edit-row {
  background-color: #0f172a;
  border-bottom: 1px solid #1e293b;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  display: flex;
}

.form-multi-select-container {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
  position: relative;
}

.form-multi-select-label-wrapper {
  align-items: center;
  gap: 4px;
  display: flex;
  position: relative;
}

.form-multi-select-label {
  color: var(--label-color-default);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.form-multi-select-required {
  color: #dc2626;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: 2px;
  left: -8px;
}

.form-multi-select-field-wrap {
  width: 100%;
  position: relative;
}

.form-multi-select-field {
  background-color: var(--bg-input-default);
  border: 1px solid var(--border-input-default);
  cursor: pointer;
  border-radius: 6px;
  outline: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-height: 36px;
  padding: 8px 32px 8px 12px;
  font-size: 14px;
  font-weight: 400;
  transition: border-color .2s;
  display: flex;
  box-shadow: inset 0 2px 4px #0000000f;
}

.form-multi-select-field--has-chips {
  padding: 4px 32px 4px 8px;
}

.form-multi-select-field--open {
  border-color: var(--accent-primary);
}

.form-multi-select-field--disabled {
  background-color: var(--bg-input-disabled);
  border-color: var(--border-input-disabled);
  cursor: not-allowed;
}

.form-multi-select-placeholder {
  color: var(--text-muted);
  flex: 1;
}

.form-multi-select-chip {
  color: #1e3a8a;
  background-color: #dbeafe;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.form-multi-select-chip-remove {
  color: #1e3a8a;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  padding: 0;
  transition: background-color .15s;
  display: flex;
}

.form-multi-select-chip-remove:hover {
  background-color: #1e3a8a33;
}

.form-multi-select-chevron {
  pointer-events: none;
  color: #334155;
  align-items: center;
  transition: transform .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.form-multi-select-chevron--open {
  transform: translateY(-50%)rotate(180deg);
}

.form-multi-select-dropdown {
  z-index: 1000;
  background-color: #020617;
  border: 1px solid #334155;
  border-radius: 6px;
  max-height: 200px;
  margin-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

.form-multi-select-option {
  cursor: pointer;
  background-color: #0000;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  transition: background-color .15s;
  display: flex;
}

.form-multi-select-option:hover {
  background-color: #3341554d;
}

.form-multi-select-option--selected, .form-multi-select-option--selected:hover {
  background-color: #2563eb33;
}

.form-multi-select-checkbox {
  background-color: #0000;
  border: 1px solid #334155;
  border-radius: 2px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.form-multi-select-checkbox--checked {
  border-color: var(--accent-primary);
  background-color: var(--accent-primary);
}

.form-multi-select-option-label {
  color: #e2e8f0;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
}

.form-multi-select-error {
  color: #dc2626;
  margin-top: 4px;
  font-size: 12px;
}

.templates-page-container {
  box-sizing: border-box;
  background: #fff;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  padding: 0 0 24px;
  font-family: Arimo, Inter, system-ui, sans-serif;
  display: flex;
}

.templates-page-container.templates-page-container--scroll {
  flex: auto;
  min-height: 0;
  padding-bottom: 5px;
  overflow: hidden;
}

.templates-split {
  flex-direction: row;
  flex: auto;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  display: flex;
}

.templates-split-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden auto;
}

.templates-detail-panel {
  box-sizing: border-box;
  background: #fff;
  border-left: 1px solid #e5e5e5;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  width: min(640px, 58vw);
  max-width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

[data-theme="dark"] .templates-detail-panel {
  background: #0f172a;
  border-left-color: #334155;
}

.create-template-modal.create-template-modal--embedded {
  height: 100%;
  min-height: 0;
  box-shadow: none;
  border: none;
  border-radius: 0;
  flex: auto;
  max-height: none !important;
}

.create-template-modal__header--embedded {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  height: auto;
  min-height: 52px;
  padding: 12px 12px 12px 24px !important;
}

.create-template-modal__header--embedded .create-template-modal__header-main {
  flex: 1;
  width: auto;
  min-width: 0;
}

.create-template-modal__header--embedded .create-template-modal__panel-close {
  align-self: flex-start;
  margin-left: 0;
}

.create-template-modal__header--embedded.create-template-modal--live-name .create-template-modal__header-main {
  align-items: flex-start;
  overflow: visible;
}

.create-template-modal--embedded.create-template-modal--live-name .create-template-modal__title {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  white-space: normal;
  max-height: 86px;
  text-overflow: unset;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.create-template-modal__panel-close {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 8px;
  padding: 0;
  display: inline-flex;
}

.create-template-modal__panel-close:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.templates-table-row--selected {
  background-color: #f4f4f5;
}

.templates-table-row--selected:hover {
  background-color: #ececef;
}

.templates-page-inner.templates-page-inner--scroll {
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.templates-page-inner--scroll .user-management-header, .templates-page-inner--scroll > .user-management-pagination {
  flex-shrink: 0;
}

.templates-table-card.templates-table-card--scroll {
  flex-direction: column;
  flex: none;
  width: 100%;
  display: flex;
  overflow: visible;
}

.templates-empty.templates-empty--fill {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding: 32px 24px;
  display: flex;
}

.templates-page-container, .templates-page-container *, .create-template-modal, .create-template-modal *, .upload-template-modal, .upload-template-modal * {
  font-family: Arimo, Inter, system-ui, sans-serif;
}

[data-theme="dark"] .templates-page-container {
  background: #0f172a;
}

.templates-page-root {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
}

.templates-page-subheader {
  width: 100%;
}

[data-theme="dark"] .templates-page-subheader {
  box-shadow: 0 1px 2px #0003;
  background-color: #1e293b !important;
}

[data-theme="dark"] .templates-page-subheader-row {
  border-bottom-color: #334155;
}

[data-theme="dark"] .templates-page-subheader-title {
  color: #e2e8f0;
}

.templates-page-inner {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  margin-top: 8px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.templates-catalog-update-banner {
  box-sizing: border-box;
  color: #064e3b;
  text-align: left;
  background: #ecfdf5;
  border: 1px solid #6ee7b7;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  margin: 0 0 16px;
  padding: 12px 14px;
  font-family: Arimo, Inter, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  display: flex;
}

.templates-catalog-update-banner__icon {
  color: #047857;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.templates-catalog-update-banner__body {
  flex: auto;
  min-width: 0;
}

.templates-catalog-update-banner__title {
  color: #065f46;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
}

.templates-catalog-update-banner__row {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  display: flex;
}

@media (width >= 640px) {
  .templates-catalog-update-banner__row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
  }
}

.templates-catalog-update-banner__text {
  color: #0f5132;
  flex: auto;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.templates-catalog-update-banner__actions {
  flex-flow: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.templates-catalog-update-banner__btn {
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 36px;
  min-height: 36px;
  padding: 0 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .15s, border-color .15s, opacity .15s;
  display: inline-flex;
}

.templates-catalog-update-banner__btn:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.templates-catalog-update-banner__btn--primary {
  background-color: var(--accent-primary, #0891b2);
  color: #fff;
  border: none;
}

.templates-catalog-update-banner__btn--primary:hover:not(:disabled) {
  background-color: var(--accent-hover, #0e7490);
}

.templates-catalog-update-banner__btn--outline {
  color: #065f46;
  background: #fff;
  border: 1px solid #04785780;
}

.templates-catalog-update-banner__btn--outline:hover:not(:disabled) {
  background: #d1fae5;
  border-color: #047857a6;
}

[data-theme="dark"] .templates-catalog-update-banner {
  color: #d1fae5;
  background: #064e3b73;
  border-color: #6ee7b773;
}

[data-theme="dark"] .templates-catalog-update-banner__title {
  color: #a7f3d0;
}

[data-theme="dark"] .templates-catalog-update-banner__text {
  color: #d1fae5f2;
}

[data-theme="dark"] .templates-catalog-update-banner__icon {
  color: #6ee7b7;
}

[data-theme="dark"] .templates-catalog-update-banner__btn--outline {
  color: #ecfdf5;
  background: #0f172a99;
  border-color: #6ee7b773;
}

[data-theme="dark"] .templates-catalog-update-banner__btn--outline:hover:not(:disabled) {
  background: #064e3b8c;
}

[data-theme="dark"] .templates-catalog-update-banner__btn--primary {
  color: #fff;
}

.templates-bulk-action-row {
  margin-bottom: 12px;
}

.templates-bulk-action-btn {
  min-width: 7.5rem;
}

.templates-subheader-actions {
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.templates-btn-outline {
  color: #0a0a0a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s;
  display: inline-flex;
}

.templates-btn-outline:hover:not(:disabled) {
  background: #f3f3f5;
}

.templates-page--um-filters {
  margin-bottom: 16px;
}

.templates-page--um-filters .user-management-search-input {
  border: 1px solid oklch(92.2% 0 0);
  font-weight: 500;
  background: #fff !important;
}

[data-theme="dark"] .templates-page--um-filters .user-management-search-input {
  border-color: var(--border-table);
  background: #1e293b !important;
}

.templates-page--um-filters .templates-filter-vd-wrap > button[type="button"].templates-filter-vd-trigger {
  background-color: #fff !important;
}

[data-theme="dark"] .templates-page--um-filters .templates-filter-vd-wrap > button[type="button"].templates-filter-vd-trigger {
  background-color: #1e293b !important;
  border-color: #475569 !important;
}

.templates-page--um-filters .user-management-search-input::placeholder {
  color: #525252 !important;
  opacity: 1 !important;
}

[data-theme="dark"] .templates-page--um-filters .user-management-search-input::placeholder {
  color: #94a3b8 !important;
}

[data-theme="dark"] .templates-page--um-filters .user-management-search-input::placeholder {
  color: #94a3b8 !important;
}

.templates-page--um-filters .templates-filter-vd-wrap svg {
  color: #525252 !important;
}

[data-theme="dark"] .templates-page--um-filters .templates-filter-vd-wrap svg {
  color: #94a3b8 !important;
}

.templates-page--um-filters.user-management-filters-inline .user-management-filters {
  flex-wrap: wrap;
  align-items: center;
}

.templates-page--um-filters .templates-filter-dd-wrap {
  max-width: 320px;
  flex: 200px !important;
  width: auto !important;
  min-width: 200px !important;
}

.templates-page--um-filters .templates-filter-dd-wrap .templates-filter-vd-wrap {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.templates-page--um-filters .templates-filter-dd-wrap .templates-filter-vd-wrap > button[type="button"] {
  width: 100%;
}

.templates-page--um-filters .templates-filter-vd-wrap {
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.templates-page--um-filters .templates-filter-vd-trigger {
  box-sizing: border-box;
  height: 40px !important;
  min-height: 40px !important;
}

.templates-page--um-filters .templates-filter-category-wrap {
  min-width: 200px;
  max-width: 320px;
}

.templates-table-card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 11.2px;
  overflow: hidden;
}

.templates-table-wrap {
  overflow-x: auto;
}

.templates-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.templates-table thead th {
  text-align: left;
  color: #0f172a;
  white-space: nowrap;
  background: #f5f5f580;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 16px;
  font-weight: 600;
}

.templates-table thead th:first-child {
  width: 56px;
  padding-left: 12px;
}

.templates-table thead th:nth-child(2), .templates-table tbody td:nth-child(2) {
  width: 34%;
  min-width: 0;
}

.templates-table thead th:nth-child(4), .templates-table tbody td:nth-child(4) {
  width: 16%;
  min-width: 0;
}

.templates-table tbody td:first-child {
  width: 56px;
  padding-left: 12px;
}

.templates-table tbody td {
  vertical-align: middle;
  color: #334155;
  border-bottom: 1px solid #e5e5e5;
  padding: 16px;
  font-size: 14px;
}

.templates-table-th-actions, .templates-table-td-actions {
  width: 112px;
  min-width: 112px;
  text-align: center !important;
}

.templates-table-td-actions {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.templates-table tbody tr:last-child td {
  border-bottom: none;
}

.templates-table .templates-col-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  min-width: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.templates-table.templates-table--figma tbody td.templates-td-modality .templates-badge.templates-badge--figma-secondary {
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
  max-width: 100%;
  display: inline-flex;
  overflow: hidden;
}

.templates-table-wrap.templates-table-wrap--figma {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  border-radius: 6px;
  width: 100%;
  max-height: max(180px, 100dvh - 320px);
  overflow: auto;
}

.templates-table.templates-table--figma {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 1080px;
  font-size: 14px;
}

.templates-table.templates-table--figma thead th {
  z-index: 4;
  letter-spacing: -.01em;
  color: #0a0a0a;
  vertical-align: middle;
  background-color: #fafafa;
  background-clip: padding-box;
  border-bottom: 1px solid #e5e5e5;
  height: 2.5rem;
  min-height: 2.5rem;
  padding: 6px 8px;
  font-size: 14px;
  position: sticky;
  top: 0;
  box-shadow: 0 1px #e5e5e5;
  font-weight: 600 !important;
}

.templates-table.templates-table--figma thead th button, .templates-table.templates-table--figma thead th span {
  font-weight: inherit;
}

[data-theme="dark"] .templates-table.templates-table--figma thead th {
  color: #f8fafc;
  background-color: #1e293b;
  border-bottom-color: #334155;
  box-shadow: 0 1px #334155;
}

.templates-table.templates-table--figma thead th.templates-th-name, .templates-table.templates-table--figma tbody td.templates-col-name {
  width: auto;
  min-width: 200px;
  max-width: none;
}

.templates-table.templates-table--figma thead th.templates-th-body-part, .templates-table.templates-table--figma tbody td.templates-td-body-part {
  width: auto;
  min-width: 0;
}

.templates-table.templates-table--figma tbody td {
  color: #0f172a;
  border-bottom: 1px solid #e5e5e5;
  padding: 8px;
  font-size: 14px;
  line-height: 1.43;
}

.templates-table.templates-table--figma tbody tr:first-child td {
  padding-top: 6px;
}

.templates-table.templates-table--figma tbody tr:last-child td {
  border-bottom: 1px solid #e5e5e5;
}

.templates-table-row--clickable:hover td {
  background: #f5f5f5a6;
}

.templates-th-serial, .templates-td-serial {
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: #737373;
  width: 3rem;
  font-size: 14px;
}

.templates-table.templates-table--figma thead th.templates-th-serial, .templates-table.templates-table--figma tbody td.templates-td-serial {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: border-box;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  padding: 8px;
}

.templates-table.templates-table--figma thead th.templates-th-serial {
  color: #0a0a0a;
}

.templates-page-container .templates-table.templates-table--figma tbody td.templates-td-serial, .templates-page-container .templates-table.templates-table--figma tbody td.templates-col-name.templates-td-name-figma, .templates-page-container .templates-table.templates-table--figma tbody td.templates-col-name.templates-td-name-figma .templates-td-name-text {
  font-weight: 500 !important;
}

.templates-table.templates-table--figma thead th.templates-th-checkbox, .templates-table.templates-table--figma tbody td.templates-td-checkbox {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: border-box;
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  padding: 8px;
}

.templates-table.templates-table--figma .templates-table-row-checkbox {
  vertical-align: middle;
  cursor: pointer;
  accent-color: #2563eb;
  appearance: revert;
  flex-shrink: 0;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.templates-table.templates-table--figma thead th.templates-th-type, .templates-table.templates-table--figma tbody td.templates-td-type {
  text-align: left;
  white-space: nowrap;
  box-sizing: border-box;
  width: 104px;
  min-width: 104px;
  max-width: 104px;
}

.templates-table.templates-table--figma thead th.templates-th-modality, .templates-table.templates-table--figma tbody td.templates-td-modality {
  text-align: left;
  white-space: nowrap;
}

.templates-table.templates-table--figma thead th.templates-th-version, .templates-table.templates-table--figma tbody td.templates-td-version {
  text-align: left;
  white-space: nowrap;
  box-sizing: border-box;
  width: 72px;
  min-width: 72px;
  max-width: 72px;
}

.templates-table.templates-table--figma thead th.templates-th-clone, .templates-table.templates-table--figma tbody td.templates-td-clone {
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  padding: 8px;
}

.templates-table.templates-table--figma thead th.templates-th-mod-at, .templates-table.templates-table--figma tbody td.templates-td-datetime {
  white-space: nowrap;
  width: 1%;
}

.templates-table.templates-table--figma thead th.templates-th-view, .templates-table.templates-table--figma tbody td.templates-td-view {
  max-width: 8rem;
}

.templates-table.templates-table--figma thead th.templates-th-diagnosis, .templates-table.templates-table--figma tbody td.templates-td-diagnosis {
  max-width: 11rem;
}

.templates-th-name-inner {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.templates-th-info {
  color: #737373;
  cursor: help;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 2px;
  display: inline-flex;
}

.templates-th-info:hover {
  color: #0f172a;
}

.templates-th-info-icon {
  width: 14px;
  height: 14px;
}

.templates-th-version {
  width: 72px;
}

.templates-th-mod-by {
  min-width: 120px;
}

.templates-th-mod-at {
  min-width: 160px;
}

.templates-table.templates-table--figma thead th.templates-th-status, .templates-table.templates-table--figma tbody td.templates-td-status {
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  width: 88px;
  min-width: 88px;
  max-width: 88px;
}

.templates-th-status {
  text-align: center;
  box-sizing: border-box;
  width: 88px;
  min-width: 88px;
  max-width: 88px;
}

.templates-td-name-figma {
  color: #0a0a0a;
  font-weight: 500 !important;
}

[data-theme="dark"] .templates-table.templates-table--figma tbody td.templates-col-name.templates-td-name-figma {
  color: #f8fafc;
}

.templates-td-name-cell {
  vertical-align: middle;
}

.templates-td-name-row {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.templates-td-name-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 auto;
  min-width: 0;
  overflow: hidden;
}

.templates-badge-update-available {
  box-sizing: border-box;
  letter-spacing: .01em;
  color: #047857;
  background: none;
  border: 1px solid #6ee7b7;
  border-radius: 9999px;
  flex-shrink: 0;
  align-self: center;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

[data-theme="dark"] .templates-badge-update-available {
  color: #6ee7b7;
  background: #064e3b40;
  border-color: #6ee7b7a6;
}

button.templates-badge-update-available--btn {
  cursor: pointer;
  font: inherit;
  letter-spacing: inherit;
  margin: 0;
  font-family: inherit;
}

.templates-td-muted {
  color: #737373 !important;
}

.templates-td-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
}

.templates-td-nowrap {
  white-space: nowrap;
}

.templates-td-version {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  line-height: 1.25;
}

.templates-td-datetime {
  font-size: 14px;
}

.templates-font-tabular {
  font-variant-numeric: tabular-nums;
}

.templates-td-status {
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  width: 5.5rem;
  min-width: 5.5rem;
  max-width: 5.5rem;
}

.templates-table.templates-table--figma tbody td.templates-td-status > button[role="switch"] {
  vertical-align: middle;
  margin: 0;
  display: inline-block;
}

.templates-badge {
  color: #0a0a0a;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 16px;
  display: inline-flex;
}

.templates-badge.templates-badge--figma-secondary {
  color: #404040;
  box-sizing: border-box;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 9999px;
  align-items: center;
  height: 22px;
  min-height: 22px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
}

[data-theme="dark"] .templates-badge.templates-badge--figma-secondary {
  color: #cbd5e1;
  background: #3341558c;
  border-color: #475569;
}

.templates-badge-status {
  color: #008236;
  background: #00c9501a;
  border: 1px solid #b9f8cf;
  border-radius: 5.2px;
  align-items: center;
  gap: 6px;
  padding: 2px 8px 2px 6px;
  font-size: 12px;
  line-height: 16px;
  display: inline-flex;
}

.templates-badge-status.inactive {
  color: #737373;
  background: #f3f3f5;
  border-color: #e5e5e5;
}

.templates-th-checkbox, .templates-td-checkbox {
  text-align: center;
  vertical-align: middle;
  width: 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  padding-left: 8px;
  padding-right: 4px;
}

.templates-table-row-checkbox {
  cursor: pointer;
  accent-color: #2563eb;
  width: 1rem;
  height: 1rem;
}

.templates-th-type, .templates-td-type {
  min-width: 5.5rem;
}

.templates-badge.templates-badge-type {
  box-sizing: border-box;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  min-height: 22px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
}

.templates-badge.templates-badge-type.templates-badge-type--custom {
  color: #7c3aed;
  background: #fff;
  border-color: #7c3aed;
}

.templates-badge.templates-badge-type.templates-badge-type--system {
  color: #2563eb;
  background: #fff;
  border-color: #2563eb;
}

[data-theme="dark"] .templates-badge.templates-badge-type.templates-badge-type--custom {
  color: #c4b5fd;
  background: none;
  border-color: #a78bfa;
}

[data-theme="dark"] .templates-badge.templates-badge-type.templates-badge-type--system {
  color: #93c5fd;
  background: none;
  border-color: #60a5fa;
}

.templates-th-clone, .templates-td-clone {
  text-align: center;
  vertical-align: middle;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
}

.templates-btn-clone {
  color: #475569;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: inline-flex;
}

.templates-btn-clone:hover {
  color: #0f172a;
  background: #f1f5f9;
}

[data-theme="dark"] .templates-btn-clone {
  color: #94a3b8;
}

[data-theme="dark"] .templates-btn-clone:hover {
  color: #e2e8f0;
  background: #334155;
}

.templates-view-btn {
  color: #0f172a;
  cursor: pointer;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.templates-view-btn:hover {
  background: #f1f5f9;
}

.templates-empty {
  text-align: center;
  color: #737373;
  padding: 48px 24px;
  font-size: 14px;
}

.create-template-modal-dialog, .edit-view-template-modal-dialog {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 7.2px;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  max-height: calc(100dvh - 32px);
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  width: min(820px, 100vw - 32px) !important;
  max-width: min(820px, 100vw - 32px) !important;
}

.upload-template-modal-dialog {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 7.2px;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  max-height: calc(100dvh - 32px);
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  width: min(440px, 100vw - 32px) !important;
  max-width: min(440px, 100vw - 32px) !important;
}

.create-template-modal-dialog > div, .edit-view-template-modal-dialog > div, .upload-template-modal-dialog > div {
  margin-top: 0 !important;
}

.create-template-modal-dialog > button:last-child, .edit-view-template-modal-dialog > button:last-child, .upload-template-modal-dialog > button:last-child {
  cursor: pointer !important;
  color: #0f172a !important;
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  outline: none !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  display: flex !important;
}

.create-template-modal-dialog > button:last-child:hover, .edit-view-template-modal-dialog > button:last-child:hover, .upload-template-modal-dialog > button:last-child:hover {
  color: #0f172a !important;
  background: #f1f5f9 !important;
}

.create-template-modal-dialog > button:last-child:focus, .create-template-modal-dialog > button:last-child:focus-visible, .edit-view-template-modal-dialog > button:last-child:focus, .edit-view-template-modal-dialog > button:last-child:focus-visible, .upload-template-modal-dialog > button:last-child:focus, .upload-template-modal-dialog > button:last-child:focus-visible {
  box-shadow: none !important;
  background: none !important;
  outline: none !important;
}

.create-template-modal-dialog > button:last-child:focus:hover, .create-template-modal-dialog > button:last-child:focus-visible:hover, .edit-view-template-modal-dialog > button:last-child:focus:hover, .edit-view-template-modal-dialog > button:last-child:focus-visible:hover, .upload-template-modal-dialog > button:last-child:focus:hover, .upload-template-modal-dialog > button:last-child:focus-visible:hover {
  background: #f1f5f9 !important;
}

.create-template-modal-dialog > button:last-child svg, .edit-view-template-modal-dialog > button:last-child svg, .upload-template-modal-dialog > button:last-child svg {
  color: #0f172a !important;
  stroke: #0f172a !important;
  width: 20px !important;
  height: 20px !important;
}

.upload-template-modal {
  box-sizing: border-box;
  color-scheme: light;
  --tpl-modal-text-strong: #18181b;
  --tpl-modal-text-muted: #71717a;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  font-family: Arimo, Inter, system-ui, sans-serif;
  display: flex;
  position: relative;
}

.upload-template-modal__hidden-input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

.upload-template-modal__intro {
  color: var(--tpl-modal-text-strong);
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.upload-template-modal__format-hint {
  color: var(--tpl-modal-text-muted);
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.upload-template-modal__format-hint strong {
  color: var(--tpl-modal-text-strong);
  font-weight: 600;
}

.upload-template-modal__footer-actions {
  flex-wrap: wrap;
  gap: 8px;
}

.upload-template-modal__choose-wrap {
  display: inline-flex;
  position: relative;
}

.upload-template-modal__choose-menu {
  z-index: 20;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  min-width: 160px;
  padding: 4px;
  position: absolute;
  bottom: calc(100% + 6px);
  right: 0;
  box-shadow: 0 8px 20px #0f172a1f;
}

.upload-template-modal__choose-menu-item {
  width: 100%;
  color: var(--tpl-modal-text-strong);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 8px 12px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.upload-template-modal__choose-menu-item:hover, .upload-template-modal__choose-menu-item:focus-visible {
  background: #f4f4f5;
  outline: none;
}

.bulk-upload-review-modal-dialog {
  overflow: hidden;
}

.bulk-upload-review-modal {
  box-sizing: border-box;
  color-scheme: light;
  --tpl-modal-text-strong: #18181b;
  --tpl-modal-text-muted: #71717a;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  max-height: calc(100dvh - 48px);
  font-family: Arimo, Inter, system-ui, sans-serif;
  display: flex;
}

.bulk-upload-review-modal__body {
  flex-direction: column;
  flex: auto;
  gap: 14px;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.bulk-upload-review-modal__shared-fields {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  display: flex;
}

.bulk-upload-review-modal__shared-label {
  color: var(--tpl-modal-text-strong);
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.bulk-upload-review-modal__list-wrap {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.bulk-upload-review-modal__list-heading {
  color: var(--tpl-modal-text-strong);
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  flex-shrink: 0;
  padding: 10px 12px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.bulk-upload-review-modal__list-heading--grid {
  grid-template-columns: minmax(0, 1fr) minmax(160px, 200px) 64px;
  align-items: center;
  gap: 12px;
  display: grid;
}

.bulk-upload-review-modal__list {
  max-height: min(420px, 48vh);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.bulk-upload-review-modal__list-item {
  color: var(--tpl-modal-text-strong);
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  line-height: 18px;
  display: flex;
}

.bulk-upload-review-modal__list-item--grid {
  grid-template-columns: minmax(0, 1fr) minmax(160px, 200px) 64px;
  align-items: center;
  gap: 12px;
  display: grid;
}

.bulk-upload-review-modal__list-wrap--with-body-part .bulk-upload-review-modal__list-heading--grid, .bulk-upload-review-modal__list-wrap--with-body-part .bulk-upload-review-modal__list-item--grid {
  grid-template-columns: minmax(0, 1fr) minmax(140px, 180px) minmax(140px, 180px) 64px;
}

.bulk-upload-review-modal__optional {
  color: #737373;
  font-weight: 400;
}

.bulk-upload-review-modal__list-item:last-child {
  border-bottom: none;
}

.bulk-upload-review-modal__file-cell {
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.bulk-upload-review-modal__modality-cell {
  min-width: 0;
}

.bulk-upload-review-modal__action-heading {
  text-align: center;
}

.bulk-upload-review-modal__remove-cell {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bulk-upload-review-modal__remove-btn {
  color: #71717a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
}

.bulk-upload-review-modal__remove-btn:hover:not(:disabled) {
  color: #dc2626;
  background: #fef2f2;
  border-color: #fecaca;
}

.bulk-upload-review-modal__remove-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.bulk-upload-review-modal__empty {
  text-align: center;
  color: var(--tpl-modal-text-muted);
  background: #fff;
  margin: 0;
  padding: 24px 12px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.bulk-upload-review-modal__row-error {
  color: #dc2626;
  margin: 4px 0 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.bulk-upload-review-modal__list-index {
  color: var(--tpl-modal-text-muted);
  flex-shrink: 0;
  min-width: 1.5rem;
}

.bulk-upload-review-modal__list-name {
  word-break: break-word;
  min-width: 0;
}

.upload-template-modal__file-name {
  color: var(--tpl-modal-text-strong);
  word-break: break-word;
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

.upload-template-modal .create-template-modal__footer {
  justify-content: flex-end;
  min-height: 0;
  padding: 8px 22px 10px;
}

.create-template-modal {
  box-sizing: border-box;
  color-scheme: light;
  --tpl-modal-field-bg: #fff;
  --tpl-modal-surface-muted: #fafafa;
  --tpl-modal-field-border: #e5e7eb;
  --tpl-modal-rte-bg: var(--tpl-modal-surface-muted);
  --tpl-modal-text-strong: #18181b;
  --tpl-modal-text-muted: #71717a;
  --tpl-modal-text-caption: #71717a;
  --tpl-modal-text-placeholder: #a1a1aa;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  max-height: calc(100dvh - 40px);
  font-family: Arimo, Inter, system-ui, sans-serif;
  display: flex;
  overflow: hidden;
}

.templates-detail-panel .create-template-modal, .create-template-modal.create-template-modal--embedded {
  --tpl-modal-surface-muted: #fafafa;
  --tpl-modal-rte-bg: #fafafa;
}

.create-template-modal--live-name .create-template-modal__title {
  white-space: normal;
  text-overflow: unset;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 56px;
  display: -webkit-box;
  overflow: visible;
}

.create-template-modal__header {
  box-sizing: border-box;
  border-bottom: 1px solid var(--tpl-modal-field-border);
  background: var(--tpl-modal-surface-muted);
  flex-shrink: 0;
  align-items: center;
  height: 52px;
  padding: 0 56px 0 24px;
  display: flex;
}

.create-template-modal__title {
  color: var(--tpl-modal-text-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  overflow: hidden;
}

.create-template-modal__header-main {
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.create-template-modal__modality-badge {
  color: #0a0a0a;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  flex: 0 auto;
  align-items: center;
  min-width: 0;
  max-width: 164px;
  height: 22px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
  overflow: hidden;
}

.create-template-modal__body {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-height: 0;
  padding: 16px 24px 20px;
  display: flex;
  overflow-y: auto;
}

.upload-template-modal .create-template-modal__body {
  flex: 0 auto;
}

.create-template-modal__footer {
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #cbd5e1;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: stretch;
  gap: 12px;
  min-height: 71px;
  padding: 12px 24px 14px;
  display: flex;
}

.create-template-modal__master-edit-meta {
  box-sizing: border-box;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  margin-top: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.create-template-modal__master-edit-meta--version-status-pair {
  align-items: flex-start;
}

.create-template-modal__master-edit-meta--version-status-pair .create-template-modal__master-edit-meta-col--version, .create-template-modal__master-edit-meta--version-status-pair .create-template-modal__master-create-status-col {
  align-self: stretch;
}

.create-template-modal__master-edit-meta-col {
  min-width: 0;
}

.create-template-modal__master-edit-meta-col--version {
  flex-direction: column;
  flex: 1 1 0;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.create-template-modal__master-edit-meta-col--version > .create-template-modal__label {
  margin: 0;
  font-weight: 600;
}

.create-template-modal__master-create-status-col {
  flex-direction: column;
  flex: 1 1 0;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.create-template-modal__master-create-status-col > .create-template-modal__label {
  margin: 0;
  font-weight: 600;
}

.create-template-modal__master-create-status-body {
  border: 1px solid var(--tpl-modal-field-border);
  background: var(--tpl-modal-surface-muted);
  color: #334155;
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  margin: 0;
  padding: 0 12px;
  display: flex;
}

.create-template-modal__master-create-status-body .create-template-modal__master-edit-status-hint {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
}

.create-template-modal__master-create-status-body > button[role="switch"] {
  flex-shrink: 0;
}

.create-template-modal__master-edit-meta-col--status {
  flex: 1 1 0;
  align-items: stretch;
  min-width: 0;
  display: flex;
}

.create-template-modal__master-edit-status-card {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 56px;
  padding: 12px 14px;
  display: flex;
}

.create-template-modal__master-edit-status-card-text {
  flex-direction: column;
  flex: auto;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.create-template-modal__master-edit-status-card-text .create-template-modal__label {
  color: var(--tpl-modal-text-strong);
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

.create-template-modal__master-edit-status-card button[role="switch"] {
  flex-shrink: 0;
}

.create-template-modal__master-edit-status-hint {
  color: var(--tpl-modal-text-caption);
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.create-template-modal__input--version-readonly {
  box-sizing: border-box;
  border: 1px solid var(--tpl-modal-field-border);
  background: var(--tpl-modal-surface-muted);
  color: #334155;
  cursor: default;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 12px;
  font-size: 14px;
  line-height: 20px;
}

[data-theme="dark"] .create-template-modal__master-create-status-body {
  color: #e2e8f0;
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .create-template-modal__master-create-status-col > .create-template-modal__label {
  color: #f8fafc;
}

[data-theme="dark"] .create-template-modal__master-create-status-body .create-template-modal__master-edit-status-hint {
  color: #94a3b8;
}

[data-theme="dark"] .create-template-modal__master-edit-status-card {
  background: #0f172a;
  border-color: #334155;
}

[data-theme="dark"] .create-template-modal__master-edit-status-card-text .create-template-modal__label {
  color: #f8fafc;
}

[data-theme="dark"] .create-template-modal__master-edit-status-hint {
  color: #94a3b8;
}

[data-theme="dark"] .create-template-modal__input--version-readonly {
  color: #e2e8f0;
  background: #1e293b;
  border-color: #334155;
}

.create-template-modal.create-template-modal--embedded .create-template-modal__footer {
  box-sizing: border-box;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
  min-height: 64px;
  padding: 0 24px;
}

@media (width <= 520px) {
  .create-template-modal__master-edit-meta {
    flex-wrap: wrap;
  }

  .create-template-modal__master-edit-meta-col--version {
    flex: 100%;
    max-width: none;
  }

  .create-template-modal__master-edit-meta-col--status {
    flex: 100%;
  }

  .create-template-modal__master-create-status-col {
    flex: 100%;
    max-width: none;
  }
}

.create-template-modal__footer-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.create-template-modal__btn-close {
  min-width: 72px;
  height: 36px;
  color: var(--tpl-modal-text-strong);
  cursor: pointer;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  padding: 9px 17px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.create-template-modal__btn-close:hover {
  background: #fafafa;
}

.create-template-modal__btn-close:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0891b2;
}

.create-template-modal__btn-primary {
  color: #fff;
  background-color: var(--accent-primary);
  cursor: pointer;
  box-sizing: border-box;
  min-width: 120px;
  height: 36px;
  box-shadow: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
}

.create-template-modal__btn-primary:hover {
  background-color: var(--accent-hover);
}

.create-template-modal__btn-primary:active {
  background-color: var(--accent-active);
}

.create-template-modal__btn-primary:focus-visible {
  outline: 2px solid var(--accent-primary);
  outline-offset: 2px;
}

.create-template-modal__label {
  letter-spacing: -.01em;
  color: var(--tpl-modal-text-strong);
  margin-bottom: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

.create-template-modal__tpl-name-label-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.create-template-modal__tpl-name-label-row .create-template-modal__label {
  flex: auto;
  min-width: 0;
}

.create-template-modal__tpl-name-info.templates-th-info {
  flex-shrink: 0;
  align-self: center;
}

.create-template-modal__tpl-name-composite {
  border: 1px solid var(--tpl-modal-field-border);
  box-sizing: border-box;
  background: none;
  border-radius: 7.2px;
  align-items: stretch;
  min-width: 0;
  min-height: 40px;
  display: flex;
  box-shadow: 0 1px 2px #0f172a0f;
}

.create-template-modal__tpl-name-composite:focus-within {
  box-shadow: 0 0 0 1px #0f172a14;
  border-color: #cbd5e1 !important;
}

.create-template-modal__tpl-name-composite--invalid {
  border-color: #dc2626 !important;
}

.create-template-modal__tpl-name-prefix {
  border-right: 1px solid var(--tpl-modal-field-border);
  background: var(--tpl-modal-surface-muted);
  max-width: min(100%, 14rem);
  color: var(--tpl-modal-text-strong);
  flex: 0 auto;
  align-self: stretch;
  align-items: center;
  padding: 0 12px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

@media (width >= 640px) {
  .create-template-modal__tpl-name-prefix {
    max-width: min(100%, 20rem);
  }
}

.create-template-modal__tpl-name-prefix-inner {
  word-break: break-word;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.create-template-modal__tpl-name-suffix-wrap {
  flex: 1;
  align-self: stretch;
  align-items: stretch;
  min-width: 0;
  display: flex;
  position: relative;
}

.create-template-modal__tpl-name-suffix-input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 38px;
  color: var(--tpl-modal-text-strong);
  border: none;
  border-radius: 0;
  outline: none;
  flex: 1;
  padding: 8px 52px 8px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  background: var(--tpl-modal-field-bg) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
}

.create-template-modal__tpl-name-suffix-input:focus {
  box-shadow: none !important;
}

.create-template-modal input.create-template-modal__tpl-name-suffix-input:-webkit-autofill {
  transition: background-color 5000s ease-out;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__tpl-name-suffix-input:-webkit-autofill:hover {
  transition: background-color 5000s ease-out;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__tpl-name-suffix-input:-webkit-autofill:focus {
  transition: background-color 5000s ease-out;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__tpl-name-suffix-input:-webkit-autofill:active {
  transition: background-color 5000s ease-out;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal__tpl-name-suffix-count {
  pointer-events: none;
  font-variant-numeric: tabular-nums;
  color: var(--tpl-modal-text-muted);
  align-items: center;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
}

.create-template-modal__field {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.create-template-modal__row2 .create-template-modal__field {
  flex: 1 1 0;
}

.create-template-modal__input {
  width: 100%;
  height: 40px;
  color: var(--tpl-modal-text-strong);
  box-sizing: border-box;
  border-radius: 7.2px;
  outline: none;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  background: var(--tpl-modal-field-bg) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.create-template-modal__input--template-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.create-template-modal__input--template-name, .create-template-modal__input--template-name-view {
  background: var(--tpl-modal-surface-muted) !important;
  background-color: var(--tpl-modal-surface-muted) !important;
}

.create-template-modal__input--template-name-view {
  cursor: default;
  -webkit-user-select: text;
  user-select: text;
  align-items: center;
  min-width: 0;
  display: flex;
}

.create-template-modal--view .create-template-modal__input--template-name-view {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal input.create-template-modal__input:-webkit-autofill {
  caret-color: var(--tpl-modal-text-strong);
  transition: background-color 5000s ease-out;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__input:-webkit-autofill:hover {
  caret-color: var(--tpl-modal-text-strong);
  transition: background-color 5000s ease-out;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__input:-webkit-autofill:focus {
  caret-color: var(--tpl-modal-text-strong);
  transition: background-color 5000s ease-out;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__input:-webkit-autofill:active {
  caret-color: var(--tpl-modal-text-strong);
  transition: background-color 5000s ease-out;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__input--template-name:-webkit-autofill {
  background-color: var(--tpl-modal-surface-muted) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
}

.create-template-modal input.create-template-modal__input--template-name:-webkit-autofill:hover {
  background-color: var(--tpl-modal-surface-muted) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
}

.create-template-modal input.create-template-modal__input--template-name:-webkit-autofill:focus {
  background-color: var(--tpl-modal-surface-muted) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
}

.create-template-modal input.create-template-modal__input--template-name:-webkit-autofill:active {
  background-color: var(--tpl-modal-surface-muted) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
}

.create-template-modal input#ris-tpl-auto-name:-webkit-autofill {
  background-color: var(--tpl-modal-surface-muted) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
}

.create-template-modal input#ris-tpl-auto-name:-webkit-autofill:hover {
  background-color: var(--tpl-modal-surface-muted) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
}

.create-template-modal input#ris-tpl-auto-name:-webkit-autofill:focus {
  background-color: var(--tpl-modal-surface-muted) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
}

.create-template-modal input#ris-tpl-auto-name:-webkit-autofill:active {
  background-color: var(--tpl-modal-surface-muted) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
}

.create-template-modal__input::placeholder {
  color: var(--tpl-modal-text-placeholder);
  -webkit-text-fill-color: var(--tpl-modal-text-placeholder);
}

.create-template-modal__input:focus {
  border-color: #cbd5e1 !important;
  box-shadow: 0 0 0 1px #0f172a14 !important;
}

.create-template-modal__input:disabled {
  opacity: 1;
  background: var(--tpl-modal-field-bg) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__input:disabled, .create-template-modal input.create-template-modal__input[disabled] {
  background: var(--tpl-modal-field-bg) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  opacity: 1 !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input.create-template-modal__input:disabled:-webkit-autofill {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input.create-template-modal__input[disabled]:-webkit-autofill {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input.create-template-modal__input:disabled:-webkit-autofill:hover {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input.create-template-modal__input[disabled]:-webkit-autofill:hover {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input.create-template-modal__input:disabled:-webkit-autofill:focus {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input.create-template-modal__input[disabled]:-webkit-autofill:focus {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-view.create-template-modal__input:disabled, .create-template-modal input#ris-tpl-view.create-template-modal__input[disabled], .create-template-modal input#ris-tpl-dx.create-template-modal__input:disabled, .create-template-modal input#ris-tpl-dx.create-template-modal__input[disabled] {
  background: var(--tpl-modal-field-bg) !important;
  background-color: var(--tpl-modal-field-bg) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

.create-template-modal input#ris-tpl-view.create-template-modal__input:disabled:-webkit-autofill {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-view.create-template-modal__input[disabled]:-webkit-autofill {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-dx.create-template-modal__input:disabled:-webkit-autofill {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-dx.create-template-modal__input[disabled]:-webkit-autofill {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-view.create-template-modal__input:disabled:-webkit-autofill:hover {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-view.create-template-modal__input[disabled]:-webkit-autofill:hover {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-dx.create-template-modal__input:disabled:-webkit-autofill:hover {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-dx.create-template-modal__input[disabled]:-webkit-autofill:hover {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-view.create-template-modal__input:disabled:-webkit-autofill:focus {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-view.create-template-modal__input[disabled]:-webkit-autofill:focus {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-dx.create-template-modal__input:disabled:-webkit-autofill:focus {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal input#ris-tpl-dx.create-template-modal__input[disabled]:-webkit-autofill:focus {
  background-color: var(--tpl-modal-field-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  color: var(--tpl-modal-text-strong) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal--view input#ris-tpl-view.create-template-modal__input:disabled, .create-template-modal--view input#ris-tpl-view.create-template-modal__input[disabled], .create-template-modal--view input#ris-tpl-dx.create-template-modal__input:disabled, .create-template-modal--view input#ris-tpl-dx.create-template-modal__input[disabled] {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#ris-tpl-view.create-template-modal__input:disabled:-webkit-autofill {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#ris-tpl-view.create-template-modal__input[disabled]:-webkit-autofill {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#ris-tpl-dx.create-template-modal__input:disabled:-webkit-autofill {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#ris-tpl-dx.create-template-modal__input[disabled]:-webkit-autofill {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#ris-tpl-view.create-template-modal__input:disabled:-webkit-autofill:focus {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#ris-tpl-dx.create-template-modal__input:disabled:-webkit-autofill:focus {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal input#create-template-name.create-template-modal__input:disabled, .create-template-modal input#create-template-name.create-template-modal__input[disabled] {
  background: var(--tpl-modal-surface-muted) !important;
  background-color: var(--tpl-modal-surface-muted) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
  opacity: 1 !important;
}

.create-template-modal input#create-template-name.create-template-modal__input:disabled:-webkit-autofill {
  background: var(--tpl-modal-surface-muted) !important;
  background-color: var(--tpl-modal-surface-muted) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
  opacity: 1 !important;
}

.create-template-modal input#create-template-name.create-template-modal__input[disabled]:-webkit-autofill {
  background: var(--tpl-modal-surface-muted) !important;
  background-color: var(--tpl-modal-surface-muted) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
  opacity: 1 !important;
}

.create-template-modal input#create-template-name.create-template-modal__input:disabled:-webkit-autofill:hover {
  background: var(--tpl-modal-surface-muted) !important;
  background-color: var(--tpl-modal-surface-muted) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
  opacity: 1 !important;
}

.create-template-modal input#create-template-name.create-template-modal__input:disabled:-webkit-autofill:focus {
  background: var(--tpl-modal-surface-muted) !important;
  background-color: var(--tpl-modal-surface-muted) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
  opacity: 1 !important;
}

.create-template-modal input#create-template-name.create-template-modal__input[disabled]:-webkit-autofill:hover {
  background: var(--tpl-modal-surface-muted) !important;
  background-color: var(--tpl-modal-surface-muted) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
  opacity: 1 !important;
}

.create-template-modal input#create-template-name.create-template-modal__input[disabled]:-webkit-autofill:focus {
  background: var(--tpl-modal-surface-muted) !important;
  background-color: var(--tpl-modal-surface-muted) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
  box-shadow: 0 0 0 1000px var(--tpl-modal-surface-muted) inset !important;
  opacity: 1 !important;
}

.create-template-modal--view .create-template-modal__input:disabled, .create-template-modal--view .create-template-modal__input[disabled], .create-template-modal--view input#create-template-name.create-template-modal__input:disabled, .create-template-modal--view input#create-template-name.create-template-modal__input[disabled] {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#create-template-name.create-template-modal__input:disabled:-webkit-autofill {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#create-template-name.create-template-modal__input[disabled]:-webkit-autofill {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#create-template-name.create-template-modal__input:disabled:-webkit-autofill:hover {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#create-template-name.create-template-modal__input:disabled:-webkit-autofill:focus {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#create-template-name.create-template-modal__input[disabled]:-webkit-autofill:hover {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view input#create-template-name.create-template-modal__input[disabled]:-webkit-autofill:focus {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal--view .create-template-modal__row2 .relative > button[type="button"]:disabled span, .create-template-modal--view .create-template-modal__row2 .relative > button[type="button"][disabled] span {
  color: #737373 !important;
}

.create-template-modal--view .create-template-quill .ql-editor, .create-template-modal--view .create-template-quill .ql-editor p, .create-template-modal--view .create-template-quill .ql-editor li, .create-template-modal--view .create-template-quill .ql-editor h1, .create-template-modal--view .create-template-quill .ql-editor h2, .create-template-modal--view .create-template-quill .ql-editor h3, .create-template-modal--view .create-template-quill .ql-editor h4, .create-template-modal--view .create-template-quill .ql-editor h5, .create-template-modal--view .create-template-quill .ql-editor h6, .create-template-modal--view .create-template-quill .ql-editor span, .create-template-modal--view .create-template-quill .ql-editor div, .create-template-modal--view .create-template-quill .ql-editor table, .create-template-modal--view .create-template-quill .ql-editor td, .create-template-modal--view .create-template-quill .ql-editor th {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:hover, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button.ql-active, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label:hover, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label.ql-active {
  color: #0a0a0a !important;
}

.create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:hover .ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus .ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button.ql-active .ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:hover .ql-stroke.ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus .ql-stroke.ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button.ql-active .ql-stroke.ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke.ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke.ql-fill {
  fill: #0a0a0a !important;
}

.create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:hover .ql-stroke, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus .ql-stroke, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button.ql-active .ql-stroke, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:hover .ql-stroke-miter, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus .ql-stroke-miter, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button.ql-active .ql-stroke-miter, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke-miter, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke-miter {
  stroke: #0a0a0a !important;
}

.create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus-visible, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus-visible .ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus-visible .ql-stroke.ql-fill, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus-visible .ql-stroke, .create-template-modal.create-template-modal--view .create-template-quill .ql-toolbar.ql-snow button:focus-visible .ql-stroke-miter {
  color: #0a0a0a !important;
  fill: #0a0a0a !important;
  stroke: #0a0a0a !important;
}

.create-template-modal__required-mark {
  color: #dc2626;
  font-weight: 600;
}

.create-template-modal__field-error {
  color: #dc2626;
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.create-template-modal__input--invalid, .create-template-modal .create-template-modal__row2 .relative > button.create-template-modal__vd-trigger--invalid {
  border-color: #dc2626 !important;
}

.create-template-modal .create-template-quill--has-error .ql-toolbar.ql-snow {
  border-color: #dc2626;
}

.create-template-modal .create-template-quill--has-error .ql-container.ql-snow {
  border-color: #dc2626 !important;
}

.create-template-modal__row2 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 16px;
  display: grid;
}

.create-template-modal__row2 > * {
  min-width: 0;
}

.create-template-modal .create-template-modal__row2 .relative > button[type="button"] {
  border: 1px solid var(--tpl-modal-field-border) !important;
  background: var(--tpl-modal-field-bg) !important;
  border-radius: 7.2px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding-left: 20px !important;
  padding-right: 40px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.create-template-modal .create-template-modal__row2 .relative > button[type="button"] span {
  font-size: 14px !important;
  line-height: 20px !important;
}

.create-template-modal .create-template-modal__row2 .relative input[type="text"] {
  background-color: var(--tpl-modal-field-bg) !important;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  border: 1px solid var(--tpl-modal-field-border) !important;
}

.create-template-modal .create-template-modal__row2 .relative input[type="text"]:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--tpl-modal-field-bg) inset !important;
}

@media (width <= 520px) {
  .create-template-modal__row2 {
    grid-template-columns: 1fr;
  }
}

.create-template-modal__import-banner {
  color: #008236;
  background: #00c95014;
  border: 1px solid #86efac;
  border-radius: 7.2px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 20px;
}

.create-template-modal__import-banner--doc {
  color: #1d4ed8;
  background: #3b82f614;
  border-color: #93c5fd;
}

.create-template-quill-wrap {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.create-template-modal__count--overlay {
  z-index: 1;
  text-align: right;
  max-width: calc(100% - 20px);
  color: var(--tpl-modal-text-caption);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  bottom: 9px;
  right: 10px;
}

.create-template-modal__count--overlay.create-template-modal__count--over-limit {
  color: #dc2626;
}

.create-template-modal__count-exceeds {
  font-weight: 500;
}

.create-template-modal .create-template-quill-wrap .create-template-quill .ql-editor {
  padding-bottom: 36px;
  padding-right: 120px;
}

.create-template-modal .create-template-quill-wrap .create-template-quill .ql-editor.ql-blank:before {
  white-space: normal;
  inset: 14px 120px auto 14px;
  color: var(--tpl-modal-text-placeholder) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-placeholder) !important;
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow {
  border: 1px solid var(--tpl-modal-field-border);
  border-bottom: none;
  border-radius: 7.2px 7.2px 0 0;
  font-family: Inter, system-ui, sans-serif;
  background: var(--tpl-modal-rte-bg) !important;
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow .ql-formats:not(:first-of-type) {
  border-left: 1px solid var(--tpl-modal-field-border);
  margin-left: 6px;
  padding-left: 10px;
}

.create-template-modal .create-template-quill .ql-toolbar .ql-stroke, .create-template-modal .create-template-quill .ql-toolbar .ql-stroke-miter {
  stroke: var(--tpl-modal-text-strong, #18181b);
  stroke-width: 1.25px;
}

.create-template-modal .create-template-quill .ql-toolbar .ql-fill, .create-template-modal .create-template-quill .ql-toolbar .ql-stroke.ql-fill {
  fill: var(--tpl-modal-text-strong, #18181b);
}

.create-template-modal .create-template-quill .ql-toolbar .ql-picker-label {
  color: var(--tpl-modal-text-strong, #18181b);
  font-weight: 400;
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow button {
  font-weight: 400;
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow button svg {
  vertical-align: middle;
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow button:hover .ql-stroke, .create-template-modal .create-template-quill .ql-toolbar.ql-snow button:focus .ql-stroke, .create-template-modal .create-template-quill .ql-toolbar.ql-snow button:hover .ql-stroke-miter, .create-template-modal .create-template-quill .ql-toolbar.ql-snow button:focus .ql-stroke-miter {
  stroke: var(--accent-primary, #2563eb);
  stroke-width: 1.35px;
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow button:hover .ql-fill, .create-template-modal .create-template-quill .ql-toolbar.ql-snow button:focus .ql-fill, .create-template-modal .create-template-quill .ql-toolbar.ql-snow button:hover .ql-stroke.ql-fill, .create-template-modal .create-template-quill .ql-toolbar.ql-snow button:focus .ql-stroke.ql-fill {
  fill: var(--accent-primary, #2563eb);
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow button.ql-active .ql-stroke, .create-template-modal .create-template-quill .ql-toolbar.ql-snow button.ql-active .ql-stroke-miter {
  stroke: var(--accent-primary, #2563eb);
  stroke-width: 1.35px;
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow button.ql-active .ql-fill, .create-template-modal .create-template-quill .ql-toolbar.ql-snow button.ql-active .ql-stroke.ql-fill {
  fill: var(--accent-primary, #2563eb);
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke, .create-template-modal .create-template-quill .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke {
  stroke: var(--accent-primary, #2563eb);
  stroke-width: 1.35px;
}

.create-template-modal .create-template-quill .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill, .create-template-modal .create-template-quill .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-fill {
  fill: var(--accent-primary, #2563eb);
}

.create-template-modal .create-template-quill .ql-toolbar .ql-stroke.ql-thin, .create-template-modal .create-template-quill .ql-toolbar .ql-thin {
  stroke-width: 1px;
}

.create-template-modal .create-template-quill .ql-container.ql-snow {
  border: 1px solid var(--tpl-modal-field-border);
  border-radius: 0 0 7.2px 7.2px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  background: var(--tpl-modal-rte-bg) !important;
}

.create-template-modal .create-template-quill .ql-editor {
  min-height: 168px;
  caret-color: var(--tpl-modal-text-strong);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--tpl-modal-text-strong) !important;
  background: var(--tpl-modal-rte-bg) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
}

.create-template-modal .create-template-quill .ql-container.ql-disabled, .create-template-modal .create-template-quill .ql-container.ql-disabled .ql-editor {
  opacity: 1;
  background: var(--tpl-modal-surface-muted) !important;
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
}

.create-template-modal .create-template-quill .ql-editor p, .create-template-modal .create-template-quill .ql-editor li, .create-template-modal .create-template-quill .ql-editor h1, .create-template-modal .create-template-quill .ql-editor h2, .create-template-modal .create-template-quill .ql-editor h3, .create-template-modal .create-template-quill .ql-editor h4, .create-template-modal .create-template-quill .ql-editor h5, .create-template-modal .create-template-quill .ql-editor h6, .create-template-modal .create-template-quill .ql-editor span, .create-template-modal .create-template-quill .ql-editor div, .create-template-modal .create-template-quill .ql-editor table, .create-template-modal .create-template-quill .ql-editor td, .create-template-modal .create-template-quill .ql-editor th {
  color: var(--tpl-modal-text-strong) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-strong) !important;
}

.create-template-modal.create-template-modal--view .create-template-quill .ql-editor, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor p, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor li, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor h1, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor h2, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor h3, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor h4, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor h5, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor h6, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor span, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor div, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor table, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor td, .create-template-modal.create-template-modal--view .create-template-quill .ql-editor th {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.create-template-modal .create-template-quill .ql-editor.ql-blank:before {
  font-style: normal;
  font-weight: 400;
  color: var(--tpl-modal-text-placeholder) !important;
  -webkit-text-fill-color: var(--tpl-modal-text-placeholder) !important;
}

.create-template-modal .create-template-quill--full .ql-editor {
  min-height: 240px;
}

.create-template-modal .create-template-quill--impression .ql-editor {
  min-height: 132px;
}

.create-template-modal__count:not(.create-template-modal__count--overlay) {
  text-align: right;
  color: var(--tpl-modal-text-caption);
  font-variant-numeric: tabular-nums;
  margin-top: 8px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.create-template-modal__combined-hint {
  color: var(--tpl-modal-text-caption);
  margin-top: 4px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.create-template-modal__char-count {
  pointer-events: none;
  max-width: 4.5rem;
  color: var(--tpl-modal-text-caption);
  font-variant-numeric: tabular-nums;
  align-items: center;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
}

.import-library-modal {
  min-height: 0;
  max-height: inherit;
  background: #fff;
  flex-direction: column;
  display: flex;
}

.import-library-modal__header {
  border-bottom: 1px solid #e5e5e5;
  flex-direction: column;
  flex-shrink: 0;
  padding: 20px 24px 16px;
  display: flex;
}

.import-library-modal__header-main {
  flex: 1;
  min-width: 0;
}

.import-library-modal__title-row {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}

.import-library-modal__title {
  letter-spacing: -.01em;
  color: #0a0a0a;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.import-library-modal__intro {
  color: #737373;
  max-width: 52ch;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.import-library-modal__close {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
}

.import-library-modal__close:hover:not(:disabled) {
  color: #0f172a;
  background: #f4f4f5;
}

.import-library-modal__close:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.import-library-modal__body {
  box-sizing: border-box;
  background: #fafafa;
  flex: auto;
  min-height: 200px;
  max-height: min(440px, 100vh - 280px);
  padding: 16px 24px 20px;
  overflow: hidden auto;
}

.import-library-modal__muted, .import-library-modal__error {
  text-align: center;
  margin: 32px 0;
  font-size: 14px;
  line-height: 22px;
}

.import-library-modal__muted {
  color: #737373;
}

.import-library-modal__error {
  color: #b91c1c;
}

.import-library-modal__list {
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.import-library-modal__row {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin: 0;
  transition: background .15s, border-color .15s, box-shadow .15s;
}

.import-library-modal__row--selected {
  background: #eff6ff;
  border-color: #93c5fd;
  box-shadow: 0 0 0 1px #3b82f61f;
}

.import-library-modal__row--imported {
  background: #fafafa;
  border-color: #ececec;
}

.import-library-modal__row-inner {
  cursor: pointer;
  box-sizing: border-box;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  display: flex;
}

.import-library-modal__row-inner--imported {
  cursor: default;
}

.import-library-modal__checkbox-spacer {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.import-library-modal__checkbox {
  cursor: pointer;
  accent-color: #2563eb;
  border-radius: 4px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.import-library-modal__row--selected .import-library-modal__checkbox {
  accent-color: #1d4ed8;
}

.import-library-modal__row-text {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.import-library-modal__row-name {
  color: #0a0a0a;
  word-break: break-word;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.import-library-modal__row-meta-line {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.import-library-modal__row-version {
  color: #737373;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.import-library-modal__row-imported-label {
  color: #a3a3a3;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.import-library-modal__row--imported .import-library-modal__row-name {
  color: #a3a3a3;
  font-weight: 600;
}

.import-library-modal__row--imported .import-library-modal__row-version {
  color: #c4c4c4;
}

.create-template-modal__footer.import-library-modal__footer {
  background: #fff;
  border-top: 1px solid #e5e5e5;
}

.import-library-modal__footer-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.import-library-modal__footer-right {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.import-library-modal__footer-btn:disabled {
  opacity: .42;
  cursor: not-allowed;
}

[data-theme="dark"] .import-library-modal__header {
  border-bottom-color: #334155;
}

[data-theme="dark"] .import-library-modal__title {
  color: #f8fafc;
}

[data-theme="dark"] .import-library-modal__intro, [data-theme="dark"] .import-library-modal__muted {
  color: #94a3b8;
}

[data-theme="dark"] .import-library-modal__body {
  background: #0f172a;
}

[data-theme="dark"] .import-library-modal__row {
  background: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .import-library-modal__row--selected {
  box-shadow: none;
  background: #1e3a8a59;
  border-color: #3b82f6;
}

[data-theme="dark"] .import-library-modal__row--imported {
  background: #0f172a;
  border-color: #334155;
}

[data-theme="dark"] .import-library-modal__row-name {
  color: #f1f5f9;
}

[data-theme="dark"] .import-library-modal__row-version {
  color: #94a3b8;
}

[data-theme="dark"] .import-library-modal__row-imported-label, [data-theme="dark"] .import-library-modal__row--imported .import-library-modal__row-name {
  color: #64748b;
}

[data-theme="dark"] .import-library-modal__row--imported .import-library-modal__row-version {
  color: #475569;
}

.view-update-template-modal-dialog {
  color-scheme: light;
}

.templates-view-update-modal {
  color-scheme: light;
  --tpl-modal-field-bg: #fff;
  --tpl-modal-surface-muted: #fafafa;
  --tpl-modal-field-border: #e5e7eb;
  --tpl-modal-text-strong: #18181b;
  --tpl-modal-text-muted: #71717a;
  --tpl-modal-text-caption: #71717a;
  --tpl-modal-text-placeholder: #a1a1aa;
  color: #18181b;
  flex-direction: column;
  min-height: 0;
  max-height: min(720px, 100vh - 40px);
  font-family: Inter, Arimo, system-ui, sans-serif;
  display: flex;
}

.templates-view-update-modal__header {
  border-bottom: 1px solid #e5e5e5;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 20px 12px 24px;
  display: flex;
}

.templates-view-update-modal__header-main {
  flex: auto;
  min-width: 0;
}

.templates-view-update-modal__title {
  white-space: normal;
  text-overflow: unset;
  margin: 0 0 6px;
  overflow: visible;
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
}

.view-update-template-modal-dialog .create-template-modal__btn-close {
  color: #18181b !important;
  -webkit-text-fill-color: #18181b !important;
}

.templates-view-update-modal .create-template-modal__footer .create-template-modal__btn-primary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.templates-view-update-modal__intro {
  color: #737373;
  max-width: 52ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.templates-view-update-modal__body {
  flex: auto;
  min-height: 0;
  padding: 16px 24px 20px;
  overflow: auto;
}

.templates-view-update-modal__muted {
  color: #737373;
  margin: 0;
  font-size: 14px;
}

.templates-view-update-modal__muted--column {
  padding: 8px 0 0;
}

.templates-view-update-modal__error {
  color: #b91c1c;
  margin: 0;
  font-size: 14px;
}

.templates-view-update-modal__columns {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 16px;
  display: grid;
}

@media (width <= 720px) {
  .templates-view-update-modal__columns {
    grid-template-columns: 1fr;
  }
}

.templates-view-update-modal__col {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  min-width: 0;
  min-height: 120px;
  padding: 14px 16px 16px;
}

.templates-view-update-modal__col--update {
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.templates-view-update-modal__col-title {
  color: #0a0a0a;
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.templates-view-update-modal__sections {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.templates-view-update-section__heading {
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #525252;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
}

.templates-view-update-section__html {
  color: #171717;
  font-size: 14px;
  line-height: 1.5;
}

.templates-view-update-section__html p {
  margin: 0 0 .5em;
}

.templates-view-update-section__html p:last-child {
  margin-bottom: 0;
}

.templates-view-update-empty {
  color: #a3a3a3;
  margin: 0;
}

.templates-view-update-modal__footer {
  background: #fafafa;
  border-top: 1px solid #e5e5e5;
  flex-shrink: 0;
  padding: 12px 20px 16px;
}

.templates-view-update-modal__footer .create-template-modal__footer-actions {
  flex-wrap: wrap;
}

[data-theme="dark"] .templates-view-update-modal__header {
  border-bottom-color: #334155;
}

[data-theme="dark"] .templates-view-update-modal__intro {
  color: #94a3b8;
}

[data-theme="dark"] .templates-view-update-modal__col {
  background: #0f172a;
  border-color: #334155;
}

[data-theme="dark"] .templates-view-update-modal__col--update {
  background: #064e3b59;
  border-color: #6ee7b759;
}

[data-theme="dark"] .templates-view-update-modal__col-title {
  color: #f1f5f9;
}

[data-theme="dark"] .templates-view-update-section__heading {
  color: #94a3b8;
}

[data-theme="dark"] .templates-view-update-section__html {
  color: #e2e8f0;
}

[data-theme="dark"] .templates-view-update-modal__footer {
  background: #0f172a;
  border-top-color: #334155;
}

.create-user-dialog-content, .edit-user-dialog-content, .user-details-dialog-content, .user-management-view-dialog-content {
  --um-dialog-input-bg: #f3f3f5;
  --um-dialog-border: #e2e8f0;
  --um-dialog-focus: #cbd5e1;
  --um-dialog-padding: 24px;
}

.create-user-dialog-content, .edit-user-dialog-content {
  box-sizing: border-box;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  padding: var(--um-dialog-padding) 0 var(--um-dialog-padding) var(--um-dialog-padding) !important;
  padding-top: 28px !important;
  display: flex !important;
}

.create-user-dialog-content [class*="DialogHeader"], .edit-user-dialog-content [class*="DialogHeader"] {
  padding: 0 var(--um-dialog-padding) 0 0;
  text-align: left;
  flex-shrink: 0;
  margin: 0 0 4px;
  padding-bottom: 12px;
}

.user-management-summary-cards {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 24px;
  display: grid;
}

.um-summary-card {
  background: var(--um-card-bg, #fff);
  border: 1px solid var(--um-card-border, #e2e8f0);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
  display: flex;
  position: relative;
}

[data-theme="dark"] .um-summary-card {
  --um-card-bg: #1e293b;
  --um-card-border: #334155;
}

.um-summary-card .um-summary-label {
  color: #64748b;
  order: -1;
  font-size: 13px;
  font-weight: 500;
}

.um-summary-card .um-summary-value {
  color: var(--um-value-color, #1e293b);
  font-size: 28px;
  font-weight: 700;
}

[data-theme="dark"] .um-summary-card .um-summary-value {
  --um-value-color: #e2e8f0;
}

.um-summary-card .um-summary-desc {
  color: #64748b;
  font-size: 12px;
}

.um-summary-icon {
  background: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.um-summary-icon-users {
  color: var(--accent-primary);
}

.um-summary-icon-radiologist {
  color: #16a34a;
}

.um-summary-icon-technologist {
  color: #7c3aed;
}

.um-summary-icon-inactive {
  color: #dc2626;
}

.user-management-loading {
  text-align: center;
  color: var(--text-secondary);
  padding: 24px;
}

.user-management-container {
  box-sizing: border-box;
  background: var(--bg-page, #fff);
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  padding: 0 8px 24px;
  display: flex;
}

[data-theme="dark"] .user-management-container {
  --bg-page: #0f172a;
  background: var(--bg-page);
}

.user-management-subheader {
  border-bottom: 1px solid var(--um-border, #e2e8f0);
  background: var(--um-subheader-bg, #fff);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 0 0 16px;
  padding: 16px 8px 12px;
  display: flex;
}

[data-theme="dark"] .user-management-subheader {
  --um-subheader-bg: #1e293b;
  --um-border: #334155;
}

.user-management-subheader-title {
  color: var(--um-title-color, #1e293b);
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.user-management-subheader-add-btn {
  background-color: var(--accent-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.user-management-subheader-add-btn:hover {
  background-color: var(--accent-hover);
}

[data-theme="dark"] .user-management-subheader-title {
  --um-title-color: #e2e8f0;
}

.user-management-inner {
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 1600px;
  min-height: 0;
  margin: 0 auto;
  padding: 24px 8px 0;
  display: flex;
}

.user-management-header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.user-management-header-left {
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.user-management-title {
  color: var(--text-primary, #e2e8f0);
  white-space: nowrap;
  margin: 0 24px 0 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.user-management-filters-inline .user-management-filters {
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}

.user-management-filters {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.user-management-filters-inline .user-management-filter-wrapper {
  flex-shrink: 0;
  align-items: center;
  height: 40px;
  display: flex;
}

.user-management-filter-wrapper {
  flex-shrink: 0;
  width: fit-content;
}

.user-management-filters-inline .form-select-virtualized-container .form-select-virtualized-label-wrapper {
  display: none;
}

.user-management-filters-inline .form-select-virtualized-container {
  gap: 0;
  height: 40px;
  min-height: 40px;
}

.user-management-filters-inline .form-select-virtualized-select-field {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 32px 0 12px !important;
}

.user-management-filter-wrapper-name {
  min-width: 140px;
}

.user-management-filter-wrapper-role {
  min-width: 120px;
}

.user-management-filter-wrapper-employee-id, .user-management-filter-wrapper-phone {
  min-width: 150px;
}

.user-management-filter-wrapper-status {
  min-width: 120px;
}

.user-management-filter-search {
  align-items: center;
  min-width: 260px;
  height: 40px;
  display: flex;
  position: relative;
}

.user-management-filters-inline .user-management-filter-search {
  height: 40px;
}

.user-management-search-icon {
  color: #64748b;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

[data-theme="dark"] .user-management-search-icon {
  color: #94a3b8;
}

.user-management-search-input {
  color: oklch(14.5% 0 0);
  box-sizing: border-box;
  background: #f3f3f5;
  border: 1px solid oklch(92.2% 0 0);
  border-radius: 6px;
  outline: none;
  width: 100%;
  min-width: 240px;
  height: 40px;
  min-height: 40px;
  padding: 0 12px 0 38px;
  font-size: 14px;
}

.user-management-search-input::placeholder {
  color: var(--placeholder-color);
}

.user-management-search-input:focus {
  border-color: var(--um-search-focus-border, #64748b);
  box-shadow: 0 0 0 2px var(--um-search-focus-ring, #64748b40);
  outline: none;
}

[data-theme="dark"] .user-management-search-input {
  color: #e2e8f0;
  border-color: var(--border-table);
  background: #1e293b;
}

.user-management-filters-inline .form-select-virtualized-select-field {
  border-color: var(--border-filter, #e2e8f0);
}

[data-theme="dark"] .user-management-filters-inline .form-select-virtualized-select-field {
  border-color: var(--border-table);
}

.user-management-clear-button {
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 24px;
  padding: 4px;
}

.user-management-clear-button:hover {
  background-color: #334155;
}

.user-management-clear-button svg, .user-management-clear-button path {
  color: #cbd5e1;
}

.user-management-header-right {
  align-items: center;
  gap: 8px;
  display: flex;
}

.user-management-table-container {
  flex-direction: column;
  flex: none;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.page-layout-content .user-management-table-container .data-table-page-sticky-header-shell {
  z-index: 3;
  background-color: var(--bg-table, #fff);
}

[data-theme="dark"] .page-layout-content .user-management-table-container .data-table-page-sticky-header-shell {
  background-color: var(--bg-table, #1e293b);
}

.page-layout-content .user-management-table-container .data-table-page-sticky-header-shell .data-table-header-cell-fixed-right {
  z-index: 4;
  background-color: var(--bg-table, #fff);
}

[data-theme="dark"] .page-layout-content .user-management-table-container .data-table-page-sticky-header-shell .data-table-header-cell-fixed-right {
  background-color: var(--bg-table, #1e293b);
}

.user-management-table-container .data-table-cell-active {
  background: none;
}

.user-management-pagination {
  margin-top: 8px;
}

.user-management-actions-cell {
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.user-management-action-btn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--um-action-icon, #0f172a);
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background .15s, color .15s;
  display: flex;
}

.user-management-action-btn:hover {
  background: var(--um-action-hover-bg, #e2e8f0);
  color: var(--um-action-icon-hover, #0f172a);
}

[data-theme="dark"] .user-management-action-btn {
  --um-action-icon: #e2e8f0;
  --um-action-hover-bg: #334155;
  --um-action-icon-hover: #e2e8f0;
}

.user-management-action-btn-icon {
  width: 18px;
  height: 18px;
}

.user-management-action-cell {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.user-management-action-trigger {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--um-action-icon, #0f172a);
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background .15s, color .15s;
  display: flex;
}

.user-management-action-trigger:hover {
  background: var(--um-action-hover-bg, #e2e8f0);
  color: var(--um-action-icon-hover, #0f172a);
}

[data-theme="dark"] .user-management-action-trigger {
  --um-action-icon: #e2e8f0;
  --um-action-hover-bg: #334155;
  --um-action-icon-hover: #e2e8f0;
}

.user-management-action-icon {
  width: 20px;
  height: 20px;
}

.user-management-action-backdrop {
  z-index: 40;
  position: fixed;
  inset: 0;
}

.user-management-action-backdrop-portal {
  z-index: 999;
}

.user-management-action-menu {
  background: var(--um-menu-bg, #fff);
  border: 1px solid var(--um-menu-border, #e2e8f0);
  z-index: 50;
  border-radius: 8px;
  min-width: 160px;
  margin-top: 4px;
  padding: 4px;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 4px 12px #00000026;
}

.user-management-action-menu-portal {
  top: var(--um-action-menu-top, 0);
  right: var(--um-action-menu-right, 0);
  z-index: 1000;
  position: fixed;
  left: auto;
}

[data-theme="light"] .user-management-action-menu {
  --um-menu-bg: #fff;
  --um-menu-border: #e2e8f0;
}

.user-management-action-menu-item {
  width: 100%;
  color: var(--um-menu-text, #1e293b);
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  transition: background .15s;
  display: block;
}

.user-management-action-menu-item:hover {
  background: var(--um-menu-item-hover, #f1f5f9);
}

[data-theme="light"] .user-management-action-menu-item {
  --um-menu-text: #1e293b;
  --um-menu-item-hover: #f1f5f9;
}

.user-management-view-dialog-backdrop {
  z-index: 1000;
  background: #00000080;
  position: fixed;
  inset: 0;
}

.user-management-view-dialog {
  z-index: 1001;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.user-management-view-dialog-content {
  pointer-events: auto;
  background: var(--um-dialog-bg, #1e293b);
  border: 1px solid var(--um-dialog-border, #334155);
  box-sizing: border-box;
  border-radius: 12px;
  flex-direction: column;
  width: 90%;
  max-width: 440px;
  max-height: 90vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 40px #0003;
}

[data-theme="light"] .user-management-view-dialog-content {
  --um-dialog-bg: #fff;
  --um-dialog-border: #e2e8f0;
}

.user-management-view-dialog-header {
  padding: var(--um-dialog-padding, 24px);
  border-bottom: 1px solid var(--um-dialog-border, #334155);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.user-management-view-dialog-title {
  color: var(--um-dialog-title, #e2e8f0);
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

[data-theme="light"] .user-management-view-dialog-title {
  --um-dialog-title: #1e293b;
}

.user-management-view-dialog-close {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--um-action-icon, #94a3b8);
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.user-management-view-dialog-close:hover {
  background: var(--um-action-hover-bg, #334155);
  color: var(--um-action-icon-hover, #e2e8f0);
}

.user-management-view-dialog-body {
  padding: var(--um-dialog-padding, 24px) 0 var(--um-dialog-padding, 24px) var(--um-dialog-padding, 24px);
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 12px;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.user-management-view-dialog-row {
  padding-right: var(--um-dialog-padding, 24px);
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.user-management-view-dialog-label {
  color: var(--um-menu-text, #94a3b8);
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 12px;
  font-weight: 500;
}

[data-theme="light"] .user-management-view-dialog-label {
  --um-menu-text: #64748b;
}

.user-management-view-dialog-value {
  color: var(--um-dialog-title, #e2e8f0);
  font-size: 14px;
}

[data-theme="light"] .user-management-view-dialog-value {
  --um-dialog-title: #1e293b;
}

.user-details-dialog-content {
  box-sizing: border-box;
  max-width: 560px;
  background-color: #fff !important;
  border-color: #e2e8f0 !important;
}

.user-details-dialog-content .user-management-view-dialog-title {
  color: #0f172a !important;
}

.user-details-dialog-subtitle {
  color: #64748b;
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 400;
}

.user-details-dialog-content .user-management-view-dialog-close {
  color: #0f172a !important;
}

.user-details-dialog-content .user-management-view-dialog-close:hover {
  background: #f1f5f9;
  color: #0f172a !important;
}

.user-details-dialog-content .user-management-view-dialog-close svg {
  stroke: #0f172a;
}

.user-details-dialog-content .user-management-view-dialog-header {
  border-bottom-color: #e2e8f0 !important;
}

.user-details-section-title {
  color: #0f172a;
  border-bottom: 1px solid #e2e8f0;
  margin: 20px 0 12px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
}

.user-details-section-title:first-of-type {
  margin-top: 0;
}

.user-details-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
  display: grid;
}

.user-details-dialog-content .user-management-view-dialog-label {
  color: #64748b !important;
}

.user-details-dialog-content .user-management-view-dialog-value {
  color: #0f172a !important;
}

.user-details-modality-pills {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 4px;
  display: flex;
}

.user-details-shift-technician {
  flex-direction: column;
  grid-column: 1 / -1;
  gap: 2px;
  display: flex;
}

.user-details-shift-technician .user-details-shift-row {
  padding-right: var(--um-dialog-padding, 24px);
  flex-flow: wrap;
  align-items: center;
  gap: 2px 12px;
}

.user-details-shift-technician .user-management-view-dialog-label {
  min-width: 7rem;
  margin: 0;
}

.user-details-shift-technician .user-management-view-dialog-value {
  flex: 1;
  min-width: 0;
}

.user-details-pill {
  color: #0f172a;
  background-color: var(--um-dialog-input-bg);
  border: 1px solid var(--um-dialog-border);
  border-radius: 9999px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}

.user-details-status-wrap {
  background: none;
  align-items: center;
  gap: 8px;
  display: flex;
}

.user-details-dialog-content .user-details-status-wrap .user-management-view-dialog-value {
  background: none;
}

.user-details-status-icon {
  flex-shrink: 0;
}

.user-details-status-icon-active {
  color: #16a34a;
}

.user-details-status-icon-inactive {
  color: #dc2626;
}

.user-details-status-active {
  color: #16a34a;
  font-weight: 500;
}

.user-details-dialog-footer {
  padding: var(--um-dialog-padding, 24px);
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  display: flex;
}

.user-details-btn {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.user-details-btn-close {
  color: #0f172a;
  background: #fff;
  border-color: #e2e8f0;
}

.user-details-btn-close:hover {
  background: #f8fafc;
}

.user-details-btn-edit {
  background: var(--accent-primary);
  color: #fff;
  border-color: var(--accent-primary);
}

.user-details-btn-edit:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
}

.user-details-btn-icon {
  flex-shrink: 0;
}

.create-user-dialog-content {
  color: #0f172a;
  flex-direction: column;
  min-width: 440px;
  max-width: 520px;
  max-height: 90vh;
  display: flex;
  overflow-x: hidden;
  background-color: #fff !important;
}

.create-user-dialog-content > button:last-child, .edit-user-dialog-content > button:last-child, .change-password-dialog-content > button:last-child {
  cursor: pointer !important;
  color: #0f172a !important;
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  outline: none !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  display: flex !important;
}

.signature-preview-dialog-content > button:last-child {
  z-index: 10 !important;
  cursor: pointer !important;
  color: #0f172a !important;
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  outline: none !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  display: flex !important;
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
}

.create-user-dialog-content > button:last-child:hover, .edit-user-dialog-content > button:last-child:hover, .change-password-dialog-content > button:last-child:hover, .signature-preview-dialog-content > button:last-child:hover {
  color: #0f172a !important;
  background: #f1f5f9 !important;
}

.create-user-dialog-content > button:last-child:focus, .edit-user-dialog-content > button:last-child:focus, .create-user-dialog-content > button:last-child:focus-visible, .edit-user-dialog-content > button:last-child:focus-visible, .change-password-dialog-content > button:last-child:focus, .change-password-dialog-content > button:last-child:focus-visible, .signature-preview-dialog-content > button:last-child:focus, .signature-preview-dialog-content > button:last-child:focus-visible {
  box-shadow: none !important;
  background: none !important;
  outline: none !important;
}

.create-user-dialog-content > button:last-child:focus:hover, .edit-user-dialog-content > button:last-child:focus:hover, .create-user-dialog-content > button:last-child:focus-visible:hover, .edit-user-dialog-content > button:last-child:focus-visible:hover, .change-password-dialog-content > button:last-child:focus:hover, .change-password-dialog-content > button:last-child:focus-visible:hover, .signature-preview-dialog-content > button:last-child:focus:hover, .signature-preview-dialog-content > button:last-child:focus-visible:hover {
  background: #f1f5f9 !important;
}

.create-user-dialog-content > button:last-child svg, .edit-user-dialog-content > button:last-child svg, .change-password-dialog-content > button:last-child svg, .signature-preview-dialog-content > button:last-child svg {
  color: #0f172a !important;
  stroke: #0f172a !important;
  width: 20px !important;
  height: 20px !important;
}

.create-user-dialog-content h2, .create-user-dialog-content [class*="Title"], .signature-preview-dialog-content h2 {
  margin: 0;
  padding: 0;
  color: #0f172a !important;
}

.create-user-dialog-content .create-user-dialog-title {
  font-size: 1.375rem;
  font-weight: 700;
}

.create-user-dialog-content .create-user-dialog-footer {
  padding: 20px var(--um-dialog-padding) 0 0;
  flex-shrink: 0;
  margin-top: 0;
}

.create-user-dialog-description {
  color: #64748b;
  margin: 8px 0 0;
  font-size: 14px;
}

.create-user-dialog-body {
  padding: 20px var(--um-dialog-padding) 0 0;
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden auto;
}

.create-user-dialog-body label {
  color: #0f172a !important;
}

.create-user-dialog-content input, .create-user-dialog-content input[type="text"], .create-user-dialog-content input[type="email"], .create-user-dialog-content input[type="password"], .create-user-dialog-content input[type="date"], .create-user-dialog-content input[type="tel"], .create-user-dialog-content input:hover, .create-user-dialog-content input[type="text"]:hover, .create-user-dialog-content input[type="email"]:hover, .edit-user-dialog-content input, .edit-user-dialog-content input[type="text"], .edit-user-dialog-content input[type="email"], .edit-user-dialog-content input[type="password"], .edit-user-dialog-content input[type="date"], .edit-user-dialog-content input[type="tel"], .edit-user-dialog-content input:hover, .edit-user-dialog-content input[type="text"]:hover, .edit-user-dialog-content input[type="email"]:hover {
  background-color: var(--um-dialog-input-bg) !important;
  background: var(--um-dialog-input-bg) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: var(--um-dialog-border) !important;
  box-shadow: 0 0 0 1000px var(--um-dialog-input-bg) inset !important;
  -webkit-box-shadow: 0 0 0 1000px var(--um-dialog-input-bg) inset !important;
}

.create-user-dialog-content input:focus, .create-user-dialog-content select:focus {
  border-color: var(--um-dialog-focus) !important;
  box-shadow: 0 0 0 1px var(--um-dialog-focus) !important;
  outline: none !important;
}

.create-user-dialog-content input::placeholder, .create-user-dialog-content .form-input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.create-user-dialog-content input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.create-user-dialog-content .form-input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.create-user-dialog-content input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.create-user-dialog-content .form-input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.edit-user-dialog-content {
  color: #0f172a;
  min-width: 440px;
  max-width: 520px;
  max-height: 90vh;
  overflow: hidden auto;
  background-color: #fff !important;
}

.edit-user-dialog-content .create-user-dialog-body {
  padding: 20px var(--um-dialog-padding) 0 0;
}

.edit-user-dialog-content .create-user-dialog-footer {
  padding: 20px var(--um-dialog-padding) 0 0;
  flex-shrink: 0;
  margin-top: 0;
}

.edit-user-dialog-content h2, .edit-user-dialog-content [class*="Title"] {
  color: #0f172a !important;
}

.edit-user-dialog-content input, .edit-user-dialog-content input[type="text"], .edit-user-dialog-content input[type="email"], .edit-user-dialog-content input[type="tel"], .edit-user-dialog-content input[type="date"] {
  background-color: var(--um-dialog-input-bg) !important;
  background: var(--um-dialog-input-bg) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: var(--um-dialog-border) !important;
  box-shadow: 0 0 0 1000px var(--um-dialog-input-bg) inset !important;
  -webkit-box-shadow: 0 0 0 1000px var(--um-dialog-input-bg) inset !important;
}

.edit-user-dialog-content input:focus, .edit-user-dialog-content select:focus {
  border-color: var(--um-dialog-focus) !important;
  box-shadow: 0 0 0 1px var(--um-dialog-focus) !important;
  outline: none !important;
}

.edit-user-dialog-content input::placeholder, .edit-user-dialog-content .form-input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.edit-user-dialog-content input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.edit-user-dialog-content .form-input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.edit-user-dialog-content input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.edit-user-dialog-content .form-input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.edit-user-dialog-content-full {
  min-width: 520px;
  max-width: 640px;
}

.edit-user-dialog-header-fields {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.edit-user-dialog-readonly-field {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.edit-user-dialog-readonly-label {
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}

.edit-user-dialog-readonly-value {
  color: #0f172a;
  background-color: var(--um-dialog-input-bg);
  border: 1px solid var(--um-dialog-border);
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
}

.edit-user-dialog-row, .edit-user-signature-row {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.edit-user-signature-input {
  color: #0f172a;
  font-size: 14px;
}

.edit-user-signature-current {
  color: #64748b;
  font-size: 13px;
}

.edit-user-dialog-content input[type="file"] {
  color: #0f172a !important;
  background-color: #f3f3f5 !important;
}

.create-user-signature-field {
  grid-column: 1 / -1;
  margin-bottom: 16px;
  padding-bottom: 0;
}

.create-user-signature-upload {
  flex-direction: column;
  display: flex;
}

.create-user-signature-row {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.create-user-signature-input-hidden {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
}

.create-user-signature-filename-box {
  color: #64748b;
  background-color: #f3f3f5;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  flex: 1;
  align-items: center;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
}

.create-user-signature-upload-btn {
  color: #0f172a;
  cursor: pointer;
  background-color: #f3f3f5;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  flex-shrink: 0;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
}

.create-user-signature-upload-btn:hover {
  background-color: #e2e8f0;
  border-color: #cbd5e1;
}

.create-user-signature-clear-btn {
  color: #64748b;
  cursor: pointer;
  text-underline-offset: 3px;
  background: none;
  border: none;
  align-self: flex-start;
  margin-top: 8px;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
}

.create-user-signature-clear-btn:hover {
  color: #dc2626;
}

.create-user-signature-clear-btn:focus-visible {
  outline-offset: 2px;
  border-radius: 4px;
  outline: 2px solid #3b82f6;
}

.create-user-signature-label-row {
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  display: flex;
}

.create-user-signature-label-row .create-user-dialog-label {
  margin-bottom: 0;
}

.create-user-signature-preview-btn {
  color: #475569;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: inline-flex;
}

.create-user-signature-preview-btn:hover {
  color: #0f172a;
  background-color: #f1f5f9;
}

.create-user-signature-preview-btn:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #3b82f6;
}

.user-details-section-title-row {
  border-bottom: 1px solid #e2e8f0;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 20px 0 12px;
  padding-bottom: 8px;
  display: flex;
}

.user-details-section-title.user-details-section-title--inline {
  border-bottom: none;
  margin: 0;
  padding-bottom: 0;
  line-height: 1.2;
}

.user-details-signature-preview-btn {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: inline-flex;
}

.user-details-signature-preview-btn:hover {
  color: #0f172a;
  background-color: #f1f5f9;
}

.user-details-signature-preview-btn:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #3b82f6;
}

.signature-preview-dialog-content {
  box-sizing: border-box;
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  padding: 20px 24px 24px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 40px #00000026;
  width: min(900px, 100vw - 4rem) !important;
  max-width: min(900px, 100vw - 4rem) !important;
  max-height: min(85vh, 100vh - 4rem) !important;
}

.signature-preview-dialog-header {
  text-align: left;
  flex-shrink: 0;
  padding-right: 40px;
}

.signature-preview-dialog-header h2 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #0f172a !important;
}

.signature-preview-dialog-filename {
  color: #64748b;
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 400;
}

.signature-preview-dialog-body {
  box-sizing: border-box;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 200px;
  max-height: min(62vh, 100vh - 14rem);
  padding: 16px;
  display: flex;
  overflow: auto;
}

.signature-preview-dialog-frame {
  background: #fff;
  border: none;
  border-radius: 6px;
  flex: 1;
  width: 100%;
  min-height: 480px;
}

.signature-preview-dialog-image {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: min(65vh, 560px);
}

.signature-preview-dialog-status, .signature-preview-dialog-error {
  color: #64748b;
  text-align: center;
  margin: 0;
  font-size: 14px;
}

.signature-preview-dialog-error {
  color: #b91c1c;
}

.signature-preview-dialog-fallback {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.signature-preview-dialog-open-tab {
  color: #2563eb;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}

.signature-preview-dialog-open-tab:hover {
  color: #1d4ed8;
}

.signature-preview-dialog-remote-hint {
  color: #64748b;
  text-align: center;
  margin: 8px 0 0;
  font-size: 13px;
}

.edit-user-dialog-content select.edit-user-input-disabled, .edit-user-dialog-content input.edit-user-input-disabled, .create-user-dialog-content select.edit-user-input-disabled, .create-user-dialog-content input.edit-user-input-disabled, .create-user-dialog-content input[readonly], .edit-user-dialog-content input[readonly] {
  cursor: not-allowed !important;
  background-color: var(--um-dialog-input-bg, #f3f3f5) !important;
  background: var(--um-dialog-input-bg, #f3f3f5) !important;
  border-color: var(--um-dialog-border, #e2e8f0) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 0 0 1000px var(--um-dialog-input-bg, #f3f3f5) inset !important;
}

.create-user-dialog-content .create-user-select-wrap.create-user-modality-select-wrap, .edit-user-dialog-content .create-user-select-wrap.create-user-modality-select-wrap {
  align-items: center;
  height: auto;
  min-height: 40px;
  padding: 6px 12px;
}

.create-user-modality-inner {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.create-user-modality-inner .create-user-select-value, .create-user-modality-inner .create-user-select-placeholder {
  flex: 1;
  min-width: 80px;
}

.create-user-dialog-content .create-user-select-option-disabled, .edit-user-dialog-content .create-user-select-option-disabled {
  opacity: .65;
  cursor: not-allowed;
  pointer-events: none;
  color: #64748b;
}

.create-user-dialog-content .create-user-select-option .create-user-modality-check, .edit-user-dialog-content .create-user-select-option .create-user-modality-check {
  color: #64748b;
  flex-shrink: 0;
  display: block;
}

.create-user-dialog-content .create-user-select-option.create-user-modality-option, .edit-user-dialog-content .create-user-select-option.create-user-modality-option {
  flex-flow: row;
  align-items: center;
  gap: 8px;
  display: flex;
}

.create-user-modality-option-check {
  flex: 0 0 20px;
  justify-content: flex-start;
  align-items: center;
  width: 20px;
  height: 14px;
  display: inline-flex;
}

.create-user-modality-option-label {
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}

.create-user-dialog-content .create-user-modality-option.create-user-modality-option--selected-toggle .create-user-modality-option-label, .edit-user-dialog-content .create-user-modality-option.create-user-modality-option--selected-toggle .create-user-modality-option-label {
  color: #64748b;
}

.create-user-dialog-content .create-user-specialty-add-option .create-user-modality-option-label, .edit-user-dialog-content .create-user-specialty-add-option .create-user-modality-option-label {
  color: var(--accent-primary, #0ea5e9);
  font-weight: 600;
}

.create-user-dialog-content .create-user-select-option, .edit-user-dialog-content .create-user-select-option {
  align-items: center;
  gap: 8px;
  display: flex;
}

.edit-user-modality-chips {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.edit-user-modality-chip {
  color: #0f172a;
  background-color: #e2e8f0;
  border-radius: 9999px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px 4px 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.edit-user-modality-chip-remove {
  cursor: pointer;
  color: #64748b;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.edit-user-modality-chip-remove:hover {
  color: #0f172a;
  background: #0000000f;
}

.edit-user-modality-select {
  max-width: 160px;
}

.create-user-availability-days-wrap {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.create-user-availability-day-btn {
  color: #0f172a;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .15s, border-color .15s, color .15s;
  display: inline-flex;
}

.create-user-availability-day-btn:hover {
  background-color: #f8fafc;
  border-color: #cbd5e1;
}

.create-user-availability-day-btn-selected {
  background-color: var(--accent-primary, #0ea5e9);
  border-color: var(--accent-primary, #0ea5e9);
  color: #fff;
}

.create-user-availability-day-btn-selected:hover {
  background-color: var(--accent-primary-hover, #0284c7);
  border-color: var(--accent-primary-hover, #0284c7);
  color: #fff;
}

.edit-user-day-selector {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.edit-user-day-btn {
  color: #0f172a;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.edit-user-day-btn:hover {
  border-color: var(--um-dialog-focus);
  background-color: #f8fafc;
}

.edit-user-day-btn-selected {
  background-color: var(--accent-primary);
  border-color: var(--accent-primary);
  color: #fff;
}

.edit-user-day-btn-selected:hover {
  background-color: var(--accent-hover);
  border-color: var(--accent-hover);
  color: #fff;
}

.user-details-role-pill, .user-details-role-badge {
  color: #0f172a;
  background-color: var(--um-dialog-input-bg, #f3f3f5);
  border: 1px solid var(--um-dialog-border, #e2e8f0);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.user-management-view-dialog-row-role .user-management-view-dialog-value {
  align-items: center;
  display: flex;
}

.create-user-dialog-content input[type="date"], .edit-user-dialog-content input[type="date"], .create-user-dialog-content input[type="date"]:hover, .edit-user-dialog-content input[type="date"]:hover, .create-user-dialog-content input[type="date"]:focus, .edit-user-dialog-content input[type="date"]:focus, .create-user-dialog-content input[type="date"]:active, .edit-user-dialog-content input[type="date"]:active {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.create-user-dialog-content input[type="date"]::-webkit-datetime-edit {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.edit-user-dialog-content input[type="date"]::-webkit-datetime-edit {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.create-user-dialog-content input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.edit-user-dialog-content input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.create-user-dialog-content input[type="date"]::-webkit-datetime-edit-text {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.edit-user-dialog-content input[type="date"]::-webkit-datetime-edit-text {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.create-user-dialog-content input[type="date"]::-webkit-datetime-edit-month-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.edit-user-dialog-content input[type="date"]::-webkit-datetime-edit-month-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.create-user-dialog-content input[type="date"]::-webkit-datetime-edit-day-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.edit-user-dialog-content input[type="date"]::-webkit-datetime-edit-day-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.create-user-dialog-content input[type="date"]::-webkit-datetime-edit-year-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.edit-user-dialog-content input[type="date"]::-webkit-datetime-edit-year-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  background: none !important;
}

.create-user-dialog-content input[type="time"], .edit-user-dialog-content input[type="time"], .create-user-dialog-content input[type="time"]:hover, .edit-user-dialog-content input[type="time"]:hover, .create-user-dialog-content input[type="time"]:focus, .edit-user-dialog-content input[type="time"]:focus, .create-user-dialog-content input[type="time"]:active, .edit-user-dialog-content input[type="time"]:active {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.create-user-dialog-content input[type="time"]::-webkit-datetime-edit {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.edit-user-dialog-content input[type="time"]::-webkit-datetime-edit {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.create-user-dialog-content input[type="time"]::-webkit-datetime-edit-fields-wrapper {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.edit-user-dialog-content input[type="time"]::-webkit-datetime-edit-fields-wrapper {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.create-user-dialog-content input[type="time"]::-webkit-datetime-edit-text {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.edit-user-dialog-content input[type="time"]::-webkit-datetime-edit-text {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.create-user-dialog-content input[type="time"]::-webkit-datetime-edit-hour-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.edit-user-dialog-content input[type="time"]::-webkit-datetime-edit-hour-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.create-user-dialog-content input[type="time"]::-webkit-datetime-edit-minute-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.edit-user-dialog-content input[type="time"]::-webkit-datetime-edit-minute-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.create-user-dialog-content input[type="time"]::-webkit-datetime-edit-ampm-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.edit-user-dialog-content input[type="time"]::-webkit-datetime-edit-ampm-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: none !important;
}

.create-user-dialog-content input[type="password"], .edit-user-dialog-content input[type="password"], .create-user-dialog-content input[type="password"]:hover, .edit-user-dialog-content input[type="password"]:hover, .create-user-dialog-content input[type="password"]:focus, .edit-user-dialog-content input[type="password"]:focus, .create-user-dialog-content input[type="password"]:active, .edit-user-dialog-content input[type="password"]:active, .create-user-dialog-content div:has(input[type="password"]):hover input[type="password"], .edit-user-dialog-content div:has(input[type="password"]):hover input[type="password"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.create-user-dialog-content input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.create-user-dialog-content input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.create-user-dialog-content input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.create-user-dialog-content input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.edit-user-dialog-content input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.edit-user-dialog-content input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.edit-user-dialog-content input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.edit-user-dialog-content input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.create-user-dialog-field-error {
  color: #dc2626;
  margin-top: 2px;
  font-size: 12px;
}

.create-user-dialog-input-error, .create-user-dialog-content .create-user-dialog-input-error, .edit-user-dialog-content .create-user-dialog-input-error {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 1px #dc2626 !important;
}

.create-user-dialog-section-title {
  color: #0f172a;
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
}

.create-user-dialog-section-title-with-divider {
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.create-user-dialog-field {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.create-user-dialog-content .create-user-dialog-grid > div, .edit-user-dialog-content .create-user-dialog-grid > div {
  min-width: 0;
  flex-direction: column !important;
  gap: 6px !important;
  display: flex !important;
}

.create-user-dialog-content .create-user-dialog-grid label, .edit-user-dialog-content .create-user-dialog-grid label {
  min-height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.create-user-dialog-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #0f172a !important;
}

.create-user-dialog-content .create-user-dialog-required-star, .edit-user-dialog-content .create-user-dialog-required-star {
  color: #dc2626 !important;
}

.create-user-dialog-content .create-user-select-wrap, .edit-user-dialog-content .create-user-select-wrap {
  box-sizing: border-box;
  cursor: pointer;
  color: #0f172a;
  background-color: #f3f3f5;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  font-size: 14px;
  transition: border-color .15s, box-shadow .15s;
  display: flex;
}

.create-user-dialog-content .create-user-select-wrap:hover, .edit-user-dialog-content .create-user-select-wrap:hover {
  border-color: #cbd5e1;
}

.create-user-dialog-content .create-user-select-wrap-open, .edit-user-dialog-content .create-user-select-wrap-open, .create-user-dialog-content .create-user-select-wrap:focus, .edit-user-dialog-content .create-user-select-wrap:focus {
  box-shadow: none;
  border-color: #cbd5e1;
  outline: none;
}

.create-user-select-value {
  color: #0f172a;
  flex: 1;
  font-size: 14px;
}

.create-user-select-placeholder {
  color: #94a3b8;
  flex: 1;
  font-size: 14px;
}

.create-user-select-chevron {
  color: #64748b;
  flex-shrink: 0;
  transition: transform .2s;
}

.create-user-select-wrap-open .create-user-select-chevron {
  transform: rotate(180deg);
}

.create-user-dialog-field-role, .create-user-dialog-field-styled-dropdown {
  position: relative;
}

.create-user-dialog-content .create-user-select-dropdown, .edit-user-dialog-content .create-user-select-dropdown {
  z-index: 50;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  max-height: 220px;
  margin-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 4px 12px #0000001a;
}

.create-user-dialog-content .create-user-select-option, .edit-user-dialog-content .create-user-select-option {
  color: #0f172a;
  cursor: pointer;
  border-radius: 4px;
  margin: 2px 4px;
  padding: 8px 12px;
  font-size: 14px;
}

.create-user-dialog-content .create-user-select-option:hover, .edit-user-dialog-content .create-user-select-option:hover {
  background-color: #f3f3f5;
}

.create-user-dialog-content .create-user-select-free-text-wrap, .edit-user-dialog-content .create-user-select-free-text-wrap {
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 2px;
  padding: 8px 8px 4px;
}

.create-user-dialog-content .create-user-select-free-text-input, .edit-user-dialog-content .create-user-select-free-text-input {
  color: #0f172a;
  background: #fff;
  border: 1px solid #d8dee8;
  border-radius: 6px;
  outline: none;
  width: 100%;
  height: 34px;
  padding: 0 10px;
  font-size: 13px;
}

.create-user-dialog-content .create-user-select-free-text-input:focus, .edit-user-dialog-content .create-user-select-free-text-input:focus {
  border-color: var(--um-dialog-focus);
  box-shadow: 0 0 0 1px var(--um-dialog-focus);
}

.create-user-dialog-content .create-user-select-wrap-readonly, .edit-user-dialog-content .create-user-select-wrap-readonly {
  cursor: default;
  background-color: #f1f5f9;
  border: 1px solid #e2e8f0;
}

.create-user-dialog-select {
  color: #0f172a;
  appearance: none;
  cursor: pointer;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 36px 0 12px;
  font-size: 14px;
  background-color: #f3f3f5 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748b%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
}

.create-user-dialog-select:focus {
  border-color: var(--um-dialog-focus) !important;
  box-shadow: 0 0 0 1px var(--um-dialog-focus) !important;
}

.create-user-dialog-grid {
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 16px;
  width: 100%;
  display: grid;
}

.create-user-dialog-content .create-user-dialog-body input, .create-user-dialog-content .create-user-dialog-body input[type="text"], .create-user-dialog-content .create-user-dialog-body input[type="email"], .create-user-dialog-content .create-user-dialog-body input[type="password"], .create-user-dialog-content .create-user-dialog-body input[type="tel"], .create-user-dialog-content .create-user-dialog-body input[type="date"], .create-user-dialog-content .create-user-dialog-body input[type="time"], .edit-user-dialog-content .create-user-dialog-body input, .edit-user-dialog-content .create-user-dialog-body input[type="text"], .edit-user-dialog-content .create-user-dialog-body input[type="email"], .edit-user-dialog-content .create-user-dialog-body input[type="password"], .edit-user-dialog-content .create-user-dialog-body input[type="tel"], .edit-user-dialog-content .create-user-dialog-body input[type="date"], .edit-user-dialog-content .create-user-dialog-body input[type="time"] {
  box-sizing: border-box;
  height: 40px !important;
  min-height: 40px !important;
}

.create-user-dialog-content .create-user-dialog-body .create-user-dialog-field, .edit-user-dialog-content .create-user-dialog-body .create-user-dialog-field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.create-user-dialog-content .create-user-dialog-body .create-user-dialog-field label, .edit-user-dialog-content .create-user-dialog-body .create-user-dialog-field label {
  min-height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.create-user-dialog-mobile-wrap {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.create-user-dialog-mobile-prefix {
  color: #64748b;
  background-color: #f3f3f5;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.create-user-dialog-mobile-wrap .create-user-dialog-input {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  flex: 1;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  background-color: #f3f3f5 !important;
}

.create-user-dialog-mobile-wrap .create-user-dialog-input:focus {
  border-color: var(--um-dialog-focus, #cbd5e1);
  box-shadow: 0 0 0 1px var(--um-dialog-focus, #cbd5e1);
}

.create-user-dialog-mobile-wrap.create-user-dialog-input-error .create-user-dialog-input {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 1px #dc2626 !important;
}

.create-user-dialog-input {
  color: #0f172a;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  outline: none;
  flex: 1;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #f3f3f5 !important;
}

.create-user-dialog-input:focus {
  border-color: var(--um-dialog-focus) !important;
  box-shadow: 0 0 0 1px var(--um-dialog-focus) !important;
}

.create-user-dialog-dob-input-slot {
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  display: flex;
  position: relative;
}

.create-user-dialog-dob-input-slot .create-user-dialog-dob-input {
  border: 1px solid var(--border-input-default);
  background-color: var(--bg-input-default);
  border-radius: 6px;
  flex: 1;
  min-width: 0;
  height: 40px;
  padding: 0 44px 0 12px;
  font-size: 14px;
}

.create-user-dialog-dob-input-slot.create-user-dialog-input-error .create-user-dialog-dob-input {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 1px #dc2626 !important;
}

.create-user-dialog-dob-input-slot .create-user-dialog-dob-input:focus {
  outline: none;
  border-color: var(--um-dialog-focus, #cbd5e1) !important;
  box-shadow: 0 0 0 1px var(--um-dialog-focus, #cbd5e1) !important;
}

.create-user-dialog-dob-native-input {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  border: none;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.create-user-dialog-dob-calendar-btn {
  z-index: 2;
  cursor: pointer;
  color: #64748b;
  width: 32px;
  height: 32px;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.create-user-dialog-dob-calendar-btn:hover, .create-user-dialog-dob-calendar-btn:focus, .create-user-dialog-dob-calendar-btn:active {
  color: #64748b;
  box-shadow: none;
  background: none;
  border: none;
  outline: none;
}

.create-user-dialog-error {
  color: #dc2626;
  margin: 0;
  font-size: 13px;
}

.create-user-dialog-footer {
  border-top: 1px solid var(--border-table, #e2e8f0);
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
  display: flex;
}

.create-user-dialog-btn {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  min-width: 88px;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s, color .15s;
}

.create-user-dialog-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.create-user-dialog-content .create-user-dialog-btn-cancel, .edit-user-dialog-content .create-user-dialog-btn-cancel {
  color: #0f172a !important;
  background-color: #fff !important;
  border: 1px solid #e2e8f0 !important;
}

.create-user-dialog-content .create-user-dialog-btn-cancel:hover:not(:disabled), .edit-user-dialog-content .create-user-dialog-btn-cancel:hover:not(:disabled) {
  background-color: #f8fafc !important;
}

.create-user-dialog-content .create-user-dialog-btn-primary, .edit-user-dialog-content .create-user-dialog-btn-primary {
  background-color: var(--accent-primary) !important;
  color: #fff !important;
  border: 1px solid var(--accent-primary) !important;
}

.create-user-dialog-content .create-user-dialog-btn-primary:hover:not(:disabled), .edit-user-dialog-content .create-user-dialog-btn-primary:hover:not(:disabled) {
  background-color: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

.viewer-chrome-light {
  --highlight: 191 74% 63%;
  --background: 210 25% 97%;
  --foreground: 215 25% 17%;
  --card: 0 0% 100%;
  --card-foreground: 215 25% 17%;
  --popover: 0 0% 100%;
  --popover-foreground: 215 25% 17%;
  --primary: 192 84% 38%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 20% 96%;
  --secondary-foreground: 215 25% 17%;
  --muted: 210 22% 95%;
  --muted-foreground: 215 14% 46%;
  --accent: 210 25% 95%;
  --accent-foreground: 215 25% 17%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 90%;
  --input: 214 20% 88%;
  --ring: 192 84% 38%;
  --neutral-dark: 215 25% 28%;
  --neutral-light: 215 20% 82%;
}

.viewer-layout-revamp {
  --primary: 192 84% 38%;
  --primary-foreground: 0 0% 100%;
  --ring: 192 84% 38%;
}

.viewer-chrome-light.viewer-layout-revamp {
  background-color: #fff !important;
}

.viewer-ris-global-header {
  color: #0a0a0a;
  width: 100%;
  background-color: #fff !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

.viewer-ris-global-header button {
  color: #404040;
}

.viewer-ris-global-header button:hover {
  color: #0a0a0a;
}

.viewer-layout-revamp .viewer-ris-header-band {
  box-sizing: border-box;
  flex-shrink: 0;
  height: 66px;
  min-height: 66px;
}

.viewer-layout-revamp .viewer-ris-header-typography {
  letter-spacing: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem;
}

.viewer-layout-revamp .viewer-ris-patient-bar-ids {
  letter-spacing: 0;
  color: #0891b2;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
}

.viewer-ris-toolbar-wrap span[data-tool] button {
  width: 2.25rem !important;
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
}

.viewer-chrome-light .viewer-ris-toolbar-wrap .viewer-ris-toolbar span[data-tool] button {
  color: #737373 !important;
}

.viewer-chrome-light .viewer-ris-toolbar-wrap .viewer-ris-toolbar span[data-tool] button:hover:not(:disabled) {
  color: hsl(var(--highlight)) !important;
}

.viewer-chrome-light .viewer-ris-toolbar span[data-tool][data-active="true"] button {
  background-color: hsl(var(--muted)) !important;
  color: #737373 !important;
}

.viewer-chrome-light .viewer-ris-toolbar span[data-tool][data-active="true"] button:hover:not(:disabled) {
  background-color: hsl(var(--accent)) !important;
  color: hsl(var(--highlight)) !important;
}

.viewer-chrome-light .viewer-ris-toolbar-wrap .viewer-ris-toolbar [data-cy$="-split-button-secondary"] button {
  color: #737373 !important;
}

.viewer-chrome-light .viewer-ris-toolbar-wrap .viewer-ris-toolbar [data-cy$="-split-button-secondary"] button:hover:not(:disabled) {
  color: hsl(var(--highlight)) !important;
}

.viewer-chrome-light .viewer-ris-toolbar-wrap .viewer-ris-toolbar [data-cy$="-split-button-secondary"] button .text-primary {
  color: inherit !important;
}

body.bg-viewer-canvas {
  background-color: #e5ecf3;
}

.viewer-ris-patient-bar {
  background-color: #fff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.viewer-ris-toolbar-wrap {
  border-bottom-color: #e5e5e5 !important;
}

.viewer-layout-revamp .viewer-ris-toolbar-wrap.viewer-ris-header-band {
  align-items: flex-start;
  height: auto;
  min-height: 66px;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.viewer-ris-toolbar {
  align-items: flex-start;
}

.viewer-layout-revamp [data-cy="studyBrowser-panel"] {
  background-color: #e5ecf3;
}

.viewer-layout-revamp #ohif-thumbnail-list {
  background-color: #0000;
}

.viewer-layout-revamp [data-cy="studyBrowser-panel"] .bg-bkg-low {
  background-color: #e2e9ef;
}

.viewer-layout-revamp .study-preview-browser {
  background-color: #fff;
}

.viewer-layout-revamp .study-preview-card {
  min-height: 193px;
}

.viewer-layout-revamp .study-preview-card:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0f91b2;
}

.viewer-layout-revamp .study-preview-card__image {
  min-height: 191px;
}

.viewer-layout-revamp .panel-study-browser-view-toggle button[data-state="off"], .viewer-layout-revamp .panel-study-browser-view-toggle button[data-state="off"] svg {
  color: #737373 !important;
}

.viewer-layout-revamp .panel-study-browser-view-toggle button[data-state="on"], .viewer-layout-revamp .panel-study-browser-view-toggle button[data-state="on"] svg, .viewer-layout-revamp .panel-study-browser-view-toggle button:hover, .viewer-layout-revamp .panel-study-browser-view-toggle button:hover svg {
  color: #0f91b2 !important;
}

.viewer-layout-revamp .study-browser-download-footer {
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem .625rem;
  display: flex;
}

.study-browser-download__menu {
  color: #334155 !important;
  background-color: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 4px 12px #0f172a1f !important;
}

.study-browser-download__menu .viewport-download-menu__item {
  color: #334155 !important;
}

.study-browser-download__menu .viewport-download-menu__item svg {
  color: #0891b2 !important;
}

.study-browser-download__menu .viewport-download-menu__item[data-highlighted], .study-browser-download__menu .viewport-download-menu__item:focus {
  color: #0891b2 !important;
  background-color: #0891b21a !important;
}

.study-browser-download__menu .viewport-download-menu__item[data-disabled] {
  opacity: .45;
}

.study-browser-download__menu [data-cy="download-export-status"] {
  color: #64748b !important;
}

.viewer-layout-revamp .study-browser-download__trigger {
  color: #fff;
}

.viewer-layout-revamp .viewer-viewport-stage {
  --input: 214 20% 40%;
}

.viewer-layout-revamp [data-ohif-side-panel="light"] {
  background-color: #fff !important;
  border-color: #e5e5e5 !important;
}

.viewer-layout-revamp [data-ohif-side-panel="light"] .bg-secondary-dark, .viewer-layout-revamp [data-ohif-side-panel="light"] .bg-bkg-med, .viewer-layout-revamp [data-ohif-side-panel="light"] .bg-primary-dark {
  background-color: #fff !important;
}

.viewer-layout-revamp .viewport-download-menu {
  z-index: 30;
}

.viewer-layout-revamp .viewport-download-menu__item {
  white-space: normal;
  word-break: break-word;
  min-height: 2.25rem;
}

.viewer-layout-revamp .viewport-download-menu__item[data-disabled="true"] {
  cursor: not-allowed;
}

.viewer-layout-revamp [data-cy="viewport-download-menu-trigger"][aria-disabled="true"], .viewer-layout-revamp [data-cy="viewport-download-menu-trigger"] button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

@media (width <= 480px) {
  .viewer-layout-revamp .viewport-download-menu {
    min-width: min(16rem, 100vw - 2rem);
  }
}

@media (width <= 1023px) {
  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-header-typography {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-patient-bar-ids {
    font-size: .9375rem;
    line-height: 1.5rem;
  }
}

@media (width <= 767px) {
  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-patient-bar.viewer-ris-header-band {
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    min-height: 56px;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-patient-bar__meta {
    flex: calc(100% - 9rem);
    min-width: 0;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-patient-bar__actions {
    flex: 0 auto;
    max-width: 100%;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-header-action-label {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-header-action-btn {
    gap: 0;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-patient-bar__icon-btn {
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-viewport-mat {
    padding: 0;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-viewport-stage {
    box-shadow: none;
    ring-width: 0;
    border-radius: 0;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-viewport-stage.ring-1 {
    --tw-ring-shadow: 0 0 #0000;
    box-shadow: none;
  }

  .viewer-layout-revamp.viewer-patient-mode .study-preview-card, .viewer-layout-revamp.viewer-patient-mode .study-preview-card__image {
    min-height: 140px;
  }

  .viewer-layout-revamp.viewer-patient-mode [data-panel-group] {
    position: relative;
  }

  .viewer-layout-revamp.viewer-patient-mode.viewer-layout--left-expanded [data-panel-id="viewerLayoutResizableLeftPanel"] {
    z-index: 40;
    background-color: #fff;
    height: 100%;
    position: absolute;
    inset: 0 auto 0 0;
    overflow: visible;
    box-shadow: 4px 0 24px #0f172a2e;
    flex: 0 0 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
  }

  .viewer-layout-revamp.viewer-patient-mode.viewer-layout--right-expanded [data-panel-id="viewerLayoutResizableRightPanel"] {
    z-index: 41;
    background-color: #fff;
    height: 100%;
    position: absolute;
    inset: 0 0 0 auto;
    overflow: visible;
    box-shadow: -4px 0 24px #0f172a2e;
    flex: 0 0 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
  }

  .viewer-layout-revamp.viewer-patient-mode.viewer-layout--left-expanded [data-panel-id="viewerLayoutResizableLeftPanel"] [data-ohif-side-panel], .viewer-layout-revamp.viewer-patient-mode.viewer-layout--right-expanded [data-panel-id="viewerLayoutResizableRightPanel"] [data-ohif-side-panel] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .viewer-layout-revamp.viewer-patient-mode.viewer-layout--left-expanded [data-panel-id="viewerLayoutResizableViewportGridPanel"], .viewer-layout-revamp.viewer-patient-mode.viewer-layout--right-expanded [data-panel-id="viewerLayoutResizableViewportGridPanel"] {
    flex: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-layout-left-resize-handle, .viewer-layout-revamp.viewer-patient-mode .viewer-layout-right-resize-handle {
    display: none;
  }
}

@media (width >= 768px) and (width <= 1023px) {
  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-patient-bar.viewer-ris-header-band {
    flex-wrap: wrap;
    height: auto;
    min-height: 66px;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .viewer-layout-revamp.viewer-patient-mode .viewer-ris-patient-bar__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

.viewer-layout-revamp [data-download-selected="true"] {
  box-shadow: inset 0 0 0 2px hsl(var(--primary));
}

.download-image-modal {
  --download-modal-width: 1000px;
  --download-modal-left-col: 500px;
  --download-modal-right-col: 500px;
  --download-modal-body-min-height: 560px;
  width: min(var(--download-modal-width), 95vw) !important;
  max-width: var(--download-modal-width) !important;
  background-color: #fff !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 620px !important;
  max-height: 95vh !important;
  padding: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.download-image-modal-body {
  grid-template-columns: var(--download-modal-left-col) var(--download-modal-right-col) !important;
  min-height: var(--download-modal-body-min-height) !important;
  flex: auto !important;
  display: grid !important;
  overflow: hidden !important;
}

.download-image-modal-preview {
  height: 100% !important;
  min-height: var(--download-modal-body-min-height) !important;
}

.dicom-tag-browser-table {
  margin-left: auto;
  margin-right: auto;
}

.dicom-tag-browser-table-wrapper {
  overflow-x: scroll;
}

.dicom-tag-browser-table tr {
  color: #fff;
  white-space: nowrap;
  border-top: 1px solid #ddd;
  padding-left: 10px;
  padding-right: 10px;
}

.stick {
  position: sticky;
  overflow: clip;
}

.dicom-tag-browser-content {
  overflow: hidden;
}

.dicom-tag-browser-instance-range .range {
  height: 20px;
}

.dicom-tag-browser-instance-range {
  padding: 20px 0;
}

.dicom-tag-browser-table td.dicom-tag-browser-table-center {
  text-align: center;
}

.dicom-tag-browser-table th {
  text-align: center;
  color: "#20A5D6";
  padding-left: 10px;
  padding-right: 10px;
}

.dicom-tag-browser-table th.dicom-tag-browser-table-left {
  text-align: left;
}

.chrome-picker {
  background: #090c29 !important;
}

.login-page-light {
  background-color: #f3f3f5;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 24px 16px;
  display: flex;
  position: relative;
}

.login-page-light .login-inner {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 384px;
  display: flex;
}

.login-logo-wrap {
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.login-logo-icon {
  background: var(--accent-primary);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.login-logo-icon-svg {
  width: 16px;
  height: 16px;
}

.login-logo-text {
  color: #1e293b;
  font-size: 18px;
  font-weight: 600;
}

.login-card-light {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px #00000014;
}

.login-card-header {
  padding: 24px 24px 0;
}

.login-card-title {
  color: #1e293b;
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 600;
}

.login-card-desc {
  color: #64748b;
  margin: 0;
  font-size: 14px;
}

.login-card-content {
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  display: flex;
}

.login-card-content .form-group {
  margin: 0;
}

.login-card-content .form-label {
  color: #1e293b;
  font-size: 14px;
  font-weight: 500;
}

.login-page-light .login-card-content .form-input, .login-page-light .login-card-content input {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  transition: border-color .15s, box-shadow .15s !important;
}

.login-page-light .login-card-content .form-input:not(:disabled):not([disabled]), .login-page-light .login-card-content input:not(:disabled):not([disabled]) {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: #f3f3f5 !important;
  border: 1px solid #e2e8f0 !important;
}

.login-page-light .login-card-content .form-input:disabled, .login-page-light .login-card-content .form-input[disabled], .login-page-light .login-card-content input:disabled, .login-page-light .login-card-content input[disabled] {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f8fafc !important;
}

.login-page-light .login-card-content .form-input:hover, .login-page-light .login-card-content .input-wrapper:hover .form-input, .login-page-light .login-card-content input:hover {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
}

.login-page-light .login-card-content .form-input:disabled:hover, .login-page-light .login-card-content .form-input[disabled]:hover, .login-page-light .login-card-content input:disabled:hover {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  background: #f8fafc !important;
}

.login-page-light .login-card-content .form-input:-webkit-autofill {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.login-page-light .login-card-content .form-input:-webkit-autofill:hover {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.login-page-light .login-card-content .form-input:-webkit-autofill:focus {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.login-page-light .login-card-content .form-input:-webkit-autofill:active {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.login-page-light .login-card-content input:-webkit-autofill {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.login-page-light .login-card-content input:-webkit-autofill:hover {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.login-page-light .login-card-content input:-webkit-autofill:focus {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.login-page-light .login-card-content input:-webkit-autofill:active {
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.login-page-light .login-card-content .form-input::placeholder, .login-page-light .login-card-content input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.login-page-light .login-card-content .form-input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.login-page-light .login-card-content input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.login-page-light .login-card-content .form-input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.login-page-light .login-card-content input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.login-page-light .login-card-content .form-input:focus, .login-page-light .login-card-content input:focus {
  border-color: var(--accent-primary) !important;
  color: #1e293b !important;
  -webkit-text-fill-color: #1e293b !important;
  background: #f3f3f5 !important;
  box-shadow: 0 0 0 3px oklch(61% .11 222 / .15) !important;
}

.login-btn-primary-light {
  height: 40px;
  font-weight: 600;
  background: var(--accent-primary) !important;
  color: #fff !important;
  border: none !important;
}

.login-btn-primary-light:hover:not(:disabled) {
  background: var(--accent-hover) !important;
}

.login-btn-google {
  height: 40px;
  font-weight: 500;
  color: #1e293b !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
}

.login-btn-google:hover:not(:disabled) {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

.report-verification-page {
  color: #111827;
  background: #f9fafb;
  min-height: 100vh;
}

body:has(.report-verification-page), body.report-verification-page--active {
  -webkit-overflow-scrolling: touch;
  color: #111827 !important;
  touch-action: pan-y !important;
  overscroll-behavior: auto !important;
  background: #f9fafb !important;
  height: auto !important;
  position: static !important;
  overflow-y: auto !important;
}

body:has(.report-verification-page) #root, body.report-verification-page--active #root {
  min-height: 100%;
  height: auto !important;
  overflow: visible !important;
}

.report-verification-page__shell {
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 24px 40px;
}

.report-verification-page__topbar {
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 0;
  display: flex;
}

.report-verification-page__topbar-left {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.report-verification-page__page-title {
  color: #111827;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.report-verification-page__verified-badge {
  color: #047857;
  background: #ecfdf5;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.report-verification-page__verified-badge svg {
  width: 13px;
  height: 13px;
}

.report-verification-page__report-id {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 500;
}

.report-verification-page__print-btn {
  color: #374151;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  box-shadow: 0 1px 2px #0f172a0a;
}

.report-verification-page__print-btn:hover {
  background: #f9fafb;
}

.report-verification-page__layout {
  grid-template-columns: minmax(300px, 340px) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.report-verification-page__sidebar-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}

.report-verification-page__verify-section {
  text-align: center;
  background: #ecfdf5;
  border-bottom: 1px solid #d1fae5;
  flex-direction: column;
  align-items: center;
  padding: 20px 16px;
  display: flex;
}

.report-verification-page__sidebar-section {
  padding: 16px;
}

.report-verification-page__sidebar-section + .report-verification-page__sidebar-section {
  border-top: 1px solid #f3f4f6;
}

.report-verification-page__sidebar-section--note {
  background: #fafafa;
  padding-top: 14px;
  padding-bottom: 14px;
}

.report-verification-page__verify-icon-wrap {
  color: #fff;
  background: #047857;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  display: flex;
}

.report-verification-page__verify-icon-wrap svg {
  width: 20px;
  height: 20px;
}

.report-verification-page__verify-title {
  color: #047857;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

.report-verification-page__verify-message {
  color: #065f46;
  max-width: 260px;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.report-verification-page__facility {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.report-verification-page__facility-icon {
  color: #9ca3af;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.report-verification-page__facility-name {
  color: #111827;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.report-verification-page__facility-address {
  color: #9ca3af;
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.report-verification-page__section-title {
  letter-spacing: .1em;
  color: #9ca3af;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 10px;
  font-weight: 700;
}

.report-verification-page__meta-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.report-verification-page__meta-row {
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: baseline;
  gap: 8px 12px;
  display: grid;
}

.report-verification-page__meta-label {
  color: #9ca3af;
  font-size: 12px;
  line-height: 1.4;
}

.report-verification-page__meta-value {
  color: #111827;
  word-break: break-word;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.report-verification-page__status-pill {
  color: #047857;
  background: #ecfdf5;
  border-radius: 999px;
  align-items: center;
  width: fit-content;
  padding: 1px 7px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.report-verification-page__staff-list {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.report-verification-page__staff-item {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.report-verification-page__staff-avatar {
  color: #2563eb;
  background: #eff6ff;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.report-verification-page__staff-name {
  color: #111827;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.report-verification-page__staff-role {
  color: #9ca3af;
  margin: 2px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.report-verification-page__sidebar-note {
  color: #9ca3af;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.report-verification-page__sidebar-note svg {
  color: #9ca3af;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

.report-verification-page__report-panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  min-height: 100%;
  padding: 24px 28px;
}

.report-verification-page__report-section {
  margin-bottom: 22px;
}

.report-verification-page__report-section:last-child {
  margin-bottom: 0;
}

.report-verification-page__report-heading {
  letter-spacing: .08em;
  color: #6b7280;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
}

.report-verification-page__report-subheading {
  color: #111827;
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 700;
}

.report-verification-page__report-text {
  color: #374151;
  white-space: pre-wrap;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.report-verification-page__impression-list {
  color: #374151;
  margin: 0;
  padding-left: 18px;
}

.report-verification-page__impression-list li {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.65;
}

.report-verification-page__finding-block + .report-verification-page__finding-block {
  margin-top: 12px;
}

.report-verification-page__empty-report {
  text-align: center;
  color: #6b7280;
  padding: 48px 16px;
  font-size: 14px;
  line-height: 1.6;
}

.report-verification-page__content-disclaimer {
  color: #9ca3af;
  border-top: 1px solid #f3f4f6;
  margin-top: 24px;
  padding-top: 18px;
  font-size: 11px;
  line-height: 1.6;
}

.report-verification-page__state {
  text-align: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  max-width: 480px;
  margin: 80px auto;
  padding: 32px 24px;
}

.report-verification-page__state-title {
  color: #111827;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
}

.report-verification-page__state-message {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

@media (width <= 900px) {
  .report-verification-page__layout {
    grid-template-columns: 1fr;
  }

  .report-verification-page__report-panel {
    padding: 20px 18px;
  }
}

@media (width <= 640px) {
  .report-verification-page__shell {
    padding: 16px 14px 32px;
  }

  .report-verification-page__topbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .report-verification-page__print-btn {
    justify-content: center;
    width: 100%;
  }

  .report-verification-page__meta-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

@media print {
  .report-verification-page {
    background: #fff;
  }

  .report-verification-page__shell {
    max-width: none;
    padding: 0;
  }

  .report-verification-page__print-btn {
    display: none;
  }

  .report-verification-page__layout {
    grid-template-columns: 280px 1fr;
    gap: 16px;
  }

  .report-verification-page__sidebar-panel, .report-verification-page__report-panel {
    page-break-inside: avoid;
    break-inside: avoid;
    box-shadow: none;
  }
}

.critical-ack-page {
  color: #111827;
  background: #f9fafb;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 24px 16px;
  display: flex;
}

body:has(.critical-ack-page), body.critical-ack-page--active {
  -webkit-overflow-scrolling: touch;
  color: #111827 !important;
  touch-action: pan-y !important;
  overscroll-behavior: auto !important;
  background: #f9fafb !important;
  height: auto !important;
  position: static !important;
  overflow-y: auto !important;
}

body:has(.critical-ack-page) #root, body.critical-ack-page--active #root {
  min-height: 100%;
  height: auto !important;
  overflow: visible !important;
}

.critical-ack-page__card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  width: 100%;
  max-width: 420px;
  padding: 28px 24px;
  box-shadow: 0 1px 3px #0f172a0f;
}

.critical-ack-page__state {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.critical-ack-page__icon {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  display: flex;
}

.critical-ack-page__icon svg {
  width: 24px;
  height: 24px;
}

.critical-ack-page__icon--success {
  color: #047857;
  background: #ecfdf5;
}

.critical-ack-page__icon--pending, .critical-ack-page__icon--error {
  color: #dc2626;
  background: #fef2f2;
}

.critical-ack-page__title {
  color: #111827;
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 700;
}

.critical-ack-page__message {
  color: #6b7280;
  max-width: 320px;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.critical-ack-page__spinner {
  color: #6b7280;
  width: 24px;
  height: 24px;
  margin-bottom: 12px;
  animation: 1s linear infinite critical-ack-spin;
}

@keyframes critical-ack-spin {
  to {
    transform: rotate(360deg);
  }
}

.critical-ack-page__details {
  border-top: 1px solid #f3f4f6;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0 0;
  padding-top: 16px;
  display: flex;
}

.critical-ack-page__row {
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: baseline;
  gap: 8px;
  display: grid;
}

.critical-ack-page__row dt {
  color: #9ca3af;
  font-size: 12px;
}

.critical-ack-page__row dd {
  color: #111827;
  word-break: break-word;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.critical-ack-page__badge {
  border-radius: 999px;
  align-items: center;
  padding: 2px 9px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.critical-ack-page__badge--acknowledged {
  color: #047857;
  background: #ecfdf5;
}

.critical-ack-page__badge--pending {
  color: #b45309;
  background: #fffbeb;
}

.critical-ack-page__actions {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.critical-ack-page__ack-btn {
  color: #fff;
  cursor: pointer;
  background: #047857;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.critical-ack-page__ack-btn:hover:not(:disabled) {
  background: #065f46;
}

.critical-ack-page__ack-btn:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.critical-ack-page__ack-btn svg {
  width: 18px;
  height: 18px;
}

.critical-ack-page__ack-btn .critical-ack-page__spinner {
  color: #fff;
  width: 18px;
  height: 18px;
  margin-bottom: 0;
}

.critical-ack-page__error {
  color: #dc2626;
  text-align: center;
  margin: 0;
  font-size: 12px;
}

* {
  box-sizing: border-box;
}

.container-center {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.card {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-3xl);
  width: 100%;
  max-width: 439px;
}

.form {
  gap: var(--spacing-2xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-group {
  gap: var(--spacing-sm);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-label {
  font-family: Inter, sans-serif;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  line-height: var(--line-height-normal);
}

.form-input:not(:disabled):not([disabled]) {
  border: 1px solid var(--border-input);
  border-radius: var(--radius-sm);
  font-family: Inter, sans-serif;
  font-size: var(--font-size-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  width: 100%;
  height: 40px;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  outline: none;
  background-color: var(--bg-input) !important;
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
}

input::placeholder, textarea::placeholder, input.form-input::placeholder, textarea.form-input::placeholder, .form-input::placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

input::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

textarea::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

input.form-input::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

textarea.form-input::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

.form-input::-webkit-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

input::-moz-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

textarea::-moz-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

.form-input::-moz-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

input::ms-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

textarea::ms-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

.form-input::ms-input-placeholder {
  color: var(--placeholder-color) !important;
  opacity: 1 !important;
}

.form-input:focus {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px #1e9bff1a;
}

.form-input:disabled, .form-input[disabled] {
  background-color: var(--bg-input-disabled) !important;
  background: var(--bg-input-disabled) !important;
  border: 1px solid var(--border-input-disabled) !important;
  border-color: var(--border-input-disabled) !important;
  color: #e2e8f0 !important;
  cursor: not-allowed !important;
  height: 40px !important;
  padding: var(--spacing-md) var(--spacing-lg) !important;
  border-radius: var(--radius-sm) !important;
  font-size: var(--font-size-sm) !important;
  box-sizing: border-box !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  width: 100% !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  appearance: none !important;
  opacity: 1 !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  font-family: Inter, sans-serif !important;
}

.form-input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}

.form-input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}

.form-input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}

.form-input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input-default) inset !important;
  background-color: var(--bg-input-default) !important;
  border-color: var(--border-input-default) !important;
}

input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input-default) inset !important;
  background-color: var(--bg-input-default) !important;
  border-color: var(--border-input-default) !important;
}

input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input-default) inset !important;
  background-color: var(--bg-input-default) !important;
  border-color: var(--border-input-default) !important;
}

input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 0 0 1000px var(--bg-input-default) inset !important;
  background-color: var(--bg-input-default) !important;
  border-color: var(--border-input-default) !important;
}

input[style*="--bg-input"]:-webkit-autofill {
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

input[style*="--bg-input"]:-webkit-autofill:hover {
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

input[style*="--bg-input"]:-webkit-autofill:focus {
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

input[style*="--bg-input"]:-webkit-autofill:active {
  -webkit-text-fill-color: #e2e8f0 !important;
  color: #e2e8f0 !important;
}

@keyframes onAutoFillStart {
  from {
    opacity: 0;
  }

  to {
    opacity: 0;
  }
}

input:-webkit-autofill {
  animation-name: onAutoFillStart;
  animation-duration: 1ms;
}

input[type="text"]:disabled:not(.form-input), input[type="text"][disabled]:not(.form-input), input[type="email"]:disabled:not(.form-input), input[type="email"][disabled]:not(.form-input), input[type="tel"]:disabled:not(.form-input), input[type="tel"][disabled]:not(.form-input), input[type="password"]:disabled:not(.form-input), input[type="password"][disabled]:not(.form-input), input[type="number"]:disabled:not(.form-input), input[type="number"][disabled]:not(.form-input), input:disabled:not(.form-input), input[disabled]:not(.form-input), select:disabled:not(.form-input), select[disabled]:not(.form-input) {
  background-color: var(--bg-input-disabled) !important;
  background: var(--bg-input-disabled) !important;
  color: #e2e8f0 !important;
  cursor: not-allowed !important;
  border: 1px solid var(--border-input-disabled) !important;
  border-color: var(--border-input-disabled) !important;
  opacity: 1 !important;
  appearance: none !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  background-image: none !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

.form-input-disabled, input.form-input-disabled, select.form-input-disabled, input[type="text"].form-input-disabled, input[type="email"].form-input-disabled, input[type="tel"].form-input-disabled, input[type="password"].form-input-disabled, input[type="number"].form-input-disabled {
  background-color: var(--bg-input-disabled) !important;
  color: #e2e8f0 !important;
  cursor: not-allowed !important;
  border: 1px solid var(--border-input-disabled) !important;
  opacity: 1 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

:-webkit-any(.form-input:disabled:-webkit-autofill, .form-input[disabled]:-webkit-autofill) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
  height: 40px !important;
  padding: var(--spacing-md) var(--spacing-lg) !important;
  border-radius: var(--radius-sm) !important;
  box-sizing: border-box !important;
}

:is(.form-input:disabled:autofill, .form-input[disabled]:autofill) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
  height: 40px !important;
  padding: var(--spacing-md) var(--spacing-lg) !important;
  border-radius: var(--radius-sm) !important;
  box-sizing: border-box !important;
}

input[type="text"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="text"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="email"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="email"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="tel"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="tel"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="password"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="password"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="number"]:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[type="number"][disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

input[disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

select:disabled:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

select[disabled]:-webkit-autofill:not(.form-input) {
  -webkit-text-fill-color: #e2e8f0 !important;
  box-shadow: inset 0px 2px 4px 0px #0000000f, 0 0 0 1000px var(--bg-input-disabled) inset !important;
  background-color: var(--bg-input-disabled) !important;
}

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

.input-icon-right {
  right: var(--spacing-lg);
  cursor: pointer;
  color: var(--icon-secondary);
  width: 20px;
  height: 20px;
  transition: color var(--transition-fast);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.input-icon-right:hover {
  color: var(--text-secondary);
}

.btn {
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: Inter, sans-serif;
  font-size: var(--font-size-sm);
  padding: var(--spacing-lg);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
  width: 100%;
  height: 44px;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  box-sizing: border-box;
  border: none;
  outline: none;
  font-weight: 500;
  display: flex;
}

.btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.btn-sm {
  height: 36px;
  font-size: var(--font-size-sm);
  padding: 0 12px;
}

.btn-md {
  font-size: var(--font-size-sm);
  height: auto;
  padding: 8px 16px;
}

.btn-primary {
  background-color: var(--accent-primary);
  color: #fff;
  border: none;
}

.btn-primary:hover:not(:disabled) {
  background-color: var(--accent-hover);
}

.btn-primary:active:not(:disabled) {
  background-color: var(--accent-active);
  transform: scale(.98);
}

.btn-primary:disabled {
  cursor: not-allowed;
  opacity: 1;
  background-color: #475569;
}

.btn-secondary {
  color: var(--text-input-default);
  background-color: #020617;
  border: 1px solid #334155;
}

.btn-secondary:hover:not(:disabled) {
  background-color: #0f172a;
}

.btn-secondary:active:not(:disabled) {
  background-color: #1e293b;
  transform: scale(.98);
}

.btn-secondary:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.btn-secondary-alt {
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
  background-color: #0000;
}

.btn-secondary-alt:hover:not(:disabled) {
  background-color: #ffffff0d;
}

.btn-secondary-alt:active:not(:disabled) {
  background-color: #ffffff1a;
  transform: scale(.98);
}

.btn-secondary-alt:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.btn-inline {
  width: auto;
}

.btn-icon {
  cursor: pointer;
  width: 32px;
  height: 32px;
  transition: background-color var(--transition-fast);
  background-color: #0000;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.btn-icon:hover:not(:disabled) {
  background-color: #ffffff0d;
}

.btn-icon:active:not(:disabled) {
  background-color: #ffffff1a;
}

.link {
  color: var(--text-link);
  font-family: Inter, sans-serif;
  font-size: var(--font-size-xs);
  cursor: pointer;
  transition: color var(--transition-fast);
  text-decoration: underline;
}

.link:hover {
  color: var(--text-secondary);
}

.heading {
  font-family: Open Sans, sans-serif;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.error-message {
  color: #ef4444;
  font-size: var(--font-size-xs);
  margin-top: var(--spacing-xs);
  font-family: Inter, sans-serif;
}

.spinner {
  border: 2px solid #fff3;
  border-top-color: var(--text-primary);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .6s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.mt-xs {
  margin-top: var(--spacing-xs);
}

.mt-sm {
  margin-top: var(--spacing-sm);
}

.mt-md {
  margin-top: var(--spacing-md);
}

.mt-lg {
  margin-top: var(--spacing-lg);
}

.mt-xl {
  margin-top: var(--spacing-xl);
}

.mb-xs {
  margin-bottom: var(--spacing-xs);
}

.mb-sm {
  margin-bottom: var(--spacing-sm);
}

.mb-md {
  margin-bottom: var(--spacing-md);
}

.mb-lg {
  margin-bottom: var(--spacing-lg);
}

.mb-xl {
  margin-bottom: var(--spacing-xl);
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.gap-sm {
  gap: var(--spacing-sm);
}

.gap-md {
  gap: var(--spacing-md);
}

.gap-lg {
  gap: var(--spacing-lg);
}

.page-layout-content .data-table-container {
  background-color: var(--bg-table);
  border: 1px solid #e2e8f0;
}

.page-layout-content .data-table-header {
  background-color: var(--bg-table);
  border-bottom: 1px solid #e2e8f0;
}

.page-layout-content .data-table-header-cell, .page-layout-content .data-table-header-spacer {
  color: #0f172a;
  text-align: center;
  border-right: none;
  justify-content: center;
}

.page-layout-content .data-table-row {
  background-color: var(--bg-table);
  border-bottom: 1px solid #e2e8f0;
}

.page-layout-content .data-table-row-clickable:hover {
  background-color: #f8fafc !important;
}

.page-layout-content .data-table-cell {
  color: #1e293b;
  text-align: center;
  border-right: none;
  justify-content: center;
}

.page-layout-content .data-table-cell-content-wrapper {
  justify-content: center;
}

.page-layout-content .data-table-body {
  overflow: visible;
}

.page-layout-content .data-table-edit-button:hover {
  color: var(--accent-primary);
}

.page-layout-content .data-table-sticky-edit-column, .page-layout-content .data-table-sticky-edit-header, .page-layout-content .data-table-sticky-edit-row {
  background-color: var(--bg-table);
  border-color: #e2e8f0;
}

.page-layout-content .data-table-header-cell-fixed-right, .page-layout-content .data-table-cell-fixed-right {
  z-index: 2;
  background-color: var(--bg-table);
  position: sticky;
  right: 0;
}

.page-layout-content .data-table-body-scroll.data-table-has-horizontal-scroll .data-table-header-cell-fixed-right, .page-layout-content .data-table-body-scroll.data-table-has-horizontal-scroll .data-table-cell-fixed-right, .page-layout-content .data-table-header-h-scroll.data-table-has-horizontal-scroll .data-table-header-cell-fixed-right, .page-layout-content .data-table-body-h-scroll.data-table-has-horizontal-scroll .data-table-cell-fixed-right {
  box-shadow: -4px 0 8px #0000000f;
}

.page-layout-content .form-select-virtualized-select-field {
  color: oklch(14.5% 0 0);
  background-color: #f3f3f5;
  border: 1px solid oklch(92.2% 0 0);
}

.page-layout-content .form-select-virtualized-select-field-open {
  border-color: #94a3b8;
}

.page-layout-content .form-select-virtualized-select-field-has-value {
  color: oklch(14.5% 0 0);
}

.page-layout-content .form-input:not(:disabled):not([disabled]) {
  color: oklch(14.5% 0 0) !important;
  -webkit-text-fill-color: oklch(14.5% 0 0) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #f3f3f5 !important;
  border: 1px solid oklch(92.2% 0 0) !important;
}

.page-layout-content .form-input:focus {
  border-color: #94a3b8 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #94a3b8 !important;
}

.page-layout-content .form-select-virtualized-dropdown {
  background-color: #fff;
  border: 1px solid oklch(92.2% 0 0);
}

.page-layout-content .form-select-virtualized-search-container {
  border-bottom: 1px solid oklch(92.2% 0 0);
}

.page-layout-content .form-select-virtualized-search-input {
  color: oklch(14.5% 0 0);
  background-color: #f3f3f5;
  border: 1px solid oklch(92.2% 0 0);
}

.page-layout-content .form-select-virtualized-option {
  color: oklch(14.5% 0 0);
}

.page-layout-content .form-select-virtualized-option:hover, .page-layout-content .form-select-virtualized-option-highlighted {
  background-color: #0000000f;
}

.page-layout-content .form-select-virtualized-option-selected, .page-layout-content .form-select-virtualized-option-selected-highlighted {
  background-color: #00000014;
}

[data-theme="dark"] .page-layout-content .data-table-container, [data-theme="dark"] .page-layout-content .data-table-body {
  background-color: var(--bg-table);
}

[data-theme="dark"] .page-layout-content .data-table-header, [data-theme="dark"] .page-layout-content .data-table-row {
  border-color: var(--border-table);
}

[data-theme="dark"] .page-layout-content .data-table-cell, [data-theme="dark"] .page-layout-content .data-table-header-cell {
  color: var(--text-primary);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-dropdown {
  background-color: var(--bg-input);
  border-color: var(--border-table);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-search-container {
  border-bottom-color: var(--border-table);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-search-input {
  background-color: var(--bg-input);
  border-color: var(--border-table);
  color: var(--text-primary);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-option {
  color: var(--text-primary);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-option:hover, [data-theme="dark"] .page-layout-content .form-select-virtualized-option-highlighted {
  background-color: #ffffff14;
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-option-selected, [data-theme="dark"] .page-layout-content .form-select-virtualized-option-selected-highlighted {
  background-color: #ffffff1f;
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-select-field {
  background-color: var(--bg-input);
  border-color: var(--border-table);
  color: var(--text-primary);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-select-field-open {
  border-color: var(--border-table);
}

[data-theme="dark"] .page-layout-content .form-select-virtualized-select-field-has-value {
  color: var(--text-primary);
}

.change-password-dialog-content {
  color: #0f172a;
  box-sizing: border-box;
  flex-direction: column;
  min-height: 0;
  background-color: #fff !important;
  width: min(520px, 100vw - 2rem) !important;
  max-width: min(520px, 100vw - 2rem) !important;
  padding: 24px 0 24px 24px !important;
  display: flex !important;
}

.change-password-dialog-content > button:last-child {
  cursor: pointer !important;
  color: #0f172a !important;
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 6px !important;
  outline: none !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  display: flex !important;
}

.change-password-dialog-content > button:last-child:hover {
  color: #0f172a !important;
  background: #f1f5f9 !important;
}

.change-password-dialog-content > button:last-child:focus, .change-password-dialog-content > button:last-child:focus-visible {
  box-shadow: none !important;
  background: none !important;
  outline: none !important;
}

.change-password-dialog-content > button:last-child:focus:hover, .change-password-dialog-content > button:last-child:focus-visible:hover {
  background: #f1f5f9 !important;
}

.change-password-dialog-content > button:last-child svg {
  color: #0f172a !important;
  stroke: #0f172a !important;
  width: 20px !important;
  height: 20px !important;
}

.change-password-dialog-content h2, .change-password-dialog-content [class*="Title"] {
  color: #0f172a !important;
}

.change-password-dialog-content .create-user-dialog-title {
  font-size: 1.375rem;
  font-weight: 700;
}

.change-password-dialog-content [class*="DialogHeader"] {
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 16px;
  padding-right: 24px;
}

.change-password-dialog-content label {
  color: #0f172a !important;
}

.change-password-dialog-content input, .change-password-dialog-content input[type="password"], .change-password-dialog-content input[type="text"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.change-password-dialog-content input:focus {
  border-color: #cbd5e1 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #cbd5e1, inset 0 0 0 1000px #f3f3f5 !important;
}

.change-password-dialog-content input::placeholder, .change-password-dialog-content .form-input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.change-password-dialog-content input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.change-password-dialog-content .form-input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.change-password-dialog-content input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.change-password-dialog-content .form-input::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.approval-otp-dialog .MuiOutlinedInput-root {
  color: #0a0a0a !important;
  background-color: #fff !important;
}

.approval-otp-dialog .MuiOutlinedInput-root.Mui-disabled {
  color: #737373 !important;
  background-color: #f3f3f5 !important;
}

.approval-otp-dialog input, .approval-otp-dialog .MuiInputBase-input {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  background-color: #0000 !important;
}

.approval-otp-dialog input:disabled, .approval-otp-dialog .MuiInputBase-input.Mui-disabled {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
  background-color: #0000 !important;
}

.approval-otp-dialog input::placeholder, .approval-otp-dialog .MuiInputBase-input::placeholder {
  color: #737373 !important;
  opacity: 1 !important;
}

.change-password-dialog-content .change-password-dialog-form-body {
  flex-direction: column;
  flex: 1;
  gap: 20px;
  min-height: 0;
  padding: 20px 24px 0 0;
  display: flex;
  overflow-y: auto;
}

.change-password-dialog-content .change-password-dialog-footer {
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding: 16px 24px 0 0;
  display: flex;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  min-width: 88px;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s, color .15s;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn-cancel {
  color: #0f172a !important;
  background-color: #fff !important;
  border: 1px solid #e2e8f0 !important;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn-cancel:hover:not(:disabled) {
  background-color: #f8fafc !important;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn-primary {
  background-color: var(--accent-primary) !important;
  color: #fff !important;
  border: 1px solid var(--accent-primary) !important;
}

.change-password-dialog-content .change-password-dialog-footer .create-user-dialog-btn-primary:hover:not(:disabled) {
  background-color: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

.facility-details-view {
  color: #0a0a0a;
}

.facility-details-view h1, .facility-details-view h2, .facility-details-view [data-slot="card-title"] {
  color: #0a0a0a !important;
  opacity: 1 !important;
}

.facility-details-view input:not([type="checkbox"]):not([type="radio"]), .facility-details-view textarea {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #f3f3f5 !important;
  border: 1px solid #e5e5e5 !important;
}

.facility-details-view input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view textarea:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view textarea:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view textarea:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-details-view.facility-details-view--readonly .facility-details-readonly-select-trigger span {
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:not([type="checkbox"]):not([type="radio"]), .facility-details-view.facility-details-view--readonly textarea {
  color: #737373 !important;
  -webkit-text-fill-color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:-webkit-autofill {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:-webkit-autofill:hover {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:-webkit-autofill:focus {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly input:-webkit-autofill:active {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly textarea:-webkit-autofill {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.facility-details-view.facility-details-view--readonly textarea:-webkit-autofill:active {
  -webkit-text-fill-color: #737373 !important;
  color: #737373 !important;
}

.templates-empty-icon {
  color: #737373;
}

.templates-table .templates-table-th-actions, .templates-table .templates-table-td-actions {
  text-align: right;
}

.ris-config-page .esc-step-card input[type="text"].esc-matrix-timer-input:disabled, .ris-config-page .esc-step-card input[type="text"].esc-matrix-timer-input[disabled], .ris-config-page .esc-step-card input[type="text"].esc-matrix-reminder-input:disabled, .ris-config-page .esc-step-card input[type="text"].esc-matrix-reminder-input[disabled], .ris-config-page .esc-step-card select.esc-input:disabled, .ris-config-page .esc-step-card select.esc-input[disabled] {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  cursor: default !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.view-profile-page {
  --profile-canvas: transparent;
  --profile-card-bg: #fff;
  --profile-border: #e5e5e5;
  --profile-text: #0a0a0a;
  --profile-text-muted: #737373;
  --profile-input-bg: #f3f3f5;
  --profile-btn-primary: #0f91b2;
  --profile-btn-primary-text: #eafdfe;
  --profile-required: #fb2c36;
  --profile-radius-card: 11.2px;
  --profile-radius-control: 5.2px;
  --profile-radius-activity: 7.2px;
  --profile-activity-green: #dcfce7;
  --profile-activity-blue: #dbeafe;
  --profile-activity-purple: #f3e8ff;
}

.page-layout-content.view-profile-page-layout-content {
  background: #fff;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  display: flex;
}

.page-layout-content.view-profile-page-layout-content > form, .view-profile-page {
  box-sizing: border-box;
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-height: 0;
  display: flex;
}

.view-profile-content-container {
  box-sizing: border-box;
  background: none;
  flex-direction: column;
  flex: auto;
  align-self: flex-start;
  width: 100%;
  max-width: 1680px;
  min-height: 0;
  padding: 24px;
  display: flex;
}

.view-profile-form-section-scope ol, .view-profile-form-section-scope ol span {
  color: #0a0a0a !important;
}

.view-profile-edit-form-body {
  padding-top: 0;
}

.view-profile-main-column {
  box-sizing: border-box;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  max-width: 70%;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.view-profile-facility-header {
  border-bottom: 1px solid var(--border-primary);
  box-sizing: border-box;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 0;
  display: flex;
}

.view-profile-facility-header-title {
  color: var(--text-primary);
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
}

.view-profile-header-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  margin-left: 16px;
  display: flex;
}

.view-profile-facility-edit-details-btn {
  color: #60a5fa;
  cursor: pointer;
  box-sizing: border-box;
  background-color: #1e3a8a;
  border: 1px solid #3b82f6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.view-profile-facility-edit-details-btn:hover {
  background-color: #1e40af;
}

.view-profile-content-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  display: flex;
}

.view-profile-content-header-left {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.view-profile-page-title {
  white-space: nowrap;
  color: var(--profile-text);
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.view-profile-edit-btn {
  border-radius: var(--profile-radius-control);
  cursor: pointer;
  background-color: var(--profile-btn-primary);
  height: 36px;
  color: var(--profile-btn-primary-text);
  border: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 12px 0 10px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  transition: opacity .15s;
  display: inline-flex;
}

.view-profile-edit-btn:hover {
  opacity: .92;
}

.view-profile-edit-btn svg {
  flex-shrink: 0;
}

.view-profile-cancel-btn {
  border-radius: var(--profile-radius-control);
  cursor: pointer;
  border: 1px solid var(--profile-border);
  height: 36px;
  color: var(--profile-text);
  background: none;
  align-items: center;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.view-profile-cancel-btn:hover {
  background: #0a0a0a0a;
}

.view-profile-card {
  background: var(--profile-card-bg);
  border: 1px solid var(--profile-border);
  border-radius: var(--profile-radius-card);
  box-sizing: border-box;
  color: var(--profile-text);
  padding: 23px 24px;
}

.view-profile-card--section {
  padding: 0;
  overflow: hidden;
}

.view-profile-card-section-head {
  padding: 17px 24px 0;
}

.view-profile-card-section-title {
  color: var(--profile-text);
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.view-profile-card-section-rule {
  background: var(--profile-border);
  border: none;
  height: 1px;
  margin-top: 13px;
}

.view-profile-card-section-body {
  padding: 21px 24px 24px;
}

.view-profile-summary {
  align-items: center;
  gap: 16px;
  display: flex;
}

.view-profile-avatar-wrap {
  flex-shrink: 0;
  position: relative;
}

.view-profile-avatar {
  width: 102px;
  height: 102px;
  color: var(--profile-text-muted);
  background: #e5e5e5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-family: Inter, system-ui, sans-serif;
  font-size: 32px;
  font-weight: 600;
  display: flex;
}

.view-profile-avatar-camera {
  border: 1px solid var(--profile-border);
  background: var(--profile-card-bg);
  width: 28px;
  height: 28px;
  color: var(--profile-text-muted);
  cursor: default;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.view-profile-summary-meta {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  padding-top: 0;
  display: flex;
}

.view-profile-summary-line {
  color: var(--profile-text);
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.view-profile-summary-icon-wrap {
  color: var(--profile-text-muted);
  cursor: default;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.view-profile-summary-icon-wrap svg {
  flex-shrink: 0;
}

.view-profile-summary-v {
  color: var(--profile-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
}

.view-profile-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 40px;
  display: grid;
}

@media (width <= 768px) {
  .view-profile-field-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.view-profile-field {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.view-profile-field-label-row {
  align-items: center;
  gap: 3px;
  min-height: 14px;
  display: flex;
}

.view-profile-field-label {
  color: var(--profile-text);
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.view-profile-required {
  color: var(--profile-required);
  font-size: 14px;
  line-height: 14px;
}

.view-profile-readonly-box {
  border-radius: var(--profile-radius-control);
  background: var(--profile-input-bg);
  border: 1px solid var(--profile-border);
  min-height: 36px;
  color: var(--profile-text-muted);
  -webkit-text-fill-color: var(--profile-text-muted);
  box-sizing: border-box;
  align-items: center;
  padding: 4px 20px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.view-profile-field-error {
  color: var(--profile-required);
  margin-top: 4px;
  font-size: 12px;
}

.view-profile-editable-input {
  border-radius: var(--profile-radius-control);
  background: var(--profile-input-bg);
  border: 1px solid var(--profile-border);
  width: 100%;
  min-height: 36px;
  color: var(--profile-text);
  box-sizing: border-box;
  padding: 4px 20px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.view-profile-editable-input:disabled {
  opacity: 1;
  color: var(--profile-text-muted);
  cursor: not-allowed;
}

.view-profile-editable-input:focus {
  border-color: var(--profile-btn-primary);
  outline: none;
}

.view-profile-editable-input::placeholder {
  color: var(--profile-text-muted);
}

.view-profile-editable-select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23525252%27 stroke-width=%272%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-right: 36px;
}

.view-profile-main-column input:not([type="checkbox"]):not([type="radio"]), .view-profile-main-column select {
  color: var(--profile-text) !important;
  -webkit-text-fill-color: var(--profile-text) !important;
}

.view-profile-main-column input.view-profile-editable-input:disabled, .view-profile-main-column input.view-profile-password-input:disabled {
  color: var(--profile-text-muted) !important;
  -webkit-text-fill-color: var(--profile-text-muted) !important;
  background-color: var(--profile-input-bg) !important;
  background: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.view-profile-main-column select.view-profile-editable-select:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23a3a3a3%27 stroke-width=%272%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  color: var(--profile-text-muted) !important;
  -webkit-text-fill-color: var(--profile-text-muted) !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.view-profile-main-column input.view-profile-editable-input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column input.view-profile-editable-input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column input.view-profile-editable-input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column input.view-profile-editable-input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column input.view-profile-password-input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column input.view-profile-password-input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column input.view-profile-password-input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column input.view-profile-password-input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column select.view-profile-editable-select:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column select.view-profile-editable-select:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column select.view-profile-editable-select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column select.view-profile-editable-select:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: var(--profile-text) !important;
  color: var(--profile-text) !important;
  box-shadow: 0 0 0 1000px var(--profile-input-bg) inset !important;
  background-color: var(--profile-input-bg) !important;
  border-color: var(--profile-border) !important;
}

.view-profile-main-column .view-profile-form-section-scope input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.view-profile-main-column .view-profile-form-section-scope input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.view-profile-main-column .view-profile-form-section-scope input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.view-profile-main-column .view-profile-form-section-scope input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.view-profile-phone-row {
  border-radius: var(--profile-radius-control);
  border: 1px solid var(--profile-border);
  box-sizing: border-box;
  min-height: 36px;
  display: flex;
  overflow: hidden;
}

.view-profile-phone-row:focus-within {
  border-color: var(--profile-btn-primary);
}

.view-profile-phone-cc {
  background: var(--profile-input-bg);
  border-right: 1px solid var(--profile-border);
  color: var(--profile-text);
  flex-shrink: 0;
  align-items: center;
  padding: 4px 12px;
  font-size: 14px;
  display: flex;
}

.view-profile-phone-row .view-profile-editable-input {
  border: none;
  border-radius: 0;
  flex: 1;
  min-width: 0;
}

.view-profile-professional-span-2 {
  grid-column: 1 / -1;
}

.view-profile-security-fields {
  flex-direction: column;
  gap: 16px;
  max-width: 627px;
  display: flex;
}

.view-profile-password-input {
  border-radius: var(--profile-radius-control);
  border: 1px solid var(--profile-border);
  background: var(--profile-input-bg);
  width: 100%;
  min-height: 36px;
  color: var(--profile-text);
  box-sizing: border-box;
  padding: 4px 12px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.view-profile-password-input:focus {
  border-color: var(--profile-btn-primary);
  outline: none;
}

.view-profile-password-input::placeholder {
  color: var(--profile-text-muted);
}

.view-profile-password-actions {
  margin-top: 8px;
}

.view-profile-password-submit {
  border-radius: var(--profile-radius-control);
  cursor: pointer;
  background-color: var(--profile-btn-primary);
  min-height: 40px;
  color: var(--profile-btn-primary-text);
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.view-profile-password-submit--secondary {
  color: #334155;
  background-color: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  box-shadow: inset -2px -2px 2px #0f172a24, inset 2px 2px 2px 1px #ffffffe6;
}

.view-profile-password-submit--secondary:hover:not(:disabled) {
  color: #1e293b;
  background-color: #f1f5f9;
  border-color: #94a3b8;
}

.view-profile-password-submit--secondary:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #94a3b8;
}

.view-profile-password-submit:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.view-profile-activity-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}

@media (width <= 900px) {
  .view-profile-activity-grid {
    grid-template-columns: 1fr;
  }
}

.view-profile-activity-item {
  border-radius: var(--profile-radius-activity);
  border: 1px solid var(--profile-border);
  background: var(--profile-card-bg);
  box-sizing: border-box;
  align-items: center;
  gap: 16px;
  min-height: 66px;
  padding: 1px 13px;
  display: flex;
}

.view-profile-activity-icon {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.view-profile-activity-icon--green {
  background: var(--profile-activity-green);
  color: #166534;
}

.view-profile-activity-icon--blue {
  background: var(--profile-activity-blue);
  color: #1d4ed8;
}

.view-profile-activity-icon--purple {
  background: var(--profile-activity-purple);
  color: #7c3aed;
}

.view-profile-activity-text {
  flex-direction: column;
  gap: 0;
  min-width: 0;
  display: flex;
}

.view-profile-activity-text strong {
  color: var(--profile-text);
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.view-profile-activity-text span {
  color: var(--profile-text-muted);
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.view-profile-edit-scroll {
  background: var(--profile-canvas);
  flex: 1;
  padding-bottom: 88px;
}

@media (width <= 1024px) {
  .view-profile-main-column {
    max-width: 100%;
  }
}

.peer-review-page {
  box-sizing: border-box;
  color: #0f172a;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  min-height: 0;
  padding: 1.25rem 1.5rem 1.5rem;
  display: flex;
}

.peer-review-page__title {
  color: #0f172a;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.peer-review-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

@media (width <= 768px) {
  .peer-review-stats {
    grid-template-columns: 1fr;
  }
}

.peer-review-stat-card {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  gap: .35rem;
  min-height: 5.5rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.peer-review-stat-card__label {
  color: #64748b;
  margin: 0;
  font-size: .875rem;
  font-weight: 500;
}

.peer-review-stat-card__value {
  color: #0f172a;
  margin: 0;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.1;
}

.peer-review-stat-card__value--in-review {
  color: #2563eb;
}

.peer-review-stat-card__value--urgent {
  color: #ea580c;
}

.peer-review-stat-card__value--routine {
  color: #0f172a;
}

.peer-review-sheet {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.peer-review-toolbar {
  border-bottom: 1px solid #e2e8f0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1rem .75rem;
  display: flex;
}

.peer-review-toolbar__left {
  flex-wrap: wrap;
  flex: auto;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.peer-review-search {
  width: 100%;
  max-width: 280px;
  position: relative;
}

.peer-review-search__icon {
  color: #94a3b8;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: .75rem;
  transform: translateY(-50%);
}

.peer-review-search__input {
  box-sizing: border-box;
  color: #0f172a;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .5rem;
  outline: none;
  width: 100%;
  height: 2.25rem;
  padding: 0 .75rem 0 2.25rem;
  font-size: .875rem;
}

.peer-review-search__input::placeholder {
  color: #94a3b8;
}

.peer-review-search__input:focus {
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px #94a3b833;
}

.peer-review-select {
  box-sizing: border-box;
  color: #0f172a;
  appearance: none;
  cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748b%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27/%3E%3C/svg%3E") right .75rem center no-repeat;
  border: 1px solid #e2e8f0;
  border-radius: .5rem;
  min-width: 10rem;
  height: 2.25rem;
  padding: 0 2rem 0 .75rem;
  font-size: .875rem;
}

.peer-review-columns {
  position: relative;
}

.peer-review-columns__trigger {
  color: #0f172a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .5rem;
  align-items: center;
  gap: .35rem;
  height: 2.25rem;
  padding: 0 .875rem;
  font-size: .875rem;
  font-weight: 500;
  display: inline-flex;
}

.peer-review-columns__trigger:hover {
  background: #f8fafc;
}

.peer-review-columns__caret {
  color: #64748b;
  font-size: .7rem;
}

.peer-review-columns__menu {
  z-index: 30;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .5rem;
  min-width: 13rem;
  padding: .5rem;
  position: absolute;
  top: calc(100% + .35rem);
  right: 0;
  box-shadow: 0 10px 25px #0f172a14;
}

.peer-review-columns__item {
  color: #0f172a;
  cursor: pointer;
  border-radius: .35rem;
  align-items: center;
  gap: .5rem;
  padding: .4rem .5rem;
  font-size: .875rem;
  display: flex;
}

.peer-review-columns__item:hover {
  background: #f8fafc;
}

.peer-review-table-outer {
  width: 100%;
  overflow-x: auto;
}

.peer-review-table {
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
  min-width: 1100px;
  font-size: .875rem;
}

.peer-review-table thead tr {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.peer-review-table th {
  text-align: left;
  color: #475569;
  white-space: nowrap;
  padding: .75rem;
  font-size: .8125rem;
  font-weight: 600;
}

.peer-review-table td {
  vertical-align: middle;
  color: #0f172a;
  border-bottom: 1px solid #f1f5f9;
  padding: .875rem .75rem;
}

.peer-review-table__check-col {
  text-align: center;
  width: 2.5rem;
  padding-left: .75rem !important;
  padding-right: .5rem !important;
}

.peer-review-table__action-col {
  text-align: right;
  white-space: nowrap;
  background: inherit;
  position: sticky;
  right: 0;
}

.peer-review-table tbody tr {
  background: #fff;
}

.peer-review-table tbody tr:hover {
  background: #f8fafc;
}

.peer-review-table__row--urgent {
  box-shadow: inset 3px 0 #ea580c;
  background: #fff7ed !important;
}

.peer-review-table__row--urgent:hover {
  background: #ffedd5 !important;
}

.peer-review-table__row--urgent .peer-review-table__action-col {
  background: #fff7ed;
}

.peer-review-table__row--urgent:hover .peer-review-table__action-col {
  background: #ffedd5;
}

.peer-review-table__patient {
  white-space: nowrap;
  font-weight: 600;
}

.peer-review-table__empty {
  text-align: center;
  color: #64748b !important;
  padding: 2.5rem 1rem !important;
}

.peer-review-table__history {
  white-space: normal;
  max-width: 280px;
  line-height: 1.35;
}

.peer-review-empty {
  color: #94a3b8;
}

.peer-review-modality-pill {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  height: 1.5rem;
  padding: 0 .55rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.peer-review-modality-pill--xray {
  color: #0e7490;
  background: #ecfeff;
  border-color: #a5f3fc;
}

.peer-review-modality-pill--ultrasound {
  color: #c2410c;
  background: #fff7ed;
  border-color: #fed7aa;
}

.peer-review-modality-pill--mri {
  color: #6d28d9;
  background: #f5f3ff;
  border-color: #ddd6fe;
}

.peer-review-modality-pill--ct {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.peer-review-modality-pill--default {
  color: #334155;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.peer-review-priority-pill {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  height: 1.5rem;
  padding: 0 .55rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.peer-review-priority-pill--urgent {
  color: #c2410c;
  background: #fff7ed;
  border-color: #fdba74;
}

.peer-review-priority-pill--routine {
  color: #475569;
  background: #fff;
  border-color: #e2e8f0;
}

.peer-review-status-pill {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  height: 1.5rem;
  padding: 0 .55rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.peer-review-status-pill--in-review {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #93c5fd;
}

.peer-review-status-pill--submitted {
  color: #047857;
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.peer-review-status-pill--default {
  color: #475569;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.peer-review-action-btn {
  color: #fff;
  cursor: pointer;
  background: #0d9488;
  border: none;
  border-radius: .45rem;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding: 0 .9rem;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.peer-review-action-btn:hover:not(:disabled) {
  background: #0f766e;
}

.peer-review-action-btn:disabled {
  opacity: .65;
  cursor: wait;
}

.peer-review-pagination {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem;
  display: flex;
}

.peer-review-pagination__selection {
  color: #64748b;
  margin: 0;
  font-size: .8125rem;
}

.peer-review-pagination__right {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.peer-review-pagination__per-page {
  color: #64748b;
  align-items: center;
  gap: .5rem;
  font-size: .8125rem;
  display: inline-flex;
}

.peer-review-pagination__per-page select {
  color: #0f172a;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .375rem;
  height: 2rem;
  padding: 0 .5rem;
  font-size: .8125rem;
}

.peer-review-pagination__page-label {
  color: #475569;
  font-size: .8125rem;
}

.peer-review-pagination__nav {
  gap: .35rem;
  display: inline-flex;
}

.peer-review-pagination__nav button {
  color: #0f172a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .375rem;
  height: 2rem;
  padding: 0 .75rem;
  font-size: .8125rem;
}

.peer-review-pagination__nav button:hover:not(:disabled) {
  background: #f8fafc;
}

.peer-review-pagination__nav button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.peer-review-error {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: .5rem;
  margin: 0;
  padding: .75rem 1rem;
  font-size: .875rem;
}

.peer-review-needs-action {
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  display: flex;
}

.peer-review-needs-action__clear {
  color: #92400e;
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: underline;
}

.peer-review-loading {
  text-align: center;
  color: #64748b;
  padding: 2rem 1rem;
  font-size: .875rem;
}

.form-select-virtualized-container {
  flex-direction: column;
  gap: 4px;
  width: fit-content;
  min-width: 100%;
  display: flex;
  position: relative;
}

.form-select-virtualized-label-wrapper {
  align-items: center;
  gap: 4px;
  display: flex;
  position: relative;
}

.form-select-virtualized-label {
  color: var(--label-color-default);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.form-select-virtualized-label-disabled {
  color: var(--label-color-disabled);
}

.form-select-virtualized-required {
  color: #dc2626;
  flex-shrink: 0;
  margin-left: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.form-select-virtualized-select-wrapper {
  width: 100%;
  position: relative;
}

.form-select-virtualized-select-field {
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: var(--bg-input-default);
  border: 1px solid var(--border-input-default);
  color: #64748b;
  cursor: pointer;
  border-radius: 6px;
  outline: none;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 8px 32px 8px 12px;
  font-size: 14px;
  font-weight: 400;
  transition: border-color .2s;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #0000000f;
}

.form-select-virtualized-select-field-disabled {
  background-color: var(--bg-input-disabled);
  border-color: var(--border-input-disabled);
  cursor: not-allowed;
}

.form-select-virtualized-select-field-open {
  border-color: var(--accent-primary);
}

.form-select-virtualized-select-field-has-value {
  color: #e2e8f0;
}

.form-select-virtualized-arrow-icon {
  pointer-events: none;
  align-items: center;
  transition: transform .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.form-select-virtualized-arrow-icon-open {
  transform: translateY(-50%)rotate(180deg);
}

.form-select-virtualized-arrow-icon svg, .form-select-virtualized-arrow-icon path {
  color: #334155;
}

.form-select-virtualized-dropdown {
  z-index: 1000;
  background-color: #020617;
  border: 1px solid #334155;
  border-radius: 6px;
  width: max-content;
  min-width: 100%;
  margin-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
}

.form-select-virtualized-search-container {
  border-bottom: 1px solid #334155;
  padding: 8px;
}

.form-select-virtualized-search-input {
  color: #e2e8f0;
  background-color: #1e293b;
  border: 1px solid #334155;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
}

.form-select-virtualized-options-container {
  overflow: hidden auto;
}

.form-select-virtualized-no-options {
  text-align: center;
  color: #94a3b8;
  padding: 12px;
  font-size: 14px;
}

.form-select-virtualized-option {
  cursor: pointer;
  color: #e2e8f0;
  background-color: #0000;
  align-items: center;
  height: 40px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .15s;
  display: flex;
}

.form-select-virtualized-option:hover, .form-select-virtualized-option-highlighted {
  background-color: #2563eb33;
}

.form-select-virtualized-option-selected {
  color: var(--accent-primary);
  background-color: #2563eb1a;
  font-weight: 500;
}

.form-select-virtualized-option-selected-highlighted {
  color: var(--accent-primary);
  background-color: #2563eb33;
  font-weight: 500;
}

.form-select-virtualized-checkmark {
  align-items: center;
  margin-left: auto;
  display: flex;
}

.form-select-virtualized-error {
  color: #dc2626;
  margin-top: 4px;
  font-size: 12px;
}

.facility-management-loading {
  text-align: center;
  color: var(--text-secondary);
  padding: 24px;
}

.facility-management-container {
  box-sizing: border-box;
  background: var(--bg-page, #fff);
  flex-direction: column;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: min-content;
  padding: 0 0 16px;
  display: flex;
}

.facility-management-header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.facility-management-header-left {
  flex-wrap: wrap;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.facility-management-title {
  color: #e2e8f0;
  white-space: nowrap;
  margin: 0 24px 0 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.facility-management-filters {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.facility-management-filter-wrapper {
  flex-shrink: 0;
  width: fit-content;
}

.facility-management-filter-wrapper-code {
  min-width: 150px;
}

.facility-management-filter-wrapper-name {
  min-width: 180px;
}

.facility-management-filter-wrapper-email {
  min-width: 200px;
}

.facility-management-filter-wrapper-admin {
  min-width: 150px;
}

.facility-management-clear-button {
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 24px;
  padding: 4px;
  width: auto !important;
  height: auto !important;
}

.facility-management-clear-button:hover {
  background-color: #334155;
}

.facility-management-table-container {
  flex-direction: column;
  flex: 0 auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.facility-management-container .user-management-inner {
  flex: 0 auto;
  width: 100%;
  max-width: none;
  min-height: min-content;
  margin: 0;
  padding: 16px 24px 24px;
}

@media (width >= 1700px) {
  .facility-management-container .user-management-inner {
    max-width: 1804px;
    margin-left: 0;
    margin-right: auto;
  }

  .facility-management-container .data-table-inner-container, .facility-management-container .data-table-header, .facility-management-container .data-table-row {
    width: max-content;
    min-width: max-content;
  }
}

.facility-management-pagination {
  margin-top: 16px;
}

.facility-management-change-password-button {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: 1px solid #334155;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 12px;
  transition: all .2s;
}

.facility-management-change-password-button:hover {
  border-color: var(--accent-primary);
  color: var(--accent-primary);
}

.facility-management-clear-button svg, .facility-management-clear-button path {
  color: #cbd5e1;
}

.facility-management-container--figma {
  height: auto;
}

[data-theme="dark"] .facility-management-container {
  --bg-page: #0f172a;
  background: var(--bg-page);
}

.facility-management-container > .user-management-subheader {
  z-index: 30;
  position: sticky;
  top: 0;
}

.facility-management-subheader {
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  box-shadow: 0 1px #00000005;
  padding: 16px 24px 12px !important;
}

[data-theme="dark"] .facility-management-subheader {
  background: var(--bg-page, #0f172a);
  border-bottom-color: #334155;
}

.facility-management-stats {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin: 8px 0 12px;
  display: grid;
}

@media (width <= 1024px) {
  .facility-management-stats {
    grid-template-columns: 1fr;
  }
}

.facility-management-stat-card {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 11.2px;
  height: 110px;
  padding: 20px;
}

.facility-management-stat-top {
  color: #737373;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.facility-management-stat-top svg {
  width: 20px;
  height: 20px;
}

.facility-management-stat-card--total .facility-management-stat-top svg {
  color: #2563eb;
}

.facility-management-stat-card--active .facility-management-stat-top svg {
  color: #16a34a;
}

.facility-management-stat-card--users .facility-management-stat-top svg {
  color: #2563eb;
}

.facility-management-stat-value {
  color: #0a0a0a;
  margin-top: 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.facility-management-filterbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 8px 0 12px;
  display: flex;
}

.facility-management-filters-inline {
  align-items: center;
  gap: 12px;
}

.facility-management-filter-wrapper {
  flex-shrink: 0;
  align-items: center;
  height: 40px;
  display: flex;
}

.facility-management-filter-wrapper-status, .facility-management-filter-wrapper-type {
  min-width: 140px;
}

.facility-management-filters-inline .form-select-virtualized-container .form-select-virtualized-label-wrapper {
  display: none;
}

.facility-management-filters-inline .form-select-virtualized-container {
  gap: 0;
  height: 40px;
  min-height: 40px;
}

.facility-management-filters-inline .form-select-virtualized-select-field {
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 0 32px 0 12px !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-select-field {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-select-field-has-value {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-dropdown {
  background-color: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px #0000001a !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-search-container {
  border-bottom-color: #e2e8f0 !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-search-input {
  color: #0f172a !important;
  background-color: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-option {
  color: #0f172a !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-option:hover, [data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-option-highlighted {
  background-color: #f3f3f5 !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-option-selected, [data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-option-selected-highlighted {
  color: #0f172a !important;
  background-color: #f1f5f9 !important;
}

[data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-arrow-icon svg, [data-theme="dark"] .facility-management-filters-inline .form-select-virtualized-arrow-icon path {
  color: #64748b !important;
}

.facility-management-filter-search {
  align-items: center;
  min-width: 260px;
  height: 40px;
  display: flex;
  position: relative;
}

.facility-management-search-icon {
  color: #64748b;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.facility-management-search-input {
  color: oklch(14.5% 0 0);
  box-sizing: border-box;
  background: #f3f3f5;
  border: 1px solid oklch(92.2% 0 0);
  border-radius: 6px;
  outline: none;
  width: 100%;
  min-width: 240px;
  height: 40px;
  min-height: 40px;
  padding: 0 12px 0 38px;
  font-size: 14px;
}

.facility-management-search-input::placeholder {
  color: var(--placeholder-color);
}

.facility-management-search-input:focus {
  border-color: #64748b;
  outline: none;
  box-shadow: 0 0 0 2px #64748b40;
}

.facility-management-clear-all {
  color: #0a0a0a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  display: inline-flex;
}

.facility-management-actions {
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.facility-management-action-btn, .facility-management-action-trigger {
  color: #0a0a0a;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
}

.facility-management-action-btn:hover, .facility-management-action-trigger:hover {
  background: #0a0a0a0a;
  border-radius: 6px;
}

.facility-management-action-backdrop {
  z-index: 40;
  position: fixed;
  inset: 0;
}

.facility-management-action-backdrop-portal {
  z-index: 999;
}

.facility-management-action-menu {
  z-index: 50;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 160px;
  margin-top: 4px;
  padding: 4px;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 4px 12px #00000026;
}

.facility-management-action-menu-portal {
  top: var(--fm-action-menu-top, 0);
  right: var(--fm-action-menu-right, 0);
  z-index: 1000;
  position: fixed;
  left: auto;
}

.facility-management-action-menu-item {
  color: #1e293b;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  transition: background .15s;
  display: block;
}

.facility-management-action-menu-item:hover {
  background: #f1f5f9;
}

.facility-management-type-pill {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
}

.facility-management-type-pill--diagnostic {
  color: #6d28d9;
  background: #ede9fe;
  border-color: #ddd6fe;
}

.facility-management-type-pill--hospital {
  color: #1d4ed8;
  background: #dbeafe;
  border-color: #bfdbfe;
}

.facility-management-type-pill--clinic {
  color: #c2410c;
  background: #ffedd5;
  border-color: #fed7aa;
}

.page-layout-content.facility-management-page-content {
  min-height: 0;
  overflow-y: hidden !important;
}

.page-layout-content.facility-management-page-content > .facility-management-container {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.page-layout-content.facility-management-page-content .facility-management-container .user-management-inner {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.page-layout-content.facility-management-page-content .facility-management-table-scroll {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.page-layout-content.facility-management-page-content .facility-management-table-container {
  flex-direction: column;
  flex: 0 auto;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  display: flex;
  overflow: visible;
}

.page-layout-content.facility-management-page-content .facility-management-table-container .data-table-page-sticky-header-shell {
  z-index: 3;
  background-color: var(--bg-table, #fff);
}

[data-theme="dark"] .page-layout-content.facility-management-page-content .facility-management-table-container .data-table-page-sticky-header-shell {
  background-color: var(--bg-table, #1e293b);
}

.page-layout-content.facility-management-page-content .facility-management-table-container .data-table-page-sticky-header-shell .data-table-header-cell-fixed-right {
  z-index: 4;
  background-color: var(--bg-table, #fff);
}

[data-theme="dark"] .page-layout-content.facility-management-page-content .facility-management-table-container .data-table-page-sticky-header-shell .data-table-header-cell-fixed-right {
  background-color: var(--bg-table, #1e293b);
}

.page-layout-content.facility-management-page-content .facility-management-table-container .data-table-container {
  flex: 0 auto;
  min-height: 0;
  max-height: 100%;
  height: auto !important;
}

.page-layout-content.facility-management-page-content .facility-management-table-container .data-table-scroll-container {
  min-height: 0;
  flex: 0 auto !important;
}

.page-layout-content.facility-management-page-content .facility-management-table-container .data-table-body-h-scroll {
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
  max-height: 100%;
  overflow: auto;
  flex: 0 auto !important;
}

.page-layout-content.facility-management-page-content .facility-management-table-container .data-table-inner-container {
  min-height: 0;
  flex: none !important;
}

.page-layout-content.facility-management-page-content .facility-management-table-container .data-table-body {
  min-height: 0;
  overflow-y: visible;
  flex: none !important;
}

.page-layout-content.facility-management-page-content .facility-management-pagination {
  box-sizing: border-box;
  background: var(--bg-page, #fff);
  border-top: 2px solid #e2e8f0;
  flex-shrink: 0;
  width: 100%;
  margin-top: 0;
  padding: 0 0 4px;
}

.page-layout-content.facility-management-page-content .facility-management-pagination .pagination {
  align-items: center;
  min-height: 36px;
  margin-top: 0;
  padding: 0;
}

[data-theme="dark"] .page-layout-content.facility-management-page-content .facility-management-pagination {
  background: var(--bg-page, #0f172a);
  border-top-color: #334155;
}

.facility-dialog-content {
  border: 1px solid #e5e5e5;
  border-radius: 7.2px;
  flex-direction: column;
  min-height: 0;
  max-height: min(90dvh, 880px);
  padding: 0;
  display: flex;
  overflow: hidden visible;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  color: #0a0a0a !important;
  background-color: #fff !important;
  width: 512px !important;
  max-width: calc(100vw - 32px) !important;
}

.facility-details-dialog-shell.create-user-dialog-content {
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.facility-details-dialog-shell .create-user-dialog-body {
  flex: auto;
  min-height: 0;
  padding: 20px 24px !important;
}

.facility-details-dialog-shell .create-user-dialog-footer.facility-dialog-footer {
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #cbd5e1;
  align-items: center;
  min-height: 49px;
  margin: 0 !important;
  padding: 12px 24px 14px !important;
}

.facility-details-dialog-shell {
  padding: 0;
}

.facility-details-view-header {
  box-sizing: border-box;
  background: none;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  height: 52px;
  min-height: 52px;
  padding: 0 16px 0 24px;
  display: flex;
}

.facility-details-view-header-text {
  flex: 1;
  min-width: 0;
}

.facility-details-view-title-line {
  color: #0f172a;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  overflow: hidden;
}

.facility-details-view-title-label {
  color: #0f172a;
  font-weight: 600;
}

.facility-details-view-title-name {
  color: #334155;
  font-weight: 400;
}

.facility-details-view-close {
  cursor: pointer;
  color: #0a0a0a;
  background: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
}

.facility-details-view-close:hover:not(:disabled) {
  background: #f1f5f9;
}

.facility-details-view-close:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.facility-details-view-close svg {
  stroke: currentColor;
}

.facility-dialog-loading {
  color: #64748b;
  text-align: center;
  padding: 24px 0;
  font-size: 14px;
}

.facility-dialog-tabs {
  border-bottom: 1px solid #e5e5e5;
  gap: 8px;
  height: 46px;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
}

.facility-create-edit-dialog-content {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.facility-create-edit-dialog-header-top-row {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.facility-create-edit-dialog-content .facility-create-edit-dialog-header-title-only {
  text-align: left;
  flex: auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 8px 0 0 !important;
}

.facility-create-edit-dialog-close-btn {
  color: #0f172a;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 2px;
  padding: 0;
  display: flex;
  position: static;
}

.facility-create-edit-dialog-close-btn:hover:not(:disabled) {
  background: #f1f5f9;
}

.facility-create-edit-dialog-close-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.facility-create-edit-dialog-close-btn svg {
  stroke: currentColor;
  flex-shrink: 0;
  display: block;
}

.facility-create-edit-dialog-form-shell {
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.facility-create-edit-dialog-form-shell form.facility-dialog-form {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.facility-create-edit-dialog-header-with-tabs {
  z-index: 2;
  background: #fff;
  flex-direction: column;
  flex: none;
  gap: 16px;
  width: 100%;
  display: flex;
}

.facility-create-edit-dialog-header-with-tabs .facility-create-edit-dialog-header-top-row .facility-create-edit-dialog-header-title-only {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.facility-create-edit-dialog-content .facility-dialog-tabs {
  margin: 0;
}

.facility-create-edit-dialog-scroll-body {
  -webkit-overflow-scrolling: touch;
  flex: auto;
  min-height: 0;
  overflow: hidden auto;
}

.facility-dialog-tab {
  color: #737373;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  height: 46px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
}

.facility-dialog-tab--active {
  color: #0f91b2;
  border-bottom-color: #0f91b2;
}

.facility-dialog-tab:disabled {
  opacity: .45;
  cursor: not-allowed;
  color: #a3a3a3;
}

.facility-dialog-body {
  width: 100%;
}

.facility-dialog-form {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.facility-dialog-section {
  margin-bottom: 24px;
}

.facility-dialog-section-title {
  color: #0a0a0a;
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.facility-dialog-grid-2 {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.facility-details-address-contact-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 16px 24px;
  display: grid;
}

.facility-details-address-contact-grid__address {
  grid-area: 1 / 1;
}

.facility-details-address-contact-grid__phone {
  grid-area: 1 / 2;
}

.facility-details-address-contact-grid__email {
  grid-area: 2 / 1;
}

@media (width <= 640px) {
  .facility-details-address-contact-grid {
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }

  .facility-details-address-contact-grid__address, .facility-details-address-contact-grid__phone, .facility-details-address-contact-grid__email {
    grid-area: auto / 1;
  }
}

.facility-dialog-grid-1 {
  grid-template-columns: 1fr;
  gap: 16px;
  display: grid;
}

.facility-dialog-field {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.facility-dialog-label {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.facility-dialog-required {
  color: #fb2c36;
}

.facility-dialog-input, .facility-dialog-select, .facility-dialog-textarea {
  box-sizing: border-box;
  border-radius: 5.2px;
  outline: none;
  width: 100%;
  min-height: 36px;
  padding: 4px 20px;
  font-size: 14px;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  background: #f3f3f5 !important;
  border: 1px solid #e5e5e5 !important;
}

.facility-dialog-select:disabled {
  opacity: 1;
  cursor: not-allowed;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
}

.facility-dialog-content select.facility-dialog-select:disabled, .facility-dialog-content select.facility-dialog-select[disabled] {
  box-sizing: border-box !important;
  appearance: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  background: #f3f3f5 url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748b%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E") right 10px center no-repeat !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 36px 0 12px !important;
  font-size: 14px !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content select.facility-dialog-select:not([disabled]) {
  box-sizing: border-box !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  appearance: none !important;
  cursor: pointer !important;
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #f3f3f5 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748b%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  outline: none !important;
  padding: 0 36px 0 12px !important;
  font-size: 14px !important;
}

.facility-dialog-content select.facility-dialog-select:not([disabled]):focus {
  border-color: #cbd5e1 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #cbd5e1 !important;
}

:-webkit-any(.facility-dialog-content select.facility-dialog-select:disabled:-webkit-autofill, .facility-dialog-content select.facility-dialog-select[disabled]:-webkit-autofill) {
  -webkit-text-fill-color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  box-shadow: inset 0 1px 2px #0000000a, inset 0 0 0 1000px #f3f3f5 !important;
}

:is(.facility-dialog-content select.facility-dialog-select:disabled:autofill, .facility-dialog-content select.facility-dialog-select[disabled]:autofill) {
  -webkit-text-fill-color: #0a0a0a !important;
  background-color: #f3f3f5 !important;
  box-shadow: inset 0 1px 2px #0000000a, inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content select.facility-dialog-select option {
  color: #0a0a0a;
  background-color: #fff;
}

.facility-dialog-field .form-select-virtualized-container {
  width: 100%;
  min-height: 40px;
}

.facility-dialog-content .form-select-virtualized-label {
  color: #0a0a0a !important;
}

.facility-dialog-content .form-select-virtualized-required {
  font-size: 14px !important;
  line-height: 20px !important;
}

.facility-dialog-content .form-select-virtualized-select-field {
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  background: #f3f3f5 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 0 32px 0 12px !important;
  font-size: 14px !important;
}

.facility-dialog-content .form-select-virtualized-select-field-has-value {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.facility-dialog-content .form-select-virtualized-select-field-open {
  border-color: #cbd5e1 !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #cbd5e1 !important;
}

.facility-dialog-content .form-select-virtualized-select-field-disabled {
  opacity: .85;
  cursor: not-allowed;
  background-color: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
}

.facility-dialog-content .form-select-virtualized-arrow-icon svg, .facility-dialog-content .form-select-virtualized-arrow-icon path {
  color: #64748b !important;
}

.facility-dialog-content .form-select-virtualized-dropdown {
  box-sizing: border-box;
  z-index: 5000 !important;
  background-color: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  width: auto !important;
  min-width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  box-shadow: 0 4px 12px #0000001a !important;
}

.facility-dialog-content .form-select-virtualized-search-container {
  border-bottom-color: #e2e8f0 !important;
}

.facility-dialog-content .form-select-virtualized-search-input {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background-color: #f3f3f5 !important;
  border: 1px solid #e2e8f0 !important;
}

.facility-dialog-content .form-select-virtualized-search-input::placeholder {
  color: #737373 !important;
}

.facility-dialog-content .form-select-virtualized-option {
  border-radius: 4px;
  margin: 2px 4px;
  color: #0f172a !important;
}

.facility-dialog-content .form-select-virtualized-option:hover, .facility-dialog-content .form-select-virtualized-option-highlighted {
  background-color: #f3f3f5 !important;
}

.facility-dialog-content .form-select-virtualized-option-selected, .facility-dialog-content .form-select-virtualized-option-selected-highlighted {
  color: #0f172a !important;
  background-color: #f1f5f9 !important;
}

.facility-dialog-content .form-select-virtualized-no-options {
  color: #737373 !important;
}

.facility-dialog-field .form-multi-select-container {
  width: 100%;
}

.facility-dialog-content .form-multi-select-label {
  color: #0a0a0a !important;
}

.facility-dialog-content .form-multi-select-field {
  box-sizing: border-box !important;
  min-height: 40px !important;
  box-shadow: none !important;
  background: #f3f3f5 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 0 32px 0 12px !important;
}

.facility-dialog-content .form-multi-select-field--has-chips {
  padding: 4px 32px 4px 8px !important;
}

.facility-dialog-content .form-multi-select-field--open {
  border-color: #cbd5e1 !important;
  box-shadow: 0 0 0 1px #cbd5e1 !important;
}

.facility-dialog-content .form-multi-select-field--disabled {
  opacity: .85;
  cursor: not-allowed;
  background-color: #f3f3f5 !important;
  border-color: #e2e8f0 !important;
}

.facility-dialog-content .form-multi-select-placeholder {
  color: #94a3b8 !important;
}

.facility-dialog-content .form-multi-select-chevron {
  color: #64748b !important;
}

.facility-dialog-content .form-multi-select-dropdown {
  z-index: 5000 !important;
  background-color: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px #0000001a !important;
}

.facility-dialog-content .form-multi-select-option:hover {
  background-color: #f3f3f5 !important;
}

.facility-dialog-content .form-multi-select-option--selected, .facility-dialog-content .form-multi-select-option--selected:hover {
  background-color: #f1f5f9 !important;
}

.facility-dialog-content .form-multi-select-option-label {
  color: #0f172a !important;
}

.facility-dialog-content .form-multi-select-checkbox {
  border-color: #cbd5e1 !important;
}

.facility-dialog-content .form-multi-select-checkbox--checked {
  border-color: var(--accent-primary) !important;
  background-color: var(--accent-primary) !important;
}

.facility-dialog-textarea {
  resize: vertical;
  min-height: 64px;
  padding: 8px 20px;
}

.facility-dialog-input::placeholder {
  color: #737373 !important;
}

.facility-dialog-textarea::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.facility-dialog-textarea::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

.facility-dialog-textarea::-moz-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.facility-dialog-content input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content textarea:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content textarea:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content textarea:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content textarea:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content select:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content select:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-content select:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0a0a0a !important;
  color: #0a0a0a !important;
  border-color: #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #f3f3f5 !important;
}

.facility-dialog-error {
  color: #fb2c36;
  margin-top: 2px;
  font-size: 12px;
}

.facility-dialog-footer {
  width: 100%;
}

.facility-dialog-btn {
  cursor: pointer;
  color: #0a0a0a;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
}

.facility-dialog-btn--primary {
  color: #eafdfe;
  background: #0f91b2;
  border: 0;
}

.facility-dialog-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.facility-dialog-gender-row {
  gap: 16px;
  display: flex;
}

.facility-dialog-gender-btn {
  color: #0a0a0a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5.2px;
  height: 42px;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 500;
}

.facility-dialog-gender-btn--active {
  color: #334155;
  background: #e2e8f0;
  border-color: #94a3b8;
}

.facility-dialog-kv {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.facility-dialog-k {
  color: #737373;
  font-size: 14px;
  line-height: 20px;
}

.facility-dialog-v {
  color: #0a0a0a;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.facility-dialog-users-row {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  display: grid;
}

.user-management-content-loading {
  text-align: center;
  color: var(--text-secondary);
  padding: 24px;
}

.user-management-content-empty-container {
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 24px;
  display: flex;
}

.user-management-content-container {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 56px);
  padding: 24px;
  display: flex;
}

.user-management-content-header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.user-management-content-header-left {
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.user-management-content-title {
  color: #e2e8f0;
  white-space: nowrap;
  margin: 0 24px 0 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.user-management-content-filters {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.user-management-content-filter-wrapper {
  flex-shrink: 0;
  width: fit-content;
}

.user-management-content-filter-wrapper-name {
  min-width: 140px;
}

.user-management-content-filter-wrapper-role {
  min-width: 120px;
}

.user-management-content-filter-wrapper-employee-id, .user-management-content-filter-wrapper-phone {
  min-width: 150px;
}

.user-management-content-filter-wrapper-status {
  min-width: 120px;
}

.user-management-content-clear-button {
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 24px;
  padding: 4px;
}

.user-management-content-clear-button:hover {
  background-color: #334155;
}

.user-management-content-clear-button svg, .user-management-content-clear-button path {
  color: #cbd5e1;
}

.user-management-content-header-right {
  align-items: center;
  gap: 8px;
  display: flex;
}

.user-management-content-add-button {
  background-color: var(--accent-primary);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.user-management-content-table-container {
  flex-direction: column;
  flex: none;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.page-layout-content .user-management-content-table-container .data-table-page-sticky-header-shell {
  z-index: 3;
  background-color: var(--bg-table, #fff);
}

[data-theme="dark"] .page-layout-content .user-management-content-table-container .data-table-page-sticky-header-shell {
  background-color: var(--bg-table, #1e293b);
}

.page-layout-content .user-management-content-table-container .data-table-page-sticky-header-shell .data-table-header-cell-fixed-right {
  z-index: 4;
  background-color: var(--bg-table, #fff);
}

[data-theme="dark"] .page-layout-content .user-management-content-table-container .data-table-page-sticky-header-shell .data-table-header-cell-fixed-right {
  background-color: var(--bg-table, #1e293b);
}

.user-management-content-pagination {
  margin-top: 16px;
}

.user-management-content-change-password-button {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: 1px solid #334155;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 12px;
  transition: all .2s;
}

.user-management-content-change-password-button:hover {
  border-color: var(--accent-primary);
  color: var(--accent-primary);
}

.admin-dashboard {
  background: var(--bg-page);
  min-height: 100%;
}

.admin-dashboard-subheader {
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  background: var(--bg-table, #fff);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 0 0 16px;
  padding: 16px 8px 12px;
  display: flex;
}

.admin-dashboard-subheader-title {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.admin-dashboard-container {
  max-width: 1480px;
  padding: var(--spacing-2xl, 24px) var(--spacing-xl, 16px);
  margin: 0 auto;
}

.admin-section {
  margin-bottom: var(--spacing-3xl, 32px);
  min-height: 120px;
}

.admin-section-tat {
  margin-top: var(--spacing-3xl, 32px);
  margin-bottom: var(--spacing-2xl, 24px);
}

.admin-tat-productivity-grid {
  gap: var(--spacing-xl, 16px);
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.admin-tat-productivity-card {
  border-radius: var(--radius-md, 8px);
  padding: var(--spacing-xl, 16px);
  min-height: 100px;
}

.admin-tat-productivity-title {
  opacity: .95;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 500;
}

.admin-tat-productivity-value {
  margin: 0 0 4px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.admin-tat-productivity-subtitle {
  opacity: .8;
  margin: 0;
  font-size: 12px;
}

.admin-tat-bg-blue {
  background-color: #eff6ff;
}

.admin-tat-text-blue {
  color: #1d4ed8;
}

.admin-tat-bg-cyan {
  background-color: #ecfeff;
}

.admin-tat-text-cyan {
  color: #0e7490;
}

.admin-tat-bg-green {
  background-color: #f0fdf4;
}

.admin-tat-text-green {
  color: #15803d;
}

.admin-tat-bg-purple {
  background-color: #faf5ff;
}

.admin-tat-text-purple {
  color: #7e22ce;
}

.admin-section-title {
  color: var(--text-header, #1e293b);
  margin: 0 0 var(--spacing-xl, 16px);
  font-size: 16px;
  font-weight: 600;
}

.admin-dashboard-error {
  color: var(--accent-danger, #dc2626);
  margin: 0 0 var(--spacing-md, 12px);
  font-size: 14px;
}

.admin-summary-cards {
  gap: var(--spacing-lg, 12px);
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  display: grid;
}

.admin-summary-card {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  padding: var(--spacing-xl, 16px) 56px var(--spacing-xl, 16px) var(--spacing-xl, 16px);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-height: 0;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #0000000a;
}

.admin-summary-card--warning {
  background: var(--bg-table, #fff);
}

.admin-summary-card-icon {
  top: var(--spacing-xl, 16px);
  right: var(--spacing-xl, 16px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.admin-summary-card-title {
  font-size: var(--font-size-sm, 14px);
  color: var(--text-muted, #6e768a);
  padding-right: var(--spacing-xs, 4px);
  margin: 0;
  font-weight: 500;
  line-height: 1.35;
}

.admin-summary-card-value {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.admin-summary-card-change {
  font-size: var(--font-size-xs, 12px);
  color: var(--text-muted, #6e768a);
  margin: 0;
  line-height: 1.4;
}

.admin-productivity-cards {
  gap: var(--spacing-xl, 16px);
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

.admin-productivity-card .admin-summary-card-value {
  font-size: 22px;
}

.admin-two-col {
  gap: var(--spacing-2xl, 24px);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.admin-card {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  padding: var(--spacing-2xl, 24px);
  box-shadow: 0 1px 2px #0000000a;
}

.admin-card--modality, .admin-card--financial {
  min-height: 380px;
}

.admin-card-title {
  color: var(--text-header, #1e293b);
  margin: 0 0 var(--spacing-xl, 16px);
  font-size: 16px;
  font-weight: 600;
}

.admin-card-title-row {
  align-items: center;
  gap: var(--spacing-sm, 8px);
  margin: 0 0 var(--spacing-xl, 16px);
  flex-wrap: wrap;
  display: flex;
}

.admin-card-title--inline {
  margin: 0;
}

.admin-modality-help-wrap {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.admin-modality-help-btn {
  color: var(--text-muted, #64748b);
  border-radius: var(--radius-sm, 4px);
  cursor: help;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 2px;
  line-height: 0;
  display: inline-flex;
}

.admin-modality-help-btn:hover, .admin-modality-help-btn:focus-visible {
  color: var(--primary, #2563eb);
  background: #2563eb14;
  outline: none;
}

.admin-modality-help-tooltip {
  color: #fff;
  background: var(--text-header, #1e293b);
  border-radius: var(--radius-md, 8px);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 20;
  width: max-content;
  max-width: 260px;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  transition: opacity .15s, visibility .15s;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 14px #0000002e;
}

.admin-modality-help-tooltip:after {
  content: "";
  border: 6px solid #0000;
  border-top-color: var(--text-header, #1e293b);
  margin-left: -6px;
  position: absolute;
  top: 100%;
  left: 50%;
}

.admin-modality-help-wrap:hover .admin-modality-help-tooltip, .admin-modality-help-wrap:focus-within .admin-modality-help-tooltip {
  opacity: 1;
  visibility: visible;
}

.admin-modality-grid {
  gap: var(--spacing-2xl, 24px);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.admin-modality-empty {
  text-align: center;
  color: var(--text-secondary, #64748b);
  grid-column: 1 / -1;
  margin: 0;
  padding: 24px;
  font-size: 14px;
}

.admin-donut-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.admin-donut-visual {
  width: 100px;
  height: 100px;
  position: relative;
}

.admin-donut-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.admin-donut-bg {
  stroke: var(--admin-donut-bg, #e2e8f0);
}

.admin-donut-fill {
  transition: stroke-dasharray .3s;
}

.admin-donut-center {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.admin-donut-value {
  color: var(--text-header, #1e293b);
  font-size: 20px;
  font-weight: 700;
}

.admin-donut-label {
  font-size: var(--font-size-sm, 14px);
  color: var(--text-header, #1e293b);
  margin-top: 8px;
  font-weight: 600;
}

.admin-donut-studies {
  font-size: var(--font-size-xs, 12px);
  color: var(--text-muted, #6e768a);
  margin-top: 2px;
}

.admin-financial-list {
  gap: var(--spacing-2xl, 24px);
  flex-direction: column;
  display: flex;
}

.admin-financial-row {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-lg, 12px);
  display: flex;
}

.admin-financial-text {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.admin-financial-label {
  letter-spacing: .02em;
  color: var(--text-muted, #6e768a);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.admin-financial-value {
  color: var(--text-header, #1e293b);
  font-size: 20px;
  font-weight: 700;
}

.admin-sparkline {
  flex-shrink: 0;
}

:root {
  --admin-card-icon-blue: #2563eb;
  --admin-card-icon-red: #dc2626;
  --admin-card-icon-orange: #ea580c;
  --admin-card-icon-purple: #9333ea;
  --admin-card-icon-green: #16a34a;
  --admin-card-icon-cyan: #0891b2;
  --admin-modality-ct: #2563eb;
  --admin-modality-mri: #16a34a;
  --admin-modality-xray: #ea580c;
  --admin-modality-ultrasound: #9333ea;
  --admin-sparkline-green: #16a34a;
  --admin-sparkline-orange: #ea580c;
  --admin-sparkline-blue: #2563eb;
  --admin-donut-bg: #e2e8f0;
}

@media (width <= 1100px) {
  .admin-productivity-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width <= 900px) {
  .admin-summary-cards, .admin-productivity-cards, .admin-two-col, .admin-modality-grid, .admin-tat-productivity-grid {
    grid-template-columns: 1fr;
  }
}

.billing-reconciliation {
  background: var(--bg-page);
  min-height: 100%;
  padding: 0 16px 32px;
}

.billing-recon-header {
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  background: var(--bg-table, #fff);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  padding: 16px 8px;
  display: flex;
}

.billing-recon-title {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.billing-recon-period-label {
  color: #64748b;
  margin: 6px 0 0;
  font-size: 14px;
}

.billing-recon-period-label strong {
  color: #0e7490;
  font-weight: 600;
}

.billing-recon-actions {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  display: flex;
}

.billing-recon-period {
  color: #334155;
  align-items: flex-end;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.billing-recon-period label {
  color: #64748b;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  display: flex;
}

.billing-recon-period input[type="date"] {
  color: #0f172a;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  height: 36px;
  padding: 6px 10px;
  font-size: 14px;
}

.billing-recon-period-sep {
  color: #64748b;
  margin: 0 0 8px;
  line-height: 1;
}

.billing-recon-export-wrap {
  flex-shrink: 0;
  position: relative;
}

.billing-recon-export-btn {
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  background: #0891b2;
  border: 1px solid #0891b2;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.billing-recon-export-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.billing-recon-export-menu {
  z-index: 20;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 180px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 8px 24px #0f172a1f;
}

.billing-recon-export-menu button {
  text-align: left;
  color: #0f172a;
  cursor: pointer;
  background: #fff;
  border: none;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  display: block;
}

.billing-recon-export-menu button:hover {
  color: #0e7490;
  background: #ecfeff;
}

.billing-recon-filter-note {
  color: #64748b;
  margin: -8px 0 20px;
  font-size: 13px;
}

.billing-recon-error {
  color: #dc2626;
  margin: 0 0 12px;
  font-size: 14px;
}

.billing-recon-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
  display: grid;
}

.billing-recon-summary-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.billing-recon-summary-label {
  color: #64748b;
  font-size: 13px;
}

.billing-recon-summary-value {
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
}

.billing-recon-summary-card.highlight {
  background: linear-gradient(#ecfeff 0%, #fff 100%);
  border-color: #67e8f9;
}

.billing-recon-summary-card.highlight .billing-recon-summary-value {
  color: #0e7490;
}

.billing-recon-charts-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  display: grid;
}

.analytics-page.billing-reconciliation {
  overflow-x: visible;
}

.billing-chart-card {
  --billing-chart-value-space: 22px;
  --billing-chart-plot-height: 150px;
  --billing-chart-label-height: 88px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-height: 380px;
  padding: 20px;
  overflow: visible;
}

.billing-chart-header {
  margin-bottom: 16px;
}

.billing-chart-title {
  color: #1e293b;
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
}

.billing-chart-subtitle {
  color: #64748b;
  margin: 0;
  font-size: 13px;
}

.billing-chart-body {
  align-items: flex-start;
  gap: 8px;
  display: flex;
  overflow: visible;
}

.billing-chart-y-wrap {
  width: 52px;
  height: calc(var(--billing-chart-value-space)  + var(--billing-chart-plot-height)  + var(--billing-chart-label-height)  + 6px);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.billing-chart-y-axis {
  height: calc(var(--billing-chart-value-space)  + var(--billing-chart-plot-height));
  padding-top: var(--billing-chart-value-space);
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.billing-chart-y-spacer {
  height: calc(var(--billing-chart-label-height)  + 6px);
  flex-shrink: 0;
}

.billing-chart-y-tick {
  color: #94a3b8;
  text-align: right;
  font-size: 11px;
  line-height: 1;
}

.billing-chart-plot-scroll {
  flex: 1;
  min-width: 0;
  overflow: auto visible;
}

.billing-chart-plot {
  flex-direction: column;
  display: flex;
}

.billing-chart-grid {
  top: var(--billing-chart-value-space);
  left: 4px;
  right: 4px;
  bottom: calc(var(--billing-chart-label-height)  + 6px);
  pointer-events: none;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
}

.billing-chart-plot-main {
  min-height: calc(var(--billing-chart-value-space)  + var(--billing-chart-plot-height)  + var(--billing-chart-label-height)  + 6px);
  position: relative;
}

.billing-chart-grid-line {
  border-top: 1px solid #e2e8f0;
  width: 100%;
  height: 0;
}

.billing-chart-cols {
  z-index: 1;
  align-items: stretch;
  gap: 10px;
  padding: 0 4px;
  display: flex;
  position: relative;
}

.billing-chart-col {
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 72px;
  max-width: 120px;
  display: flex;
}

.billing-chart-col-plot {
  width: 100%;
  height: calc(var(--billing-chart-value-space)  + var(--billing-chart-plot-height));
  padding-top: var(--billing-chart-value-space);
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
}

.billing-chart-bar-track {
  width: 100%;
  height: var(--billing-chart-plot-height);
  box-sizing: border-box;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.billing-chart-bar-inner {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.billing-chart-bar-value {
  color: #0891b2;
  white-space: nowrap;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.billing-chart-bar-fill {
  background: linear-gradient(#7dd3fc 0%, #38bdf8 100%);
  border-radius: 4px 4px 0 0;
  width: 52px;
  max-width: 70%;
  min-height: 0;
}

.billing-chart-x-label-wrap {
  width: 100%;
  height: var(--billing-chart-label-height);
  box-sizing: border-box;
  flex-shrink: 0;
  margin-top: 6px;
  position: relative;
  overflow: visible;
}

.billing-chart-x-label {
  color: #475569;
  text-align: right;
  white-space: nowrap;
  transform-origin: 100% 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 50%;
  transform: rotate(-38deg);
}

.billing-recon-empty {
  color: #94a3b8;
  margin: 24px 0 0;
  font-size: 14px;
}

@media (width <= 1100px) {
  .billing-recon-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .billing-recon-charts-grid {
    grid-template-columns: 1fr;
  }
}

@media (width <= 640px) {
  .billing-recon-summary {
    grid-template-columns: 1fr;
  }
}

.analytics-page {
  --analytics-card-bg: #fff;
  --analytics-page-bg: #f8fafc;
  --analytics-card-border: #e2e8f0;
  --analytics-card-radius: 8px;
  --analytics-chart-line: #38bdf8;
  --analytics-chart-bar: #38bdf8;
  --analytics-chart-grid: #f1f5f9;
  --analytics-text-primary: #1e293b;
  --analytics-text-secondary: #64748b;
  --analytics-overdue: #ea580c;
  --analytics-tat-exceeded: #dc2626;
  --analytics-badge-active-bg: #dcfce7;
  --analytics-badge-active-text: #166534;
  --analytics-badge-inactive-bg: #f1f5f9;
  --analytics-badge-inactive-text: #64748b;
  background: var(--analytics-page-bg);
  box-sizing: border-box;
  max-width: 100%;
  min-height: 100%;
  padding: 0 16px 32px;
  overflow-x: hidden;
}

.analytics-filter-bar {
  border-bottom: 1px solid var(--analytics-card-border);
  background: var(--analytics-card-bg);
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  margin-bottom: 12px;
  padding: 16px 8px;
  display: flex;
}

.analytics-filter-bar--operational .analytics-filter-field select, .analytics-filter-bar--operational .analytics-filter-field input[type="date"] {
  min-width: 132px;
}

.analytics-filter-field {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.analytics-filter-field label {
  color: var(--analytics-text-secondary);
  font-size: 12px;
}

.analytics-filter-field select, .analytics-filter-field input[type="date"], .analytics-select {
  height: 36px;
  color: var(--analytics-text-primary);
  box-sizing: border-box;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  min-width: 140px;
  padding: 0 10px;
  font-size: 14px;
}

.analytics-filter-field select:focus, .analytics-filter-field input[type="date"]:focus, .analytics-select:focus {
  border-color: #0891b2;
  outline: none;
  box-shadow: 0 0 0 2px #0891b226;
}

.analytics-filter-actions {
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.analytics-text-btn {
  color: #334155;
  cursor: pointer;
  background: none;
  border: none;
  padding: 8px 12px;
  font-size: 14px;
}

.analytics-text-btn:hover {
  color: #0f172a;
}

.analytics-export-wrap {
  flex-shrink: 0;
  position: relative;
}

.analytics-export-primary-btn {
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  background: #0891b2;
  border: 1px solid #0891b2;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.analytics-export-primary-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.analytics-export-menu {
  z-index: 100;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 140px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 8px 24px #0f172a1f;
}

.analytics-export-menu button {
  text-align: left;
  color: #0f172a;
  cursor: pointer;
  background: #fff;
  border: none;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  display: block;
}

.analytics-export-menu button:hover {
  color: #0e7490;
  background: #ecfeff;
}

.analytics-secondary-btn {
  color: #334155;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  font-size: 14px;
  display: inline-flex;
}

.analytics-secondary-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.analytics-kpi-grid {
  gap: 16px;
  margin-bottom: 24px;
  display: grid;
}

.analytics-kpi-grid--statewide {
  grid-template-columns: repeat(5, 1fr);
}

.analytics-kpi-grid--operational {
  grid-template-columns: repeat(4, 1fr);
}

@media (width <= 1200px) {
  .analytics-kpi-grid--statewide {
    grid-template-columns: repeat(3, 1fr);
  }

  .analytics-kpi-grid--operational {
    grid-template-columns: repeat(2, 1fr);
  }
}

.analytics-kpi-card {
  background: var(--analytics-card-bg);
  border: 1px solid var(--analytics-card-border);
  border-radius: var(--analytics-card-radius);
  cursor: default;
  min-height: 88px;
  padding: 16px;
  transition: border-color .15s;
}

.analytics-kpi-card--clickable {
  cursor: pointer;
}

.analytics-kpi-card--clickable:hover {
  border-color: #94a3b8;
}

.analytics-kpi-card--active {
  border-color: #2563eb;
  box-shadow: 0 0 0 1px #2563eb;
}

.analytics-kpi-card--overdue-active {
  border-color: #f59e0b;
  box-shadow: 0 0 0 1px #f59e0b;
}

.analytics-kpi-label {
  color: var(--analytics-text-secondary);
  margin: 0 0 6px;
  font-size: 12px;
}

.analytics-kpi-value {
  color: var(--analytics-text-primary);
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.analytics-kpi-value--overdue {
  color: var(--analytics-overdue);
}

.analytics-kpi-subtitle {
  color: var(--analytics-text-secondary);
  margin: 6px 0 0;
  font-size: 12px;
}

.analytics-kpi-subtitle--critical {
  color: var(--analytics-tat-exceeded);
}

.analytics-charts-row {
  gap: 16px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  display: grid;
}

.analytics-charts-row > * {
  min-width: 0;
}

.analytics-charts-row--statewide {
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

.analytics-charts-row--operational {
  grid-template-columns: minmax(0, 1.85fr) minmax(300px, 1fr);
}

@media (width <= 1200px) {
  .analytics-charts-row--operational {
    grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr);
  }
}

@media (width <= 1024px) {
  .analytics-charts-row--statewide, .analytics-charts-row--operational {
    grid-template-columns: 1fr;
  }

  .analytics-tat-compliance-card {
    min-width: 0;
  }
}

.analytics-chart-card {
  background: var(--analytics-card-bg);
  border: 1px solid var(--analytics-card-border);
  border-radius: var(--analytics-card-radius);
  min-width: 0;
  max-width: 100%;
  min-height: 320px;
  padding: 20px;
}

.analytics-chart-card--workload {
  overflow: hidden;
}

.ai-dashboard-page {
  padding-top: 10px;
}

.ai-dashboard-page .analytics-filter-bar {
  background: none;
  border: 0;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 4px 0 14px;
}

.ai-dashboard-page .analytics-kpi-grid {
  gap: 12px;
  margin-bottom: 14px;
}

.ai-dashboard-page .analytics-kpi-card {
  min-height: 74px;
  padding: 13px 16px;
}

.ai-dashboard-page .analytics-kpi-value {
  font-size: 22px;
}

.ai-trend-card {
  border: 1px solid var(--analytics-card-border);
  border-radius: var(--analytics-card-radius);
  background: #fff;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.ai-trend-card__header {
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px 4px;
  display: flex;
}

.ai-trend-card__header h3 {
  color: #1e293b;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.ai-trend-card__header select {
  color: #475569;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 5px;
  min-width: 92px;
  height: 30px;
  padding: 0 9px;
  font-size: 12px;
}

.ai-trend-card__plot {
  min-height: 260px;
  padding: 0 8px;
  position: relative;
}

.ai-chart-axis {
  fill: #64748b;
  font-size: 9px;
}

.ai-trend-tooltip {
  z-index: 3;
  color: #334155;
  pointer-events: none;
  background: #fffffff7;
  border: 1px solid #e2e8f0;
  border-radius: 5px;
  flex-direction: column;
  gap: 4px;
  min-width: 145px;
  padding: 8px 10px;
  font-size: 11px;
  display: flex;
  position: absolute;
  top: 38px;
  transform: translateX(-50%);
  box-shadow: 0 4px 14px #0f172a1f;
}

.ai-trend-tooltip span, .ai-trend-card__legend span {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.ai-trend-tooltip i, .ai-trend-card__legend i {
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.ai-trend-card__legend {
  color: #475569;
  justify-content: center;
  gap: 18px;
  padding: 4px 12px 13px;
  font-size: 11px;
  display: flex;
}

.ai-facility-section {
  margin-top: 2px;
}

.ai-facility-section__header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 9px;
  display: flex;
}

.ai-facility-section__header h3 {
  color: #1e293b;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.analytics-chart-card-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.analytics-chart-card-title {
  color: var(--analytics-text-primary);
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.analytics-chart-legend {
  color: #64748b;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
  font-size: 12px;
  display: flex;
}

.analytics-legend-swatch {
  border-radius: 2px;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  display: inline-block;
}

.analytics-chart-tooltip-float {
  z-index: 5;
  color: #334155;
  pointer-events: none;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-direction: column;
  gap: 2px;
  min-width: 120px;
  padding: 8px 10px;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 8px;
  transform: translateX(-50%);
  box-shadow: 0 4px 16px #0f172a1f;
}

.analytics-chart-tooltip-float strong {
  color: #0f172a;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}

.analytics-chart-tooltip-float span {
  color: #64748b;
}

.analytics-chart-controls {
  flex-shrink: 0;
  gap: 8px;
  display: flex;
}

.analytics-chart-controls select {
  color: #0f172a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  min-width: 100px;
  height: 32px;
  padding: 0 10px;
  font-size: 13px;
}

.analytics-chart-body {
  gap: 8px;
  min-width: 0;
  min-height: 240px;
  display: flex;
  overflow: hidden;
}

.analytics-y-axis {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  width: 44px;
  padding-top: 18px;
  padding-bottom: 72px;
  display: flex;
}

.analytics-y-tick {
  color: #94a3b8;
  text-align: right;
  font-size: 10px;
  line-height: 1;
}

.analytics-plot {
  flex: 1;
  min-width: 0;
  padding-bottom: 4px;
  position: relative;
  overflow: auto visible;
}

.analytics-grid {
  pointer-events: none;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 18px 0 72px;
}

.analytics-grid-line {
  border-top: 1px solid #e2e8f0;
  width: 100%;
}

.analytics-chart-tooltip-float span {
  display: block;
}

.analytics-chart-tooltip-float--line strong {
  margin-bottom: 4px;
  display: block;
}

.analytics-tooltip-metric {
  color: #334155;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex !important;
}

.analytics-legend-swatch--line {
  background: var(--analytics-chart-line);
  flex-shrink: 0;
}

.analytics-plot--line {
  flex-direction: column;
  gap: 8px;
  min-height: 260px;
  display: flex;
  overflow: hidden;
}

.analytics-line-svg {
  flex-shrink: 0;
  width: 100%;
  height: 220px;
  display: block;
  overflow: visible;
}

.analytics-line-grid {
  stroke: #e2e8f0;
  stroke-width: 1px;
}

.analytics-line-area {
  fill: #38bdf81f;
}

.analytics-line-path {
  fill: none;
  stroke: var(--analytics-chart-line);
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.analytics-line-point {
  fill: #fff;
  stroke: var(--analytics-chart-line);
  stroke-width: 2px;
  cursor: pointer;
}

.analytics-line-labels {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  align-items: flex-start;
  gap: 0;
  width: 100%;
  padding: 0 8px;
  display: grid;
}

.analytics-line-bars {
  z-index: 1;
  align-items: flex-end;
  gap: 10px;
  width: max-content;
  min-width: 100%;
  min-height: 220px;
  padding: 18px 4px 0;
  display: flex;
  position: relative;
}

.analytics-grouped-bars {
  z-index: 1;
  align-items: flex-end;
  gap: 8px;
  width: max-content;
  min-width: 100%;
  min-height: 220px;
  padding: 18px 4px 0;
  display: flex;
  position: relative;
}

.analytics-bar-col {
  cursor: pointer;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 56px;
  max-width: 120px;
  display: flex;
}

.analytics-bar-group-col {
  flex-direction: column;
  flex: 0 0 52px;
  align-items: center;
  gap: 4px;
  width: 52px;
  display: flex;
}

.analytics-bar-group {
  justify-content: center;
  align-items: flex-end;
  gap: 4px;
  width: 100%;
  display: flex;
}

.analytics-bar-value {
  color: #0891b2;
  white-space: nowrap;
  min-height: 16px;
  font-size: 11px;
  font-weight: 600;
}

.analytics-bar-track {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 150px;
  display: flex;
}

.analytics-bar-track--grouped {
  width: 28%;
  max-width: 24px;
}

.analytics-bar-fill {
  background: linear-gradient(#67e8f9 0%, #0891b2 100%);
  border-radius: 4px 4px 0 0;
  width: 56%;
  max-width: 52px;
  min-height: 4px;
}

.analytics-bar-fill--line {
  width: 56%;
  max-width: 52px;
}

.analytics-bar-label-wrap {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 72px;
  display: flex;
  overflow: visible;
}

.analytics-bar-label {
  color: #475569;
  text-align: center;
  transform-origin: top;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
  display: inline-block;
  transform: rotate(-38deg);
}

.analytics-table-wrap {
  overflow-x: auto;
}

.analytics-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}

.analytics-table th {
  color: #64748b;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #e2e8f0;
  padding: 10px 12px;
  font-weight: 500;
}

.analytics-table td {
  color: #1e293b;
  vertical-align: middle;
  border-bottom: 1px solid #f1f5f9;
  padding: 12px;
}

.analytics-table-cell-content {
  color: #1e293b;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.analytics-table-footer {
  color: #64748b;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  font-size: 14px;
  display: flex;
}

.analytics-table-page-size {
  align-items: center;
  gap: 8px;
  display: flex;
}

.analytics-table-pagination {
  gap: 8px;
  display: flex;
}

.analytics-section-card {
  background: var(--analytics-card-bg);
  border: 1px solid var(--analytics-card-border);
  border-radius: var(--analytics-card-radius);
  padding: 16px 20px 20px;
}

.analytics-section-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.analytics-section-title {
  color: var(--analytics-text-primary);
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.analytics-status-badge {
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.analytics-status-badge--active {
  background: var(--analytics-badge-active-bg);
  color: var(--analytics-badge-active-text);
}

.analytics-status-badge--inactive {
  background: var(--analytics-badge-inactive-bg);
  color: var(--analytics-badge-inactive-text);
}

.analytics-priority-badge {
  border: 1px solid;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.analytics-priority-badge--urgent {
  color: #ea580c;
}

.analytics-priority-badge--vip {
  color: #7c3aed;
}

.analytics-priority-badge--mlc {
  color: #dc2626;
}

.analytics-priority-badge--routine {
  color: #64748b;
}

.analytics-tat-exceeded {
  color: var(--analytics-tat-exceeded);
  font-weight: 600;
}

.analytics-tat-not-configured {
  color: #64748b;
  font-size: 13px;
  font-style: italic;
}

.analytics-overdue-icon {
  color: #ea580c;
  flex-shrink: 0;
}

.analytics-tat-compliance-card {
  min-width: 280px;
  min-height: 320px;
}

.analytics-tat-compliance-title {
  margin-bottom: 16px;
}

.analytics-tat-compliance-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.analytics-tat-compliance-item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-height: 72px;
  padding: 14px 16px;
}

.analytics-tat-compliance-label {
  color: #64748b;
  margin: 0;
  font-size: 12px;
}

.analytics-tat-compliance-value {
  color: #1e293b;
  margin: 6px 0 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.analytics-columns-wrap {
  flex-shrink: 0;
  position: relative;
}

.analytics-columns-btn {
  color: #334155;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.analytics-columns-menu {
  z-index: 100;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 180px;
  padding: 8px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 8px 24px #0f172a1f;
}

.analytics-columns-option {
  color: #334155;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 6px 4px;
  font-size: 13px;
  display: flex;
}

.analytics-facility-name {
  color: #1e293b;
  font-weight: 600;
}

.analytics-facility-meta {
  color: #64748b;
  margin-top: 2px;
  font-size: 12px;
}

.analytics-refresh-row {
  color: var(--analytics-text-secondary);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: -8px 0 16px;
  padding: 0 8px;
  font-size: 13px;
  display: flex;
}

.analytics-empty {
  text-align: center;
  color: var(--analytics-text-secondary);
  padding: 32px;
}

.analytics-error {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 16px;
}

@keyframes analytics-skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.analytics-skeleton-wrap {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.analytics-skeleton {
  background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%) 0 0 / 200% 100%;
  border-radius: 6px;
  animation: 1.4s ease-in-out infinite analytics-skeleton-shimmer;
}

.analytics-skeleton-kpi-card {
  background: var(--analytics-card-bg);
  border: 1px solid var(--analytics-card-border);
  border-radius: var(--analytics-card-radius);
  flex-direction: column;
  gap: 10px;
  min-height: 88px;
  padding: 16px;
  display: flex;
}

.analytics-skeleton-kpi-label {
  width: 60%;
  height: 12px;
}

.analytics-skeleton-kpi-value {
  width: 45%;
  height: 28px;
}

.analytics-skeleton-kpi-subtitle {
  width: 70%;
  height: 10px;
}

.analytics-skeleton-chart-card {
  background: var(--analytics-card-bg);
  border: 1px solid var(--analytics-card-border);
  border-radius: var(--analytics-card-radius);
  min-width: 0;
  min-height: 320px;
  padding: 20px;
}

.analytics-skeleton-chart-card--tall {
  overflow: hidden;
}

.analytics-skeleton-chart-header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
}

.analytics-skeleton-chart-title {
  width: 180px;
  height: 18px;
}

.analytics-skeleton-chart-control {
  border-radius: 6px;
  width: 96px;
  height: 32px;
}

.analytics-skeleton-chart-body {
  align-items: flex-end;
  gap: 12px;
  min-height: 220px;
  display: flex;
}

.analytics-skeleton-y-axis {
  border-radius: 4px;
  flex-shrink: 0;
  width: 36px;
  height: 100%;
  min-height: 200px;
}

.analytics-skeleton-bars {
  flex: 1;
  align-items: flex-end;
  gap: 10px;
  min-height: 200px;
  padding-bottom: 28px;
  display: flex;
  overflow: hidden;
}

.analytics-skeleton-bar {
  border-radius: 4px 4px 0 0;
  flex: 1;
  align-self: flex-end;
  min-width: 24px;
  max-width: 48px;
}

.analytics-skeleton-tat-card {
  min-width: 280px;
}

.analytics-skeleton-tat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.analytics-skeleton-tat-item {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
  min-height: 72px;
  padding: 14px 16px;
  display: flex;
}

.analytics-skeleton-tat-label {
  width: 65%;
  height: 12px;
}

.analytics-skeleton-tat-value {
  width: 40%;
  height: 24px;
}

.analytics-skeleton-table-card {
  background: var(--analytics-card-bg);
  border: 1px solid var(--analytics-card-border);
  border-radius: var(--analytics-card-radius);
  margin-top: 0;
  padding: 16px 20px 20px;
}

.analytics-skeleton-table-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.analytics-skeleton-table-title {
  width: 120px;
  height: 18px;
}

.analytics-skeleton-table-action {
  border-radius: 6px;
  width: 96px;
  height: 32px;
}

.analytics-skeleton-table-head, .analytics-skeleton-table-row {
  border-bottom: 1px solid #f1f5f9;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 12px;
  padding: 10px 0;
  display: grid;
}

.analytics-skeleton-table-head {
  border-bottom: 1px solid #e2e8f0;
}

.analytics-skeleton-table-th {
  height: 12px;
}

.analytics-skeleton-table-td {
  height: 14px;
}

.analytics-skeleton-table-footer {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.analytics-skeleton-footer-item {
  width: 120px;
  height: 32px;
}

.page-layout-content.machine-management-page-content {
  --bg-page: #fff;
  --bg-table: #fff;
  background: #fff !important;
  padding: 0 !important;
  overflow: hidden !important;
}

[data-theme="dark"] .page-layout-content.machine-management-page-content {
  --bg-page: #fff;
  --bg-table: #fff;
  background: #fff !important;
}

.machine-management-page {
  color: #0f172a;
  background: #fff;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.machine-management-card {
  min-height: 0;
  box-shadow: none;
  background: #fff;
  border: none;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  margin: 0;
  display: flex;
  overflow: hidden;
}

.machine-management-topbar {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.machine-management-topbar-left {
  align-items: center;
  gap: 16px;
  min-width: 0;
  display: flex;
}

.machine-management-topbar-right {
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  display: flex;
}

.machine-view-toggle {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  align-items: center;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.machine-view-toggle-btn {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 999px;
  height: 28px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
}

.machine-view-toggle-btn--active {
  color: #0f172a;
  background: #fff;
  box-shadow: 0 1px 2px #0f172a14;
}

.machine-view-toggle-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.machine-facility-chip {
  color: #334155;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  align-items: center;
  max-width: 220px;
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  overflow: hidden;
}

.machine-management-page-title {
  color: #0f172a;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.machine-management-register-btn {
  background: var(--accent-primary, #0891b2);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.machine-management-register-btn:hover {
  background: var(--accent-hover, #0e7490);
}

.machine-management-tabs {
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  gap: 24px;
  padding: 4px 24px 0;
  display: flex;
}

.machine-management-tab {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 0 12px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.machine-management-tab:hover {
  color: #0f172a;
}

.machine-management-tab--active {
  color: #0f172a;
  font-weight: 600;
}

.machine-management-tab--active:after {
  content: "";
  background: #0f172a;
  border-radius: 2px 2px 0 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.machine-management-body {
  background: #fff;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.machine-management-list-pane {
  background: #fff;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.machine-management-list-pane--with-panel {
  border-right: 1px solid #e2e8f0;
}

.machine-management-toolbar {
  background: #fff;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
}

.machine-management-search-wrap {
  flex: 1;
  max-width: 420px;
  position: relative;
}

.machine-management-search-icon {
  color: #94a3b8;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.machine-management-search {
  color: #0f172a;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  padding: 0 12px 0 40px;
  font-size: 14px;
}

.machine-management-search::placeholder {
  color: #94a3b8;
}

.machine-management-search:focus {
  border-color: #94a3b8;
  outline: none;
  box-shadow: 0 0 0 2px #94a3b840;
}

.machine-management-columns-wrap {
  margin-left: auto;
  position: relative;
}

.machine-management-columns-btn {
  color: #334155;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.machine-management-columns-btn:hover {
  background: #f8fafc;
}

.machine-management-columns-menu {
  z-index: 50;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 200px;
  padding: 8px 0;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 8px 24px #0f172a1f;
}

.machine-management-columns-item {
  color: #334155;
  cursor: pointer;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-size: 14px;
  display: flex;
}

.machine-management-columns-item:hover {
  background: #f8fafc;
}

.machine-management-table-wrap {
  box-sizing: border-box;
  background: #fff;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  padding: 0 24px 24px;
  display: flex;
  overflow: auto;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-container {
  background-color: #fff;
  border: none;
  border-radius: 0;
  width: 100%;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-full-width.data-table-page-sticky, .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-full-width .data-table-header-h-scroll, .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-full-width .data-table-body-h-scroll {
  width: 100%;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-full-width .data-table-header, .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-full-width .data-table-row {
  width: 100%;
  min-width: 0;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-header, .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-page-sticky-header-shell {
  background-color: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-header-cell {
  color: #64748b;
  text-transform: none;
  letter-spacing: normal;
  text-align: left;
  justify-content: flex-start;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-row {
  background-color: #fff;
  border-bottom: 1px solid #f1f5f9;
  min-height: 52px;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-row-clickable:hover {
  background-color: #f8fafc !important;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-cell {
  color: #334155;
  text-align: left;
  justify-content: flex-start;
  padding: 12px 16px;
}

.page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-cell-content-wrapper {
  justify-content: flex-start;
}

[data-theme="dark"] .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-container, [data-theme="dark"] .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-header, [data-theme="dark"] .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-row, [data-theme="dark"] .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-cell, [data-theme="dark"] .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-header-cell {
  color: #334155;
  background-color: #fff;
  border-color: #f1f5f9;
}

[data-theme="dark"] .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-header, [data-theme="dark"] .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-page-sticky-header-shell {
  background-color: #f8fafc;
}

[data-theme="dark"] .page-layout-content.machine-management-page-content .machine-management-table-wrap .data-table-header-cell {
  color: #64748b;
}

.machine-management-empty-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  display: flex;
}

.machine-management-empty-wrap > div {
  min-height: auto !important;
  padding: 32px 16px !important;
}

.machine-management-table-wrap .data-table-row {
  cursor: pointer;
}

.machine-cell-primary {
  color: #0f172a;
  font-size: 14px;
  font-weight: 600;
}

.machine-cell-secondary {
  color: #64748b;
  margin-top: 2px;
  font-size: 13px;
}

.machine-status-badge {
  border-radius: 999px;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.machine-status-badge--active {
  color: #15803d;
  background: #dcfce7;
}

.machine-status-badge--inactive {
  color: #64748b;
  background: #f1f5f9;
}

.machine-connectivity-badge {
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.machine-connectivity-badge--online {
  color: #15803d;
  background: #dcfce7;
}

.machine-connectivity-badge--offline {
  color: #b91c1c;
  background: #fee2e2;
}

.machine-connectivity-badge--config-error {
  color: #c2410c;
  background: #ffedd5;
}

.machine-connectivity-badge--checking {
  color: #a16207;
  background: #fef9c3;
}

.machine-connectivity-badge--unknown {
  color: #64748b;
  background: #f1f5f9;
}

.machine-connectivity-latency {
  opacity: .85;
  font-weight: 500;
}

.machine-connectivity-summary {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin-top: 8px;
  padding: 10px 12px;
}

.machine-connectivity-summary-status {
  color: #334155;
  margin: 0;
  font-size: 13px;
}

.machine-connectivity-summary-detail {
  color: #64748b;
  margin: 4px 0 0;
  font-size: 12px;
}

.machine-connectivity-summary-error {
  color: #b91c1c;
  margin: 6px 0 0;
  font-size: 12px;
}

.machine-last-checked {
  color: #64748b;
  font-size: 14px;
}

.machine-connectivity-actions {
  justify-content: flex-start;
  display: flex;
}

.machine-management-empty {
  text-align: center;
  color: #64748b;
  padding: 48px 24px;
  font-size: 14px;
}

.machine-register-dialog-content, .machine-edit-panel {
  --machine-dialog-input-bg: #fff;
  --machine-dialog-border: #e2e8f0;
}

.machine-register-dialog-content .create-user-dialog-label, .machine-edit-panel .create-user-dialog-label {
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-flex;
  color: #0f172a !important;
}

.machine-register-dialog-content .create-user-dialog-required-star, .machine-edit-panel .create-user-dialog-required-star, .machine-register-dialog-content .form-select-virtualized-required, .machine-edit-panel .form-select-virtualized-required {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #dc2626 !important;
  margin-left: 0 !important;
}

.machine-register-dialog-content .form-select-virtualized-label-wrapper, .machine-edit-panel .form-select-virtualized-label-wrapper {
  gap: 4px;
}

.machine-register-dialog-content {
  color: #0f172a !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 10px !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 512px !important;
  max-width: calc(100vw - 32px) !important;
  max-height: min(90dvh, 880px) !important;
  padding: 0 !important;
  display: flex !important;
  overflow: hidden !important;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a !important;
}

.machine-register-dialog-header {
  border-bottom: none;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 20px 16px 24px;
  display: flex;
}

.machine-register-dialog-header-text {
  flex: 1;
  min-width: 0;
  padding-right: 8px;
}

.machine-register-dialog-title {
  color: #0f172a;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.machine-register-dialog-subtitle {
  color: #64748b;
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.4;
}

.machine-register-dialog-close {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 2px;
  display: flex;
}

.machine-register-dialog-close:hover {
  color: #334155;
  background: #f1f5f9;
}

.machine-register-dialog-body {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-height: 0;
  padding: 4px 24px 8px;
  display: flex;
  overflow-y: auto;
}

.machine-register-dialog-footer {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px 20px;
  display: flex;
}

.machine-dialog-btn {
  cursor: pointer;
  border-radius: 6px;
  min-width: 88px;
  height: 36px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s, border-color .15s;
}

.machine-dialog-btn:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.machine-dialog-btn-cancel {
  color: #0f172a;
  background: #fff;
  border: 1px solid #e2e8f0;
}

.machine-dialog-btn-cancel:hover:not(:disabled) {
  background: #f8fafc;
}

.machine-dialog-btn-primary {
  background: var(--accent-primary, #0891b2);
  color: #fff;
  border: 1px solid var(--accent-primary, #0891b2);
}

.machine-dialog-btn-primary:hover:not(:disabled) {
  background: var(--accent-hover, #0e7490);
  border-color: var(--accent-hover, #0e7490);
}

.machine-register-dialog-content .machine-form-field > div > label:empty {
  height: 0;
  margin: 0;
  padding: 0;
  display: none;
}

.machine-register-dialog-content input[type="text"], .machine-register-dialog-content input[type="search"], .machine-register-dialog-content input[type="number"], .machine-register-dialog-content input {
  box-sizing: border-box !important;
  background-color: var(--machine-dialog-input-bg) !important;
  background: var(--machine-dialog-input-bg) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid var(--machine-dialog-border) !important;
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
}

.machine-register-dialog-content input:focus {
  border-color: #94a3b8 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px #94a3b840 !important;
}

.machine-register-dialog-content input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.machine-register-dialog-content .form-select-virtualized-container {
  width: 100%;
}

.machine-register-dialog-content .form-select-virtualized-label {
  color: #0f172a !important;
}

.machine-register-dialog-content .form-select-virtualized-select-field {
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 0 32px 0 12px !important;
  font-size: 14px !important;
}

.machine-register-dialog-content .form-select-virtualized-select-field-has-value {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.machine-register-dialog-content .form-select-virtualized-select-field-open {
  border-color: #94a3b8 !important;
  box-shadow: 0 0 0 2px #94a3b840 !important;
}

.machine-register-dialog-content .form-select-virtualized-dropdown {
  z-index: 5000 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px #0000001a !important;
}

.machine-register-dialog-content .form-select-virtualized-search-input {
  color: #0f172a !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

.machine-register-dialog-content .form-select-virtualized-option {
  color: #0f172a !important;
}

.machine-register-dialog-content .form-select-virtualized-option:hover, .machine-register-dialog-content .form-select-virtualized-option-highlighted {
  background: #f1f5f9 !important;
}

.machine-form-body {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.machine-form-row {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.machine-form-row--modality {
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

.machine-form-row--ip {
  grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
}

.machine-form-field {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.machine-form-field--port {
  max-width: 140px;
}

@media (width <= 520px) {
  .machine-form-row, .machine-form-row--modality, .machine-form-row--ip {
    grid-template-columns: 1fr;
  }

  .machine-form-field--port {
    max-width: none;
  }
}

.machine-form-active-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.machine-form-active-label {
  color: #334155;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}

.machine-register-dialog-content .machine-form-active-label {
  color: #0f172a;
}

.machine-form-active-helper {
  color: #64748b;
  margin: -8px 0 0;
  font-size: 13px;
}

.machine-form-submit-error {
  color: #dc2626;
  margin: 0;
  font-size: 13px;
}

.machine-form-footer {
  border-top: 1px solid #e2e8f0;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding-top: 16px;
  display: flex;
}

.machine-edit-panel input[type="text"], .machine-edit-panel input {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
}

.machine-edit-panel .machine-form-field > div > label:empty {
  display: none;
}

.machine-edit-panel .form-select-virtualized-label {
  color: #0f172a !important;
}

.machine-edit-panel .form-select-virtualized-select-field {
  height: 40px !important;
  min-height: 40px !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
}

.machine-edit-panel .form-select-virtualized-select-field-has-value {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.machine-edit-panel {
  background: #fff;
  border-left: 1px solid #e2e8f0;
  flex-direction: column;
  flex-shrink: 0;
  width: min(600px, 52vw);
  min-width: 400px;
  display: flex;
  overflow: hidden;
}

.machine-edit-panel-header {
  border-bottom: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 20px 16px;
  display: flex;
}

.machine-edit-panel-header-main {
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.machine-edit-panel-icon {
  width: 36px;
  height: 36px;
  color: var(--accent-primary, #0891b2);
  background: #0891b21f;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.machine-edit-panel-title {
  color: #0f172a;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.machine-edit-panel-subtitle {
  color: #64748b;
  margin: 2px 0 0;
  font-size: 13px;
}

.machine-edit-panel-close {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  padding: 4px;
}

.machine-edit-panel-close:hover {
  background: #f1f5f9;
}

.machine-edit-panel-body {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

.machine-edit-panel-footer {
  border-top: 1px solid #e2e8f0;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  display: flex;
}

.machine-maintenance-body {
  flex-direction: row;
}

.mm-summary-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 16px 24px 0;
  display: grid;
}

.mm-summary-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px 14px 18px;
  position: relative;
  overflow: hidden;
}

.mm-summary-card:before {
  content: "";
  border-radius: 3px 0 0 3px;
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mm-summary-card--active:before {
  background: #f97316;
}

.mm-summary-card--upcoming:before {
  background: #eab308;
}

.mm-summary-card--completed:before {
  background: #22c55e;
}

.mm-summary-card--cancelled:before {
  background: #94a3b8;
}

.mm-summary-value {
  color: #0f172a;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
}

.mm-summary-title {
  color: #0f172a;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
}

.mm-summary-sub {
  color: #64748b;
  margin-top: 2px;
  font-size: 12px;
}

.mm-toolbar {
  flex-wrap: wrap;
}

.mm-filter-select {
  appearance: none;
  color: #334155;
  cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748b%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E") right 10px center no-repeat;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 140px;
  height: 40px;
  padding: 0 32px 0 12px;
  font-size: 14px;
  font-weight: 500;
}

.mm-filter-select:focus {
  border-color: #94a3b8;
  outline: none;
  box-shadow: 0 0 0 2px #94a3b840;
}

.mm-status-cell {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.mm-status-badge {
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.mm-status-badge--scheduled, .mm-status-badge--in_progress {
  color: #c2410c;
  background: #ffedd5;
}

.mm-status-badge--completed {
  color: #15803d;
  background: #dcfce7;
}

.mm-status-badge--cancelled {
  color: #64748b;
  background: #f1f5f9;
}

.mm-mwl-badge {
  color: #ea580c;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  align-items: center;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.mm-time-left {
  color: #64748b;
  font-size: 12px;
}

.mm-reason-cell {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 240px;
  display: -webkit-box;
  overflow: hidden;
}

.mm-row-actions {
  display: inline-flex;
  position: relative;
}

.mm-row-menu-btn {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
}

.mm-row-menu-btn:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.mm-row-menu {
  z-index: 40;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 140px;
  padding: 6px 0;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  box-shadow: 0 8px 24px #0f172a1f;
}

.mm-row-menu button {
  text-align: left;
  color: #334155;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  padding: 8px 14px;
  font-size: 14px;
  display: block;
}

.mm-row-menu button:hover {
  background: #f8fafc;
}

.machine-maintenance-detail-body {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.mm-detail-schedule {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.mm-detail-grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  display: grid;
}

.mm-detail-field {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.mm-detail-field--full {
  width: 100%;
}

.mm-detail-label {
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}

.mm-detail-value {
  color: #0f172a;
  word-break: break-word;
  font-size: 14px;
}

.mm-audit-section {
  border-top: 1px solid #e2e8f0;
  padding-top: 16px;
}

.mm-audit-title {
  color: #0f172a;
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}

.mm-audit-empty {
  color: #94a3b8;
  margin: 0;
  font-size: 13px;
}

.mm-audit-list {
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.mm-audit-item {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.mm-audit-action {
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
}

.mm-audit-meta, .mm-audit-detail {
  color: #64748b;
  font-size: 12px;
}

.machine-maintenance-detail-footer {
  flex-wrap: wrap;
}

.mm-btn-cancel-window {
  color: #dc2626;
  background: #fff;
  border: 1px solid #fecaca;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.mm-btn-cancel-window:hover:not(:disabled) {
  background: #fef2f2;
}

.machine-dialog-btn-primary {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.mm-datetime-input {
  box-sizing: border-box;
  color: #0f172a;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
}

.mm-datetime-input:focus {
  border-color: #94a3b8;
  outline: none;
  box-shadow: 0 0 0 2px #94a3b840;
}

.mm-reason-textarea {
  box-sizing: border-box;
  color: #0f172a;
  resize: vertical;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  width: 100%;
  min-height: 96px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
}

.mm-reason-textarea::placeholder {
  color: #94a3b8;
}

.mm-reason-textarea:focus {
  border-color: #94a3b8;
  outline: none;
  box-shadow: 0 0 0 2px #94a3b840;
}

.mm-field-error {
  color: #dc2626;
  font-size: 12px;
}

.mm-schedule-dialog .machine-register-dialog-content, .mm-schedule-dialog {
  width: 520px !important;
}

@media (width <= 1100px) {
  .mm-summary-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 720px) {
  .mm-summary-cards, .mm-detail-schedule, .mm-detail-grid {
    grid-template-columns: 1fr;
  }

  .machine-management-topbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .machine-management-topbar-right {
    flex-wrap: wrap;
    width: 100%;
  }
}

.add-routing-rule-dialog-content {
  color: #0f172a;
  color-scheme: light;
  box-sizing: border-box;
  flex-direction: column;
  min-width: 0;
  max-height: min(90vh, 860px);
  display: flex;
  overflow: hidden;
  z-index: var(--z-index-change-password-modal, 9999) !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  width: min(720px, 100vw - 32px) !important;
  max-width: min(720px, 100vw - 32px) !important;
  padding: 0 !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 20px 40px #0f172a2e !important;
}

.add-routing-rule-close-btn {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
  position: absolute;
  top: 18px;
  right: 18px;
}

.add-routing-rule-close-btn:hover {
  color: #334155;
  background: #f1f5f9;
}

.add-routing-rule-header {
  flex-shrink: 0;
  padding: 24px 56px 0 24px;
}

.add-routing-rule-title {
  color: #0f172a;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.add-routing-rule-subtitle {
  color: #64748b;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
}

.add-routing-rule-form {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.add-routing-rule-form-body {
  flex-direction: column;
  flex: 1;
  gap: 18px;
  min-height: 0;
  padding: 20px 24px 0;
  display: flex;
  overflow: hidden auto;
}

.add-routing-rule-error {
  color: #b91c1c;
  background: #fef2f2;
  border-radius: 8px;
  margin: 0;
  padding: 10px 12px;
  font-size: 14px;
}

.add-routing-rule-field {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.add-routing-rule-label {
  color: #0f172a;
  font-size: 14px;
  font-weight: 600;
}

.add-routing-rule-optional {
  color: #64748b;
  font-weight: 400;
}

.add-routing-rule-input, .add-routing-rule-select, .add-routing-rule-study-trigger {
  color: #0f172a;
  box-sizing: border-box;
  -webkit-text-fill-color: #0f172a;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  font-size: 14px;
}

.add-routing-rule-dialog-content input, .add-routing-rule-dialog-content select, .add-routing-rule-dialog-content .add-routing-rule-input, .add-routing-rule-dialog-content .add-routing-rule-select, .add-routing-rule-dialog-content .add-routing-rule-study-trigger, .add-routing-rule-dialog-content .add-routing-rule-study-search {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: #fff !important;
  border-color: #cbd5e1 !important;
}

.add-routing-rule-dialog-content input:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-dialog-content input:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-dialog-content input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-dialog-content input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-dialog-content select:-webkit-autofill {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-dialog-content select:-webkit-autofill:hover {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-dialog-content select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-dialog-content select:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-dialog-content input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.add-routing-rule-dialog-content input::-webkit-input-placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}

.add-routing-rule-dialog-content input:disabled, .add-routing-rule-dialog-content input[disabled], .add-routing-rule-dialog-content select:disabled, .add-routing-rule-dialog-content select[disabled], .add-routing-rule-dialog-content .add-routing-rule-input:disabled, .add-routing-rule-dialog-content .add-routing-rule-input[disabled], .add-routing-rule-dialog-content .add-routing-rule-select:disabled, .add-routing-rule-dialog-content .add-routing-rule-select[disabled] {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  cursor: wait !important;
  opacity: 1 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

:-webkit-any(.add-routing-rule-dialog-content input:disabled:-webkit-autofill, .add-routing-rule-dialog-content input[disabled]:-webkit-autofill, .add-routing-rule-dialog-content select:disabled:-webkit-autofill, .add-routing-rule-dialog-content select[disabled]:-webkit-autofill) {
  -webkit-text-fill-color: #64748b !important;
  color: #64748b !important;
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f8fafc !important;
}

:is(.add-routing-rule-dialog-content input:disabled:autofill, .add-routing-rule-dialog-content input[disabled]:autofill, .add-routing-rule-dialog-content select:disabled:autofill, .add-routing-rule-dialog-content select[disabled]:autofill) {
  -webkit-text-fill-color: #64748b !important;
  color: #64748b !important;
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
  box-shadow: inset 0 0 0 1000px #f8fafc !important;
}

.add-routing-rule-input:focus, .add-routing-rule-select:focus, .add-routing-rule-study-trigger:focus {
  border-color: var(--accent-primary);
  outline: none;
  box-shadow: 0 0 0 3px #0e74901f !important;
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0 3px #0e74901f, inset 0 0 0 1000px #fff !important;
}

.add-routing-rule-placeholder {
  color: #94a3b8;
  font-weight: 400;
}

.add-routing-rule-dialog-content .add-routing-rule-study-trigger .add-routing-rule-placeholder {
  font-weight: 400;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

.add-routing-rule-dialog-content .add-routing-rule-study-trigger .add-routing-rule-study-summary {
  font-weight: 400;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

.add-routing-rule-muted {
  color: #94a3b8;
  font-size: 14px;
}

.add-routing-rule-modality-pills {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.add-routing-rule-modality-pill {
  color: #334155;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .2s, border-color .2s, color .2s;
}

.add-routing-rule-modality-pill.selected {
  border-color: var(--accent-primary);
  color: #0e7490;
  background: #0e749014;
}

.add-routing-rule-study-types {
  z-index: 2;
  min-width: 0;
  position: relative;
}

.add-routing-rule-study-trigger {
  text-align: left;
  cursor: pointer;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.add-routing-rule-study-trigger.open {
  border-color: var(--accent-primary);
}

.add-routing-rule-study-summary {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.add-routing-rule-study-dropdown {
  z-index: 30;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 24px #0f172a1f;
}

.add-routing-rule-study-search {
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #e2e8f0;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #fff !important;
}

.add-routing-rule-study-search:focus {
  outline: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.add-routing-rule-study-options {
  max-height: 220px;
  overflow-y: auto;
}

.add-routing-rule-study-option {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 12px;
  display: flex;
}

.add-routing-rule-study-option:hover {
  background: #f8fafc;
}

.add-routing-rule-study-option.selected {
  background: #0e749014;
}

.add-routing-rule-study-option.muted {
  color: #94a3b8;
  cursor: default;
}

.add-routing-rule-study-option-name {
  color: #0f172a;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  overflow: hidden;
}

.radiology-test-name-picker-section-label {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #94a3b8;
  padding: 8px 12px 4px;
  font-size: 11px;
  font-weight: 600;
}

.radiology-test-name-picker-dropdown {
  z-index: 40;
}

.radiology-test-name-picker {
  flex-direction: column;
  gap: 0;
  min-width: 0;
  display: flex;
}

.radiology-test-name-picker-box {
  align-items: stretch;
  height: auto;
  min-height: 40px;
  padding: 6px 10px;
  display: flex;
  overflow: hidden;
}

.radiology-test-name-picker-box-inner {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.radiology-test-name-picker-chip {
  color: #0c4a6e;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 3px 6px 3px 8px;
  display: inline-flex;
}

.radiology-test-name-picker-chip-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  font-size: 12px;
  line-height: 1.3;
  overflow: hidden;
}

.radiology-test-name-picker-chip-remove {
  color: #0369a1;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  display: inline-flex;
}

.radiology-test-name-picker-chip-remove:hover {
  background: #e0f2fe;
}

.radiology-test-name-picker-option-check {
  color: #0e7490;
  flex-shrink: 0;
  margin-left: auto;
  font-size: 14px;
  font-weight: 700;
}

.radiology-test-name-picker-footer-actions {
  align-items: center;
  gap: 12px;
  display: inline-flex;
}

.radiology-test-name-picker-clear {
  color: #64748b;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
}

.radiology-test-name-picker-clear:hover {
  color: #0e7490;
}

.radiology-test-name-picker-dropdown .add-routing-rule-study-options {
  max-height: 240px;
}

.radiology-test-name-picker-footer {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.radiology-test-name-picker-count {
  color: #64748b;
  font-size: 12px;
}

.radiology-test-name-picker-done {
  color: #0e7490;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
}

.add-routing-rule-study-option-modality {
  color: #64748b;
  flex-shrink: 0;
  font-size: 12px;
}

.add-routing-rule-grid {
  gap: 16px;
  display: grid;
}

.add-routing-rule-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.add-routing-rule-hint {
  color: #64748b;
  margin: 4px 0 0;
  font-size: 12px;
}

.add-routing-rule-footer {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 24px 24px;
  display: flex;
}

.add-routing-rule-active {
  color: #0f172a;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.add-routing-rule-footer-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.add-routing-rule-btn {
  cursor: pointer;
  border-radius: 8px;
  min-width: 96px;
  min-height: 40px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
}

.add-routing-rule-btn.secondary {
  color: #334155;
  background: #fff;
  border: 1px solid #cbd5e1;
}

.add-routing-rule-btn.primary {
  background: var(--accent-primary);
  color: #fff;
  border: none;
}

.add-routing-rule-btn.primary:hover {
  background: var(--accent-hover);
}

@media (width <= 760px) {
  .add-routing-rule-dialog-content {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  .add-routing-rule-grid--two {
    grid-template-columns: 1fr;
  }

  .add-routing-rule-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .add-routing-rule-footer-actions {
    justify-content: flex-end;
  }
}

.ris-configuration {
  background: var(--bg-page);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0 16px 16px;
  display: flex;
  overflow: hidden;
}

.page-layout-content.ris-configuration-page-content {
  min-height: 0;
  overflow-y: hidden !important;
}

.page-layout-content.ris-configuration-page-content > .ris-configuration {
  flex: 1;
  min-height: 0;
}

.ris-configuration-header {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 8px 0;
  display: flex;
}

.ris-configuration-header--actions-only {
  justify-content: flex-end;
  padding: 0 8px;
}

.ris-configuration-title {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.ris-configuration-add-btn {
  color: #fff;
  background: var(--accent-primary);
  cursor: pointer;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .2s;
  display: inline-flex;
}

.ris-configuration-add-btn:hover {
  background: var(--accent-hover);
}

.ris-configuration-tabs {
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  flex-shrink: 0;
  gap: 24px;
  margin-top: 20px;
  padding: 0 8px;
  display: flex;
}

.ris-configuration-tab {
  color: #64748b;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.ris-configuration-tab--active {
  color: var(--text-header, #1e293b);
  border-bottom: 2px solid var(--text-header, #1e293b);
  margin-bottom: -1px;
  font-weight: 600;
}

.ris-configuration-card {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin: 24px 8px 0;
  display: flex;
  overflow: hidden;
}

.ris-configuration-card-header {
  flex-shrink: 0;
  padding: 14px 20px 12px;
}

.ris-configuration-card-title {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.ris-configuration-card-description {
  color: #64748b;
  max-width: 920px;
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.4;
}

.ris-configuration-table-wrap {
  flex: 1;
  min-height: 0;
  padding: 0 20px 16px;
  overflow: auto;
}

.ris-configuration-load-error {
  color: #b91c1c;
  background: #fef2f2;
  border-radius: 8px;
  flex-shrink: 0;
  margin: 0 20px 12px;
  padding: 10px 12px;
  font-size: 14px;
}

.ris-configuration-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}

.ris-configuration-table thead th {
  z-index: 1;
  text-align: left;
  color: #64748b;
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  white-space: nowrap;
  background: var(--bg-table, #fff);
  padding: 10px 16px 10px 0;
  font-size: 13px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.ris-configuration-table tbody td {
  vertical-align: middle;
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  color: var(--text-header, #1e293b);
  padding: 8px 16px 8px 0;
  line-height: 1.25;
}

.ris-configuration-table tbody tr:last-child td {
  border-bottom: none;
}

.ris-configuration-drag-col {
  width: 28px;
  padding-right: 0 !important;
}

.ris-configuration-drag-handle {
  color: #94a3b8;
  cursor: grab;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ris-configuration-row--dragging {
  opacity: .55;
}

.ris-configuration-row--inactive td {
  color: #94a3b8;
}

.ris-configuration-row--inactive .ris-configuration-tag {
  color: #94a3b8;
  background: #f8fafc;
}

.ris-configuration-cell-index {
  color: #64748b;
  font-variant-numeric: tabular-nums;
  width: 36px;
  font-size: 13px;
}

.ris-configuration-cell-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 120px;
  max-width: 180px;
  font-weight: 600;
  overflow: hidden;
}

.ris-configuration-tags {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.ris-configuration-tag {
  color: #334155;
  white-space: nowrap;
  background: #f1f5f9;
  border-radius: 5px;
  align-items: center;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 1.2;
  display: inline-flex;
}

.ris-configuration-tag--empty {
  color: #94a3b8;
  background: none;
  padding: 0;
}

.ris-configuration-destination {
  flex-direction: column;
  gap: 1px;
  line-height: 1.2;
  display: flex;
}

.ris-configuration-destination-name {
  color: var(--text-header, #1e293b);
  font-size: 14px;
  font-weight: 400;
}

.ris-configuration-destination-detail {
  color: #64748b;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
}

.ris-configuration-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 0;
  display: flex;
}

.ris-configuration-action-btn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: background-color .2s, color .2s;
  display: inline-flex;
}

.ris-configuration-action-btn--delete {
  color: #dc2626;
}

.ris-configuration-action-btn:hover:not(:disabled) {
  color: #475569;
  background: #f1f5f9;
}

.ris-configuration-action-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.ris-configuration-action-btn--delete:hover:not(:disabled) {
  color: #dc2626;
  background: #fef2f2;
}

.ris-configuration-empty {
  text-align: center;
  color: #64748b;
  font-size: 13px;
  padding: 20px 0 !important;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.add-assignment-rule-on-call-label {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.add-assignment-rule-on-call-label svg {
  color: #64748b;
  flex-shrink: 0;
}

.add-assignment-rule-on-call-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-assignment-rule-on-call-field {
  flex-direction: column;
  gap: 6px;
  min-width: 120px;
  display: flex;
}

.add-assignment-rule-on-call-field-label {
  color: #64748b;
  font-size: 12px;
}

.add-assignment-rule-on-call-input {
  color: #0f172a;
  box-sizing: border-box;
  appearance: auto;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  width: 120px;
  min-height: 40px;
  padding: 10px 12px;
  font-size: 14px;
}

.add-assignment-rule-on-call-input::-webkit-outer-spin-button {
  opacity: 1;
  height: auto;
}

.add-assignment-rule-on-call-input::-webkit-inner-spin-button {
  opacity: 1;
  height: auto;
}

.add-assignment-rule-on-call-input:focus {
  border-color: var(--accent-primary);
  outline: none;
  box-shadow: 0 0 0 3px #0e74901f;
}

.add-assignment-rule-on-call-sep {
  color: #64748b;
  padding-top: 22px;
  font-size: 14px;
}

.add-assignment-rule-least-loaded-hint {
  margin: 0;
}

.add-assignment-rule-picker-footer {
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  justify-content: flex-end;
  padding: 8px 12px;
  display: flex;
}

.add-assignment-rule-picker-done {
  color: #fff;
  background: var(--accent-primary);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
}

.add-assignment-rule-picker-done:hover {
  background: var(--accent-hover);
}

.worklist-priority-select {
  appearance: auto;
  cursor: pointer;
  background-image: none;
  min-height: 42px;
}

.worklist-priority-criterion-row .add-routing-rule-field {
  min-width: 0;
}

.worklist-priority-criterion-row .add-routing-rule-select option {
  padding: 8px 12px;
}

.ris-config-layout-content--drawer-open {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.ris-config-layout-content--drawer-open .ris-config-page {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.ris-config-page {
  color: #0a0a0a;
  color-scheme: light;
  background: #f9f9f9;
  flex-direction: column;
  gap: 24px;
  min-height: 100%;
  padding: 16px 24px 32px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  display: flex;
}

.ris-config-page--drawer-open {
  gap: 0;
  padding: 0;
}

.ris-config-shell {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.ris-config-shell--drawer-open {
  min-height: calc(100vh - var(--page-header-height, 56px));
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  overflow: hidden;
}

.ris-config-page-main {
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  display: flex;
}

.ris-config-shell--drawer-open .ris-config-page-main {
  flex: 1;
  min-height: 0;
  padding: 16px 24px 32px;
  overflow: hidden auto;
}

.ris-config-contact-drawer-slot {
  flex-shrink: 0;
  width: 0;
  display: none;
}

.ris-config-shell--drawer-open .ris-config-contact-drawer-slot {
  background: #fff;
  border-left: 1px solid #e5e7eb;
  flex-direction: column;
  width: 400px;
  display: flex;
}

.ris-config-contact-drawer-slot > .esc-contact-drawer {
  flex: 1;
  min-height: 0;
}

.ris-config-header {
  margin: 0;
  padding: 0;
}

.ris-config-title {
  color: #0a0a0a;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.ris-config-tabs {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 -24px;
  padding: 0 24px;
  display: flex;
}

.ris-config-tab {
  appearance: none;
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  margin-bottom: -1px;
  padding: 12px 16px 12px 0;
  font-size: 14px;
  font-weight: 500;
  transition: color .15s, border-color .15s;
}

.ris-config-tab + .ris-config-tab {
  padding-left: 16px;
}

.ris-config-tab:hover:not(:disabled) {
  color: #0a0a0a;
}

.ris-config-tab--active {
  border-bottom-color: var(--accent-primary, #0891b2);
  color: #0a0a0a;
  font-weight: 600;
}

.ris-config-tab:disabled {
  color: #c4c4c4;
  cursor: not-allowed;
}

.ris-config-tab-panel {
  flex-direction: column;
  gap: 32px;
  display: flex;
}

.esc-step-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  padding: 24px;
  box-shadow: 0 1px 2px #0000000a;
}

.esc-step-header {
  margin-bottom: 20px;
}

.esc-step-title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.esc-step-label {
  color: #9ca3af;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 600;
}

.esc-step-badge {
  background: var(--accent-primary, #0891b2);
  color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.esc-step-title {
  color: #0a0a0a;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.esc-count-badge {
  color: #4b5563;
  background: #f3f4f6;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
}

.esc-step-subtitle {
  color: #374151;
  margin: 0 0 6px;
  font-size: 14px;
}

.esc-step-helper {
  color: #6b7280;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.esc-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.esc-toolbar-left {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 12px;
  min-width: 240px;
  display: flex;
}

.esc-search-wrap {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  min-width: 220px;
  padding: 0 12px;
  display: flex;
}

.esc-search-icon {
  color: #9ca3af;
  flex-shrink: 0;
}

.esc-search-input {
  color: #0a0a0a;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 9px 0;
  font-size: 14px;
}

.esc-filter-select {
  color: #0a0a0a;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  width: 100%;
  min-width: 140px;
  padding: 9px 36px 9px 12px;
  font-size: 14px;
}

.esc-select-wrap {
  width: 100%;
  display: block;
  position: relative;
}

.esc-select-wrap > select, .esc-select-wrap > .esc-input {
  appearance: none;
  width: 100%;
  padding-right: 36px;
}

.esc-select-wrap:after {
  content: "";
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2364748b%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.esc-toolbar--contacts {
  justify-content: flex-start;
}

.esc-toolbar-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.esc-filter-select-wrap {
  width: auto;
  display: inline-block;
}

.esc-filter-select-wrap.esc-select-wrap, .esc-filter-select-wrap .esc-filter-select {
  width: auto;
}

.esc-btn {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .15s;
  display: inline-flex;
}

.esc-btn--primary {
  background: var(--accent-primary, #0891b2);
  color: #fff;
}

.esc-btn--primary:hover:not(:disabled) {
  background: var(--accent-hover, #0e7490);
}

.esc-btn--secondary {
  color: #374151;
  background: #fff;
  border: 1px solid #e5e5e5;
}

.esc-btn--inline {
  flex-shrink: 0;
}

.esc-btn:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.esc-table-wrap {
  border: 1px solid #ececec;
  border-radius: 8px;
  overflow: hidden;
}

.esc-table {
  border-collapse: collapse;
  color: #0a0a0a;
  table-layout: fixed;
  width: 100%;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 14px;
}

.esc-table th {
  color: #0a0a0a;
  letter-spacing: -.01em;
  text-align: left;
  white-space: nowrap;
  background: #fafafa;
  border-bottom: 1px solid #ececec;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 600;
}

.esc-table td {
  color: #0a0a0a;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: 1px solid #f1f1f1;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
}

.esc-table tbody tr:last-child td {
  border-bottom: none;
}

.esc-table tbody tr.esc-table-row--clickable {
  cursor: pointer;
}

.esc-table tbody tr.esc-table-row--clickable:not(.esc-table-row--inactive):hover td {
  background: #f8fafc;
}

.esc-table tbody tr.esc-table-row--inactive {
  opacity: .42;
}

.esc-table tbody tr.esc-table-row--inactive:hover {
  opacity: .55;
}

.esc-table td.esc-table-name {
  color: #0a0a0a;
  font-weight: 600;
}

.esc-table td.esc-table-muted {
  color: #64748b;
  font-weight: 400;
}

.esc-table td.esc-table-mobile {
  color: #111827;
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.esc-table td.esc-table-mobile.esc-table-mobile--muted {
  color: #94a3b8;
}

.esc-table th.esc-table-actions-col, .esc-table td.esc-table-actions-col {
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
  width: 72px;
  padding-left: 8px;
  padding-right: 8px;
  overflow: visible;
}

.esc-table-active-col {
  text-overflow: clip;
  white-space: nowrap;
  width: 80px;
  overflow: visible;
}

.esc-table-empty {
  color: #6b7280;
  text-align: center;
  padding: 32px 16px !important;
}

.esc-role-badge {
  white-space: nowrap;
  background: #fff;
  border: 1px solid;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-block;
}

.esc-role-badge--junior {
  color: #0891b2;
  border-color: #0891b2;
}

.esc-role-badge--consultant {
  color: #7c3aed;
  border-color: #7c3aed;
}

.esc-role-badge--hod {
  color: #ea580c;
  border-color: #ea580c;
}

.esc-role-badge--oncall {
  color: #059669;
  border-color: #059669;
}

.esc-icon-btn {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: inline-flex;
}

.esc-icon-btn:hover {
  color: #0a0a0a;
  background: #f3f4f6;
}

.esc-error-banner {
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 6px;
  margin: 0 0 12px;
  padding: 10px 12px;
  font-size: 14px;
}

.esc-contact-form {
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
  display: flex;
}

.esc-contact-form--saving {
  pointer-events: none;
}

.esc-contact-form--saving .esc-contact-drawer-footer, .esc-contact-form--saving .esc-contact-form-actions {
  pointer-events: auto;
}

.esc-field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.esc-field-label {
  color: #374151;
  font-size: 13px;
  font-weight: 500;
}

.esc-required {
  color: #dc2626;
}

.esc-input {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  color: #0a0a0a !important;
}

.esc-input:focus {
  border-color: var(--accent-primary, #0891b2);
  outline: none;
  box-shadow: 0 0 0 2px #0891b226;
}

.esc-input--error {
  border-color: #dc2626;
}

.esc-select {
  appearance: none;
}

.esc-mobile-input-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.esc-mobile-prefix {
  color: #6b7280;
  white-space: nowrap;
  font-size: 14px;
}

.esc-mobile-input {
  flex: 1;
}

.esc-field-error {
  color: #dc2626;
  font-size: 12px;
}

.esc-contact-form-actions {
  justify-content: flex-end;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.esc-contact-drawer-backdrop {
  cursor: pointer;
  z-index: 60;
  background: #0f172a59;
  border: none;
  position: fixed;
  inset: 0;
}

.esc-contact-drawer {
  z-index: 70;
  background: #fff;
  border-left: 1px solid #e5e7eb;
  flex-direction: column;
  width: 400px;
  max-width: 90vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  box-shadow: -8px 0 24px #0f172a1f;
}

.esc-contact-drawer--inline {
  box-shadow: none;
  height: 100%;
  min-height: calc(100vh - var(--page-header-height, 56px));
  z-index: 1;
  border-left: none;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.esc-contact-drawer-header {
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 24px 16px;
  display: flex;
}

.esc-contact-drawer-title {
  color: #0a0a0a;
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
}

.esc-contact-drawer-subtitle {
  color: #6b7280;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.esc-contact-drawer-close {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: inline-flex;
}

.esc-contact-drawer-close:hover:not(:disabled) {
  color: #0a0a0a;
  background: #f3f4f6;
}

.esc-contact-drawer-form {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.esc-contact-drawer-body {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-height: 0;
  padding: 20px 24px 24px;
  display: flex;
  overflow-y: auto;
}

.esc-contact-drawer-footer {
  background: #fff;
  border-top: 1px solid #e5e7eb;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 10px;
  margin-top: auto;
  padding: 16px 24px;
  display: flex;
}

.esc-field-helper {
  color: #6b7280;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.4;
}

.esc-active-toggle-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.esc-field--toggle {
  margin-top: 4px;
}

.esc-contact-dialog {
  color-scheme: light;
}

.esc-contact-dialog .esc-input:disabled, .esc-contact-dialog .esc-input[disabled], .esc-contact-dialog .esc-input[readonly], .esc-contact-dialog select.esc-input:disabled, .esc-contact-dialog select.esc-input[disabled] {
  cursor: default;
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  opacity: 1 !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
}

.esc-contact-dialog .esc-input[readonly] {
  cursor: wait;
}

.ris-config-page .esc-step-card input[type="text"].esc-matrix-timer-input:disabled, .ris-config-page .esc-step-card input[type="text"].esc-matrix-timer-input[disabled], .ris-config-page .esc-step-card input[type="text"].esc-matrix-reminder-input:disabled, .ris-config-page .esc-step-card input[type="text"].esc-matrix-reminder-input[disabled], .ris-config-page .esc-step-card select.esc-input:disabled, .ris-config-page .esc-step-card select.esc-input[disabled], .ris-config-page .esc-step-card .esc-input:disabled, .ris-config-page .esc-step-card .esc-input[disabled] {
  color: #0a0a0a !important;
  -webkit-text-fill-color: #0a0a0a !important;
  opacity: 1 !important;
  cursor: default !important;
  appearance: none !important;
  background: #fff !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: inset 0 0 0 1000px #fff !important;
}

.ris-config-footer-link {
  color: #6b7280;
  margin: 8px 0 0;
  font-size: 13px;
}

.esc-info-banner {
  color: #0891b2;
  background: #e8f7fa;
  border: 1px solid #c5e8ef;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
}

.esc-info-banner strong {
  color: #0891b2;
  font-weight: 600;
}

.esc-info-icon {
  color: #0891b2;
  flex-shrink: 0;
  margin-top: 1px;
}

.esc-placeholder-text {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

.esc-matrix-chains {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.esc-matrix-chain-card {
  background: #fafafa;
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 20px;
}

.esc-matrix-chain-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
  display: flex;
}

.esc-matrix-chain-heading {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.esc-matrix-chain-settings {
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 16px;
  display: flex;
}

.esc-criticality-badge {
  background: #fff;
  border: 1px solid;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  display: inline-block;
}

.esc-criticality-badge--major {
  color: #dc2626;
  border-color: #dc2626;
}

.esc-criticality-badge--minor {
  color: #ea580c;
  border-color: #ea580c;
}

.esc-matrix-chain-title {
  color: #0a0a0a;
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 400;
}

.esc-matrix-chain-path {
  color: #6b7280;
  margin: 0;
  font-size: 13px;
}

.esc-matrix-reminder {
  color: #757575;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1;
  display: inline-flex;
}

.esc-matrix-reminder-icon {
  color: #757575;
  flex-shrink: 0;
}

.esc-matrix-reminder-label, .esc-matrix-reminder-suffix {
  color: #757575;
  font-weight: 400;
}

.esc-matrix-reminder-input {
  appearance: none;
  color: #0a0a0a;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  width: 40px;
  height: 28px;
  margin: 0;
  padding: 0 6px;
  font-size: 13px;
  font-weight: 400;
}

.esc-matrix-reminder-input:focus {
  border-color: var(--accent-primary, #0891b2);
  outline: none;
  box-shadow: 0 0 0 2px #0891b21f;
}

.esc-matrix-reminder-input.esc-input--error {
  border-color: #dc2626;
}

.esc-matrix-flow {
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  display: flex;
  overflow: visible;
}

.esc-matrix-arrow {
  color: #9ca3af;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.esc-matrix-level {
  z-index: 1;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-direction: column;
  flex: 180px;
  gap: 10px;
  min-width: 180px;
  max-width: 220px;
  padding: 14px;
  display: flex;
  position: relative;
}

.esc-matrix-level--peer-review:focus-within, .esc-matrix-level--peer-review:has(.esc-matrix-peer-select-wrap > div.absolute) {
  z-index: 30;
}

.esc-matrix-peer-select-wrap {
  width: 100%;
}

.esc-matrix-peer-select-wrap > div.absolute {
  width: max(100%, 240px);
  min-width: 100%;
}

.esc-matrix-peer-select {
  background: #fff !important;
  border-color: #e5e5e5 !important;
  height: 36px !important;
  min-height: 36px !important;
  padding-left: 10px !important;
  padding-right: 32px !important;
  font-size: 13px !important;
}

.esc-matrix-level--optional {
  opacity: .88;
  background: #f8fafc;
}

.esc-matrix-level--error {
  border-color: #fca5a5;
}

.esc-matrix-level-top {
  align-items: center;
  gap: 8px;
  display: flex;
}

.esc-matrix-level-index {
  background: var(--accent-primary, #0891b2);
  color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.esc-matrix-level-index--optional {
  background: #94a3b8;
}

.esc-matrix-level-role-label {
  color: #6b7280;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
}

.esc-matrix-level-actions {
  gap: 2px;
  display: inline-flex;
}

.esc-matrix-level-action {
  color: #9ca3af;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 2px;
}

.esc-matrix-level-field {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.esc-matrix-field-label {
  color: #6b7280;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.esc-matrix-level-select {
  padding: 8px 10px;
  font-size: 13px;
}

.esc-matrix-level-select option:disabled {
  color: #94a3b8;
}

.esc-matrix-timer-wrap {
  align-items: center;
  gap: 6px;
  display: flex;
}

.esc-matrix-timer-input {
  text-align: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  width: 48px;
  padding: 6px 8px;
  font-size: 14px;
}

.esc-matrix-timer-input--error {
  border-color: #dc2626;
}

.esc-matrix-timer-input--error:focus {
  border-color: #dc2626;
  outline: none;
  box-shadow: 0 0 0 2px #dc26261f;
}

.esc-matrix-timer-suffix, .esc-matrix-reminder-suffix {
  color: #6b7280;
  font-size: 12px;
}

.esc-matrix-level-error, .esc-matrix-chain-error {
  color: #b91c1c;
  font-size: 12px;
}

.esc-matrix-chain-error--summary {
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.esc-matrix-chain-error--summary svg {
  flex-shrink: 0;
}

.esc-matrix-chain-footer {
  margin-top: 16px;
}

.esc-matrix-save-row {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  display: flex;
}

.esc-matrix-status-badge {
  letter-spacing: .02em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.esc-matrix-status--draft {
  color: #b45309;
  background: #fef3c7;
}

.esc-matrix-status--active {
  color: #15803d;
  background: #dcfce7;
}

.esc-matrix-status--superseded {
  color: #6b7280;
  background: #f3f4f6;
}

.esc-matrix-chain-title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.esc-validation-panel {
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 14px 16px;
}

.esc-validation-panel-header {
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  display: flex;
}

.esc-validation-list {
  margin: 0;
  padding-left: 26px;
  font-size: 13px;
  line-height: 1.5;
}

.esc-activate-dialog-body {
  color: #374151;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.esc-dialog-actions {
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

.study-assignment-delete-confirm-btn {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
}

.study-assignment-delete-confirm-btn:hover:not(:disabled) {
  background: #b91c1c !important;
  border-color: #b91c1c !important;
}

.esc-table-drag-col {
  width: 36px;
  padding-right: 0 !important;
}

.esc-drag-handle {
  color: #94a3b8;
  cursor: grab;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.esc-table-index {
  color: #64748b;
  font-variant-numeric: tabular-nums;
  width: 40px;
}

.esc-table-row--dragging {
  opacity: .55;
}

.esc-tag-list {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.esc-tag {
  color: #334155;
  background: #f1f5f9;
  border-radius: 999px;
  align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.4;
  display: inline-flex;
}

.esc-tag--muted {
  color: #94a3b8;
  background: #f8fafc;
}

.esc-table-actions {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.esc-icon-btn--danger {
  color: #dc2626;
}

.esc-icon-btn--danger:hover {
  background: #fef2f2;
}

.esc-monitor-sla-cell {
  flex-direction: column;
  gap: 6px;
  min-width: 110px;
  display: flex;
}

.esc-monitor-sla-cell-track {
  background: #e5e7eb;
  border-radius: 999px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.esc-monitor-sla-cell-fill {
  border-radius: 999px;
  height: 100%;
  transition: width .3s;
}

.esc-monitor-sla-cell--ontrack .esc-monitor-sla-cell-fill {
  background: #22c55e;
}

.esc-monitor-sla-cell--duesoon .esc-monitor-sla-cell-fill {
  background: #f59e0b;
}

.esc-monitor-sla-cell--overdue .esc-monitor-sla-cell-fill {
  background: #ef4444;
}

.esc-monitor-sla-cell-label {
  color: #374151;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}

.esc-monitor-sla-cell--overdue .esc-monitor-sla-cell-label {
  color: #b91c1c;
}

.esc-monitor-sla-closed {
  color: #15803d;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.esc-monitor-page {
  box-sizing: border-box;
  color: #0a0a0a;
  background: #f9f9f9;
  flex-direction: column;
  gap: 20px;
  min-height: 100%;
  padding: 16px 24px 32px;
  display: flex;
}

.esc-monitor-top-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  display: flex;
}

.esc-monitor-facility-select {
  min-width: 200px;
}

.esc-monitor-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.esc-monitor-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 18px;
  position: relative;
}

.esc-monitor-card-body {
  padding-right: 28px;
}

.esc-monitor-card-icon {
  color: #9ca3af;
  position: absolute;
  top: 18px;
  right: 18px;
}

.esc-monitor-card-label {
  color: #6b7280;
  margin: 0 0 8px;
  font-size: 13px;
}

.esc-monitor-card-value {
  color: #0a0a0a;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
}

.esc-monitor-card-hint {
  color: #9ca3af;
  margin: 8px 0 0;
  font-size: 12px;
}

.esc-monitor-table-section {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.esc-monitor-table-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.esc-monitor-table-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.esc-monitor-legend {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.esc-monitor-legend-item {
  background: #fff;
  border: 1px solid;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 400;
}

.esc-monitor-legend-item--pending {
  color: #2563eb;
  border-color: #93c5fd;
}

.esc-monitor-legend-item--escalating {
  color: #ea580c;
  border-color: #fdba74;
}

.esc-monitor-legend-item--breached {
  color: #dc2626;
  border-color: #fca5a5;
}

.esc-monitor-legend-item--closed {
  color: #16a34a;
  border-color: #86efac;
}

.esc-monitor-table-wrap {
  overflow-x: auto;
}

.esc-monitor-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 960px;
}

.esc-monitor-table th {
  color: #6b7280;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid #e5e7eb;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
}

.esc-monitor-table td {
  vertical-align: middle;
  border-bottom: 1px solid #f3f4f6;
  padding: 14px 12px;
  font-size: 13px;
}

.esc-monitor-table tbody tr:hover {
  background: #fafafa;
}

.esc-monitor-table-empty {
  color: #6b7280;
  text-align: center;
  padding: 32px 12px !important;
}

.esc-monitor-cell-accession {
  white-space: nowrap;
  font-weight: 600;
}

.esc-monitor-cell-patient {
  min-width: 140px;
}

.esc-monitor-patient-name {
  font-weight: 600;
  display: block;
}

.esc-monitor-patient-uhid {
  color: #6b7280;
  margin-top: 2px;
  font-size: 12px;
  display: block;
}

.esc-monitor-cell-recipient {
  max-width: 220px;
}

.esc-monitor-level-pill {
  color: #374151;
  background: #f3f4f6;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.esc-monitor-status {
  white-space: nowrap;
  background: #fff;
  border: 1px solid;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
}

.esc-monitor-status--pending {
  color: #2563eb;
  border-color: #93c5fd;
}

.esc-monitor-status--escalating {
  color: #ea580c;
  border-color: #fdba74;
}

.esc-monitor-status--breached {
  color: #dc2626;
  border-color: #fca5a5;
}

.esc-monitor-status--acknowledged {
  color: #16a34a;
  border-color: #86efac;
}

.esc-monitor-status--closed {
  color: #4b5563;
  border-color: #d1d5db;
}

.esc-monitor-timeline-link {
  color: #0891b2;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
}

.esc-monitor-timeline-link:hover {
  text-decoration: underline;
}

.esc-monitor-modal-overlay {
  z-index: 1000;
  background: #0f172a73;
  position: fixed;
  inset: 0;
}

.esc-monitor-modal {
  color: #111827;
  z-index: 1001;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  flex-direction: column;
  width: calc(100% - 32px);
  max-width: 640px;
  max-height: 85vh;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 20px 40px #0f172a26;
}

.esc-monitor-modal-header {
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  display: flex;
}

.esc-monitor-modal-title {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
}

.esc-monitor-modal-subtitle {
  color: #6b7280;
  margin: 0;
  font-size: 13px;
}

.esc-monitor-modal-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.esc-monitor-modal-close {
  color: #374151;
  cursor: pointer;
  background: #f3f4f6;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: inline-flex;
}

.esc-monitor-modal-close:hover {
  background: #e5e7eb;
}

.esc-monitor-modal-body {
  color: #111827;
  padding: 20px;
  overflow-y: auto;
}

.esc-monitor-placeholder, .esc-monitor-error {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

.esc-monitor-error {
  color: #b91c1c;
}

.esc-monitor-timeline {
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.esc-monitor-timeline-item {
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 12px;
  padding: 0 0 16px;
  display: grid;
  position: relative;
}

.esc-monitor-timeline-item:last-child {
  padding-bottom: 0;
}

.esc-monitor-timeline-item:not(:last-child):before {
  content: "";
  background: #e5e7eb;
  width: 2px;
  position: absolute;
  top: 16px;
  bottom: 0;
  left: 7px;
}

.esc-monitor-timeline-dot {
  z-index: 1;
  background: #94a3b8;
  border: 2px solid #fff;
  border-radius: 999px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  box-shadow: 0 0 0 1px #cbd5e1;
}

.esc-monitor-timeline-dot--started, .esc-monitor-timeline-dot--notificationsent, .esc-monitor-timeline-dot--notificationcreated {
  background: #2563eb;
  box-shadow: 0 0 0 1px #93c5fd;
}

.esc-monitor-timeline-dot--remindersent {
  background: #d97706;
  box-shadow: 0 0 0 1px #fcd34d;
}

.esc-monitor-timeline-dot--leveladvanced, .esc-monitor-timeline-dot--contactskipped {
  background: #7c3aed;
  box-shadow: 0 0 0 1px #c4b5fd;
}

.esc-monitor-timeline-dot--acknowledged, .esc-monitor-timeline-dot--completed {
  background: #059669;
  box-shadow: 0 0 0 1px #6ee7b7;
}

.esc-monitor-timeline-dot--cancelled, .esc-monitor-timeline-dot--failed {
  background: #dc2626;
  box-shadow: 0 0 0 1px #fca5a5;
}

.esc-monitor-timeline-title {
  color: #0f172a;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.esc-monitor-timeline-message {
  color: #334155;
  word-break: break-word;
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.esc-monitor-timeline-time {
  color: #64748b;
  margin: 4px 0 0;
  font-size: 12px;
}

@media (width <= 1100px) {
  .esc-monitor-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 640px) {
  .esc-monitor-summary {
    grid-template-columns: 1fr;
  }
}

.crd-dashboard {
  background: var(--bg-page, #f8fafc);
  box-sizing: border-box;
  color: var(--text-header, #1e293b);
  flex-direction: column;
  gap: 20px;
  min-height: 100%;
  padding: 16px 20px 32px;
  display: flex;
}

.crd-message, .crd-error {
  margin: 0;
}

.crd-error {
  color: #dc2626;
}

.crd-error--page {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 12px;
}

.crd-kpi-grid--loading .crd-kpi-value {
  opacity: .45;
}

.crd-analytics-row--loading, .crd-breakdown-row--loading {
  opacity: .55;
  pointer-events: none;
}

.crd-alerts-table-heading {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.crd-alerts-count {
  color: #64748b;
  margin: 0;
  font-size: 13px;
}

.crd-count-note {
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin: 0 0 12px;
  padding: 8px 12px;
  font-size: 13px;
}

.crd-filter-section {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: 12px;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.crd-filters {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  display: grid;
}

.crd-filter-field {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.crd-filter-label {
  color: var(--text-header, #1e293b);
  font-size: 13px;
  font-weight: 500;
}

.crd-filter-control {
  background: var(--bg-input-light, #fff);
  border: 1px solid var(--border-filter, #e2e8f0);
  border-radius: 6px;
  align-items: center;
  min-width: 0;
  height: 36px;
  padding: 0 12px;
  display: flex;
  position: relative;
}

.crd-filter-control--date {
  cursor: pointer;
  justify-content: space-between;
}

.crd-filter-control--select {
  padding-right: 8px;
}

.crd-filter-value, .crd-filter-select, .crd-filter-text-input {
  color: var(--text-header, #1e293b);
  background: none;
  border: 0;
  width: 100%;
  font-size: 14px;
}

.crd-filter-select {
  appearance: none;
  cursor: pointer;
}

.crd-filter-text-input:focus, .crd-filter-select:focus {
  outline: none;
}

.crd-filter-date-input {
  opacity: 0;
  width: 100%;
  position: absolute;
  inset: 0;
}

.crd-filter-icon {
  color: #64748b;
  flex-shrink: 0;
}

.crd-filter-icon--select {
  pointer-events: none;
}

.crd-filter-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  display: flex;
}

.crd-btn {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  font-size: 14px;
  display: inline-flex;
}

.crd-btn:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.crd-btn--ghost {
  border-color: var(--border-filter, #e2e8f0);
  color: var(--text-header, #1e293b);
  background: none;
}

.crd-btn--secondary {
  background: var(--bg-table, #fff);
  border-color: var(--border-filter, #e2e8f0);
  color: var(--text-header, #1e293b);
}

.crd-btn--primary {
  color: #fff;
  background: #2563eb;
}

.crd-export-wrap {
  position: relative;
}

.crd-export-menu {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  z-index: 20;
  border-radius: 8px;
  flex-direction: column;
  min-width: 180px;
  display: flex;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 8px 24px #0f172a1f;
}

.crd-export-menu-item {
  color: var(--text-header, #1e293b);
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 14px;
  display: flex;
}

.crd-export-menu-item:hover {
  background: #2563eb14;
}

.crd-export-menu button {
  color: var(--text-header, #1e293b);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  padding: 10px 14px;
  font-size: 14px;
}

.crd-export-menu button:hover {
  background: #2563eb14;
}

.crd-export-spinner {
  animation: .8s linear infinite crd-export-spin;
}

@keyframes crd-export-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.crd-filter-field--inline {
  min-width: 120px;
}

.crd-filter-control--compact {
  min-width: 120px;
  padding-right: 8px;
}

.crd-refresh-warning {
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: 13px;
  display: flex;
}

.crd-refresh-warning__retry {
  color: #b45309;
  cursor: pointer;
  background: none;
  border: 0;
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
}

.crd-data-table-wrap--refreshing {
  opacity: .72;
  position: relative;
}

.crd-table-refresh-indicator {
  color: #64748b;
  margin-bottom: 8px;
  font-size: 12px;
  display: block;
}

[data-theme="dark"] .crd-refresh-warning {
  color: #fcd34d;
  background: #d977061f;
  border-color: #fbbf2459;
}

[data-theme="dark"] .crd-refresh-warning__retry {
  color: #fcd34d;
}

.crd-auto-refresh, .crd-last-refreshed {
  color: #64748b;
  font-size: 13px;
}

.crd-auto-refresh {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.crd-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.crd-kpi-card {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: 12px;
  min-height: 108px;
  padding: 18px;
}

.crd-kpi-card--warning {
  border-color: #fdba74;
}

.crd-kpi-card--danger {
  border-color: #fca5a5;
}

.crd-kpi-card--active {
  box-shadow: 0 0 0 2px #2563eb2e;
}

.crd-kpi-card--clickable .crd-kpi-card-button {
  cursor: pointer;
}

.crd-kpi-card-button {
  color: inherit;
  text-align: left;
  background: none;
  border: 0;
  width: 100%;
  padding: 0;
}

.crd-kpi-label {
  color: #64748b;
  margin: 0 0 8px;
  font-size: 13px;
}

.crd-kpi-value {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
}

.crd-kpi-card--warning .crd-kpi-value {
  color: #ea580c;
}

.crd-kpi-card--danger .crd-kpi-value {
  color: #dc2626;
}

.crd-kpi-subtext {
  color: #94a3b8;
  margin: 8px 0 0;
  font-size: 12px;
}

.crd-analytics-row, .crd-breakdown-row {
  gap: 16px;
  display: grid;
}

.crd-analytics-row {
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}

.crd-breakdown-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crd-panel {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 16px;
  display: flex;
}

.crd-panel-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.crd-panel-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.crd-empty, .crd-table-placeholder {
  color: #64748b;
  margin: 0;
  font-size: 14px;
}

.crd-trend-body, .crd-breakdown-body {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  min-height: 240px;
  display: grid;
}

.crd-trend-y-axis, .crd-breakdown-y-axis {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.crd-trend-y-tick, .crd-breakdown-y-tick {
  color: #94a3b8;
  font-size: 12px;
}

.crd-trend-plot, .crd-breakdown-plot {
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.crd-trend-grid, .crd-breakdown-grid {
  position: absolute;
  inset: 0 0 24px;
}

.crd-trend-grid-line, .crd-breakdown-grid-line {
  border-top: 1px dashed #e2e8f0;
  height: 25%;
}

.crd-trend-bars, .crd-breakdown-bars {
  flex: 1;
  align-items: end;
  gap: 16px;
  min-height: 220px;
  padding-top: 8px;
  display: flex;
}

.crd-trend-bar-col, .crd-breakdown-bar-col {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.crd-trend-bar-track, .crd-breakdown-bar-track {
  align-items: end;
  width: 100%;
  height: 180px;
  display: flex;
  overflow: hidden;
}

.crd-trend-bar-fill, .crd-breakdown-bar-fill {
  background: #7dd3fc;
  border-radius: 6px 6px 0 0;
  width: 100%;
}

.crd-breakdown-bar-fill {
  background: #93c5fd;
}

.crd-trend-bar-label, .crd-breakdown-bar-label {
  color: #64748b;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 12px;
  overflow: hidden;
}

.crd-breakdown-bar-value {
  color: #64748b;
  font-size: 12px;
}

.crd-criticality-list {
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.crd-criticality-item {
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: 10px;
  padding: 14px;
}

.crd-criticality-item--major {
  border-color: #fecaca;
}

.crd-criticality-item--minor {
  border-color: #fde68a;
}

.crd-criticality-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.crd-criticality-badge {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
}

.crd-criticality-item--major .crd-criticality-badge {
  color: #dc2626;
  background: #fef2f2;
}

.crd-criticality-item--minor .crd-criticality-badge {
  color: #d97706;
  background: #fffbeb;
}

.crd-criticality-total {
  font-size: 24px;
  font-weight: 700;
}

.crd-criticality-metrics {
  color: #64748b;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 13px;
  display: flex;
}

.crd-alerts-table-section {
  gap: 12px;
}

.crd-alerts-table-header {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}

.crd-alerts-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  display: flex;
}

.crd-columns-wrap {
  position: relative;
}

.crd-columns-button {
  white-space: nowrap;
}

.crd-columns-menu {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  z-index: 20;
  border-radius: 8px;
  flex-direction: column;
  gap: 4px;
  min-width: 200px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  box-shadow: 0 8px 24px #0f172a1f;
}

.crd-columns-option {
  color: var(--text-header, #1e293b);
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.crd-sort-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.crd-sort-chip {
  background: var(--bg-page, #f8fafc);
  border: 1px solid var(--border-table, #e2e8f0);
  color: #64748b;
  cursor: pointer;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
}

.crd-sort-chip--active {
  color: #2563eb;
  background: #2563eb14;
  border-color: #93c5fd;
}

.crd-data-table-wrap {
  overflow-x: auto;
}

.crd-data-table-wrap .data-table-container {
  min-width: 980px;
}

.crd-back-link {
  color: #2563eb;
  align-items: center;
  gap: 6px;
  width: fit-content;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
}

.crd-back-link:hover {
  text-decoration: underline;
}

.crd-alerts-table-wrap {
  overflow-x: auto;
}

.crd-alerts-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 980px;
}

.crd-alerts-table th {
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  color: #64748b;
  text-align: left;
  white-space: nowrap;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
}

.crd-alerts-table td {
  vertical-align: top;
  border-bottom: 1px solid #f1f5f9;
  padding: 12px;
  font-size: 13px;
}

.crd-badge, .crd-status {
  white-space: nowrap;
  border: 1px solid;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.crd-badge--major {
  color: #dc2626;
  border-color: #fecaca;
}

.crd-badge--minor {
  color: #d97706;
  border-color: #fde68a;
}

.crd-status--pending {
  color: #2563eb;
  border-color: #93c5fd;
}

.crd-status--escalating {
  color: #ea580c;
  border-color: #fdba74;
}

.crd-status--breached {
  color: #dc2626;
  border-color: #fca5a5;
}

.crd-status--acknowledged {
  color: #16a34a;
  border-color: #86efac;
}

.crd-status--closed {
  color: #64748b;
  border-color: #cbd5e1;
}

.crd-ack-tat--overdue {
  color: #dc2626;
  font-weight: 600;
}

@media (width <= 1200px) {
  .crd-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .crd-analytics-row, .crd-breakdown-row {
    grid-template-columns: 1fr;
  }
}

@media (width <= 768px) {
  .crd-dashboard {
    padding: 12px;
  }

  .crd-kpi-grid {
    grid-template-columns: 1fr;
  }

  .crd-filter-actions {
    justify-content: flex-start;
  }
}

[data-theme="dark"] .crd-dashboard {
  background: var(--bg-page, #0f172a);
  color: var(--text-primary, #e2e8f0);
}

[data-theme="dark"] .crd-filter-section, [data-theme="dark"] .crd-kpi-card, [data-theme="dark"] .crd-panel, [data-theme="dark"] .crd-export-menu, [data-theme="dark"] .crd-columns-menu {
  background: #111827;
  border-color: #334155;
}

[data-theme="dark"] .crd-filter-control {
  background: #0f172a;
  border-color: #334155;
}

[data-theme="dark"] .crd-filter-label, [data-theme="dark"] .crd-filter-value, [data-theme="dark"] .crd-filter-select, [data-theme="dark"] .crd-filter-text-input, [data-theme="dark"] .crd-panel-title, [data-theme="dark"] .crd-kpi-value, [data-theme="dark"] .crd-export-menu button {
  color: #e2e8f0;
}

[data-theme="dark"] .crd-alerts-table td {
  border-bottom-color: #1e293b;
}

[data-theme="dark"] .crd-trend-grid-line, [data-theme="dark"] .crd-breakdown-grid-line {
  border-top-color: #334155;
}

[data-theme="dark"] .crd-criticality-item--major .crd-criticality-badge {
  background: #dc262626;
}

[data-theme="dark"] .crd-criticality-item--minor .crd-criticality-badge {
  background: #d9770626;
}

.crd-alert-details-link, .crd-notification-history-tab {
  color: #2563eb;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
  text-decoration: none;
}

.crd-alert-details-link:hover, .crd-notification-history-tab:hover {
  text-decoration: underline;
}

.crd-notification-detail-modal {
  width: min(720px, 100vw - 32px);
  max-width: 720px;
}

.crd-notification-detail-body {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.crd-notification-detail-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  display: grid;
}

.crd-notification-detail-field {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.crd-notification-detail-label {
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}

.crd-notification-detail-value {
  color: var(--text-header, #1e293b);
  font-size: 13px;
}

.crd-notification-history-tabs {
  border-bottom: 1px solid #e2e8f0;
  gap: 8px;
  display: flex;
}

.crd-notification-history-tab {
  color: #64748b;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  padding: 8px 4px;
  font-size: 13px;
  font-weight: 500;
}

.crd-notification-history-tab--active {
  color: #2563eb;
  border-bottom-color: #2563eb;
  font-weight: 600;
  text-decoration: none;
}

@media (width <= 768px) {
  .crd-notification-detail-summary {
    grid-template-columns: 1fr;
  }
}

.rda-dashboard {
  background: var(--bg-page, #f8fafc);
  width: 100%;
  min-height: 100%;
}

.rda-dashboard-subheader {
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  background: var(--bg-table, #fff);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 16px 20px 12px;
  display: flex;
}

.rda-dashboard-subheader-title {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.rda-dashboard-container {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 20px;
}

.rda-filters {
  margin-bottom: var(--spacing-2xl, 24px);
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 12px;
  width: 100%;
  display: flex;
}

.rda-filter-field {
  flex-direction: column;
  flex: 120px;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.rda-filter-label {
  color: #1e293b;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.rda-filter-control {
  height: 36px;
  box-shadow: none;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  align-items: center;
  display: flex;
  position: relative;
}

.rda-filter-control--date {
  cursor: pointer;
  justify-content: space-between;
  padding: 0 12px;
}

.rda-filter-control--date:focus-within {
  border-color: #2563eb;
  outline: none;
}

.rda-filter-value {
  color: #1e293b;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
}

.rda-filter-date-input {
  opacity: 0;
  cursor: pointer;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.rda-filter-control--select {
  padding: 0;
}

.rda-filter-select {
  color: #1e293b;
  appearance: none;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  outline: none;
  width: 100%;
  height: 100%;
  padding: 0 32px 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.rda-filter-select:focus {
  outline: none;
}

.rda-filter-control--select:focus-within {
  border-color: #2563eb;
}

.rda-filter-icon {
  color: #64748b;
  pointer-events: none;
  flex-shrink: 0;
}

.rda-filter-icon--select {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.rda-summary-cards {
  gap: var(--spacing-lg, 12px);
  margin-bottom: var(--spacing-2xl, 24px);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.rda-summary-card {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  padding: var(--spacing-xl, 16px) var(--spacing-2xl, 24px);
  box-shadow: 0 1px 2px #0000000a;
}

.rda-summary-card-title {
  font-size: var(--font-size-sm, 14px);
  color: var(--text-muted, #6e768a);
  margin: 0 0 8px;
  font-weight: 500;
  line-height: 1.35;
}

.rda-summary-card-value {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
}

.rda-chart-card {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  margin-bottom: var(--spacing-2xl, 24px);
  width: 100%;
  padding: 20px 0 16px;
  overflow: visible;
  box-shadow: 0 1px 2px #0000000a;
}

.rda-chart-header {
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 0 20px;
  display: flex;
}

.rda-chart-title {
  color: var(--text-header, #1e293b);
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.rda-chart-icon {
  color: var(--rda-chart-line, #38bdf8);
  align-items: center;
  display: flex;
}

.rda-chart-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 340px;
  margin: 0;
  padding: 8px 12px 4px;
  position: relative;
  overflow: visible;
}

.rda-chart-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.rda-chart-axis-label {
  fill: var(--text-muted, #94a3b8);
  font-size: 10px;
}

.rda-chart-axis-label--x {
  fill: #94a3b8;
  font-size: 9px;
}

.rda-chart-axis-label--y {
  fill: #64748b;
  font-size: 10px;
}

.rda-chart-grid-line {
  stroke: var(--border-table, #e2e8f0);
  stroke-width: 1px;
}

.rda-chart-threshold {
  stroke: #94a3b8;
  stroke-width: 1px;
  stroke-dasharray: 6 6;
  pointer-events: none;
}

.rda-chart-area {
  fill: url("#rda-area-gradient");
}

.rda-chart-line {
  fill: none;
  stroke: var(--rda-chart-line, #38bdf8);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.rda-chart-overlay {
  fill: #0000;
  cursor: crosshair;
}

.rda-chart-hover-line {
  stroke: #38bdf8;
  stroke-width: 1px;
  stroke-dasharray: 4 4;
  pointer-events: none;
}

.rda-chart-hover-dot {
  fill: #38bdf8;
  stroke: #fff;
  stroke-width: 2px;
  pointer-events: none;
}

.rda-chart-tooltip {
  color: #1e293b;
  pointer-events: none;
  white-space: nowrap;
  z-index: 5;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 120px;
  max-width: 220px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.4;
  position: absolute;
  box-shadow: 0 8px 24px #0f172a1f;
}

.rda-chart-tooltip-date {
  color: #64748b;
  margin-bottom: 4px;
  font-size: 11px;
}

.rda-chart-tooltip-value {
  color: #0f172a;
  font-size: 13px;
  font-weight: 600;
}

.rda-table-section {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  padding: var(--spacing-2xl, 24px);
  box-shadow: 0 1px 2px #0000000a;
}

.rda-table-toolbar {
  margin-bottom: var(--spacing-lg, 12px);
  justify-content: flex-end;
  display: flex;
}

.rda-export-btn {
  color: var(--text-header, #1e293b);
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: var(--radius-md, 8px);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  transition: background .15s, border-color .15s;
  display: inline-flex;
}

.rda-export-btn:hover {
  background: var(--bg-page, #f8fafc);
  border-color: #cbd5e1;
}

.rda-export-btn:focus-visible {
  outline: 2px solid var(--primary, #2563eb);
  outline-offset: 2px;
}

.rda-table {
  border-collapse: collapse;
  width: 100%;
}

.rda-table th {
  text-align: left;
  color: var(--text-muted, #6e768a);
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  background: var(--bg-page, #f8fafc);
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 600;
}

.rda-table td {
  color: var(--text-header, #1e293b);
  border-bottom: 1px solid var(--border-table, #e2e8f0);
  padding: 14px 16px;
  font-size: 14px;
}

.rda-table tbody tr:last-child td {
  border-bottom: none;
}

.rda-table tbody tr:hover {
  background: #f8fafc99;
}

:root {
  --rda-chart-line: #38bdf8;
}

.page-layout-content.rda-page-layout-content {
  padding: 0;
}

@media (width <= 900px) {
  .rda-summary-cards {
    grid-template-columns: 1fr;
  }

  .rda-filters {
    flex-wrap: wrap;
  }

  .rda-filter-field {
    flex: 100%;
  }
}

.rda-error {
  color: #b91c1c;
  background: #fef2f2;
  border-radius: 8px;
  margin: 0 0 16px;
  padding: 12px 16px;
  font-size: 14px;
}

.rda-warning {
  color: #92400e;
  background: #fffbeb;
  border-radius: 8px;
  margin: 0 0 16px;
  padding: 12px 16px;
  font-size: 14px;
}

.rda-warning p {
  margin: 0;
}

.rda-warning p + p {
  margin-top: 6px;
}

.rda-loading, .rda-empty {
  color: var(--text-muted, #64748b);
  padding: 24px 16px;
  font-size: 14px;
}

.aat-filters {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.aat-search-field {
  grid-column: span 2;
}

.aat-info-banner {
  color: #065f46;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 12px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.aat-info-banner strong {
  margin-bottom: 4px;
  display: block;
}

.aat-table-panel {
  background: var(--bg-table, #fff);
  border: 1px solid var(--border-table, #e2e8f0);
  border-radius: 12px;
  padding: 16px;
}

.aat-table-wrap {
  overflow-x: auto;
}

.aat-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 960px;
}

.aat-table th, .aat-table td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e2e8f0;
  padding: 12px 10px;
  font-size: 14px;
}

.aat-table th {
  color: #64748b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.aat-table-row {
  cursor: pointer;
}

.aat-table-row:hover {
  background: #f8fafc;
}

.aat-table-message {
  color: #64748b;
  text-align: center;
  padding: 24px 12px;
}

.aat-table-message--error {
  color: #dc2626;
}

.aat-cell-stack {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.aat-cell-sub {
  color: #64748b;
  font-size: 12px;
}

.aat-badge, .aat-status {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.aat-badge--major {
  color: #dc2626;
  background: #fef2f2;
}

.aat-badge--minor {
  color: #d97706;
  background: #fffbeb;
}

.aat-status--acknowledged {
  color: #059669;
  background: #ecfdf5;
}

.aat-status--escalated-ack {
  color: #0891b2;
  background: #ecfeff;
}

.aat-status--pending {
  color: #ea580c;
  background: #fff7ed;
}

.aat-status--unacknowledged {
  color: #dc2626;
  background: #fef2f2;
}

.aat-status--cancelled {
  color: #64748b;
  background: #f1f5f9;
}

.aat-timeline-meta {
  color: #64748b;
  margin: 4px 0 0;
  font-size: 12px;
}

.aat-detail-modal {
  max-width: 920px;
}

@media (width <= 900px) {
  .aat-search-field {
    grid-column: span 1;
  }
}

.abha-consents-page {
  box-sizing: border-box;
  color: #0f172a;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  min-height: 0;
  padding: 1.25rem 1.5rem 1.5rem;
  display: flex;
}

.abha-consents-page__title {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
}

.abha-consents-toolbar {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: .75rem;
  padding: 1rem;
  display: flex;
}

.abha-consent-field {
  flex-direction: column;
  flex: 1;
  gap: .35rem;
  min-width: 10rem;
  display: flex;
}

.abha-consent-field span, .abha-consent-field legend {
  color: #475569;
  font-size: .8rem;
  font-weight: 600;
}

.abha-consent-field input:not([type="checkbox"]):not([type="radio"]), .abha-consent-field select {
  box-sizing: border-box;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  color-scheme: light;
  opacity: 1;
  background-color: #fff;
  border: 1px solid #cbd5e1;
  border-radius: .5rem;
  width: 100%;
  min-height: 2.6rem;
  padding: .5rem .65rem;
  font-family: inherit;
  font-size: .9rem;
  line-height: 1.25rem;
}

.abha-consent-field select option {
  color: #0f172a;
  background: #fff;
}

.abha-consent-field input[type="date"], .abha-consent-field input[type="time"] {
  appearance: auto;
  display: block;
}

.abha-consent-field input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
}

.abha-consent-field input[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
}

.abha-consent-field em {
  color: #b91c1c;
  font-size: .75rem;
  font-style: normal;
}

.abha-consent-field-row {
  gap: .75rem;
  display: flex;
}

.abha-consent-btn {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: .5rem;
  padding: .55rem .9rem;
  font-size: .875rem;
  font-weight: 600;
}

.abha-consent-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.abha-consent-btn--primary {
  color: #fff;
  background: #2563eb;
}

.abha-consent-btn--ghost {
  color: #0f172a;
  background: #fff;
  border-color: #cbd5e1;
}

.abha-consents-sheet {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  overflow: auto;
}

.abha-consents-table {
  border-collapse: collapse;
  width: 100%;
  font-size: .875rem;
}

.abha-consents-table th, .abha-consents-table td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e2e8f0;
  padding: .75rem 1rem;
}

.abha-consents-table th {
  color: #475569;
  background: #f8fafc;
  font-weight: 600;
}

.abha-consent-status {
  border-radius: 999px;
  align-items: center;
  padding: .15rem .55rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.abha-consent-status--granted {
  color: #166534;
  background: #dcfce7;
}

.abha-consent-status--requested {
  color: #1d4ed8;
  background: #dbeafe;
}

.abha-consent-status--denied, .abha-consent-status--failed {
  color: #991b1b;
  background: #fee2e2;
}

.abha-consent-status--revoked, .abha-consent-status--expired {
  color: #475569;
  background: #f1f5f9;
}

.abha-consents-empty, .abha-consents-error {
  text-align: center;
  color: #64748b;
  padding: 2rem;
}

.abha-consents-error {
  color: #b91c1c;
}

.abha-consents-pagination {
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.abha-consent-detail-backdrop {
  z-index: 50;
  background: #0f172a8c;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.abha-consent-detail {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  flex-direction: column;
  width: min(1100px, 100%);
  max-height: calc(100vh - 3rem);
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 64px #0f172a40;
}

.abha-consent-detail__header {
  border-bottom: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.abha-consent-detail__header h2 {
  margin: 0;
}

.abha-consent-detail__header p {
  color: #64748b;
  margin: .35rem 0 0;
}

.abha-consent-detail__body {
  flex: 1;
  min-height: 0;
  padding: 1rem 1.25rem;
  overflow: auto;
}

.abha-consent-detail__footer {
  background: #fff;
  border-top: 1px solid #e2e8f0;
  justify-content: flex-end;
  padding: .85rem 1.25rem;
  display: flex;
}

.abha-consent-drawer-backdrop {
  z-index: 40;
  background: #0f172a73;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.abha-consent-drawer {
  background: #fff;
  flex-direction: column;
  width: min(420px, 100%);
  height: 100%;
  display: flex;
  box-shadow: -8px 0 24px #0f172a26;
}

.abha-consent-drawer__header, .abha-consent-drawer__footer {
  border-bottom: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.abha-consent-drawer__footer {
  border-top: 1px solid #e2e8f0;
  border-bottom: none;
  margin-top: auto;
}

.abha-consent-drawer__body {
  flex-direction: column;
  flex: 1;
  gap: .9rem;
  padding: 1rem 1.25rem;
  display: flex;
  overflow: auto;
}

.abha-consent-hi-types {
  grid-template-columns: 1fr 1fr;
  gap: .35rem .75rem;
  display: grid;
}

.abha-consent-check {
  cursor: pointer;
  align-items: center;
  gap: .4rem;
  font-size: .85rem;
  display: flex;
}

.abha-consent-check input[type="checkbox"] {
  accent-color: #2563eb;
  cursor: pointer;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  margin: 0;
}

.abha-consent-check span {
  line-height: 1.25rem;
}

.abha-fhir-panel {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.abha-care-progress {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  padding: 1rem 1.1rem;
}

.abha-care-progress h3 {
  color: #0f172a;
  margin: 0 0 .75rem;
  font-size: 1rem;
  font-weight: 700;
}

.abha-care-progress__stats {
  color: #64748b;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .55rem;
  font-size: .85rem;
  display: flex;
}

.abha-care-progress__sep {
  margin-left: 1rem;
}

.abha-care-progress__bar {
  background: #e2e8f0;
  border-radius: 999px;
  width: 100%;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.abha-care-progress__received, .abha-care-progress__pending {
  height: 100%;
  transition: width .25s;
  position: absolute;
  top: 0;
}

.abha-care-progress__received {
  background: #22c55e;
  left: 0;
}

.abha-care-progress__pending {
  background: #f59e0b;
}

.abha-accordion-list {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.abha-accordion {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .65rem;
  overflow: hidden;
}

.abha-accordion__summary {
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: .9rem 1rem;
  display: flex;
}

.abha-accordion__main {
  flex: 1;
  min-width: 0;
}

.abha-accordion__title-row {
  color: #0f172a;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem;
  display: flex;
}

.abha-accordion__title-label {
  color: #64748b;
  font-weight: 400;
}

.abha-accordion__caption {
  color: #64748b;
  margin: .25rem 0 0;
  font-size: .85rem;
}

.abha-accordion__meta {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.abha-accordion__id {
  color: #64748b;
  word-break: break-all;
  font-size: .75rem;
}

.abha-chip {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  padding: .2rem .65rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.abha-chip--success {
  color: #166534;
  background: #f0fdf4;
  border-color: #86efac;
}

.abha-chip--primary {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #93c5fd;
}

.abha-accordion__chevron {
  border-bottom: 2px solid;
  border-right: 2px solid;
  width: .45rem;
  height: .45rem;
  transition: transform .2s;
  display: inline-block;
  transform: rotate(45deg);
}

.abha-accordion.is-open .abha-accordion__chevron {
  margin-top: .2rem;
  transform: rotate(-135deg);
}

.abha-accordion__details {
  background: #fdfdfd;
  border-top: 1px solid #e2e8f0;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  display: flex;
}

.abha-composition-summary {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .55rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: .85rem 1.25rem;
  padding: .9rem 1rem;
  display: grid;
}

.abha-composition-summary span {
  color: #64748b;
  margin-bottom: .2rem;
  font-size: .75rem;
  display: block;
}

.abha-composition-summary strong {
  color: #0f172a;
  font-size: .95rem;
  font-weight: 600;
}

.abha-info-section h5 {
  margin: 0 0 .5rem;
  font-size: 1rem;
  font-weight: 700;
}

.abha-info-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .55rem;
  padding: .85rem 1rem;
}

.abha-info-card h6 {
  margin: 0 0 .65rem;
  font-size: .9rem;
  font-weight: 700;
}

.abha-info-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem 1.25rem;
  margin: 0;
  display: grid;
}

.abha-info-grid dt {
  color: #64748b;
  margin: 0 0 .15rem;
  font-size: .75rem;
}

.abha-info-grid dd {
  color: #0f172a;
  word-break: break-word;
  margin: 0;
  font-size: .9rem;
}

.abha-attach-btn {
  color: #fff;
  letter-spacing: .01em;
  cursor: pointer;
  background: #2563eb;
  border: 0;
  border-radius: .45rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .7rem 1rem;
  font-size: .85rem;
  font-weight: 700;
  transition: box-shadow .2s, background-color .2s;
  display: inline-flex;
}

.abha-attach-btn:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.abha-attach-btn.is-highlighted {
  background: #1d4ed8;
  box-shadow: 0 0 0 3px #2563eb59;
}

.abha-docref-card {
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .55rem;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .85rem 1rem;
  display: flex;
}

.abha-docref-card:hover:not(:disabled) {
  background: #f8fbff;
  border-color: #93c5fd;
}

.abha-docref-card:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.abha-docref-card__icon {
  color: #475569;
  background: #f1f5f9;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  font-size: .95rem;
  font-weight: 700;
  display: inline-flex;
}

.abha-docref-card__body {
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
  display: flex;
}

.abha-docref-card__source {
  color: #475569;
  margin: 0;
  font-size: .85rem;
}

.abha-docref-card__hint {
  color: #2563eb;
  margin: 0;
  font-size: .85rem;
  font-weight: 600;
}

.abha-attachment-preview__actions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.abha-attachment-preview__actions a {
  text-decoration: none;
}

.abha-fhir-bundle {
  border: 1px solid #e2e8f0;
  border-radius: .5rem;
  padding: .9rem;
}

.abha-fhir-bundle h4, .abha-fhir-section h5, .abha-fhir-card h5 {
  margin: 0 0 .35rem;
}

.abha-fhir-card {
  background: #f8fafc;
  border-radius: .5rem;
  margin-top: .5rem;
  padding: .75rem;
}

.abha-fhir-card__type {
  color: #64748b;
  margin: 0 0 .5rem;
  font-size: .75rem;
}

.abha-fhir-card__fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem 1rem;
  margin: 0;
  display: grid;
}

.abha-fhir-card__fields dt {
  color: #64748b;
  text-transform: capitalize;
  font-size: .7rem;
}

.abha-fhir-card__fields dd {
  margin: 0;
  font-size: .85rem;
}

.abha-fhir-incomplete {
  color: #b45309;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: .4rem;
  padding: .5rem .65rem;
  font-size: .85rem;
}

.abha-fhir-blocked, .abha-fhir-empty {
  color: #64748b;
  padding: 1rem;
}

.abha-fhir-attachments {
  flex-direction: column;
  gap: .5rem;
  margin: 0;
  display: flex;
}

.abha-fhir-nested {
  margin-top: .75rem;
}

.abha-attachment-preview-backdrop {
  z-index: 70;
  background: #0f172aa6;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.abha-attachment-preview {
  background: #fff;
  border-radius: .75rem;
  flex-direction: column;
  width: min(1000px, 100%);
  height: min(850px, 100vh - 3rem);
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 64px #0f172a4d;
}

.abha-attachment-preview__header {
  border-bottom: 1px solid #e2e8f0;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1rem;
  display: flex;
}

.abha-attachment-preview__header h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 1rem;
  overflow: hidden;
}

.abha-attachment-preview__body {
  background: #f1f5f9;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  display: flex;
}

.abha-attachment-preview__body iframe {
  background: #fff;
  border: 0;
  width: 100%;
  height: 100%;
}

.abha-attachment-preview__body img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

@media (width <= 640px) {
  .abha-consent-detail-backdrop, .abha-attachment-preview-backdrop {
    padding: 0;
  }

  .abha-consent-detail, .abha-attachment-preview {
    border-radius: 0;
    width: 100%;
    height: 100%;
    max-height: none;
  }

  .abha-consent-field-row {
    flex-direction: column;
  }

  .abha-accordion__summary {
    flex-direction: column;
    align-items: flex-start;
  }

  .abha-accordion__meta {
    justify-content: flex-start;
  }

  .abha-info-grid {
    grid-template-columns: 1fr;
  }
}

body {
  overscroll-behavior: none;
  touch-action: none;
}