*, ::before, ::after {
  --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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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: rgb(59 130 246 / 0.5);
  --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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::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-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --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: rgb(59 130 246 / 0.5);
  --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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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 {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*{
  box-sizing: border-box;
}

p {
  display: block;
  margin-block-start: 0.8em;
  margin-block-end: 0.8em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  unicode-bidi: isolate;
}

ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}

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

.container {
  width: 100%;
}

@media (min-width: 450px) {
  .\!container {
    max-width: 450px !important;
  }

  .container {
    max-width: 450px;
  }
}

@media (min-width: 600px) {
  .\!container {
    max-width: 600px !important;
  }

  .container {
    max-width: 600px;
  }
}

@media (min-width: 800px) {
  .\!container {
    max-width: 800px !important;
  }

  .container {
    max-width: 800px;
  }
}

@media (min-width: 1100px) {
  .\!container {
    max-width: 1100px !important;
  }

  .container {
    max-width: 1100px;
  }
}

@media (min-width: 1450px) {
  .\!container {
    max-width: 1450px !important;
  }

  .container {
    max-width: 1450px;
  }
}

/* =========================
       Global layout scaffolding
       ========================= */

.app-body {
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.app-main {
  margin-top: 1.5rem;
}

.dashboard-shell {
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.app-footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.app-footer-link {
  text-decoration-line: underline;
}

.app-footer-link:hover {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.logo {
  display: block;
  height: auto;
  width: 300px;
}

.brand-logo {
  display: block;
}

/* =========================
       Shared dashboard header / sidebar (CRM layout)
       ========================= */

.dashboard-header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 50;
  border-bottom-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(38 53 45 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(243 250 246 / var(--tw-text-opacity, 1));
}

.dashboard-header-inner {
  display: flex;
  height: 4rem;
  width: 100%;
  align-items: center;
  gap: 0.75rem;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 800px) {
  .dashboard-header-inner {
    height: 68px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.dashboard-header-brand-slot {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

@media (min-width: 800px) {
  .dashboard-header-brand-slot {
    width: 244px;
    padding-left: 25px;
    padding-right: 0.75rem;
  }
}

.dashboard-header-actions-frame {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  align-items: center;
  justify-content: flex-end;
}

@media (min-width: 800px) {
  .dashboard-header-actions-frame {
    padding-right: max(15px, calc((100vw - 1600px) / 2 + 15px));
  }
}

.dashboard-brand-link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  text-decoration-line: none;
}

.dashboard-brand-link .brand-logo {
  display: block;
  height: auto;
  width: 160px;
}

.dashboard-header-actions {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 600px) {
  .dashboard-header-actions {
    gap: 0.75rem;
  }
}

@media (min-width: 800px) {
  .dashboard-header-actions {
    gap: 13px;
  }
}

.field-error-message.dashboard-header-email {
  display: none;
}

.profile-field-error.dashboard-header-email {
  display: none;
}

.ui-users-043.dashboard-header-email {
  display: none;
}

.ui-calendar-field-error.dashboard-header-email {
  display: none;
}

.office-field-error.dashboard-header-email {
  display: none;
}

.dashboard-header-email {
  display: none;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(243 250 246 / var(--tw-text-opacity, 1));
}

@media (min-width: 600px) {
  .dashboard-header-email {
    display: inline;
  }
}

@media (min-width: 1100px) {
  .dashboard-header-email {
    max-width: 280px;
  }
}

.dashboard-header .dashboard-header-profile,
    .dashboard-header .dashboard-header-logout {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.dashboard-header .dashboard-header-profile:hover,
    .dashboard-header .dashboard-header-logout:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 250 246 / var(--tw-bg-opacity, 1));
}

.dashboard-header-profile {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-header-profile:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media (min-width: 800px) {
  .dashboard-header-profile {
    height: 2.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 13px;
  }
}

.field-error-message.dashboard-header-profile {
  display: none;
}

.profile-field-error.dashboard-header-profile {
  display: none;
}

.ui-users-043.dashboard-header-profile {
  display: none;
}

.ui-calendar-field-error.dashboard-header-profile {
  display: none;
}

.office-field-error.dashboard-header-profile {
  display: none;
}

.dashboard-header-profile {
  display: none;
  gap: 7px;
}

@media (min-width: 800px) {
  .dashboard-header-profile {
    display: inline-flex;
  }
}

.dashboard-header-logout {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-header-logout:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media (min-width: 800px) {
  .dashboard-header-logout {
    height: 2.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 13px;
  }
}

.field-error-message.dashboard-header-logout {
  display: none;
}

.profile-field-error.dashboard-header-logout {
  display: none;
}

.ui-users-043.dashboard-header-logout {
  display: none;
}

.ui-calendar-field-error.dashboard-header-logout {
  display: none;
}

.office-field-error.dashboard-header-logout {
  display: none;
}

.dashboard-header-logout {
  display: none;
  gap: 7px;
}

@media (min-width: 800px) {
  .dashboard-header-logout {
    display: inline-flex;
  }
}

.dashboard-header-button-icon {
  display: block;
  height: 15px;
  width: 15px;
  flex-shrink: 0;
}

.dashboard-header-profile-alert-icon {
  display: block;
  height: 15px;
  width: 15px;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.dashboard-header-profile-alert-icon svg {
  display: block;
  height: 15px;
  width: 15px;
}

.dashboard-header-burger {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 800px) {
  .dashboard-header-burger.field-error-message {
    display: none;
  }

  .dashboard-header-burger.profile-field-error {
    display: none;
  }

  .dashboard-header-burger.ui-users-043 {
    display: none;
  }

  .dashboard-header-burger.ui-calendar-field-error {
    display: none;
  }

  .dashboard-header-burger.office-field-error {
    display: none;
  }
}

.dashboard-header-burger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media (min-width: 800px) {
  .dashboard-header-burger {
    display: none;
  }
}

.dashboard-header .dashboard-header-burger {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.dashboard-header .dashboard-header-burger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 250 246 / var(--tw-bg-opacity, 1));
}

.dashboard-header .dashboard-notification-button {
  --tw-border-opacity: 1;
  border-color: rgb(90 107 97 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(243 250 246 / var(--tw-text-opacity, 1));
}

.dashboard-header .dashboard-notification-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 79 69 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(243 250 246 / var(--tw-text-opacity, 1));
}

.dashboard-lang-form {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
}

.field-error-message.dashboard-lang-label {
  display: none;
}

.profile-field-error.dashboard-lang-label {
  display: none;
}

.ui-users-043.dashboard-lang-label {
  display: none;
}

.ui-calendar-field-error.dashboard-lang-label {
  display: none;
}

.office-field-error.dashboard-lang-label {
  display: none;
}

.dashboard-lang-label {
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 600px) {
  .dashboard-lang-label {
    display: inline;
  }
}

.dashboard-header .dashboard-lang-label {
  --tw-text-opacity: 1;
  color: rgb(217 232 223 / var(--tw-text-opacity, 1));
}

.dashboard-lang-select {
  height: 2.5rem;
  min-width: 108px;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-lang-select:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.dashboard-lang-select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

@media (min-width: 800px) {
  .dashboard-lang-select {
    height: 2.25rem;
    font-size: 13px;
  }
}

.dashboard-header .dashboard-lang-select {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.dashboard-header .dashboard-lang-select:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 250 246 / var(--tw-bg-opacity, 1));
}

.dashboard-header .dashboard-lang-select:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(90 107 97 / var(--tw-ring-opacity, 1));
}

.field-error-message.dashboard-sidebar {
  display: none;
}

.profile-field-error.dashboard-sidebar {
  display: none;
}

.ui-users-043.dashboard-sidebar {
  display: none;
}

.ui-calendar-field-error.dashboard-sidebar {
  display: none;
}

.office-field-error.dashboard-sidebar {
  display: none;
}

.dashboard-sidebar {
  position: fixed;
  left: 0px;
  top: 4rem;
  bottom: 0px;
  z-index: 40;
  display: none;
  width: 244px;
  overflow-y: auto;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 800px) {
  .dashboard-sidebar {
    top: 68px;
    display: block;
  }
}

.dashboard-sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.dashboard-sidebar-nav a {
  text-decoration-line: none;
}

.dashboard-sidebar-link {
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 0.625rem;
  border-radius: 12px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-sidebar-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.dashboard-sidebar-link.dashboard-sidebar-link-active {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.dashboard-sidebar-icon {
  display: block;
  height: 18px;
  width: 18px;
  flex: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.text-dc-icon-notifications {
  --tw-text-opacity: 1;
  color: rgb(194 124 62 / var(--tw-text-opacity, 1));
}

.text-dc-icon-support {
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.dashboard-sidebar-icon svg {
  display: block;
  width: 18px;
  height: 18px;
}

.dashboard-sidebar-label {
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.dashboard-sidebar-link.dashboard-sidebar-link-active .dashboard-sidebar-label {
  font-weight: 600;
}

.owner-doctor-warning-icon {
  margin-left: auto;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.owner-doctor-warning-icon svg {
  height: 1rem;
  width: 1rem;
}

.dashboard-sidebar-sublink {
  display: flex;
  min-height: 36px;
  align-items: center;
  border-radius: 12px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 41px;
  padding-right: 13px;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-sidebar-sublink:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.dashboard-sidebar-sublink.dashboard-sidebar-sublink-active {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.dashboard-sidebar-sublink-label {
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.dashboard-sidebar-sublink.dashboard-sidebar-sublink-active .dashboard-sidebar-sublink-label {
  font-weight: 600;
}

.dashboard-main {
  min-height: 100vh;
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
  padding-top: 4rem;
}

@media (min-width: 800px) {
  .dashboard-main {
    padding-top: 68px;
  }

  .dashboard-main.dashboard-main-no-sidebar.dashboard-content-frame {
    padding-left: 15px;
  }
}

.dashboard-content-frame {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1600px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 800px) {
  .dashboard-content-frame {
    padding-left: clamp(15px, calc(268px - ((100vw - 1600px) / 2)), 268px);
    padding-right: 15px;
  }
}

.dashboard-footer {
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
}

.dashboard-mobile-overlay {
  position: fixed;
  inset: 0px;
  z-index: 60;
  background-color: rgba(16,32,26,0.50);
}

@media (min-width: 800px) {
  .dashboard-mobile-overlay.field-error-message {
    display: none;
  }

  .dashboard-mobile-overlay.profile-field-error {
    display: none;
  }

  .dashboard-mobile-overlay.ui-users-043 {
    display: none;
  }

  .dashboard-mobile-overlay.ui-calendar-field-error {
    display: none;
  }

  .dashboard-mobile-overlay.office-field-error {
    display: none;
  }

  .dashboard-mobile-overlay {
    display: none;
  }
}

.dashboard-mobile-drawer {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 70;
  display: flex;
}

@media (min-width: 800px) {
  .dashboard-mobile-drawer.field-error-message {
    display: none;
  }

  .dashboard-mobile-drawer.profile-field-error {
    display: none;
  }

  .dashboard-mobile-drawer.ui-users-043 {
    display: none;
  }

  .dashboard-mobile-drawer.ui-calendar-field-error {
    display: none;
  }

  .dashboard-mobile-drawer.office-field-error {
    display: none;
  }

  .dashboard-mobile-drawer {
    display: none;
  }
}

.dashboard-mobile-drawer-panel {
  position: relative;
  display: flex;
  height: 100%;
  width: 280px;
  max-width: 85vw;
  flex-direction: column;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 30px rgba(16, 32, 26, 0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dashboard-mobile-drawer-header {
  display: flex;
  height: 4rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
}

.dashboard-mobile-drawer-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.dashboard-mobile-drawer-close {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-mobile-drawer-close:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.dashboard-mobile-drawer-nav {
  flex: 1 1 0%;
  overflow-y: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.dashboard-mobile-drawer-nav .dashboard-sidebar-nav {
  gap: 0.25rem;
}

.dashboard-mobile-drawer-actions {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 1rem;
}

.dashboard-mobile-drawer-profile {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-mobile-drawer-profile:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media (min-width: 800px) {
  .dashboard-mobile-drawer-profile {
    height: 2.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 13px;
  }
}

.dashboard-mobile-drawer-profile {
  width: 100%;
  justify-content: center;
  gap: 0.5rem;
}

.dashboard-mobile-drawer-logout {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.dashboard-mobile-drawer-logout:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media (min-width: 800px) {
  .dashboard-mobile-drawer-logout {
    height: 2.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 13px;
  }
}

.dashboard-mobile-drawer-logout {
  width: 100%;
  justify-content: center;
  gap: 0.5rem;
}

.field-error-message.dashboard-reminder-host {
  display: none;
}

.profile-field-error.dashboard-reminder-host {
  display: none;
}

.ui-users-043.dashboard-reminder-host {
  display: none;
}

.ui-calendar-field-error.dashboard-reminder-host {
  display: none;
}

.office-field-error.dashboard-reminder-host {
  display: none;
}

.dashboard-reminder-host {
  display: none;
}

body.dashboard-has-reminder-banner .dashboard-reminder-host {
  position: fixed;
  left: 0px;
  right: 0px;
  z-index: 45;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0.75rem;
  top: 4rem;
}

@media (min-width: 800px) {
  body.dashboard-has-reminder-banner .dashboard-reminder-host {
    top: 68px;
    padding-left: clamp(15px, calc(268px - ((100vw - 1600px) / 2)), 268px);
    padding-right: 15px;
  }
}

body.dashboard-has-reminder-banner .dashboard-main {
  padding-top: 128px;
}

@media (min-width: 800px) {
  body.dashboard-has-reminder-banner .dashboard-main {
    padding-top: 132px;
  }
}

body.dashboard-has-reminder-banner .dashboard-sidebar {
  top: 128px;
}

@media (min-width: 800px) {
  body.dashboard-has-reminder-banner .dashboard-sidebar {
    top: 132px;
  }
}

.time-work-reminder-strip {
  margin-left: auto;
  margin-right: auto;
  min-height: 52px;
  width: 100%;
  max-width: 1180px;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fffdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 253 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff8ed var(--tw-gradient-to-position);
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 14px;
  padding-right: 10px;
  --tw-shadow: 0 5px 18px rgba(111,79,42,0.08);
  --tw-shadow-colored: 0 5px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.time-work-reminder-icon {
  display: grid;
  height: 34px;
  width: 34px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.time-work-reminder-icon svg {
  height: 17px;
  width: 17px;
}

.time-work-reminder-title {
  margin: 0px;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.time-work-reminder-subtitle {
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.time-work-reminder-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.time-work-reminder-action-btn {
  display: inline-flex;
  height: 2.25rem;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding-left: 13px;
  padding-right: 13px;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
  white-space: nowrap;
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
}

.time-work-reminder-action-btn svg {
  height: 15px;
  width: 15px;
}

.time-work-reminder-close-btn {
  display: inline-flex;
  height: 2.25rem;
  min-height: 36px;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  padding: 0px;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.time-work-reminder-close-btn svg {
  height: 15px;
  width: 15px;
}

@media (max-width: 780px) {
  .time-work-reminder-strip {
    grid-template-columns: auto minmax(0,1fr);
  }

  .time-work-reminder-actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  .time-work-reminder-action-btn {
    flex: 1 1 0%;
  }
}

/* Legacy aliases (menu class names preserved for any external refs) */

/* =========================
       Auth header
       ========================= */

.auth-lang-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.auth-lang-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.auth-lang-select {
  border-radius: 0.25rem;
  border-width: 1px;
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* =========================
       Shared modal framework
       ========================= */

.app-modal {
  position: fixed;
  inset: 0px;
  z-index: 10000;
  overflow-y: auto;
}

.app-modal-high {
  z-index: 10030;
}

.app-modal-overlay {
  position: fixed;
  inset: 0px;
  background-color: rgba(16,32,26,0.50);
}

.app-modal-positioner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 100dvh;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.app-modal-card {
  width: 100%;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 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);
}

.app-modal-card-md {
  max-width: 28rem;
}

.app-modal-card-xl {
  max-width: 36rem;
}

.app-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.app-modal-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.app-modal-close {
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.app-modal-close:hover {
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.app-modal-text {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.app-modal-actions {
  margin-top: 1.5rem;
  display: flex;
  gap: 0.75rem;
}

.app-modal-action-secondary {
  flex: 1 1 0%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 0.5rem;
}

.app-modal-action-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.app-modal-action-primary {
  flex: 1 1 0%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.app-modal-action-danger {
  flex: 1 1 0%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* =========================
       Global system modals (unsaved / delete / timezone / alert)
       ========================= */

.gs-modal {
  width: 100%;
  max-width: 560px;
  overflow: hidden;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 24px 70px rgba(16,32,26,0.26);
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gs-modal-wide {
  max-width: 820px;
}

.gs-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fbfdfc var(--tw-gradient-to-position);
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 28px;
  padding-bottom: 22px;
}

.gs-modal-title-wrap {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 14px;
}

.gs-modal-title-content {
  min-width: 0px;
}

.gs-modal-icon {
  display: grid;
  height: 44px;
  width: 44px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 15px;
}

.gs-modal-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.gs-modal-icon-sand {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.gs-modal-icon-purple {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.gs-modal-icon-danger {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.gs-modal-icon-blue {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.gs-modal-icon-orange {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 210 173 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 232 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(184 91 33 / var(--tw-text-opacity, 1));
}

.gs-modal-title {
  margin: 0px;
  font-size: 24px;
  font-weight: 780;
  line-height: 1.08;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.gs-modal-subtitle {
  margin-top: 0.5rem;
  margin-bottom: 0px;
  max-width: 520px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.gs-modal-close {
  display: grid;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.gs-modal-close svg {
  height: 18px;
  width: 18px;
}

.gs-modal-body {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.gs-modal-footer {
  display: grid;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.gs-modal-footer-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gs-modal-btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.gs-modal-btn-primary {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px rgba(22,163,74,0.14);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gs-modal-btn-danger {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px rgba(220,38,38,0.12);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gs-modal-btn-purple {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.gs-modal-btn-purple svg {
  height: 1rem;
  width: 1rem;
}

.gs-unsaved-note {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fffdf8 var(--tw-gradient-to-position);
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.gs-unsaved-note-title {
  margin: 0px;
  margin-bottom: 0.375rem;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.gs-unsaved-note-text {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.42;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.gs-delete-summary {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.gs-delete-summary-icon {
  display: grid;
  height: 34px;
  width: 34px;
  place-items: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.gs-delete-summary-icon svg {
  height: 17px;
  width: 17px;
}

.gs-delete-summary-title {
  margin: 0px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.gs-delete-summary-text {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.42;
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.gs-tz-layout {
  display: grid;
  min-height: 270px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 761px) {
  .gs-tz-layout {
    grid-template-columns: 280px minmax(0,1fr);
  }
}

.gs-tz-aside {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
}

@media (min-width: 761px) {
  .gs-tz-aside {
    border-bottom-width: 0px;
    border-right-width: 1px;
  }
}

.gs-tz-kicker {
  margin: 0px;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 820;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.gs-tz-aside-text {
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.gs-tz-main {
  display: grid;
  align-content: flex-start;
  gap: 14px;
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.gs-tz-option {
  display: grid;
  width: 100%;
  cursor: pointer;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 14px;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  text-align: left;
  font-family: inherit;
}

@media (min-width: 761px) {
  .gs-tz-option {
    grid-template-columns: minmax(0,1fr) auto;
  }
}

.gs-tz-option-active {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 0 3px rgba(22,163,74,0.08);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gs-tz-label {
  margin: 0px;
  margin-bottom: 0.375rem;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.gs-tz-value {
  margin: 0px;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.gs-tz-pill {
  display: inline-flex;
  min-height: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 12px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.gs-system-card {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 210 173 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fffaf4 var(--tw-gradient-to-position);
  padding: 1rem;
}

.gs-system-card-icon {
  display: grid;
  height: 34px;
  width: 34px;
  place-items: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 210 173 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 232 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(184 91 33 / var(--tw-text-opacity, 1));
}

.gs-system-card-icon svg {
  height: 17px;
  width: 17px;
}

.gs-system-card-title {
  margin: 0px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(184 91 33 / var(--tw-text-opacity, 1));
}

.gs-system-card-text {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.42;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

@media (max-width: 760px) {
  .gs-modal-header,
        .gs-modal-body,
        .gs-modal-footer,
        .gs-tz-main {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .gs-modal-footer-two {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.cw-modal {
  width: 100%;
  max-width: 760px;
  overflow: hidden;
  border-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 30px rgba(16, 32, 26, 0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.cw-modal-wide {
  max-width: 860px;
}

.cw-modal-large {
  max-width: 920px;
}

.cw-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 22px;
  padding-bottom: 18px;
}

.cw-modal-title-wrap {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.75rem;
}

.cw-modal-icon {
  display: grid;
  height: 38px;
  width: 38px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.cw-modal-icon svg {
  height: 18px;
  width: 18px;
}

.cw-modal-icon-green {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.cw-modal-icon-purple {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.cw-modal-icon-sand {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.cw-modal-title {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.cw-modal-subtitle {
  margin-top: 0.25rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal-close {
  display: inline-flex;
  height: 38px;
  width: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal-close svg {
  height: 17px;
  width: 17px;
}

.cw-modal-main {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 800px) {
  .cw-modal-main {
    grid-template-columns: 256px minmax(0,1fr);
  }
}

.cw-modal-sidebar {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fff8ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 248 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
  padding: 1.25rem;
}

@media (min-width: 800px) {
  .cw-modal-sidebar {
    border-bottom-width: 0px;
    border-right-width: 1px;
  }
}

.cw-modal-sidebar-title {
  margin-bottom: 0.75rem;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.cw-modal-sidebar-text {
  margin-bottom: 1rem;
  font-size: 13px;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.cw-modal-steps {
  display: grid;
  gap: 0.625rem;
}

.cw-modal-step {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.cw-modal-step-number {
  display: grid;
  height: 23px;
  width: 23px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 12px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.cw-modal-body {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.cw-modal-field {
  display: grid;
  gap: 0.375rem;
}

@media (min-width: 800px) {
  .cw-modal-field-full {
    grid-column: span 2 / span 2;
  }
}

.cw-modal-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.cw-modal-label-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.cw-modal-required {
  display: inline;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.cw-modal-field-error {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.cw-modal-input,
    .cw-modal-select {
  height: 2.5rem;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.cw-modal-input:focus,
    .cw-modal-select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.cw-modal-input::-moz-placeholder, .cw-modal-select::-moz-placeholder {
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal-input::placeholder,
    .cw-modal-select::placeholder {
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal .form-input-with-margin::-moz-placeholder {
  font-size: 13px;
  font-weight: 400;
}

.cw-modal .form-input-with-margin,
    .cw-modal .form-input-with-margin::placeholder {
  font-size: 13px;
  font-weight: 400;
}

.cw-modal .form-input-with-margin::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal .form-input-with-margin::placeholder {
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal-date-field {
  position: relative;
}

.cw-modal-date-input {
  padding-right: 2.5rem;
}

.cw-modal-date-icon {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  --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));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal-readonly {
  display: flex;
  min-height: 40px;
  width: 100%;
  align-items: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.cw-modal-readonly:not(.hidden) {
  display: flex !important;
}

.cw-modal-design-panel {
  margin-top: 0.25rem;
  display: grid;
  gap: 0.75rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.cw-modal-design-grid {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 600px) {
  .cw-modal-design-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.cw-modal-design-card {
  display: grid;
  cursor: pointer;
  place-items: center;
  gap: 0.5rem;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.cw-modal-design-card-active {
  border-color: #16a34a;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12);
}

.cw-modal-footer {
  display: flex;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 22px;
}

.cw-modal-action-secondary {
  height: 2.5rem;
  flex: 1 1 0%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.cw-modal-action-primary {
  display: inline-flex;
  height: 2.5rem;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.cw-modal-action-primary svg {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}

.cw-modal-help {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal-product-context {
  display: grid;
  gap: 5px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.cw-modal-product-context-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.cw-modal-product-context-name {
  margin: 0px;
  font-size: 15px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.cw-modal-product-context-description {
  margin: 0px;
  font-size: 13px;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.cw-modal-form-stack {
  display: grid;
  gap: 1rem;
}

.air-datepicker {
  z-index: 99999 !important;
}

/* =========================
       Shared form/table blocks
       ========================= */

.form-input-base {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.panel-card {
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

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

.table-base {
  min-width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.table-head {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.table-head-cell {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
}

.table-cell {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.table-cell-muted {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.table-link-primary {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.patients-recommendations-modal-card {
  display: flex;
  max-height: 85vh;
  width: 100%;
  max-width: 36rem;
  flex-direction: column;
  overflow: hidden;
  border-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
  --tw-shadow: 0 22px 70px rgba(16,32,26,0.24);
  --tw-shadow-colored: 0 22px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patients-recommendations-modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 18px;
  padding-top: 22px;
}

.patients-recommendations-modal-header-main {
  min-width: 0px;
  flex: 1 1 0%;
}

.patients-recommendations-modal-title {
  margin: 0px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-recommendations-modal-counts {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.patients-recommendations-count-pill {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: 7px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-recommendations-count-dot {
  height: 7px;
  width: 7px;
  flex-shrink: 0;
  border-radius: 9999px;
}

.patients-recommendations-count-dot-active {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.patients-recommendations-count-dot-inactive {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.patients-recommendations-modal-icon-close {
  display: inline-grid;
  height: 38px;
  width: 38px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.patients-recommendations-modal-icon-close:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-recommendations-modal-icon-close svg {
  height: 17px;
  width: 17px;
}

.patients-recommendations-modal-body {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 18px;
  padding-bottom: 18px;
}

.patients-recommendations-timeline-scroll {
  max-height: 405px;
  overflow-y: auto;
  padding-right: 0.25rem;
}

.patients-recommendations-timeline {
  position: relative;
  display: grid;
  gap: 0.75rem;
  padding-left: 1.25rem;
}

.patients-recommendations-timeline::before {
  content: "";
  position: absolute;
  bottom: 0.5rem;
  left: 7px;
  top: 0.5rem;
  width: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(220 231 225 / var(--tw-bg-opacity, 1));
}

.patients-recommendations-timeline-item {
  position: relative;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 14px;
}

.patients-recommendations-timeline-dot {
  position: absolute;
  left: -1.25rem;
  top: 18px;
  height: 14px;
  width: 14px;
  border-radius: 9999px;
  border-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(97 115 106 / var(--tw-bg-opacity, 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 231 225 / var(--tw-ring-opacity, 1));
}

.patients-recommendations-timeline-item-active .patients-recommendations-timeline-dot {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.patients-recommendations-timeline-item-inactive .patients-recommendations-timeline-dot {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.patients-recommendations-timeline-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.patients-recommendations-timeline-title-wrap {
  display: flex;
  min-width: 0px;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.375rem;
}

.patients-recommendations-timeline-number {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patients-recommendations-timeline-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-recommendations-timeline-period {
  margin-top: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-recommendations-status-badge {
  display: inline-flex;
  min-height: 1.5rem;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: none;
  line-height: 1;
}

.patients-recommendations-status-approved {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.patients-recommendations-status-alert {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.patients-recommendations-status-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(238 241 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(86 100 94 / var(--tw-text-opacity, 1));
}

.patients-recommendations-empty {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patients-recommendations-modal-footer {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 22px;
  padding-top: 1rem;
}

.patients-recommendations-modal-close-button {
  height: 2.5rem;
  min-width: 118px;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.patients-recommendations-modal-close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.empty-state-muted {
  padding: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.button-outline {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.button-primary {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* =========================
       Patients page specific
       ========================= */

.patients-page-root {
  width: 100%;
}

.patients-page-shell {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.patients-layout {
  width: 100%;
}

.patients-page-head {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 600px) {
  .patients-page-head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.patients-page-title h1 {
  margin: 0px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (min-width: 1100px) {
  .patients-page-title h1 {
    font-size: 28px;
  }
}

.patients-page-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.patients-filter-card {
  margin-bottom: 1rem;
  width: 100%;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patients-count-strip {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.patients-count-strip-inner {
  min-height: 42px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fffdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 253 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff8ed var(--tw-gradient-to-position);
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 5px 18px rgba(111,79,42,0.06);
  --tw-shadow-colored: 0 5px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patients-count-strip-value {
  font-weight: 820;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-count-strip-dot {
  height: 4px;
  width: 4px;
  flex-shrink: 0;
  border-radius: 999px;
  --tw-bg-opacity: 1;
  background-color: rgb(234 216 189 / var(--tw-bg-opacity, 1));
}

@media (max-width: 640px) {
  .patients-count-strip {
    justify-content: stretch;
  }

  .patients-count-strip-inner {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.patients-filter-section + .patients-filter-section {
  margin-top: 1rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}

.patients-search-row {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

@media (min-width: 800px) {
  .patients-search-row {
    flex-direction: row;
    align-items: flex-end;
  }
}

.patients-search-input {
  height: 42px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .patients-search-input {
    flex: 1 1 0%;
  }
}

.patients-search-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.patients-search-input {
  box-shadow: 0 0 0 0 transparent;
}

.patients-search-input:focus {
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.1);
}

.patients-text-search-button {
  height: 42px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .patients-text-search-button {
    width: auto;
  }
}

.patients-expiring-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 13px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-expiring-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1100px) {
  .patients-expiring-body {
    flex-direction: row;
    align-items: flex-end;
  }
}

.patients-expiring-controls {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.625rem;
}

.patients-filter-chip {
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-filter-chip:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patients-date-field {
  display: grid;
  gap: 0.25rem;
}

.patients-date-field label {
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patients-date-input-wrap {
  position: relative;
}

.patients-date-input {
  height: 2.25rem;
  width: 100%;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 2.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (min-width: 600px) {
  .patients-date-input {
    width: 154px;
  }
}

.patients-date-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.patients-date-input {
  box-shadow: 0 0 0 0 transparent;
}

.patients-date-input:focus {
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.1);
}

.patients-date-input-icon {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 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));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patients-date-input-icon svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

#patientsApp .air-datepicker {
  --adp-font-family: inherit;
  --adp-border-radius: 14px;
  --adp-border-color: #e2e8f0;
  --adp-border-color-inner: #eef2f6;
  --adp-accent-color: #16a34a;
  --adp-color-current-date: #16a34a;
  --adp-background-color-hover: #eaf7ef;
  --adp-background-color-active: #dff3e6;
  --adp-cell-background-color-selected: #16a34a;
  --adp-cell-background-color-selected-hover: #15803d;
  --adp-cell-background-color-hover: #eaf7ef;
  --adp-cell-background-color-in-range: rgba(22, 163, 74, 0.12);
  --adp-cell-background-color-in-range-hover: rgba(22, 163, 74, 0.18);
  --adp-cell-border-color-in-range: #16a34a;
  --adp-background-color-in-range: rgba(22, 163, 74, 0.1);
  --adp-background-color-in-range-focused: rgba(22, 163, 74, 0.16);
}

#patientsApp .air-datepicker-nav--title:hover,
    #patientsApp .air-datepicker-nav--action:hover {
  background: #eaf7ef;
}

#patientsApp .air-datepicker-cell.-current- {
  border: 1px solid #bfe8cd;
  border-radius: 10px;
}

.patients-filter-actions {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.5rem;
}

@media (min-width: 1100px) {
  .patients-filter-actions {
    justify-content: flex-end;
  }
}

.patients-filter-search {
  display: inline-flex;
  height: 2.25rem;
  width: 124px;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.patients-reset-filter {
  display: inline-flex;
  height: 2.25rem;
  width: 124px;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patients-reset-filter:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-filter-btn-icon {
  height: 15px;
  width: 15px;
  flex-shrink: 0;
}

.patients-filter-preset-active {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patients-csv-action-btn {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  border-width: 1px;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
  white-space: nowrap;
  font-family: inherit;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
  text-decoration-line: none;
}

.patients-csv-action-btn svg {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}

.patients-csv-action-btn-export {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.patients-csv-action-btn-import {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.patients-csv-action-btn-add {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px rgba(22,163,74,0.12);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patients-csv-modal {
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 24px 70px rgba(16,32,26,0.24);
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patients-csv-modal-export {
  max-width: 720px;
}

.patients-csv-modal-import {
  max-width: 760px;
}

.patients-csv-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fbfdfc var(--tw-gradient-to-position);
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 26px;
  padding-bottom: 26px;
}

.patients-csv-modal-layout {
  display: grid;
  min-height: 300px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 761px) {
  .patients-csv-modal-layout {
    grid-template-columns: 245px minmax(0,1fr);
  }
}

.patients-csv-modal-aside {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding: 24px;
}

@media (min-width: 761px) {
  .patients-csv-modal-aside {
    border-bottom-width: 0px;
    border-right-width: 1px;
  }
}

.patients-csv-modal-aside-kicker {
  margin: 0px;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 820;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.patients-csv-modal-aside-text {
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-modal-main {
  display: grid;
  align-content: flex-start;
  gap: 14px;
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.patients-csv-section-label {
  margin: 0px;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-export-options {
  display: grid;
  gap: 8px;
}

.patients-csv-export-option {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-export-option input {
  margin: 0px;
  height: 15px;
  width: 15px;
  flex-shrink: 0;
  accent-color: #5f4b9a;
}

.patients-csv-custom-period-wrap {
  margin-top: 2px;
  margin-left: 24px;
  display: grid;
  gap: 10px;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  padding-left: 14px;
}

.patients-csv-custom-period-wrap.is-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.patients-csv-custom-period-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 12px;
}

@media (min-width: 600px) {
  .patients-csv-custom-period-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.patients-csv-date-field {
  display: grid;
  gap: 7px;
}

.patients-csv-date-field label {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-csv-date-input-wrap {
  position: relative;
}

.patients-csv-date-input {
  height: 40px;
  width: 100%;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 2.5rem;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-date-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.patients-csv-date-input-icon {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 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));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-csv-date-input-icon svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.patients-csv-modal-footer {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 12px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 18px;
  padding-bottom: 18px;
}

@media (min-width: 600px) {
  .patients-csv-modal-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.patients-csv-modal-btn {
  min-height: 38px;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 14px;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  font-family: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
}

.patients-csv-modal-btn-export {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.patients-csv-modal-btn-import {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px rgba(22,163,74,0.12);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patients-csv-sample-btn {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  border-width: 1px;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
  white-space: nowrap;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  font-family: inherit;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.patients-csv-sample-btn svg {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}

.patients-csv-file-box {
  display: grid;
  gap: 14px;
  border-radius: 16px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fffdf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 253 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fff8ed var(--tw-gradient-to-position);
  padding: 18px;
}

.patients-csv-file-top {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  align-items: center;
  gap: 12px;
}

.patients-csv-file-icon {
  display: grid;
  height: 44px;
  width: 44px;
  place-items: center;
  border-radius: 15px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.patients-csv-file-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.patients-csv-file-title {
  margin: 0px;
  margin-bottom: 0.25rem;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-file-subtitle {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-csv-file-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.patients-csv-choose-file-btn {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
  white-space: nowrap;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-family: inherit;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.patients-csv-file-name {
  display: flex;
  min-height: 36px;
  min-width: 0px;
  flex: 1 1 0%;
  align-items: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

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

.patients-csv-supported {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-csv-supported strong {
  margin-bottom: 8px;
  display: block;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-supported-text {
  margin: 0px;
  overflow-wrap: break-word;
}

.patients-csv-supported-text + .patients-csv-supported-text {
  margin-top: 8px;
}

.patients-csv-import-panel {
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.patients-csv-progress-track {
  margin-top: 14px;
  height: 10px;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 231 225 / var(--tw-bg-opacity, 1));
}

.patients-csv-progress-bar {
  height: 100%;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: linear;
}

.patients-csv-progress-percent {
  margin: 0px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-result-status-label {
  margin: 0px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 650;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.04em;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-csv-result-status-value {
  margin: 0px;
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-import-result-card.is-success .patients-csv-result-status-value {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.patients-csv-import-result-card.is-completed .patients-csv-result-status-value {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-import-result-card.is-invalid .patients-csv-result-status-value {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-import-result-card.is-fail .patients-csv-result-status-value {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.patients-csv-result-counts {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}

@media (min-width: 600px) {
  .patients-csv-result-counts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.patients-csv-result-count-item {
  display: grid;
  gap: 6px;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.patients-csv-result-count-label {
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-csv-result-count-value {
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-result-reasons-title {
  margin: 0px;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 760;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-result-reasons-list {
  margin: 0px;
  display: grid;
  list-style-type: none;
  gap: 6px;
  padding: 0px;
}

.patients-csv-result-reasons-list li {
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patients-csv-result-error {
  margin: 0px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.patients-csv-modal-footer.is-importing {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.patients-csv-modal-footer.is-result {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (max-width: 760px) {
  .patients-csv-modal-header,
        .patients-csv-modal-main,
        .patients-csv-modal-footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .patients-csv-custom-period-wrap {
    margin-left: 0px;
  }

  .patients-csv-custom-period-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.patients-list-panel {
  overflow: visible;
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  --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);
}

.patients-card-list {
  display: grid;
  gap: 0.75rem;
  padding: 0px;
}

.patient-card {
  display: grid;
  align-items: center;
  gap: 18px;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px 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-left-width: 7px;
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  grid-template-columns: 1fr;
}

@media (min-width: 1100px) {
  .patient-card {
    grid-template-columns: 1.1fr 0.75fr 1.2fr auto;
  }
}

.patient-card:hover {
  --tw-shadow: 0 10px 30px rgba(16, 32, 26, 0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-card-new {
  border-left-color: #9aa7a1;
  background-image: linear-gradient(90deg, rgba(154, 167, 161, 0.08) 0%, rgba(255, 255, 255, 0) 42%);
}

.patient-card-active {
  border-left-color: #16a34a;
  background-image: linear-gradient(90deg, rgba(22, 163, 74, 0.07) 0%, rgba(255, 255, 255, 0) 42%);
}

.patient-card-alert {
  border-left-color: #dc2626;
  background-image: linear-gradient(90deg, rgba(220, 38, 38, 0.07) 0%, rgba(255, 255, 255, 0) 42%);
}

.patient-card-section {
  min-width: 0px;
}

.patient-card-label {
  margin-bottom: 0.25rem;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-card-title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.patient-card-title-link {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.patient-card-title-link:hover {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patient-card-main {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-card-sub {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-recommendation-box {
  min-width: 0px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.patient-status-badge {
  margin-bottom: 0.5rem;
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: none;
  line-height: 1;
}

.patient-status-new {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 241 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(86 100 94 / var(--tw-text-opacity, 1));
}

.patient-status-active {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.patient-status-alert {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.patient-recommendation-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-more-recommendations {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.patient-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

@media (min-width: 1100px) {
  .patient-card-actions {
    justify-content: flex-end;
  }
}

.patient-action-button {
  display: inline-grid;
  height: 34px;
  width: 34px;
  place-items: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.patient-action-button-edit {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.patient-action-button-edit:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.patient-action-button-delete {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.patient-action-button-delete:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.patient-action-button .patient-action-icon {
  display: block;
  height: 14px;
  max-height: 14px;
  width: 14px;
  max-width: 14px;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.patients-pagination {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.75rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 1100px) {
  .patients-pagination {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.patients-pagination-per-page {
  width: 100%;
}

@media (min-width: 1100px) {
  .patients-pagination-per-page {
    width: auto;
  }
}

.patients-pagination-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.patients-pagination-label {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patients-pagination-control {
  height: 2.25rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

button.patients-pagination-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

button.patients-pagination-control:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

button.patients-pagination-control:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

button.patients-pagination-control:disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patients-pagination-go-to {
  width: 100%;
}

@media (min-width: 1100px) {
  .patients-pagination-go-to {
    width: auto;
  }
}

.patients-pagination-go-to-controls {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.patients-pagination-go-to-input {
  width: 72px;
  text-align: center;
}

.patients-page-jump .patients-pagination-label {
  margin-bottom: 0.25rem;
}

/* =========================
       Auth pages (login / signup)
       ========================= */

.auth-page {
  min-height: calc(100vh - 64px);
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 34px;
  padding-bottom: 80px;
}

@media (max-width: 680px) {
  .auth-page {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 20px;
    padding-bottom: 60px;
  }
}

.auth-wrap {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  width: 100%;
  max-width: 560px;
  gap: 22px;
}

.auth-wrap-wide {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  width: 100%;
  max-width: 720px;
  gap: 22px;
}

.auth-card {
  overflow: hidden;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 18px 54px rgba(16,32,26,0.14);
  --tw-shadow-colored: 0 18px 54px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 680px) {
  .auth-card {
    border-radius: 20px;
  }
}

.auth-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#ffffff,#fbfdfc);
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 24px;
  padding-bottom: 22px;
}

@media (max-width: 680px) {
  .auth-card-head {
    padding: 20px;
  }
}

.auth-icon-box {
  display: grid;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.auth-icon-box svg {
  height: 20px;
  width: 20px;
}

.auth-icon-box-purple {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.auth-card-title {
  margin: 0px;
  font-size: 24px;
  font-weight: 780;
  line-height: 1.1;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.auth-card-subtitle {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.auth-card-body {
  display: grid;
  gap: 18px;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 24px;
  padding-bottom: 26px;
}

@media (max-width: 680px) {
  .auth-card-body {
    padding: 20px;
  }
}

.auth-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.auth-alert svg {
  margin-top: 1px;
  height: 17px;
  width: 17px;
  flex-shrink: 0;
}

.auth-form {
  display: grid;
  gap: 14px;
}

.auth-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
  gap: 14px;
}

@media (max-width: 680px) {
  .auth-form-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.auth-field {
  display: grid;
  min-width: 0px;
  align-content: flex-start;
  gap: 7px;
}

.auth-field-full {
  grid-column: 1 / -1;
}

.auth-password-group {
  display: grid;
  gap: 5px;
}

.auth-password-fields-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
  gap: 14px;
}

@media (max-width: 680px) {
  .auth-password-fields-row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.auth-password-hint {
  margin: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.auth-field-label {
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.auth-req {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.auth-field-input {
  height: 42px;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 13px;
  padding-right: 13px;
  font-size: 14px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.auth-field-input::-moz-placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.auth-field-input::placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.auth-field-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.auth-phone-field .iti {
  display: flex;
  height: 42px;
  width: 100%;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 13px;
  padding-right: 13px;
}

.auth-phone-field .\!iti {
  display: flex;
  height: 42px;
  width: 100%;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 13px;
  padding-right: 13px;
}

.auth-phone-field .iti__tel-input {
  /* !pl-0: intlTelInput injects inline paddingLeft for absolute country UI;
           auth layout uses static country-container + flex, so that padding must be cleared. */
  height: 100%;
  width: 100%;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.auth-phone-field .iti__country-container {
  position: static;
}

.auth-password-wrap {
  position: relative;
}

.auth-field-input-password {
  padding-right: 2.5rem;
}

.auth-password-toggle {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  display: inline-flex;
  --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));
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.auth-password-toggle svg {
  height: 17px;
  width: 17px;
}

.auth-form-actions {
  margin-top: 2px;
  display: grid;
  gap: 12px;
}

.auth-submit {
  display: inline-flex;
  height: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.auth-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-top: 16px;
}

@media (max-width: 680px) {
  .auth-links {
    align-items: stretch;
  }
}

.auth-inline-link {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

@media (max-width: 680px) {
  .auth-inline-link {
    width: 100%;
  }
}

.auth-inline-link-secondary {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

@media (max-width: 680px) {
  .auth-inline-link-secondary {
    width: 100%;
  }
}

.auth-terms-footer {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  display: flex;
  width: 100%;
  max-width: 720px;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 6px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.auth-terms-link {
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.auth-terms-link:hover {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.auth-terms-sep {
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.auth-consent-group {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
}

.auth-consent-line {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.auth-consent-checkbox {
  margin-top: 0.125rem;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.auth-consent-checkbox:checked {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M1 5l3 3 7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}

.auth-consent-checkbox-invalid {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.auth-consent-link {
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.auth-consent-link:hover {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

/* =========================
       Public legal pages (privacy / terms)
       ========================= */

.legal-page-shell {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  width: 100%;
  max-width: 1240px;
  gap: 22px;
}

html:has(.legal-page-shell) {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html:has(.legal-page-shell) {
    scroll-behavior: auto;
  }
}

.legal-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 22px;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(135deg,rgba(255,248,237,0.92) 0%,rgba(255,255,255,0.96) 46%,rgba(247,243,255,0.92) 100%);
  padding: 30px;
  --tw-shadow: 0 24px 70px rgba(16,32,26,0.12);
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 640px) {
  .legal-hero {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    border-radius: 20px;
    padding: 22px;
  }
}

.legal-hero-kicker {
  margin: 0px;
  margin-bottom: 10px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 820;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.legal-hero-title {
  margin: 0px;
  font-size: 34px;
  font-weight: 820;
  line-height: 1.04;
  letter-spacing: -0.04em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (max-width: 640px) {
  .legal-hero-title {
    font-size: 28px;
  }
}

.legal-hero-text {
  margin-top: 12px;
  margin-bottom: 0px;
  max-width: 680px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.legal-hero-icon {
  display: grid;
  height: 58px;
  width: 58px;
  place-items: center;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

@media (max-width: 640px) {
  .legal-hero-icon {
    display: none;
  }

  .legal-hero-icon.field-error-message {
    display: none;
  }

  .legal-hero-icon {
    display: none;
  }

  .legal-hero-icon.field-error-message {
    display: none;
  }

  .legal-hero-icon.profile-field-error {
    display: none;
  }

  .legal-hero-icon {
    display: none;
  }

  .legal-hero-icon.field-error-message {
    display: none;
  }

  .legal-hero-icon.profile-field-error {
    display: none;
  }

  .legal-hero-icon.ui-users-043 {
    display: none;
  }

  .legal-hero-icon {
    display: none;
  }

  .legal-hero-icon.field-error-message {
    display: none;
  }

  .legal-hero-icon.profile-field-error {
    display: none;
  }

  .legal-hero-icon.ui-users-043 {
    display: none;
  }

  .legal-hero-icon.ui-calendar-field-error {
    display: none;
  }

  .legal-hero-icon {
    display: none;
  }

  .legal-hero-icon.field-error-message {
    display: none;
  }

  .legal-hero-icon.profile-field-error {
    display: none;
  }

  .legal-hero-icon.ui-users-043 {
    display: none;
  }

  .legal-hero-icon.ui-calendar-field-error {
    display: none;
  }

  .legal-hero-icon.office-field-error {
    display: none;
  }

  .legal-hero-icon {
    display: none;
  }
}

.legal-hero-icon svg {
  height: 28px;
  width: 28px;
}

.legal-layout {
  display: grid;
  grid-template-columns: 280px minmax(0,1fr);
  align-items: flex-start;
  gap: 22px;
}

@media (max-width: 980px) {
  .legal-layout {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.legal-sidebar {
  position: sticky;
  top: 18px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 8px 28px rgba(16,32,26,0.07);
  --tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 980px) {
  .legal-sidebar {
    position: relative;
    top: auto;
  }
}

.legal-sidebar-title {
  margin: 0px;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.legal-nav {
  display: grid;
  max-height: calc(100vh - 120px);
  gap: 4px;
  overflow: auto;
  padding-right: 4px;
}

@media (max-width: 980px) {
  .legal-nav {
    max-height: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .legal-nav {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.legal-nav-link {
  display: flex;
  min-height: 34px;
  align-items: center;
  border-radius: 11px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.legal-nav-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.legal-document {
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 32px;
  --tw-shadow: 0 8px 28px rgba(16,32,26,0.07);
  --tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (max-width: 640px) {
  .legal-document {
    border-radius: 20px;
    padding: 22px 18px;
  }
}

.legal-document main {
  margin: 0px;
  max-width: none;
  padding: 0px;
}

.legal-document h1 {
  margin: 0px;
  margin-bottom: 8px;
  font-size: 30px;
  font-weight: 820;
  line-height: 1.08;
  letter-spacing: -0.035em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (max-width: 640px) {
  .legal-document h1 {
    font-size: 26px;
  }
}

.legal-meta {
  margin: 0px;
  margin-bottom: 20px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.legal-document h2 {
  margin-top: 34px;
  margin-bottom: 14px;
  scroll-margin-top: 24px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-top: 22px;
  font-size: 21px;
  font-weight: 780;
  line-height: 1.18;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (max-width: 640px) {
  .legal-document h2 {
    font-size: 19px;
  }
}

.legal-document h3 {
  margin-top: 24px;
  margin-bottom: 10px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 760;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.legal-document p,
    .legal-document li {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.62;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.legal-document p {
  margin: 0px;
  margin-bottom: 14px;
}

.legal-document ul,
    .legal-document ol {
  margin-top: 10px 0 18px;
  margin-bottom: 10px 0 18px;
  padding-left: 20px;
}

.legal-document li {
  margin-top: 7px;
  margin-bottom: 7px;
}

.legal-document a {
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.legal-placeholder {
  display: inline;
  border-radius: 7px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-weight: 650;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.app-footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 6px;
}

/* Legacy auth class aliases (admin auth pages) */

/* =========================
       Toast + UI states
       ========================= */

.app-toast-host {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 9999;
}

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

.app-toast {
  display: flex;
  width: 320px;
  max-width: 90vw;
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 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);
}

.app-toast-success {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(237 249 241 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.app-toast-error {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.app-toast-info {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.app-toast-text {
  min-width: 0px;
  flex: 1 1 0%;
}

.app-toast-close {
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.app-toast-close:hover {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.field-state-error {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.page-shell {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.page-shell-spaced > :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));
}

.page-shell-spaced {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.section-card {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.section-card-lg {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.form-label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.form-label-subtle {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.helper-text-muted {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.form-input {
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.form-input-with-margin {
  margin-top: 0.25rem;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-error {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.field-error-message {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.field-error-message.hidden {
  display: none;
}

.inline-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.inline-actions {
  display: flex;
  gap: 0.5rem;
}

.wrap-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.js-card-border {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 1rem;
}

.js-state-error {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.active-card-unified {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
}

.active-card-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.active-card-status {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

/* =========================
       Auto-extracted remaining UI chains
       ========================= */

.ui-403-001 {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.ui-403-002 {
  width: 100%;
  max-width: 36rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 2rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.ui-403-003 {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-403-004 {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-403-005 {
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-403-006 {
  margin-bottom: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-403-007 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.ui-404-001 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  max-width: 36rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.ui-404-002 {
  margin-top: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-404-003 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.calendar-page-wrap {
  width: 100%;
}

.calendar-page-shell {
  display: grid;
  gap: 1rem;
}

.calendar-created-by-me-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.calendar-created-by-me-title {
  margin: 0px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-created-by-me-subtitle {
  margin: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.calendar-filters-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.calendar-filter-field {
  min-width: 0px;
}

.calendar-filter-label {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.calendar-filter-control {
  height: 2.5rem;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-filter-control::-moz-placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-filter-control::placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-filter-static {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-filter-date-field {
  min-width: 0px;
}

.calendar-date-field {
  position: relative;
  display: inline-block;
  width: 100%;
}

.calendar-filter-date-input {
  padding-right: 2.5rem;
}

.calendar-date-icon {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 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));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-date-icon svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.calendar-filter-range-sep {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  align-self: flex-end;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-period-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.calendar-period-btn {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.calendar-period-btn.is-active {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.calendar-filter-actions-wrap {
  align-self: flex-end;
}

.calendar-page-shell .ui-reports-month-sales-001 {
  display: grid;
  align-items: flex-end;
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .calendar-page-shell .ui-reports-month-sales-001 {
    grid-template-columns: minmax(180px,0.8fr) auto minmax(150px,0.7fr) auto minmax(150px,0.7fr) auto auto;
  }
}

.calendar-filter-search-btn {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.calendar-filter-reset-btn {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-calendar-001 {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 800px) {
  .ui-calendar-001 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1450px) {
  .ui-calendar-001 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.ui-calendar-002 {
  display: flex;
  min-height: 144px;
  flex-direction: column;
  overflow: hidden;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ui-calendar-002.is-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 251 / var(--tw-bg-opacity, 1));
  opacity: 0.72;
}

.ui-calendar-002.is-view-only {
  --tw-border-opacity: 1;
  border-color: rgb(223 231 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 251 / var(--tw-bg-opacity, 1));
}

.ui-calendar-002.is-today {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(90deg,#eaf7ef,#ffffff 24%);
  --tw-shadow: inset 4px 0 0 #16a34a,0 4px 14px rgba(22,163,74,0.08);
  --tw-shadow-colored: inset 4px 0 0 var(--tw-shadow-color), 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ui-calendar-003 {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(241 246 243 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.ui-calendar-002.is-disabled .ui-calendar-003 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 243 240 / var(--tw-bg-opacity, 1));
}

.ui-calendar-002.is-view-only .ui-calendar-003 {
  --tw-border-opacity: 1;
  border-color: rgb(223 231 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 245 243 / var(--tw-bg-opacity, 1));
}

.ui-calendar-002.is-today .ui-calendar-003 {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(90deg,#eaf7ef,#f8fcfa);
}

.ui-calendar-day-003 {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-calendar-002.is-today .ui-calendar-day-003 {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.ui-calendar-day-001 {
  margin-top: 3px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-calendar-002.is-today .ui-calendar-day-001 {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  opacity: 0.75;
}

.ui-calendar-004 {
  display: grid;
  flex: 1 1 0%;
  align-content: flex-start;
  gap: 10px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.ui-calendar-empty {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-calendar-005 {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-calendar-record-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.ui-calendar-record-pill {
  display: inline-flex;
  min-height: 1.75rem;
  align-items: center;
  gap: 7px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-calendar-record-name {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.ui-calendar-record-dot {
  height: 7px;
  width: 7px;
  border-radius: 9999px;
  background-color: #61736a;
}

.ui-calendar-record-dot-task {
  background-color: #6f4f2a;
}

.ui-calendar-record-dot-note {
  background-color: #5f4b9a;
}

.ui-calendar-record-dot-appointment {
  background-color: #1d4ed8;
}

.ui-calendar-record-count {
  display: inline-flex;
  height: 1.25rem;
  min-width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-calendar-view-all {
  display: inline-flex;
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.ui-calendar-006 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ui-jsr-calendar-001 {
  display: inline-flex;
  height: 34px;
  align-items: center;
  gap: 6px;
  border-radius: 10px;
  border-width: 1px;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 12px;
  font-weight: 500;
}

.ui-jsr-calendar-001[data-action="appointment"] {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.ui-jsr-calendar-001[data-action="task"] {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.ui-jsr-calendar-001[data-action="note"] {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-001 {
  position: fixed;
  inset: 0px;
  z-index: 9000;
  background-color: rgba(16,32,26,0.50);
}

.ui-calendar-modals-002 {
  position: fixed;
  inset: 0px;
  z-index: 9100;
  overflow-y: auto;
}

.ui-calendar-modals-003 {
  position: relative;
  width: 100%;
  max-width: 900px;
  overflow: hidden;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 24px 70px rgba(16,32,26,0.28);
  --tw-shadow-colored: 0 24px 70px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.calendar-modal-header {
  display: flex;
  min-height: 88px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.calendar-modal-title-row {
  display: flex;
  min-width: 0px;
  gap: 0.75rem;
}

.calendar-modal-icon {
  display: inline-grid;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
}

.calendar-modal-icon svg {
  display: block;
  height: 1.25rem;
  width: 1.25rem;
}

.calendar-modal-icon-task {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.calendar-modal-icon-note {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.calendar-modal-icon-appointment {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.calendar-modal-title-block {
  min-width: 0px;
}

.calendar-modal-title {
  margin: 0px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.01em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-modal-subtitle {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-modal-close {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-004 {
  margin-left: 26px;
  margin-right: 26px;
  margin-top: 0.75rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.calendar-modal-main {
  display: grid;
  min-height: 340px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 800px) {
  .calendar-modal-main {
    grid-template-columns: 270px minmax(0,1fr);
  }
}

.calendar-modal-sidebar {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#fff8ed,#fffdf8);
  padding: 1.5rem;
}

.calendar-modal-sidebar-title {
  margin: 0px;
  margin-bottom: 1rem;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.calendar-modal-sidebar-text {
  margin: 0px;
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.calendar-modal-steps {
  display: grid;
  gap: 11px;
}

.calendar-modal-step {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.calendar-modal-step-num {
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.calendar-modal-step.is-active .calendar-modal-step-num {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.calendar-modal-step.is-active span:last-child {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-modal-form-area {
  display: grid;
  align-content: flex-start;
  gap: 1rem;
  padding: 1.5rem;
}

.calendar-step-state {
  display: grid;
  gap: 1rem;
}

.calendar-step-caption {
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  gap: 7px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.calendar-step-caption-index {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-step-caption-text {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-step-caption-full {
  grid-column: 1 / -1;
}

.calendar-modal-helper {
  margin: 0px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-005 {
  margin-top: 0px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 600px) {
  .ui-calendar-modals-005 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ui-calendar-modals-005 .form-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-006 {
  height: 38px;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 13px;
  padding-right: 13px;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-010 .ui-calendar-modals-006,
    .ui-calendar-modals-014 .ui-calendar-modals-006 {
  font-size: 12px;
  font-weight: 400;
}

.ui-calendar-modals-006.is-selected {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-007,
    .ui-calendar-modals-013 {
  margin-top: 0px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 600px) {
  .ui-calendar-modals-007,
    .ui-calendar-modals-013 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.calendar-modal-footer {
  align-items: center;
}

.ui-calendar-modals-008 {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-009 {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-010 {
  margin-top: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.ui-calendar-modals-011 {
  margin-top: 0px;
  display: grid;
  gap: 0px;
}

.calendar-modal-text-field {
  margin-top: 1.25rem;
  display: grid;
  gap: 7px;
}

.calendar-modal-field-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-012 {
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-014 {
  margin-top: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.ui-calendar-modals-015 {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-016 {
  position: absolute;
  inset: 0px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background-color: rgba(16,32,26,0.50);
}

.ui-calendar-modals-017 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.calendar-modal-spinner {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
}

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

.calendar-modal-spinner {
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  border-top-color: transparent;
}

.ui-btn-spinner {
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}

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

.ui-btn-spinner {
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border: 2px solid currentColor;
  border-top-color: transparent;
}

.ui-btn-loading {
  pointer-events: none;
  opacity: 0.6;
}

.ui-btn-loading-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.calendar-modal-saving-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ui-calendar-modals-018 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ui-calendar-modals-019 {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-calendar-modals-019::-moz-placeholder, .ui-calendar-modals-012::-moz-placeholder {
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
  opacity: 1;
}

.ui-calendar-modals-019::placeholder,
    .ui-calendar-modals-012::placeholder {
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
  opacity: 1;
}

.calendar-required-mark {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.calendar-page-shell .air-datepicker,
    .ui-calendar-modals-003 .air-datepicker {
  z-index: 9800;
}

.calendar-time-hint {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.calendar-time-hint span {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-time-hint-dot {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 3px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
}

.calendar-time-hint-dot-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(223 231 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
}

.calendar-time-hint-dot-available {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.calendar-time-hint-dot-selected {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.calendar-time-slots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

@media (min-width: 600px) {
  .calendar-time-slots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .calendar-time-slots {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.calendar-time-slot-btn {
  height: 38px;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-time-slot-btn.is-disabled {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}

.calendar-time-slot-btn.is-available {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.calendar-time-slot-btn.is-selected {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (max-width: 1024px) {
  @media (min-width: 800px) {
    .calendar-page-shell .ui-reports-month-sales-001 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}

.daily-signing-sheet-page {
  display: grid;
  width: 100%;
  gap: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.daily-signing-sheet-page-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.875rem;
}

@media (min-width: 800px) {
  .daily-signing-sheet-page-top {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
  }
}

.daily-signing-sheet-title-block h2 {
  margin: 0px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-title-block p {
  margin: 0px;
  margin-top: 0.375rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-add-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.daily-signing-sheet-office-tabs-wrap {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.625rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .daily-signing-sheet-office-tabs-wrap {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.875rem;
  }
}

.daily-signing-sheet-office-tabs {
  display: flex;
  min-width: 0px;
  flex-wrap: wrap;
  gap: 7px;
}

.daily-signing-sheet-office-tab {
  display: inline-flex;
  height: 34px;
  align-items: center;
  gap: 7px;
  border-radius: 11px;
  border-width: 1px;
  border-color: transparent;
  padding-left: 11px;
  padding-right: 11px;
  background-color: transparent;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-office-tab:hover {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.daily-signing-sheet-office-tab-active {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-office-tab-dot {
  height: 7px;
  width: 7px;
  border-radius: 9999px;
  opacity: 0.55;
  background-color: currentColor;
}

.daily-signing-sheet-tabs-hint {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .daily-signing-sheet-tabs-hint {
    white-space: nowrap;
  }
}

.daily-signing-sheet-app-layout {
  display: grid;
  min-width: 0px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-app-layout {
    grid-template-columns: minmax(0,1fr) 250px;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-app-layout {
    grid-template-columns: minmax(0,1fr) 320px;
  }
}

.daily-signing-sheet-app-layout > main {
  min-width: 0px;
}

.daily-signing-sheet-activity-card {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.daily-signing-sheet-card-head {
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.875rem;
}

.daily-signing-sheet-icon-title {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.625rem;
}

.daily-signing-sheet-activity-icon {
  height: 38px;
  width: 38px;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.daily-signing-sheet-activity-icon svg {
  height: 18px;
  width: 18px;
}

.daily-signing-sheet-card-title {
  margin: 0px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-card-sub {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-sheet-list {
  display: grid;
  min-width: 0px;
  gap: 0.625rem;
}

.daily-signing-sheet-sheet-row {
  display: flex;
  width: 100%;
  min-width: 0px;
  max-width: 100%;
  flex-direction: column;
  gap: 20px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-row {
    display: grid;
    grid-template-rows: auto auto;
    align-items: flex-start;
    gap: 20px;
    grid-template-columns: auto auto minmax(0,1fr) minmax(0,1fr);
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-row {
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: 30px 70px minmax(0,1fr) minmax(0,1fr) 100px 70px minmax(0,1fr);
  }
}

.daily-signing-sheet-sheet-row-line {
  min-width: 0px;
}

.daily-signing-sheet-sheet-row-line-top {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: flex-start;
  gap: 20px;
}

@media (min-width: 450px) {
  .daily-signing-sheet-sheet-row-line-top {
    grid-template-columns: auto auto minmax(0,1fr);
  }
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-row-line-top {
    display: contents;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-row-line-top {
    display: contents;
  }
}

.daily-signing-sheet-sheet-row-line-bottom {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 20px;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-row-line-bottom {
    display: contents;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-row-line-bottom {
    display: contents;
  }
}

.daily-signing-sheet-sheet-row-line-meta {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  align-items: flex-start;
  gap: 20px;
}

@media (min-width: 450px) {
  .daily-signing-sheet-sheet-row-line-meta {
    grid-template-columns: auto auto minmax(0,1fr);
  }
}

@media (min-width: 600px) {
  .daily-signing-sheet-sheet-row-line-meta {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  }
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-row-line-meta {
    grid-column: span 4 / span 4;
    grid-column-start: 1;
    grid-row-start: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: flex-start;
    gap: 20px;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-row-line-meta {
    display: contents;
  }
}

.daily-signing-sheet-sheet-cell {
  min-width: 0px;
  align-self: flex-start;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-cell-index {
    grid-column: span 1 / span 1;
    grid-column-start: 1;
    grid-row-start: 1;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-cell-index {
    grid-column: span 1 / span 1;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    width: 30px;
    max-width: 30px;
    flex-shrink: 0;
  }
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-cell-time {
    grid-column: span 1 / span 1;
    grid-column-start: 2;
    grid-row-start: 1;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-cell-time {
    grid-column: span 1 / span 1;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    width: 70px;
    max-width: 70px;
    flex-shrink: 0;
  }
}

.daily-signing-sheet-sheet-cell-patient {
  grid-column: span 2 / span 2;
}

@media (min-width: 450px) {
  .daily-signing-sheet-sheet-cell-patient {
    grid-column: span 1 / span 1;
    grid-column-start: 3;
    grid-row-start: 1;
  }
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-cell-patient {
    grid-column: span 1 / span 1;
    grid-column-start: 3;
    grid-row-start: 1;
    min-width: 0px;
    overflow-wrap: break-word;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-cell-patient {
    grid-column: span 1 / span 1;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    min-width: 0px;
    overflow-wrap: break-word;
  }
}

.daily-signing-sheet-sheet-cell-product {
  min-width: 0px;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-cell-product {
    grid-column: span 1 / span 1;
    grid-column-start: 4;
    grid-row-start: 1;
    overflow-wrap: break-word;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-cell-product {
    grid-column: span 1 / span 1;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    min-width: 0px;
    overflow-wrap: break-word;
  }
}

.daily-signing-sheet-sheet-cell-status {
  align-self: flex-start;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-cell-status {
    order: 1;
    grid-column: span 1 / span 1;
    grid-column-start: auto;
    grid-row-start: auto;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-cell-status {
    order: 0;
    grid-column: span 1 / span 1;
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    flex-shrink: 0;
  }
}

.daily-signing-sheet-sheet-cell-price {
  align-self: flex-start;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-cell-price {
    order: 2;
    grid-column: span 1 / span 1;
    grid-column-start: auto;
    grid-row-start: auto;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-cell-price {
    order: 0;
    grid-column: span 1 / span 1;
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 1;
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    flex-shrink: 0;
  }
}

.daily-signing-sheet-sheet-cell-doctor {
  grid-column: span 2 / span 2;
  align-self: flex-start;
}

@media (min-width: 450px) {
  .daily-signing-sheet-sheet-cell-doctor {
    grid-column: span 1 / span 1;
    grid-column-start: 3;
    grid-row-start: 1;
  }
}

@media (min-width: 600px) {
  .daily-signing-sheet-sheet-cell-doctor {
    grid-column: span 1 / span 1;
    grid-column-start: 3;
    grid-row-start: 1;
  }
}

@media (min-width: 1100px) {
  .daily-signing-sheet-sheet-cell-doctor {
    order: 3;
    grid-column: span 1 / span 1;
    grid-column-start: auto;
    grid-row-start: auto;
  }
}

@media (min-width: 1450px) {
  .daily-signing-sheet-sheet-cell-doctor {
    order: 0;
    grid-column: span 1 / span 1;
    grid-column-start: 7;
    grid-column-end: 8;
    grid-row-start: 1;
    min-width: 0px;
    overflow-wrap: break-word;
    text-align: right;
  }
}

.daily-signing-sheet-sheet-row-approved {
  border-left-width: 5px;
  --tw-border-opacity: 1;
  border-left-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #eaf7ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 247 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.daily-signing-sheet-sheet-row-declined {
  border-left-width: 5px;
  --tw-border-opacity: 1;
  border-left-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #fff1f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.daily-signing-sheet-sheet-row-pending {
  border-left-width: 5px;
  --tw-border-opacity: 1;
  border-left-color: rgb(154 167 161 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #f4f6f5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 246 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.daily-signing-sheet-sheet-row-zero-sale {
  border-left-width: 5px;
  --tw-border-opacity: 1;
  border-left-color: rgb(184 91 33 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #fff4e8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 244 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.daily-signing-sheet-cell-label {
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-cell-value {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-patient-link {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.daily-signing-sheet-row-price,
    .daily-signing-sheet-sheet-cell-price {
  text-align: left;
}

@media (min-width: 1450px) {
  .daily-signing-sheet-row-price,
    .daily-signing-sheet-sheet-cell-price {
    text-align: right;
  }
}

.daily-signing-sheet-row-price .daily-signing-sheet-cell-value {
  font-weight: 600;
}

.daily-signing-sheet-status-pill {
  display: inline-flex;
  height: 26px;
  align-items: center;
  border-radius: 9999px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.daily-signing-sheet-status-pill-approved {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-status-pill-declined {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-status-pill-pending {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(107 123 115 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-empty-rows {
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-legend {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.daily-signing-sheet-legend-dot {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
}

.daily-signing-sheet-legend-dot-pending {
  --tw-bg-opacity: 1;
  background-color: rgb(154 167 161 / var(--tw-bg-opacity, 1));
}

.daily-signing-sheet-legend-dot-approved {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.daily-signing-sheet-legend-dot-declined {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.daily-signing-sheet-legend-dot-zero-sale {
  --tw-bg-opacity: 1;
  background-color: rgb(184 91 33 / var(--tw-bg-opacity, 1));
}

.daily-signing-sheet-side-stack {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.875rem;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-side-stack {
    position: sticky;
    top: 88px;
  }
}

@media (min-width: 800px) {
  .daily-signing-sheet-side-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .daily-signing-sheet-side-stack {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.daily-signing-sheet-side-card {
  overflow: hidden;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.daily-signing-sheet-side-head {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
}

.daily-signing-sheet-side-icon {
  display: grid;
  height: 34px;
  width: 34px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 0.75rem;
}

.daily-signing-sheet-side-icon svg {
  height: 1rem;
  width: 1rem;
}

.daily-signing-sheet-side-icon-finance {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-side-icon-patient {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-side-icon-tasks {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-side-icon-clock {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 210 173 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 232 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(184 91 33 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-side-title {
  margin: 0px;
  font-size: 17px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-side-sub {
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-side-body {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 1rem;
}

.daily-signing-sheet-finance-list {
  display: grid;
  gap: 0.5rem;
}

.daily-signing-sheet-finance-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.daily-signing-sheet-finance-label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-finance-value {
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-finance-row-net {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
}

.daily-signing-sheet-finance-row-net .daily-signing-sheet-finance-value {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-patient-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.daily-signing-sheet-patient-item-link {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.daily-signing-sheet-patient-license {
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-task-list {
  display: grid;
  gap: 0.5rem;
}

.daily-signing-sheet-task-section {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 11px;
}

.daily-signing-sheet-task-section-title {
  margin: 0px;
  margin-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-task-section-list {
  margin: 0px;
  display: grid;
  list-style-type: none;
  gap: 0.25rem;
  padding: 0px;
  font-size: 13px;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-clock-card {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 210 173 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 232 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.daily-signing-sheet-clock-name {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-clock-meta {
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-side-empty {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-modal {
  position: fixed;
  inset: 0px;
  z-index: 50;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.daily-signing-sheet-expense-backdrop {
  position: fixed;
  inset: 0px;
  background-color: rgba(16,32,26,0.48);
}

.daily-signing-sheet-expense-positioner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 100dvh;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.daily-signing-sheet-expense-dialog {
  width: 100%;
  max-width: 980px;
  overflow: hidden;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 30px rgba(16, 32, 26, 0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.daily-signing-sheet-expense-header {
  display: flex;
  min-height: 88px;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 22px;
  padding-bottom: 22px;
  background-image: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
}

.daily-signing-sheet-expense-header-main {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}

.daily-signing-sheet-expense-header-icon {
  display: grid;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-header-icon svg {
  height: 20px;
  width: 20px;
}

.daily-signing-sheet-expense-header-text {
  min-width: 0px;
}

.daily-signing-sheet-expense-title {
  margin: 0px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-subtitle {
  margin: 0px;
  margin-top: 0.25rem;
  font-size: 13px;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-header-close {
  display: grid;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  place-items: center;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-header-close svg {
  height: 18px;
  width: 18px;
}

.daily-signing-sheet-expense-body {
  display: grid;
  max-height: min(70vh, 720px);
  gap: 0.875rem;
  overflow-y: auto;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.daily-signing-sheet-expense-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 13px;
}

@media (min-width: 800px) {
  .daily-signing-sheet-expense-summary {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.875rem;
  }
}

.daily-signing-sheet-expense-summary-count {
  flex-shrink: 0;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-summary-hint {
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .daily-signing-sheet-expense-summary-hint {
    text-align: right;
  }
}

.daily-signing-sheet-expense-empty {
  border-radius: 18px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1.75rem;
  text-align: center;
}

.daily-signing-sheet-expense-empty-icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.875rem;
  display: grid;
  height: 2.75rem;
  width: 2.75rem;
  place-items: center;
  border-radius: 15px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-empty-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.daily-signing-sheet-expense-empty-title {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-empty-text {
  margin: 0px;
  margin-top: 0.5rem;
  font-size: 13px;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-list {
  display: grid;
  gap: 0.625rem;
}

.field-error-message.daily-signing-sheet-expense-list:empty {
  display: none;
}

.profile-field-error.daily-signing-sheet-expense-list:empty {
  display: none;
}

.ui-users-043.daily-signing-sheet-expense-list:empty {
  display: none;
}

.ui-calendar-field-error.daily-signing-sheet-expense-list:empty {
  display: none;
}

.office-field-error.daily-signing-sheet-expense-list:empty {
  display: none;
}

.daily-signing-sheet-expense-list:empty {
  display: none;
}

.daily-signing-sheet-expense-row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-expense-row {
    grid-template-columns: 28px 76px 88px minmax(60px,0.95fr) minmax(52px,0.6fr) minmax(52px,0.6fr) 36px;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    row-gap: 0.75rem;
    padding-left: 1rem;
  }
}

.daily-signing-sheet-expense-row-cell {
  min-width: 0px;
}

.daily-signing-sheet-expense-row-num {
  flex-shrink: 0;
}

.daily-signing-sheet-expense-row-comment {
  min-width: 0px;
}

.daily-signing-sheet-expense-cell-label {
  margin-bottom: 0.25rem;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-cell-value {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-cell-sum .daily-signing-sheet-expense-cell-value {
  font-weight: 600;
}

.daily-signing-sheet-expense-comment-box {
  display: flex;
  min-height: 3rem;
  min-width: 0px;
  align-items: center;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.daily-signing-sheet-expense-comment-box .daily-signing-sheet-expense-cell-value {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  width: 100%;
  overflow-wrap: break-word;
}

.daily-signing-sheet-expense-row-delete {
  display: flex;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-expense-row-delete {
    justify-content: flex-end;
  }
}

.daily-signing-sheet-expense-delete-btn {
  display: grid;
  height: 2.25rem;
  width: 2.25rem;
  place-items: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-delete-btn svg {
  height: 17px;
  width: 17px;
}

.daily-signing-sheet-expense-form-area {
  display: grid;
  gap: 15px;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  background-image: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
}

.daily-signing-sheet-expense-form-head {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.daily-signing-sheet-expense-form-icon {
  display: grid;
  height: 34px;
  width: 34px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-form-icon svg {
  height: 17px;
  width: 17px;
}

.daily-signing-sheet-expense-form-title {
  margin: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-form-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 15px;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-expense-form-grid {
    grid-template-columns: 180px minmax(0,1fr);
  }
}

.daily-signing-sheet-expense-label {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.375rem;
}

@media (min-width: 1100px) {
  .daily-signing-sheet-expense-label-comment {
    grid-column: span 2 / span 2;
  }
}

.daily-signing-sheet-expense-field-label {
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-input {
  height: 2.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-form-error {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.daily-signing-sheet-expense-footer {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.daily-signing-sheet-expense-footer-actions {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 600px) {
  .daily-signing-sheet-expense-footer-actions {
    margin-left: auto;
    width: auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
}

.daily-signing-sheet-expense-primary-btn {
  display: inline-flex;
  height: 42px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 18px;
  padding-right: 18px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 600px) {
  .daily-signing-sheet-expense-primary-btn {
    width: auto;
  }
}

.daily-signing-sheet-expense-primary-btn-icon {
  display: grid;
  place-items: center;
}

.daily-signing-sheet-expense-primary-btn-icon svg {
  height: 1rem;
  width: 1rem;
}

.field-error-message.daily-signing-sheet-expense-primary-btn.is-save-mode .daily-signing-sheet-expense-primary-btn-icon {
  display: none;
}

.profile-field-error.daily-signing-sheet-expense-primary-btn.is-save-mode .daily-signing-sheet-expense-primary-btn-icon {
  display: none;
}

.ui-users-043.daily-signing-sheet-expense-primary-btn.is-save-mode .daily-signing-sheet-expense-primary-btn-icon {
  display: none;
}

.ui-calendar-field-error.daily-signing-sheet-expense-primary-btn.is-save-mode .daily-signing-sheet-expense-primary-btn-icon {
  display: none;
}

.office-field-error.daily-signing-sheet-expense-primary-btn.is-save-mode .daily-signing-sheet-expense-primary-btn-icon {
  display: none;
}

.daily-signing-sheet-expense-primary-btn.is-save-mode .daily-signing-sheet-expense-primary-btn-icon {
  display: none;
}

.daily-signing-sheet-expense-secondary-btn {
  display: inline-flex;
  height: 42px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 18px;
  padding-right: 18px;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (min-width: 600px) {
  .daily-signing-sheet-expense-secondary-btn {
    width: auto;
  }
}

.ui-footer-validate-001 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  display: flex;
  width: 100%;
  max-width: 760px;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 6px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-footer-validate-002 {
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.ui-footer-validate-002:hover {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-header-validate-001 {
  display: flex;
  min-height: 64px;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(38 53 45 / var(--tw-bg-opacity, 1));
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  --tw-text-opacity: 1;
  color: rgb(243 250 246 / var(--tw-text-opacity, 1));
}

@media (max-width: 680px) {
  .ui-header-validate-001 {
    padding-left: 14px;
    padding-right: 14px;
  }
}

.ui-header-validate-002 {
  display: flex;
  width: 100%;
  max-width: 1180px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 680px) {
  .ui-header-validate-002 {
    align-items: flex-start;
  }

  .ui-header-validate-001 .dashboard-logo-main {
    font-size: 18px;
  }

  .ui-header-validate-001 .dashboard-logo-sub {
    font-size: 8px;
  }
}

.ui-header-validate-005 {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 680px) {
  .ui-header-validate-005 {
    gap: 8px;
  }
}

.ui-header-validate-006 {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  border-color: rgba(255,255,255,0.18);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

@media (max-width: 680px) {
  .ui-header-validate-006 {
    height: 36px;
    padding-left: 11px;
    padding-right: 11px;
  }
}

.ui-header-validate-007 {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

@media (max-width: 680px) {
  .ui-header-validate-007 {
    height: 36px;
    padding-left: 11px;
    padding-right: 11px;
  }
}

.ui-inventory-recommendation-renewal-001 {
  width: 100%;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ui-inventory-recommendation-renewal-003 {
  margin: 0px;
  font-size: 24px;
  font-weight: 780;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-inventory-recommendations-001 {
  margin-bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 600px) {
  .ui-inventory-recommendations-001 {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.ui-inventory-recommendations-002 {
  margin: 0px;
  font-size: 24px;
  font-weight: 780;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-inventory-recommendations-003 {
  margin-bottom: 1rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.ui-offices-003 {
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(237 249 241 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.ui-offices-004 {
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.patient-archive-page-root {
  width: 100%;
}

.patient-archive-section {
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --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);
}

.patient-archive-card {
  margin-top: 1rem;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-archive-head {
  margin-bottom: 18px;
}

.patient-archive-title-wrap {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.625rem;
}

.patient-archive-icon {
  height: 38px;
  width: 38px;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.patient-archive-icon svg {
  height: 18px;
  width: 18px;
}

.patient-archive-title {
  margin: 0px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-archive-subtitle {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-archive-filters-panel {
  margin-bottom: 18px;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fbfdfc var(--tw-gradient-to-position);
  padding: 1rem;
}

.patient-archive-filters-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-end;
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .patient-archive-filters-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1450px) {
  .patient-archive-filters-grid {
    grid-template-columns: minmax(0,1fr) minmax(145px,0.55fr) minmax(145px,0.55fr) minmax(150px,0.55fr) auto;
  }
}

.patient-archive-filter-field {
  display: grid;
  min-width: 0px;
  gap: 7px;
}

.patient-archive-filter-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-archive-filter-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-archive-filter-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.patient-archive-filter-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.patient-archive-date-wrap {
  position: relative;
  display: block;
}

.patient-archive-date-input {
  padding-right: 2.5rem;
}

.patient-archive-date-input::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.patient-archive-date-icon {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 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));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-archive-date-icon svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.patient-archive-filter-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .patient-archive-filter-actions {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1450px) {
  .patient-archive-filter-actions {
    grid-column: span 1 / span 1;
    grid-column-start: 5;
  }
}

.patient-archive-search-button {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.patient-archive-clear-button {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-archive-summary {
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .patient-archive-summary {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }
}

.patient-archive-count {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-archive-summary-hint {
  text-align: left;
  line-height: 1.35;
}

@media (min-width: 800px) {
  .patient-archive-summary-hint {
    text-align: right;
  }
}

.patient-archive-list {
  display: grid;
  gap: 0.75rem;
}

.patient-archive-record-card {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 18px;
}

@media (min-width: 1100px) {
  .patient-archive-record-card {
    grid-template-columns: minmax(0,1fr) 280px auto;
  }
}

.patient-archive-record-main {
  min-width: 0px;
}

.patient-archive-status-pill {
  margin-bottom: 0.5rem;
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.patient-archive-record-title {
  margin: 0px;
  margin-bottom: 0.625rem;
  overflow-wrap: break-word;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.patient-archive-record-meta {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
  row-gap: 0.5rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-archive-meta-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.patient-archive-meta-chip strong {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-archive-reason-box {
  min-width: 0px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.patient-archive-reason-label {
  margin-bottom: 0.375rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-archive-reason-text {
  margin: 0px;
  font-size: 13px;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(107 123 115 / var(--tw-text-opacity, 1));
}

.patient-archive-record-actions {
  display: flex;
  justify-content: flex-start;
}

@media (min-width: 1100px) {
  .patient-archive-record-actions {
    justify-content: flex-end;
  }
}

.patient-archive-view-button {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.patient-archive-view-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.patient-archive-empty {
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  text-align: center;
}

.patient-archive-empty-title {
  margin: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-archive-empty-hint {
  margin-top: 0.5rem;
  margin-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-patient-documents-001 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.patient-documents-page-root {
  width: 100%;
}

.patient-documents-section {
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --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);
}

.patient-documents-card {
  margin-top: 1rem;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-documents-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.patient-documents-title-wrap {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.625rem;
}

.patient-documents-icon {
  height: 38px;
  width: 38px;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.patient-documents-title {
  margin: 0px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-documents-subtitle {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-documents-upload-panel {
  margin-top: 1rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.patient-documents-upload-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-end;
  gap: 0.75rem;
}

@media (min-width: 1100px) {
  .patient-documents-upload-grid {
    grid-template-columns: minmax(0,1.1fr) minmax(0,1fr) auto;
  }
}

.patient-documents-upload-field {
  display: grid;
  gap: 0.375rem;
}

.patient-documents-upload-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-documents-file-box {
  display: flex;
  height: 2.5rem;
  min-width: 0px;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

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

.patient-documents-file-choose {
  display: inline-flex;
  height: 30px;
  align-items: center;
  border-radius: 9px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.patient-documents-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-documents-description-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-documents-description-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.patient-documents-upload-action {
  width: 100%;
}

@media (min-width: 1100px) {
  .patient-documents-upload-action {
    width: auto;
  }
}

.patient-documents-upload-button {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .patient-documents-upload-button {
    width: auto;
  }
}

.field-error-message.patient-documents-alert {
  display: none;
}

.profile-field-error.patient-documents-alert {
  display: none;
}

.ui-users-043.patient-documents-alert {
  display: none;
}

.ui-calendar-field-error.patient-documents-alert {
  display: none;
}

.office-field-error.patient-documents-alert {
  display: none;
}

.patient-documents-alert {
  margin-top: 1rem;
  display: none;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(237 249 241 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.patient-documents-summary {
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .patient-documents-summary {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
}

.patient-documents-count {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-documents-hint {
  text-align: left;
  line-height: 1.35;
}

@media (min-width: 800px) {
  .patient-documents-hint {
    text-align: right;
  }
}

.patient-documents-timeline-shell {
  position: relative;
  padding-left: 3rem;
}

.patient-documents-timeline-shell::before {
  content: "";
  position: absolute;
  left: 0.875rem;
  top: 17px;
  bottom: 17px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 228 / var(--tw-bg-opacity, 1));
}

.patient-documents-list {
  display: grid;
  gap: 0.75rem;
}

.patient-documents-row {
  position: relative;
}

.patient-documents-row-number {
  position: absolute;
  left: -48px;
  top: 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));
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  z-index: 1;
  display: grid;
  place-items: center;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-documents-row-card {
  min-height: 104px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 14px;
  padding-left: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 1rem;
}

@media (min-width: 800px) {
  .patient-documents-row-card {
    grid-template-columns: minmax(0,1fr) 92px;
    gap: 1rem;
  }
}

@media (min-width: 1450px) {
  .patient-documents-row-card {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 92px;
    align-items: center;
    gap: 18px;
  }
}

.patient-documents-main {
  min-width: 0px;
}

@media (min-width: 1450px) {
  .patient-documents-main {
    grid-column-start: 1;
    grid-row-start: 1;
  }
}

.patient-documents-badge {
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.patient-documents-badge-uploaded {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patient-documents-badge-system {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.patient-documents-file-title {
  margin-top: 0.5rem;
  overflow-wrap: break-word;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-documents-file-meta {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-documents-description-box {
  min-height: 74px;
  width: 100%;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

@media (min-width: 800px) {
  .patient-documents-description-box {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1450px) {
  .patient-documents-description-box {
    grid-column: span 1 / span 1;
    grid-column-start: 2;
    grid-row-start: 1;
  }
}

.patient-documents-description-label {
  margin-bottom: 0.375rem;
  width: 100%;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-documents-description-value {
  margin: 0px;
  width: 100%;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-documents-actions {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .patient-documents-actions {
    grid-column-start: 2;
    grid-row-start: 1;
    justify-content: flex-end;
  }
}

@media (min-width: 1450px) {
  .patient-documents-actions {
    grid-column: span 1 / span 1;
    grid-column-start: 3;
    grid-row-start: 1;
    justify-content: flex-end;
    align-self: center;
    justify-self: end;
  }
}

.patient-documents-action-btn {
  display: grid;
  height: 2.25rem;
  width: 2.25rem;
  place-items: center;
  border-radius: 11px;
  border-width: 1px;
}

.patient-documents-action-view {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.patient-documents-action-delete {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.patient-documents-empty {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-dog-page {
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --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);
}

.patient-dog-card {
  display: grid;
  gap: 1.25rem;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-dog-card-head {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .patient-dog-card-head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.patient-dog-title-wrap {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.625rem;
}

.patient-dog-icon {
  height: 38px;
  width: 38px;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.patient-dog-icon svg {
  height: 18px;
  width: 18px;
}

.patient-dog-title {
  margin: 0px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-dog-subtitle {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-dog-edit-button {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.patient-dog-close-button {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.patient-dog-close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.patient-dog-view-layout {
  display: grid;
  align-items: flex-start;
  gap: 1.25rem;
}

@media (min-width: 1100px) {
  .patient-dog-view-layout {
    grid-template-columns: 260px minmax(0,1fr);
    gap: 1.75rem;
  }
}

.patient-dog-photo-large {
  height: 240px;
  width: 100%;
  max-width: 240px;
  overflow: hidden;
  border-radius: 28px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  display: grid;
  place-items: center;
  font-size: 32px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-dog-photo-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.patient-dog-info-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.875rem;
}

@media (min-width: 800px) {
  .patient-dog-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.patient-dog-info-card {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

@media (min-width: 800px) {
  .patient-dog-info-card-full {
    grid-column: span 2 / span 2;
  }
}

.patient-dog-info-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-dog-info-value {
  margin-top: 0.25rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-dog-edit-layout {
  display: grid;
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .patient-dog-edit-layout {
    grid-template-columns: minmax(0,1fr) 300px;
  }
}

.patient-dog-edit-main {
  display: grid;
  gap: 1rem;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  order: 2;
}

@media (min-width: 1100px) {
  .patient-dog-edit-main {
    order: 1;
  }
}

.patient-dog-form-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 800px) {
  .patient-dog-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .patient-dog-field-full {
    grid-column: span 2 / span 2;
  }
}

.patient-dog-field-label {
  margin-bottom: 0.375rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-dog-required-mark {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.patient-dog-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-dog-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 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(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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.patient-dog-textarea {
  height: auto;
  min-height: 6rem;
  resize: vertical;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.patient-dog-date-field {
  position: relative;
}

.patient-dog-date-input {
  padding-right: 2.5rem;
}

.patient-dog-date-icon {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  --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));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-dog-form-actions {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}

.patient-dog-save-button {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-dog-cancel-button {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-dog-cancel-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.patient-dog-photo-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  gap: 0.75rem;
  order: 1;
}

@media (min-width: 1100px) {
  .patient-dog-photo-card {
    order: 2;
    position: sticky;
    top: 6rem;
  }
}

.patient-dog-photo-title {
  margin: 0px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-dog-photo-preview {
  height: 110px;
  width: 110px;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  display: grid;
  place-items: center;
  font-size: 24px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-dog-upload-box {
  display: grid;
  gap: 0.625rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.patient-dog-photo-native-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.patient-dog-upload-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.patient-dog-upload-button {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-dog-file-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-dog-photo-action {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-dog-photo-action-undo {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.ui-patient-edit-001 {
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.ui-patient-edit-004 {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 800px) {
  .ui-patient-edit-004 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ui-patient-edit-005 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

@media (min-width: 800px) {
  .ui-patient-edit-005 {
    flex-direction: row;
    align-items: center;
  }
}

.ui-patient-edit-006 {
  display: flex;
  height: 6rem;
  width: 6rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-patient-edit-007 {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ui-patient-edit-008 {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 0.5rem;
}

.ui-patient-edit-009 {
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.ui-patient-edit-012 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
}

.ui-patient-edit-013 {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-patient-edit-014 {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-patient-edit-015 {
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.ui-patient-edit-016 {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .ui-patient-edit-016 {
    grid-column: span 2 / span 2;
  }
}

.ui-patient-edit-017 {
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.patient-edit-page {
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.patient-edit-header-card {
  margin-bottom: 1rem;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-edit-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.patient-edit-title {
  margin: 0px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-edit-cancel-top {
  flex-shrink: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.patient-edit-form {
  display: block;
}

.patient-edit-layout {
  display: grid;
  align-items: flex-start;
  gap: 1rem;
}

@media (min-width: 1100px) {
  .patient-edit-layout {
    grid-template-columns: minmax(0,1fr) 330px;
    gap: 18px;
  }
}

.patient-edit-main {
  display: grid;
  min-width: 0px;
  gap: 1rem;
}

.patient-edit-section-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-edit-section-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-edit-section-sub {
  margin-top: -6px;
  margin-bottom: 1rem;
  font-size: 13px;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-edit-photo-row {
  display: grid;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 600px) {
  .patient-edit-photo-row {
    grid-template-columns: auto minmax(0,1fr);
  }
}

.patient-edit-photo-row .ui-patient-edit-006 {
  height: 108px;
  width: 108px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  font-size: 30px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patient-edit-upload-box {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 0.625rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.patient-edit-photo-file-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.patient-edit-photo-native-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.patient-edit-photo-upload-button {
  display: inline-flex;
  height: 34px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-edit-photo-file-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-edit-upload-box .ui-patient-edit-009 {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-edit-upload-box #patientPhotoUndo {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.patient-edit-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1rem;
}

@media (min-width: 800px) {
  .patient-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.patient-edit-field {
  display: grid;
  min-width: 0px;
  align-content: flex-start;
  gap: 0.375rem;
}

@media (min-width: 800px) {
  .patient-edit-field-full {
    grid-column: span 2 / span 2;
  }
}

.patient-edit-label {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-edit-required {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.patient-edit-input {
  height: 2.5rem;
  border-radius: 0.75rem;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-edit-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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(4px + 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);
  --tw-ring-color: rgba(22, 163, 74, 0.22);
}

.patient-edit-field-phone .iti {
  width: 100%;
}

.patient-edit-field-phone .\!iti {
  width: 100%;
}

.patient-edit-dob-fields {
  display: inline-flex;
  align-items: flex-end;
  gap: 0.375rem;
}

.patient-edit-dob-part {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 0.25rem;
}

.patient-edit-dob-part-month,
    .patient-edit-dob-part-day {
  width: 4.25rem;
}

.patient-edit-dob-part-year {
  width: 5.25rem;
}

.patient-edit-dob-part-label {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-edit-dob-select {
  position: relative;
  height: 2.5rem;
  width: 100%;
  min-width: 0px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 1.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  line-height: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.4rem center;
  background-size: 0.75rem;
}

.patient-edit-dob-error {
  margin-top: 0.375rem;
}

.patient-edit-dob-select option {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  font-size: 12px;
  line-height: 1.15;
  padding: 1px 4px;
}

@supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)) {
  .patient-edit-dob-select,
        .patient-edit-dob-select::picker(select) {
    -webkit-appearance: base-select;
       -moz-appearance: base-select;
            appearance: base-select;
  }

  .patient-edit-dob-select {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.5rem;
    padding-right: 1.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.4rem center;
    background-size: 0.75rem;
  }

  .patient-edit-dob-select::picker-icon {
    display: none;
  }

  .patient-edit-dob-select::picker(select) {
    margin-top: 0.25rem;
    overflow-y: auto;
    border-radius: 0.75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 0.25rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 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);
    max-height: 11rem;
  }

  .patient-edit-dob-select option {
    border-radius: 0.375rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(16 32 26 / var(--tw-text-opacity, 1));
    font-size: 12px;
    line-height: 1.15;
    padding: 2px 8px;
  }

  .patient-edit-dob-select option:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  }
}

.patient-edit-dob-separator {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

#patientEditApp .air-datepicker {
  --adp-font-family: inherit;
  --adp-border-radius: 14px;
  --adp-border-color: #e2e8f0;
  --adp-border-color-inner: #eef2f6;
  --adp-accent-color: #16a34a;
  --adp-color-current-date: #16a34a;
  --adp-background-color-hover: #eaf7ef;
  --adp-background-color-active: #dff3e6;
  --adp-cell-background-color-selected: #16a34a;
  --adp-cell-background-color-selected-hover: #15803d;
  --adp-cell-background-color-hover: #eaf7ef;
  --adp-cell-background-color-in-range: rgba(22, 163, 74, 0.12);
  --adp-cell-background-color-in-range-hover: rgba(22, 163, 74, 0.18);
  --adp-cell-border-color-in-range: #16a34a;
  --adp-background-color-in-range: rgba(22, 163, 74, 0.1);
  --adp-background-color-in-range-focused: rgba(22, 163, 74, 0.16);
}

#patientEditApp .air-datepicker-nav--title:hover,
    #patientEditApp .air-datepicker-nav--action:hover {
  background: #eaf7ef;
}

#patientEditApp .air-datepicker-cell.-current- {
  border: 1px solid #bfe8cd;
  border-radius: 10px;
}

.patient-edit-modules-sidebar {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .patient-edit-modules-sidebar {
    position: sticky;
    top: 6rem;
  }
}

.patient-edit-module-list {
  margin-top: 0.75rem;
  display: grid;
  gap: 0.75rem;
}

.patient-edit-module-list .ui-patient-edit-012 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.875rem;
  border-radius: 1rem;
  border-width: 1px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  text-align: left;
}

.patient-edit-module-list .ui-patient-edit-012[aria-pressed="false"] {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #f0f5f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 245 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.patient-edit-module-list .ui-patient-edit-012[aria-pressed="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #f7f3ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 243 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.patient-edit-module-list .ui-patient-edit-013 {
  margin-top: 0.25rem;
  font-size: 13px;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-edit-module-list .ui-patient-edit-014 {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-edit-module-list .module-toggle > div > .ui-time-work-009 {
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-edit-module-list .ui-patient-edit-015 {
  display: inline-flex;
  min-height: 25px;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: none;
}

.patient-edit-module-status-enabled {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.patient-edit-module-status-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 241 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(86 100 94 / var(--tw-text-opacity, 1));
}

.ui-patient-header-recommendation-modals-001 {
  margin-top: 1rem;
  display: grid;
  gap: 1rem;
}

@media (min-width: 800px) {
  .ui-patient-header-recommendation-modals-001 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.field-error-message.ui-patient-header-recommendation-modals-002 {
  display: none;
}

.profile-field-error.ui-patient-header-recommendation-modals-002 {
  display: none;
}

.ui-users-043.ui-patient-header-recommendation-modals-002 {
  display: none;
}

.ui-calendar-field-error.ui-patient-header-recommendation-modals-002 {
  display: none;
}

.office-field-error.ui-patient-header-recommendation-modals-002 {
  display: none;
}

.ui-patient-header-recommendation-modals-002 {
  margin-top: 0.5rem;
  display: none;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-patient-header-recommendation-modals-003 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 800px) {
  #patientRecommendationModal[data-recommendation-mode="future"] #patientRecommendationPeriodWrap {
    grid-column: span 1 / span 1;
  }
}

.ui-patient-header-recommendation-modals-004 {
  margin-top: 0.25rem;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.field-error-message.ui-patient-header-recommendation-modals-005 {
  display: none;
}

.profile-field-error.ui-patient-header-recommendation-modals-005 {
  display: none;
}

.ui-users-043.ui-patient-header-recommendation-modals-005 {
  display: none;
}

.ui-calendar-field-error.ui-patient-header-recommendation-modals-005 {
  display: none;
}

.office-field-error.ui-patient-header-recommendation-modals-005 {
  display: none;
}

.ui-patient-header-recommendation-modals-005 {
  margin-top: 1rem;
  display: flex;
  display: none;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-patient-header-recommendation-modals-009 {
  display: grid;
  gap: 1rem;
}

@media (min-width: 800px) {
  .ui-patient-header-recommendation-modals-009 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ui-patient-header-recommendation-modals-011 {
  display: flex;
  width: 100%;
  max-width: 150px;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
}

.ui-patient-header-recommendation-modals-012 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.ui-patient-header-recommendation-modals-013 {
  height: auto;
  width: 100px;
}

.ui-patient-header-recommendation-modals-016 {
  margin-top: 0.5rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
}

.ui-patient-header-recommendation-modals-017 {
  height: auto;
  width: 170px;
}

.ui-patient-header-recommendation-modals-023 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.ui-patient-notes-007 {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-patient-notes-002 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.patient-notes-page-root {
  width: 100%;
}

.patient-notes-section {
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --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);
}

.patient-notes-card {
  margin-top: 1rem;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-notes-head {
  margin-bottom: 18px;
}

.patient-notes-title-wrap {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.625rem;
}

.patient-notes-icon {
  height: 38px;
  width: 38px;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.patient-notes-icon svg {
  height: 18px;
  width: 18px;
}

.patient-notes-title {
  margin: 0px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-notes-subtitle {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-notes-composer {
  margin-bottom: 18px;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fbfdfc var(--tw-gradient-to-position);
  padding: 1rem;
}

.patient-notes-composer-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-end;
  gap: 0.75rem;
}

@media (min-width: 1100px) {
  .patient-notes-composer-grid {
    grid-template-columns: 260px minmax(0,1fr) auto;
  }
}

.patient-notes-composer-field {
  display: grid;
  min-width: 0px;
  gap: 0.375rem;
}

.patient-notes-composer-label {
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-notes-select {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-notes-select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.patient-notes-textarea {
  max-height: 120px;
  min-height: 40px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  resize: vertical;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-notes-textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.patient-notes-composer-action {
  width: 100%;
}

@media (min-width: 1100px) {
  .patient-notes-composer-action {
    width: auto;
  }
}

.patient-notes-add-button {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .patient-notes-add-button {
    width: auto;
  }
}

.patient-notes-summary {
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .patient-notes-summary {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }
}

.patient-notes-count {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-notes-hint {
  text-align: left;
  line-height: 1.35;
}

@media (min-width: 800px) {
  .patient-notes-hint {
    text-align: right;
  }
}

.patient-notes-timeline-shell {
  position: relative;
  padding-left: 2.5rem;
}

@media (min-width: 800px) {
  .patient-notes-timeline-shell {
    padding-left: 3rem;
  }
}

.patient-notes-timeline-shell::before {
  content: "";
  position: absolute;
  left: 0.875rem;
  top: 17px;
  bottom: 17px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 228 / var(--tw-bg-opacity, 1));
}

.patient-notes-list {
  display: grid;
  gap: 0.75rem;
}

.patient-notes-row {
  position: relative;
}

.patient-notes-row-number {
  position: absolute;
  left: -40px;
  top: 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));
}

@media (min-width: 800px) {
  .patient-notes-row-number {
    left: -48px;
  }
}

.patient-notes-row-number {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  z-index: 1;
  display: grid;
  place-items: center;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-notes-row-card {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 1rem;
}

@media (min-width: 1100px) {
  .patient-notes-row-card {
    grid-template-columns: minmax(0,1fr) 52px;
  }
}

@media (min-width: 1450px) {
  .patient-notes-row-card {
    grid-template-columns: minmax(0,1fr) 390px 52px;
    gap: 18px;
  }
}

.patient-notes-main {
  min-width: 0px;
}

.patient-notes-text {
  margin: 0px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-notes-date-meta {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-notes-date-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.patient-notes-date-meta svg {
  height: 13px;
  width: 13px;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-notes-details {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.625rem;
}

@media (min-width: 1100px) {
  .patient-notes-details {
    grid-column: span 2 / span 2;
    grid-row-start: 2;
  }
}

@media (min-width: 1450px) {
  .patient-notes-details {
    grid-column: span 1 / span 1;
    grid-column-start: 2;
    grid-row-start: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.patient-notes-detail {
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.625rem;
}

.patient-notes-detail-label {
  margin-bottom: 0.25rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-notes-detail-value {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-notes-delete-wrap {
  justify-self: start;
}

@media (min-width: 1100px) {
  .patient-notes-delete-wrap {
    grid-column-start: 2;
    grid-row-start: 1;
    justify-self: center;
  }
}

@media (min-width: 1450px) {
  .patient-notes-delete-wrap {
    grid-column-start: 3;
    grid-row-start: 1;
  }
}

.patient-notes-delete-btn {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  display: grid;
  place-items: center;
}

.patient-notes-delete-btn svg {
  height: 1rem;
  width: 1rem;
}

.patient-notes-empty {
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-products-page-root {
  width: 100%;
}

.patient-products-section {
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --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);
}

.patient-products-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-products-head {
  margin-bottom: 18px;
}

.patient-products-title-wrap {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.625rem;
}

.patient-products-icon {
  height: 38px;
  width: 38px;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.patient-products-icon svg {
  height: 18px;
  width: 18px;
}

.patient-products-title {
  margin: 0px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-products-subtitle {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-products-block-head {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 760px) {
  .patient-products-block-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

.patient-products-block-title {
  margin: 0px;
  font-size: 17px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-products-block-hint {
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-products-count-pill {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-products-available-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
  gap: 0.75rem;
}

.patient-products-available-card {
  min-height: 148px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
  display: grid;
  gap: 0.75rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-products-available-name {
  margin: 0px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-products-available-desc {
  margin: 0px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-products-sell-button {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
  margin-top: auto;
  align-self: flex-start;
}

.patient-products-divider {
  margin-top: 22px;
  margin-bottom: 22px;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 228 / var(--tw-bg-opacity, 1));
}

.patient-products-sold-list {
  display: grid;
  gap: 0.75rem;
}

.patient-products-sold-card {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #fbfdfc var(--tw-gradient-to-position);
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.625rem;
}

.patient-products-sold-title-row {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.patient-products-sold-body {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 1200px) {
  .patient-products-sold-body {
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
  }
}

.patient-products-sold-title {
  margin: 0px;
  font-size: 15px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-products-sold-badge {
  display: inline-flex;
  height: 1.5rem;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patient-products-sold-meta-grid {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 760px) {
  .patient-products-sold-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .patient-products-sold-meta-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.patient-products-sold-meta {
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.625rem;
}

.patient-products-sold-meta-label {
  margin-bottom: 0.25rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-products-sold-meta-value {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-products-sold-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

@media (min-width: 1200px) {
  .patient-products-sold-actions {
    justify-content: flex-end;
    align-self: center;
  }
}

.patient-products-print-button {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.field-error-message.patient-products-empty {
  display: none;
}

.profile-field-error.patient-products-empty {
  display: none;
}

.ui-users-043.patient-products-empty {
  display: none;
}

.ui-calendar-field-error.patient-products-empty {
  display: none;
}

.office-field-error.patient-products-empty {
  display: none;
}

.patient-products-empty {
  display: none;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  text-align: center;
}

.patient-products-empty-title {
  margin: 0px;
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-products-empty-hint {
  margin-top: 0.375rem;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-patient-view-001 {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-patient-view-002 {
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 1rem;
}

.patient-profile-page {
  width: 100%;
}

.patient-profile-page-shell {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.patient-profile-layout {
  display: grid;
  gap: 18px;
}

@media (min-width: 1100px) {
  .patient-profile-layout {
    grid-template-columns: minmax(0,1fr) 286px;
  }
}

.patient-profile-main {
  min-width: 0px;
}

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

.patient-profile-side {
  min-width: 0px;
}

@media (min-width: 1100px) {
  .patient-profile-side {
    position: sticky;
    top: 6rem;
    align-self: flex-start;
  }
}

.patient-overview-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-overview-top {
  display: grid;
  align-items: flex-start;
  gap: 1rem;
}

@media (min-width: 800px) {
  .patient-overview-top {
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 22px;
  }
}

.patient-overview-avatar-wrap {
  display: flex;
  align-items: flex-start;
}

.patient-overview-avatar {
  height: 96px;
  width: 96px;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  font-size: 30px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  display: grid;
  place-items: center;
}

@media (min-width: 800px) {
  .patient-overview-avatar {
    height: 104px;
    width: 104px;
  }
}

.patient-overview-name {
  margin: 0px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-overview-details {
  min-width: 0px;
}

.patient-overview-info-grid {
  margin-top: 0.75rem;
  display: grid;
  -moz-column-gap: 26px;
       column-gap: 26px;
  row-gap: 0.5rem;
}

@media (min-width: 600px) {
  .patient-overview-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.patient-overview-info-label {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-overview-info-value {
  margin-top: 3px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-profile-age {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .patient-overview-edit-wrap {
    justify-self: end;
  }
}

.patient-overview-edit-button {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.patient-overview-edit-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 81 50 / var(--tw-bg-opacity, 1));
}

.patient-overview-divider {
  margin-top: 1rem;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 228 / var(--tw-bg-opacity, 1));
}

.patient-create-recommendation {
  margin-top: 1rem;
}

.patient-create-recommendation-title {
  margin: 0px;
  margin-bottom: 0.625rem;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-create-recommendation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.patient-create-recommendation-button {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.patient-create-recommendation-button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(223 195 155 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 220 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(79 53 24 / var(--tw-text-opacity, 1));
}

.patient-side-menu-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 14px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-side-menu-title {
  margin: 0px;
  margin-bottom: 0.625rem;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-side-menu-list {
  display: grid;
  gap: 0.25rem;
}

.patient-side-menu-link {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  border-radius: 12px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration-line: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-side-menu-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patient-side-menu-link-active {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patient-side-menu-link-archive {
  margin-top: 6px;
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.patient-side-menu-link-archive:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.patient-side-menu-link-archive.patient-side-menu-link-active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.patient-side-menu-arrow {
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-recommendations-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-recommendations-title {
  margin: 0px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-recommendations-divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 233 228 / var(--tw-bg-opacity, 1));
}

.patient-recommendations-list {
  display: grid;
  gap: 0.75rem;
}

.patient-recommendations-empty {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.patient-recommendation-card {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-recommendation-card-pending {
  border-left-width: 7px;
  --tw-border-opacity: 1;
  border-left-color: rgb(154 167 161 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(90deg, rgba(154, 167, 161, 0.1) 0%, rgba(255, 255, 255, 0) 32%);
}

.patient-recommendation-card-approved {
  border-left-width: 7px;
  --tw-border-opacity: 1;
  border-left-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(90deg, rgba(22, 163, 74, 0.1) 0%, rgba(255, 255, 255, 0) 32%);
}

.patient-recommendation-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.patient-recommendation-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-recommendation-meta {
  margin-top: 0.5rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-recommendation-status {
  display: inline-flex;
  min-height: 1.5rem;
  align-items: center;
  border-radius: 9999px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: none;
  line-height: 1;
}

.patient-recommendation-status-pending {
  --tw-bg-opacity: 1;
  background-color: rgb(238 241 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(86 100 94 / var(--tw-text-opacity, 1));
}

.patient-recommendation-status-approved {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.patient-recommendation-actions {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.patient-recommendation-action-button {
  display: inline-flex;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  border-width: 1px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.patient-recommendation-action-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.patient-recommendation-action-primary {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.patient-recommendation-action-danger {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.patient-recommendation-action-danger:hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.field-error-message.ui-phone-input-001 {
  display: none;
}

.profile-field-error.ui-phone-input-001 {
  display: none;
}

.ui-users-043.ui-phone-input-001 {
  display: none;
}

.ui-calendar-field-error.ui-phone-input-001 {
  display: none;
}

.office-field-error.ui-phone-input-001 {
  display: none;
}

.ui-phone-input-001 {
  margin-top: 0.25rem;
  display: none;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-profile-002 {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-profile-004 {
  list-style-type: disc;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-profile-007 {
  border-top-width: 1px;
  padding-top: 1rem;
}

.ui-profile-008 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.ui-profile-010 {
  margin-top: 1rem;
}

.ui-profile-010 > :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));
}

.ui-profile-012 {
  margin-top: 1.5rem;
}

.ui-profile-012 > :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));
}

.ui-profile-013 {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.ui-profile-014 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-profile-015 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-profile-016 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.ui-profile-017 {
  display: flex;
  height: 7rem;
  width: 7rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.field-error-message.ui-profile-018 {
  display: none;
}

.profile-field-error.ui-profile-018 {
  display: none;
}

.ui-users-043.ui-profile-018 {
  display: none;
}

.ui-calendar-field-error.ui-profile-018 {
  display: none;
}

.office-field-error.ui-profile-018 {
  display: none;
}

.ui-profile-018 {
  display: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.field-error-message.ui-profile-019 {
  display: none;
}

.profile-field-error.ui-profile-019 {
  display: none;
}

.ui-users-043.ui-profile-019 {
  display: none;
}

.ui-calendar-field-error.ui-profile-019 {
  display: none;
}

.office-field-error.ui-profile-019 {
  display: none;
}

.ui-profile-019 {
  margin-top: 0.5rem;
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.ui-profile-019:hover {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-profile-020 {
  margin-top: 1rem;
}

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

.ui-profile-021 {
  margin-top: 0.25rem;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
}

.ui-profile-022 {
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(16 32 26 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.ui-profile-022:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 81 50 / var(--tw-bg-opacity, 1));
}

.ui-profile-023 {
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.ui-profile-023:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.field-error-message.ui-profile-024 {
  display: none;
}

.profile-field-error.ui-profile-024 {
  display: none;
}

.ui-users-043.ui-profile-024 {
  display: none;
}

.ui-calendar-field-error.ui-profile-024 {
  display: none;
}

.office-field-error.ui-profile-024 {
  display: none;
}

.ui-profile-024 {
  display: none;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

/* =========================
       Owner profile section
       ========================= */

.owner-layout {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .owner-layout {
    grid-template-columns: 320px minmax(0,1fr);
  }
}

.owner-sidebar {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .owner-sidebar {
    position: sticky;
    top: 88px;
  }
}

.owner-sidebar-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 18px;
  font-weight: 760;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-tabs {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 7px;
}

@media (min-width: 800px) {
  .profile-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .profile-tabs {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* Used when Plan & billing is hidden from profile navigation. */

@media (min-width: 800px) {
  .profile-tabs-without-billing {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.profile-tab {
  min-height: 46px;
  border-radius: 14px;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 14px;
  font-weight: 560;
  text-decoration-line: none;
}

.profile-tab-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.profile-tab-icon svg {
  height: 17px;
  width: 17px;
}

.profile-tab-label {
  min-width: 0px;
}

.profile-tab-email-verification-icon {
  margin-left: 0.375rem;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  flex: none;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.profile-tab-email-verification-icon svg {
  height: 1rem;
  width: 1rem;
}

.profile-tab-active {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.profile-tab-danger {
  color: #9f3434;
}

.profile-tab-active-danger {
  background-color: #fff7f7;
  border-color: #f3c8ce;
  color: #9f3434;
  font-weight: 760;
}

.owner-content {
  min-width: 0px;
}

.profile-card {
  width: 100%;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.profile-card-head {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.profile-icon-title {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}

.profile-icon {
  display: grid;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.profile-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.profile-icon-blue {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.profile-icon-purple {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.profile-icon-danger {
  background-color: #fff7f7;
  border-color: #f3c8ce;
  color: #9f3434;
  border-width: 1px;
}

.profile-card-title {
  margin: 0px;
  font-size: 24px;
  font-weight: 780;
  line-height: 1.1;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-card-sub {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-form-section {
  margin-bottom: 1.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-bottom: 1.25rem;
}

.profile-form-section:last-child {
  margin-bottom: 0px;
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.profile-section-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 17px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-password-title {
  margin: 0px;
  font-size: 17px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-password-hint {
  margin: 0px;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-password-fields {
  margin-top: 14px;
}

.profile-form-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 0.875rem;
}

@media (min-width: 800px) {
  .profile-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.profile-field {
  display: grid;
  min-width: 0px;
  align-content: flex-start;
  gap: 7px;
}

@media (min-width: 800px) {
  .profile-field-full {
    grid-column: span 2 / span 2;
  }
}

.profile-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.profile-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 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(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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.profile-input-disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-password-wrap {
  position: relative;
}

.profile-input-password {
  padding-right: 2.5rem;
}

.profile-password-toggle {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  display: inline-flex;
  --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));
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-password-toggle svg {
  height: 17px;
  width: 17px;
}

.profile-field-error {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.profile-field-error.hidden {
  display: none;
}

.profile-field-help {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-email-verification-warning {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.profile-email-verification-warning-icon {
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  flex: none;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.profile-email-verification-warning-icon svg {
  height: 1rem;
  width: 1rem;
}

.profile-email-verification-warning-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.profile-email-verify-btn {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.profile-email-verify-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.profile-email-verify-status {
  margin: 0px;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-actions-row {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.625rem;
}

.profile-btn-primary {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.profile-btn-danger-solid {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  background-color: #dc2626;
  border-color: #dc2626;
  border-width: 1px;
}

.profile-edit-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .profile-edit-layout {
    grid-template-columns: minmax(0,1fr) 340px;
  }
}

.profile-form-card {
  order: 2;
}

@media (min-width: 1100px) {
  .profile-form-card {
    order: 1;
  }
}

.profile-sticky-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  order: 1;
}

@media (min-width: 1100px) {
  .profile-sticky-card {
    position: sticky;
    top: 88px;
    order: 2;
  }
}

.profile-sticky-card-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 17px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-errors {
  margin-bottom: 1rem;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.profile-errors-list {
  list-style-type: disc;
  padding-left: 1.25rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.profile-clinic-missing {
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.profile-plan-current {
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 14px 16px;
}

.profile-plan-current-label {
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
  margin-bottom: 4px;
}

.profile-plan-current-value {
  font-size: 18px;
  font-weight: 780;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.profile-plan-badge {
  display: inline-flex;
  height: 30px;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 12px;
  font-weight: 750;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.profile-plan-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .profile-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.profile-plan-card {
  display: grid;
  gap: 0.75rem;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 15px;
}

.profile-plan-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.625rem;
}

.profile-plan-name {
  margin: 0px;
  font-size: 16px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-plan-meta {
  margin: 0px;
  margin-top: 0.25rem;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-plan-price {
  font-size: 14px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-plan-select-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.profile-logo-status-title {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.profile-logo-status-hint {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-billing-note {
  margin-top: 0.75rem;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.profile-danger-zone {
  border-radius: 18px;
  padding: 1rem;
  border: 1px solid #f3c8ce;
  background-color: #fff7f7;
  color: #9f3434;
}

.profile-danger-zone-title {
  margin: 0px;
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 760;
}

.profile-danger-zone-text {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.profile-danger-zone-text + .profile-danger-zone-text {
  margin-top: 0.5rem;
}

.field-error-message.profile-delete-error {
  display: none;
}

.profile-field-error.profile-delete-error {
  display: none;
}

.ui-users-043.profile-delete-error {
  display: none;
}

.ui-calendar-field-error.profile-delete-error {
  display: none;
}

.office-field-error.profile-delete-error {
  display: none;
}

.profile-delete-error {
  margin-top: 1rem;
  display: none;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.profile-delete-form {
  margin-top: 1.25rem;
  display: grid;
  gap: 0.875rem;
}

.field-error-message.profile-delete-modal {
  display: none;
}

.profile-field-error.profile-delete-modal {
  display: none;
}

.ui-users-043.profile-delete-modal {
  display: none;
}

.ui-calendar-field-error.profile-delete-modal {
  display: none;
}

.office-field-error.profile-delete-modal {
  display: none;
}

.profile-delete-modal {
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: none;
  overflow-y: auto;
}

@media (max-width: 760px) {
  .profile-card-head {
    flex-direction: column;
  }

  .profile-actions-row {
    flex-direction: column;
  }

  .profile-actions-row .profile-btn-primary,
        .profile-actions-row .profile-btn-danger-solid,
        .profile-plan-select-btn {
    width: 100%;
  }
}

.ui-reports-month-sales-001 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}

.ui-reports-month-sales-004 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-signup-001 {
  margin-top: 0.25rem;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  padding: 0.5rem;
}

.ui-signup-002 {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-signup-005 {
  margin-top: 0.75rem;
  white-space: pre-line;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-time-work-001 {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-time-work-002 {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ui-time-work-003 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.field-error-message.ui-time-work-005 {
  display: none;
}

.profile-field-error.ui-time-work-005 {
  display: none;
}

.ui-users-043.ui-time-work-005 {
  display: none;
}

.ui-calendar-field-error.ui-time-work-005 {
  display: none;
}

.office-field-error.ui-time-work-005 {
  display: none;
}

.ui-time-work-005 {
  margin-bottom: 0.75rem;
  display: none;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-time-work-006 {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

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

.ui-time-work-008 {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.ui-time-work-009 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-time-work-010 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-time-work-011 {
  overflow: hidden;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
}

.ui-time-work-012 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 800px) {
  .ui-time-work-012 {
    grid-template-columns: 280px 1fr;
  }
}

.ui-time-work-013 {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .ui-time-work-013 {
    border-bottom-width: 0px;
    border-right-width: 1px;
  }
}

.ui-time-work-014 {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-time-work-016 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.ui-time-work-017 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.ui-time-work-018 {
  margin-top: 0.75rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ui-time-work-019 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-end;
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .ui-time-work-019 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.ui-time-work-025 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .ui-time-work-025 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tw-page-root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.tw-filters-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 10px 30px rgba(16, 32, 26, 0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-filters-card .form-label-subtle {
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.tw-filters-form {
  display: grid;
  gap: 0.75rem;
}

.tw-filters-grid {
  align-items: flex-end;
  gap: 0.75rem;
}

.tw-field-wrap {
  min-width: 0px;
}

.tw-filter-control {
  height: 2.5rem;
  border-radius: 12px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.tw-filter-control::-moz-placeholder {
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-filter-control::placeholder {
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-filter-date-wrap {
  position: relative;
  display: inline-block;
}

.tw-filter-date-input {
  padding-right: 2.5rem;
}

.tw-filter-date-icon {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 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));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-filter-date-icon svg {
  display: block;
  height: 1rem;
  width: 1rem;
}

.tw-period-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.tw-period-btn {
  height: 2.5rem;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.tw-period-btn-this {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.tw-range-row {
  flex-wrap: wrap;
  gap: 0.5rem;
}

.tw-search-btn {
  height: 2.5rem;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.tw-reset-wrap {
  align-self: flex-end;
}

.tw-reset-btn {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.tw-actions-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 10px 30px rgba(16, 32, 26, 0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-quick-btn {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.tw-action-sand {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.tw-action-purple {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.tw-work-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 10px 30px rgba(16, 32, 26, 0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-worktime-initial-head {
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.tw-initial-picker {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .tw-initial-picker {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tw-initial-picker-single {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.tw-employee-title-row {
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .tw-employee-title-row {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.tw-office-name {
  font-size: 18px;
  font-weight: 700;
}

.tw-staff-meta {
  margin-top: 0.25rem;
  font-size: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-total-pill,
    .tw-row-total-pill {
  display: inline-flex;
  height: 30px;
  align-items: center;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.tw-total-pill {
  font-weight: 600;
}

.tw-row-total-pill {
  align-self: center;
  justify-self: start;
}

@media (min-width: 1100px) {
  .tw-row-total-pill {
    justify-self: end;
  }
}

.tw-day-row-today .tw-row-total-pill {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.tw-summary-strip {
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .tw-summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.tw-summary-item {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 10px 12px;
}

.tw-summary-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-summary-value {
  margin-top: 0.25rem;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.tw-day-list {
  display: grid;
  gap: 0.625rem;
}

.tw-day-row {
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 14px 16px;
}

.tw-day-row-today {
  border-left: 5px solid #16a34a;
  background: linear-gradient(90deg, #eaf7ef 0%, #ffffff 28%);
}

.tw-day-row-locked {
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-day-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 0.75rem;
}

@media (min-width: 1100px) {
  .tw-day-grid {
    grid-template-columns: 240px minmax(180px,1fr) minmax(180px,1fr) 170px;
  }
}

.tw-date-box {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
}

.tw-date-dot {
  display: inline-flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  font-size: 12px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-day-row-today .tw-date-dot {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-date-title-wrap {
  display: inline-grid;
  gap: 0.125rem;
}

.tw-date-title {
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.tw-date-subtitle {
  font-size: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-time-cell {
  min-height: 56px;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 10px 11px;
  display: block;
}

.tw-time-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-time-value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.tw-time-action-pill {
  margin-top: 0.375rem;
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  gap: 0.375rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.tw-time-action-pill svg {
  height: 13px;
  width: 13px;
  flex-shrink: 0;
}

.tw-empty-state {
  display: grid;
  min-height: 220px;
  place-items: center;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  text-align: center;
}

.tw-empty-icon {
  margin-bottom: 0.75rem;
  display: inline-flex;
  height: 3.5rem;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 210 173 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 232 / var(--tw-bg-opacity, 1));
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(184 91 33 / var(--tw-text-opacity, 1));
}

.tw-empty-title {
  margin-bottom: 0.25rem;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.tw-empty-text {
  text-align: left;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.tw-empty-title-centered {
  text-align: center;
}

.tw-empty-text-centered {
  text-align: center;
}

@media (min-width: 800px) {
  .tw-employee-modal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ui-time-work-reminder-bar {
  width: 100%;
}

.ui-users-012 {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ui-users-013 {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.ui-users-015 {
  margin-top: 1rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.ui-users-017 {
  margin-top: 1.5rem;
  display: grid;
  gap: 1.5rem;
}

.ui-users-021 {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.field-error-message.ui-users-022 {
  display: none;
}

.profile-field-error.ui-users-022 {
  display: none;
}

.ui-users-043.ui-users-022 {
  display: none;
}

.ui-calendar-field-error.ui-users-022 {
  display: none;
}

.office-field-error.ui-users-022 {
  display: none;
}

.ui-users-022 {
  display: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-users-024 {
  display: grid;
  gap: 1rem;
}

@media (min-width: 800px) {
  .ui-users-024 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ui-users-029 {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.ui-users-030 {
  display: flex;
  height: 7rem;
  width: 7rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.ui-users-031 {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-users-033 {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ui-users-034 {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-users-035 {
  display: flex;
  height: 5rem;
  width: 10rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.field-error-message.ui-users-036 {
  display: none;
}

.profile-field-error.ui-users-036 {
  display: none;
}

.ui-users-043.ui-users-036 {
  display: none;
}

.ui-calendar-field-error.ui-users-036 {
  display: none;
}

.office-field-error.ui-users-036 {
  display: none;
}

.ui-users-036 {
  display: none;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.ui-users-037 {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.field-error-message.ui-users-038 {
  display: none;
}

.profile-field-error.ui-users-038 {
  display: none;
}

.ui-users-043.ui-users-038 {
  display: none;
}

.ui-calendar-field-error.ui-users-038 {
  display: none;
}

.office-field-error.ui-users-038 {
  display: none;
}

.ui-users-038 {
  margin-top: 1rem;
  display: block;
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.field-error-message.ui-users-039 {
  display: none;
}

.profile-field-error.ui-users-039 {
  display: none;
}

.ui-users-043.ui-users-039 {
  display: none;
}

.ui-calendar-field-error.ui-users-039 {
  display: none;
}

.office-field-error.ui-users-039 {
  display: none;
}

.ui-users-039 {
  margin-top: 0.25rem;
  display: none;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.field-error-message.ui-users-040 {
  display: none;
}

.profile-field-error.ui-users-040 {
  display: none;
}

.ui-users-043.ui-users-040 {
  display: none;
}

.ui-calendar-field-error.ui-users-040 {
  display: none;
}

.office-field-error.ui-users-040 {
  display: none;
}

.ui-users-040 {
  position: fixed;
  inset: 0px;
  z-index: 11000;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(16,32,26,0.50);
}

.ui-users-041 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 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);
}

.ui-users-042 {
  display: grid;
  gap: 0.5rem;
}

@media (min-width: 600px) {
  .ui-users-042 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ui-users-043.hidden {
  display: none;
}

.users-role-grid-invalid .users-role-option-label {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.ui-calendar-field-error {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-calendar-field-error.hidden {
  display: none;
}

.field-error-message.ui-users-044 {
  display: none;
}

.profile-field-error.ui-users-044 {
  display: none;
}

.ui-users-043.ui-users-044 {
  display: none;
}

.ui-calendar-field-error.ui-users-044 {
  display: none;
}

.office-field-error.ui-users-044 {
  display: none;
}

.ui-users-044 {
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.ui-users-045 {
  display: grid;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.field-error-message.ui-users-046 {
  display: none;
}

.profile-field-error.ui-users-046 {
  display: none;
}

.ui-users-043.ui-users-046 {
  display: none;
}

.ui-calendar-field-error.ui-users-046 {
  display: none;
}

.office-field-error.ui-users-046 {
  display: none;
}

.ui-users-046 {
  margin-top: 0.5rem;
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-users-047 {
  display: grid;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-users-051 {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
}

.ui-users-052 {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-users-053 {
  display: grid;
  gap: 0.5rem;
}

.ui-users-054 {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-users-057 {
  font-weight: 600;
}

.ui-validate-page {
  min-height: calc(100vh - 64px);
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 34px;
  padding-bottom: 80px;
}

@media (max-width: 680px) {
  .ui-validate-page {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 20px;
    padding-bottom: 60px;
  }
}

.ui-validate-wrap {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  width: 100%;
  max-width: 760px;
  gap: 22px;
}

.ui-validate-card {
  overflow: hidden;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 18px 54px rgba(16,32,26,0.14);
  --tw-shadow-colored: 0 18px 54px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ui-validate-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#ffffff,#fbfdfc);
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 24px;
  padding-bottom: 22px;
}

@media (max-width: 680px) {
  .ui-validate-card-head {
    padding: 20px;
  }
}

.ui-validate-icon-box {
  display: grid;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.ui-validate-icon-box svg {
  height: 20px;
  width: 20px;
}

.ui-validate-title {
  margin: 0px;
  font-size: 24px;
  font-weight: 780;
  line-height: 1.1;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-validate-subtitle {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-validate-card-body {
  display: grid;
  gap: 18px;
  padding-left: 26px;
  padding-right: 26px;
  padding-top: 24px;
  padding-bottom: 26px;
}

@media (max-width: 680px) {
  .ui-validate-card-body {
    padding: 20px;
  }
}

.ui-validate-form {
  display: grid;
  gap: 14px;
}

.ui-validate-field {
  display: grid;
  gap: 7px;
}

.ui-validate-label {
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.ui-validate-input {
  height: 42px;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 13px;
  padding-right: 13px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-validate-input::-moz-placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(145 160 154 / var(--tw-text-opacity, 1));
}

.ui-validate-input::placeholder {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(145 160 154 / var(--tw-text-opacity, 1));
}

.ui-validate-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.ui-validate-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 680px) {
  .ui-validate-actions {
    width: 100%;
  }
}

.ui-validate-submit {
  display: inline-flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (max-width: 680px) {
  .ui-validate-submit {
    width: 100%;
  }
}

/* Legacy signup page wrappers (do not remove) */

.ui-validate-002 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.ui-validate-003 {
  margin-top: 1.5rem;
}

.ui-validate-003 > :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));
}

/* =========================
       JS tail cleanup classes
       ========================= */

.js-label-primary {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.js-between-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.js-content-line {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.js-content-line-tight {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.js-content-muted-tight {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

/* =========================
       JS template literal tail cleanup
       ========================= */

.ui-jsr-calendar-001 {
  border-radius: 10px;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.ui-jsr-inventory-recommendation-caregivers-001 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

/* =========================
       Offices section (master-detail)
       ========================= */

.office-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .office-layout {
    grid-template-columns: 320px minmax(0,1fr);
  }
}

.office-sidebar {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .office-sidebar {
    position: sticky;
    top: 88px;
  }
}

.office-sidebar-head {
  margin-bottom: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.office-sidebar-title {
  margin: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-sidebar-count {
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-sidebar-add-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.office-search {
  margin-bottom: 0.75rem;
  height: 38px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-search:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.office-list {
  display: grid;
  max-height: none;
  gap: 7px;
  overflow: visible;
  padding-right: 0.125rem;
}

@media (min-width: 1100px) {
  .office-list {
    max-height: 520px;
    overflow: auto;
  }
}

.office-list-empty {
  padding: 0.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-item {
  width: 100%;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.office-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.office-item-active {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.office-item-body {
  min-width: 0px;
}

.office-item-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

.office-item-meta {
  margin-top: 3px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-item-active .office-item-meta {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  opacity: 0.75;
}

.office-item-chev {
  flex-shrink: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-item-active .office-item-chev {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.office-content {
  min-width: 0px;
}

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

.office-alert-host {
  margin-bottom: 0;
}

.office-alert-host:not(:empty) {
  margin-bottom: 1rem;
}

.office-flash-success {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(237 249 241 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.office-flash-error {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.office-empty-card {
  min-height: 330px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  place-items: center;
  text-align: center;
}

.office-empty-box {
  max-width: 420px;
}

.office-empty-icon {
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.875rem;
  display: grid;
  place-items: center;
}

.office-empty-icon svg {
  height: 1.5rem;
  width: 1.5rem;
}

.office-empty-title {
  margin: 0px;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-empty-text {
  margin: 0px;
  margin-bottom: 18px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-empty-add-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.office-view-card,
    .office-form-card {
  width: 100%;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.office-card-head {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 600px) {
  .office-card-head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.office-icon-title {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.75rem;
}

.office-icon {
  height: 42px;
  width: 42px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.office-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.office-card-title {
  margin: 0px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-card-sub {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-head-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 600px) {
  .office-head-actions {
    justify-content: flex-end;
  }
}

.office-btn-secondary {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-btn-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.office-btn-primary {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.office-btn-loading {
  opacity: 0.6;
}

.office-view-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1.5rem;
}

@media (min-width: 1100px) {
  .office-view-grid {
    grid-template-columns: 220px minmax(0,1fr);
  }
}

.office-logo-card {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.office-detail-label {
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-logo-img-wrap {
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
}

.office-logo-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.office-details-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .office-details-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.office-detail-card {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

@media (min-width: 800px) {
  .office-detail-card-full {
    grid-column: span 2 / span 2;
  }
}

.office-detail-value {
  overflow-wrap: break-word;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-hours-preview {
  margin-top: 18px;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.office-section-title {
  margin: 0px;
  margin-bottom: 0.75rem;
  font-size: 17px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-hours-mini {
  display: grid;
  width: 100%;
  max-width: min(100%, 320px);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

.office-hour-pill {
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.office-hour-pill strong {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-edit-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .office-edit-layout {
    grid-template-columns: minmax(0,1fr) 340px;
  }
}

.office-sticky-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  order: 1;
}

@media (min-width: 1100px) {
  .office-sticky-card {
    position: sticky;
    top: 88px;
    order: 2;
  }
}

.office-form-card {
  order: 2;
}

@media (min-width: 1100px) {
  .office-form-card {
    order: 1;
  }
}

.office-form-section {
  margin-bottom: 1.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-bottom: 1.25rem;
}

.office-form-section:last-child {
  margin-bottom: 0px;
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.office-form-section-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 17px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-form-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 0.875rem;
}

@media (min-width: 800px) {
  .office-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.office-field {
  display: grid;
  min-width: 0px;
  align-content: flex-start;
  gap: 7px;
}

@media (min-width: 800px) {
  .office-field-full {
    grid-column: span 2 / span 2;
  }
}

.office-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.office-label-optional {
  display: block;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.office-req {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.office-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 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(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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.office-input-invalid {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.office-field-error {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.office-field-error.hidden {
  display: none;
}

.office-hours-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 1100px) {
  .office-hours-layout {
    grid-template-columns: minmax(260px,0.9fr) minmax(0,1.1fr);
  }
}

.office-days-list {
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.office-day-row {
  height: 46px;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.office-day-row:last-child {
  border-bottom-width: 0px;
}

.office-day-row:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.office-day-row-active {
  --tw-bg-opacity: 1;
  background-color: rgb(15 81 50 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.office-day-row-active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 81 50 / var(--tw-bg-opacity, 1));
}

.office-day-row-body {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.office-day-row-active .office-day-row-body strong {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.office-day-time {
  font-size: 13px;
  opacity: 0.86;
}

.office-day-panel {
  min-height: 290px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.office-day-panel-empty {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-day-panel-title {
  margin: 0px;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-checkbox-line {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.office-time-controls {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.875rem;
}

@media (min-width: 800px) {
  .office-time-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.office-time-block-label {
  margin-bottom: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.office-time-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}

.office-time-select {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-frequency {
  margin-top: 1rem;
  display: grid;
  gap: 7px;
}

.office-upload-box {
  display: grid;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.office-logo-preview {
  height: 104px;
  width: 104px;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
}

.office-logo-preview-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.office-logo-preview-text {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-logo-status-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-logo-status-hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-file-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.office-file-btn {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.office-file-name {
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.office-logo-upload-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.office-logo-delete-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-logo-delete-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.office-logo-undo-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-logo-undo-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

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

.office-sticky-card-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 17px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.office-timezone-select + .choices .choices__inner {
  height: 2.5rem;
  min-height: 0px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
}

.office-timezone-select + .choices.is-focused .choices__inner {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
}

.office-timezone-select + .choices.office-field-invalid .choices__inner {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.office-timezone-select + .choices .choices__list--dropdown,
    .office-timezone-select + .choices .choices__list[aria-expanded] {
  z-index: 20;
}

/* =========================
       Users section (master-detail)
       ========================= */

.users-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .users-layout {
    grid-template-columns: 340px minmax(0,1fr);
  }
}

.users-sidebar {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .users-sidebar {
    position: sticky;
    top: 88px;
  }
}

.users-sidebar-head {
  margin-bottom: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.users-sidebar-title {
  margin: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-sidebar-count {
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-sidebar-add-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.users-filter-toggle {
  margin-bottom: 0.75rem;
  height: 38px;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.users-filter-toggle:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.users-filters-panel {
  margin-bottom: 0.75rem;
  display: grid;
  gap: 13px;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.users-filter-field {
  display: grid;
  gap: 7px;
}

.users-filter-label {
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.users-filter-select {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-filter-select:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.users-filter-radios {
  display: grid;
  gap: 0.5rem;
}

.users-list {
  display: grid;
  max-height: none;
  gap: 7px;
  overflow: visible;
  padding-right: 0.125rem;
}

@media (min-width: 1100px) {
  .users-list {
    max-height: 540px;
    overflow: auto;
  }
}

.users-list {
  scrollbar-width: thin;
  scrollbar-color: #ead8bd #fff8ed;
}

.users-section .users-list::-webkit-scrollbar {
  width: 8px;
}

.users-section .users-list::-webkit-scrollbar-track {
  background: #fff8ed;
  border-radius: 999px;
}

.users-section .users-list::-webkit-scrollbar-thumb {
  background: #ead8bd;
  border-radius: 999px;
  border: 2px solid #fff8ed;
}

.users-section .users-list::-webkit-scrollbar-thumb:hover {
  background: #d9c19b;
}

.users-list-empty {
  padding: 0.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.user-item {
  width: 100%;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.user-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.user-item-owner {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #eaf7ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 247 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.user-item-owner .user-item-name {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.user-item-selected {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  box-shadow: inset 3px 0 0 #1d4ed8;
}

.user-item-selected .user-item-name {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.user-item-selected .user-item-meta {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  opacity: 0.75;
}

.user-item-body {
  min-width: 0px;
}

.user-item-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.user-item-meta {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.user-role-badge {
  display: inline-flex;
  height: 23px;
  flex-shrink: 0;
  align-items: center;
  white-space: nowrap;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 11px;
  font-weight: 700;
}

.user-role-badge-owner {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(15 81 50 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(15 81 50 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.user-role-badge-doctor {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.user-role-badge-manager {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.user-role-badge-front {
  color: #C05A9D;
  border: 1px solid rgba(192, 90, 157, 0.28);
  background-color: rgba(192, 90, 157, 0.1);
}

.user-role-badge-admin {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.user-role-badge-dismissed {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.users-content {
  display: grid;
  min-width: 0px;
  gap: 1rem;
}

.users-empty-card {
  min-height: 330px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  place-items: center;
  text-align: center;
}

.users-empty-box {
  max-width: 420px;
}

.users-empty-icon {
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.875rem;
  display: grid;
  place-items: center;
}

.users-empty-icon svg {
  height: 1.5rem;
  width: 1.5rem;
}

.users-empty-title {
  margin: 0px;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-empty-text {
  margin: 0px;
  margin-bottom: 18px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-empty-add-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.users-form-panel {
  display: grid;
  gap: 1rem;
}

.users-view-card,
    .users-form-card {
  width: 100%;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.users-card-head {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 600px) {
  .users-card-head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.users-icon-title {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.75rem;
}

.users-icon {
  height: 42px;
  width: 42px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.users-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.users-card-title {
  margin: 0px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-card-sub {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-head-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 600px) {
  .users-head-actions {
    justify-content: flex-end;
  }
}

.users-btn-secondary {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-btn-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.users-btn-primary {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.users-btn-blue {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.users-owner-hint {
  margin-bottom: 1rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 13px;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.users-view-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1.5rem;
}

@media (min-width: 1100px) {
  .users-view-grid {
    grid-template-columns: 200px minmax(0,1fr);
  }
}

.users-photo-card {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.users-detail-label {
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-view-photo-frame {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
}

.users-view-photo {
  display: block;
  aspect-ratio: 1 / 1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.users-view-photo-frame .users-photo-preview-text {
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-info-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .users-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.users-detail-card {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.users-detail-value {
  overflow-wrap: break-word;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-edit-separated-section {
  margin-top: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
}

.users-doctor-details-row {
  margin-top: 0.75rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .users-doctor-details-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.users-doctor-license-field,
    .users-signature-field {
  align-self: flex-start;
}

.users-signature-inline {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.users-view-signature-img {
  height: 92px;
  width: 100%;
  max-width: 240px;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  -o-object-fit: contain;
     object-fit: contain;
}

.users-edit-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .users-edit-layout {
    grid-template-columns: minmax(0,1fr) 340px;
  }
}

.users-sticky-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .users-sticky-card {
    position: sticky;
    top: 88px;
  }
}

.users-sticky-card-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 17px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-form-section {
  margin-bottom: 1.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-bottom: 1.25rem;
}

.users-form-section:last-child {
  margin-bottom: 0px;
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.users-form-section-title {
  margin: 0px;
  margin-bottom: 0.875rem;
  font-size: 17px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-form-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 0.875rem;
}

@media (min-width: 800px) {
  .users-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.users-form-field {
  display: grid;
  align-content: flex-start;
  gap: 7px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.users-form-label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.users-form-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-form-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.users-form-hint {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-form-input-disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-password-set-row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (min-width: 600px) {
  .users-password-set-row {
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
  }
}

.users-password-input-row {
  display: grid;
  gap: 0.5rem;
}

.users-password-wrap {
  position: relative;
}

.users-form-input-password {
  padding-right: 2.5rem;
}

.users-password-toggle {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  display: inline-flex;
  --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));
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-password-toggle svg {
  height: 17px;
  width: 17px;
}

.users-password-reset-btn {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.users-password-reset-btn:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-role-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (min-width: 600px) {
  .users-role-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .users-role-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.users-role-option {
  position: relative;
  display: block;
}

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

.users-role-option-label {
  display: flex;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .users-role-option-label {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
  font-weight: 700;
  --tw-shadow: 0 3px 8px rgba(111,79,42,0.08);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.field-error-message.users-admin-hint {
  display: none;
}

.profile-field-error.users-admin-hint {
  display: none;
}

.ui-users-043.users-admin-hint {
  display: none;
}

.ui-calendar-field-error.users-admin-hint {
  display: none;
}

.office-field-error.users-admin-hint {
  display: none;
}

.users-admin-hint {
  margin-top: 0.75rem;
  display: none;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.users-admin-hint-title {
  margin: 0px;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.users-admin-hint-text {
  margin: 0px;
  font-size: 13px;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.users-office-checks {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .users-office-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.users-permissions-layout {
  display: grid;
  gap: 0.75rem;
}

.users-permission-card {
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.users-permission-card-off {
  opacity: 0.8;
}

.users-permission-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.users-permission-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-permission-count {
  flex-shrink: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-permission-body {
  display: grid;
  gap: 0.5rem;
  padding: 0.875rem;
}

.users-permission-subtitle {
  margin: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-permission-options {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .users-permission-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.users-permission-options-one {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.users-patients-select-all-wrap {
  margin-top: 0.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
}

.users-patients-select-all-line {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-check-line,
    .users-radio-line {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 13px;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.users-check-line input[type="checkbox"],
    .users-radio-line input[type="radio"],
    .users-permission-title input[type="checkbox"] {
  margin-top: 0.125rem;
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.users-office-checks .users-check-line input[type="checkbox"]:checked,
    .users-filter-radios .users-radio-line input[type="radio"]:checked {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.users-filter-radios .users-radio-line input[type="radio"] {
  border-radius: 9999px;
}

.users-filter-radios .users-radio-line input[type="radio"]:checked {
  --tw-shadow: inset 0 0 0 4px #fff;
  --tw-shadow-colored: inset 0 0 0 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);
}

.users-permissions-layout .users-check-line input[type="checkbox"]:checked,
    .users-permissions-layout .users-radio-line input[type="radio"]:checked,
    .users-permissions-layout .users-permission-title input[type="checkbox"]:checked {
  --tw-border-opacity: 1;
  border-color: rgb(46 73 112 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(46 73 112 / var(--tw-bg-opacity, 1));
}

.users-permissions-layout .users-radio-line input[type="radio"],
    .users-permissions-layout .users-permission-title input[type="radio"] {
  border-radius: 9999px;
}

.users-permissions-layout .users-radio-line input[type="radio"]:checked,
    .users-permissions-layout .users-permission-title input[type="radio"]:checked {
  --tw-border-opacity: 1;
  border-color: rgb(46 73 112 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(46 73 112 / var(--tw-bg-opacity, 1));
  --tw-shadow: inset 0 0 0 4px #fff;
  --tw-shadow-colored: inset 0 0 0 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);
}

.users-office-checks .users-check-line input[type="checkbox"]:checked,
    .users-permissions-layout .users-check-line input[type="checkbox"]:checked,
    .users-permissions-layout .users-permission-title input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M1 5l3 3 7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 6px;
}

.users-upload-box {
  display: grid;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.875rem;
}

.users-photo-preview {
  height: 112px;
  width: 112px;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
}

.users-photo-preview-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.users-photo-preview-text {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-photo-status-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.users-photo-status-hint {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.users-file-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.users-file-btn {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.users-file-name {
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

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

.users-signature-preview {
  height: 82px;
  width: 100%;
  max-width: 220px;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
}

.users-signature-preview-img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.users-signature-field .users-btn-blue:disabled,
    .users-signature-field .users-btn-secondary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.users-signature-field .users-btn-secondary:disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.users-save-bar {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.625rem;
}

@media (min-width: 600px) {
  .users-save-bar {
    flex-direction: row;
  }
}

.users-save-bar {
  background-color: rgba(251,253,252,0.92);
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 1100px) {
  .users-save-bar {
    position: sticky;
    bottom: 0px;
  }
}

.users-save-bar {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
}

.users-action-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  width: 100%;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}

@media (min-width: 600px) {
  .users-action-btn {
    width: auto;
  }
}

.users-action-btn-delete {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.users-action-btn-dismiss {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.users-action-btn-save {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.patient-edit-main > .users-save-bar {
  margin-top: 0px;
}

.users-onboarding-banner {
  margin-bottom: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.users-owner-only-hint {
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.users-owner-doctor-warning {
  margin-bottom: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.users-owner-doctor-warning-head {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.users-owner-doctor-warning-icon {
  margin-top: 0.125rem;
  display: inline-flex;
  height: 1.25rem;
  width: 1.25rem;
  flex: none;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.users-owner-doctor-warning-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.users-owner-doctor-warning-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.users-owner-doctor-warning-body {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.users-owner-doctor-warning-close {
  margin-left: auto;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.users-owner-name-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.users-owner-row-warning-icon {
  margin-left: 0.25rem;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  flex: none;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.users-owner-row-warning-icon svg {
  height: 1rem;
  width: 1rem;
}

.ui-users-058 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-003 {
  display: grid;
  gap: 14px;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.ui-jsr-validate-003 .ui-jsr-validate-007 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-003 .ui-jsr-validate-008,
    .ui-jsr-validate-003 .ui-jsr-validate-014 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-005 {
  display: grid;
  gap: 14px;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.ui-jsr-validate-005 .ui-jsr-validate-007 {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-005 .ui-jsr-validate-008 {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-006 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ui-jsr-validate-007 {
  display: grid;
  height: 34px;
  width: 34px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 12px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.ui-jsr-validate-007 svg {
  height: 18px;
  width: 18px;
}

.ui-jsr-validate-008 {
  margin: 0px;
  font-size: 16px;
  font-weight: 760;
}

.ui-jsr-validate-009 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 680px) {
  .ui-jsr-validate-009 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.ui-jsr-validate-010 {
  border-radius: 13px;
  border-width: 1px;
  border-color: rgba(15,81,50,0.12);
  background-color: rgba(255,255,255,0.62);
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ui-jsr-validate-011 {
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-012 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-013 {
  display: grid;
  gap: 14px;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.ui-jsr-validate-013 .ui-jsr-validate-007 {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-013 .ui-jsr-validate-008,
    .ui-jsr-validate-013 .ui-jsr-validate-014 {
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.ui-jsr-validate-014 {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.notifications-bell-wrap {
  position: relative;
}

.notifications-bell-btn {
  position: relative;
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.notifications-bell-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.dashboard-header .notifications-bell-btn {
  --tw-border-opacity: 1;
  border-color: rgb(90 107 97 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(243 250 246 / var(--tw-text-opacity, 1));
}

.dashboard-header .notifications-bell-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 79 69 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(243 250 246 / var(--tw-text-opacity, 1));
}

.notifications-unread-badge {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  display: inline-flex;
  height: 18px;
  min-width: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.notifications-dropdown {
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: 50;
  margin-top: 0.5rem;
  width: 100%;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-shadow: 0 10px 30px rgba(16, 32, 26, 0.08);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 600px) {
  .notifications-dropdown {
    width: 420px;
  }
}

.notifications-dropdown::before {
  position: absolute;
  right: 1.75rem;
  top: -0.5rem;
  height: 1rem;
  width: 1rem;
  --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));
  border-left-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.notifications-dropdown-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.625rem;
}

.notifications-dropdown-title {
  margin: 0px;
  font-size: 16px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-dropdown-unread-pill {
  display: inline-flex;
  height: 24px;
  align-items: center;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.notifications-dropdown-rows {
  display: grid;
  max-height: 330px;
  gap: 0.5rem;
  overflow: hidden;
}

.notifications-dropdown-row {
  display: grid;
  grid-template-columns: 20px minmax(0,1fr) auto;
  align-items: center;
  gap: 0.625rem;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.notifications-dropdown-content {
  min-width: 0px;
}

.notifications-dropdown-checkbox {
  height: 14px;
  width: 14px;
  flex-shrink: 0;
}

.notifications-dropdown-row.is-unread {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
}

.notifications-dropdown-row-title {
  margin: 0px;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-dropdown-row-meta {
  margin: 0px;
  margin-top: 0.125rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-dropdown-details-btn {
  display: inline-flex;
  height: 30px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.notifications-dropdown-empty {
  border-radius: 14px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 0.5rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-dropdown-more {
  margin-top: 0.5rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-dropdown-actions {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  padding-top: 0.625rem;
}

@media (min-width: 600px) {
  .notifications-dropdown-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.notifications-dropdown-action-btn {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-dropdown-action-btn-view-all {
  --tw-border-opacity: 1;
  border-color: rgb(76 60 124 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.notifications-page-root {
  width: 100%;
}

.notifications-page-shell {
  display: grid;
  width: 100%;
  gap: 18px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.notifications-layout {
  display: grid;
  gap: 22px;
}

@media (min-width: 1100px) {
  .notifications-layout {
    grid-template-columns: minmax(0,1fr) 280px;
  }
}

.notifications-layout-main {
  min-width: 0px;
}

.notifications-layout-main > :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));
}

.notifications-layout-side {
  min-width: 0px;
}

@media (min-width: 1100px) {
  .notifications-layout-side {
    position: sticky;
    top: 6rem;
    align-self: flex-start;
  }
}

.notifications-hero-card {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 800px) {
  .notifications-hero-card {
    padding: 1.75rem;
  }
}

.notifications-hero-layout {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 800px) {
  .notifications-hero-layout {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.notifications-hero-main {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.notifications-hero-main .notifications-icon-box {
  height: 3rem;
  width: 3rem;
}

.notifications-icon-box {
  display: grid;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
}

.notifications-icon-box svg {
  height: 1.25rem;
  width: 1.25rem;
}

.notifications-icon-bell {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.notifications-icon-employee {
  --tw-border-opacity: 1;
  border-color: rgb(244 210 173 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 232 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(184 91 33 / var(--tw-text-opacity, 1));
}

.notifications-icon-patient {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.notifications-icon-task {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.notifications-icon-note {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.notifications-icon-activity {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.notifications-hero-title {
  margin: 0px;
  font-size: 28px;
  font-weight: 780;
  line-height: 1.1;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-hero-subtitle {
  margin-top: 0.5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.notifications-hero-mark-btn {
  display: inline-flex;
  height: 38px;
  min-height: 38px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 7px;
  white-space: nowrap;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-shadow: 0 3px 8px rgba(22,163,74,0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.notifications-hero-mark-btn:hover {
  --tw-border-opacity: 1;
  border-color: rgb(15 81 50 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(15 81 50 / var(--tw-bg-opacity, 1));
}

.notifications-summary-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 600px) {
  .notifications-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.notifications-summary-card {
  display: flex;
  min-height: 92px;
  align-items: center;
  gap: 14px;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 4px 14px rgba(16,32,26,0.04);
  --tw-shadow-colored: 0 4px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.notifications-summary-card-body {
  min-width: 0px;
  flex: 1 1 0%;
}

.notifications-summary-card-static {
  cursor: default;
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.notifications-summary-card-link {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: transform,box-shadow,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.notifications-summary-card-link:hover {
  --tw-translate-y: -1px;
  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));
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.notifications-summary-label {
  margin-bottom: 0.25rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-summary-count {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.notifications-summary-count-total {
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-summary-count-unread {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-summary-desc {
  margin: 0px;
  margin-top: 0.375rem;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-overview-hint {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.notifications-overview-hint-title {
  margin: 0px;
  font-size: 20px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-overview-hint-text {
  margin: 0px;
  margin-top: 0.375rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-side-menu {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.notifications-side-menu-title {
  margin: 0px;
  margin-bottom: 0.75rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-side-menu-list {
  display: grid;
  gap: 3px;
}

.notifications-side-menu-link {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  border-radius: 12px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 13px;
  padding-bottom: 13px;
  text-decoration-line: none;
  border-width: 1px;
  border-color: transparent;
  font-size: 15px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.notifications-side-menu-link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(223 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.notifications-side-menu-link-active {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.notifications-side-menu-arrow {
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-side-menu-link-active .notifications-side-menu-arrow {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.notifications-section-card {
  overflow: hidden;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.notifications-section-head {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#ffffff,#fbfdfc);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 18px;
  padding-bottom: 18px;
}

@media (min-width: 800px) {
  .notifications-section-head {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.notifications-section-head-main {
  display: flex;
  align-items: center;
  gap: 11px;
}

.notifications-section-title {
  margin: 0px;
  font-size: 19px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-section-subtitle {
  margin: 0px;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-section-count-pill {
  display: inline-flex;
  height: 26px;
  align-items: center;
  white-space: nowrap;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 9px;
  padding-right: 9px;
  font-size: 12px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.notifications-section-count-pill.is-unread {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.notifications-section-body {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.notifications-section-toolbar {
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.notifications-select-all-line {
  margin: 0px;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-select-all-checkbox {
  height: 14px;
  width: 14px;
  flex-shrink: 0;
}

.notifications-section-bottom-actions {
  margin-top: 14px;
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width: 600px) {
  .notifications-section-bottom-actions {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.notifications-section-actions-hint {
  margin: 0px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-section-mark-btn {
  display: inline-flex;
  height: 38px;
  min-height: 38px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 7px;
  white-space: nowrap;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.notifications-section-mark-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.notifications-section-mark-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.notifications-section-mark-btn:disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.notifications-records-list {
  display: grid;
  gap: 0.5rem;
}

.notifications-employee-row {
  display: grid;
  grid-template-columns: 26px 112px minmax(0,1fr);
  align-items: center;
  gap: 0.75rem;
  border-radius: 15px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

@media (min-width: 1100px) {
  .notifications-employee-row {
    grid-template-columns: 26px 118px minmax(0,1fr) 180px;
    gap: 14px;
    padding-left: 14px;
    padding-right: 14px;
  }
}

.notifications-employee-row.is-unread {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
}

.notifications-employee-date {
  font-size: 12px;
  font-weight: 650;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.notifications-employee-name {
  font-size: 14px;
  font-weight: 720;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-employee-status {
  grid-column: span 3 / span 3;
  padding-left: 38px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

@media (min-width: 1100px) {
  .notifications-employee-status {
    grid-column: span 1 / span 1;
    padding-left: 0px;
  }
}

.notifications-record-row {
  display: grid;
  grid-template-columns: 26px 112px minmax(0,1fr);
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 15px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.notifications-record-row.is-unread {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
}

.notifications-record-date {
  padding-top: 0.125rem;
  font-size: 12px;
  font-weight: 650;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.notifications-record-main {
  min-width: 0px;
}

.notifications-record-title {
  margin: 0px;
  font-size: 14px;
  font-weight: 730;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.notifications-record-text {
  margin: 0px;
  margin-top: 0.25rem;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.38;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.notifications-patient-details {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .notifications-patient-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .notifications-patient-details {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.notifications-meta-card {
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.notifications-record-row.is-unread .notifications-meta-card {
  background-color: rgb(255 255 255 / 0.7);
}

.notifications-meta-label {
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-meta-value {
  overflow-wrap: break-word;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.notifications-row-checkbox {
  margin-top: 0.125rem;
  height: 14px;
  width: 14px;
  flex-shrink: 0;
}

.notifications-empty-box {
  border-radius: 15px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-pagination-row {
  margin-top: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .notifications-pagination-row {
    justify-content: flex-end;
  }
}

.notifications-pagination-label {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.notifications-pagination-btn {
  display: inline-flex;
  height: 35px;
  min-height: 35px;
  min-width: 84px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.notifications-pagination-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.notifications-pagination-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.notifications-pagination-btn:disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.calendar-day-page-wrap {
  width: 100%;
}

.calendar-day-page-shell {
  gap: 1rem;
}

.calendar-day-filter-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.calendar-day-filter-grid,
    .calendar-day-filter-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1100px) {
  .calendar-day-filter-grid,
    .calendar-day-filter-inner {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.calendar-day-filter-left {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}

.calendar-day-filter-field {
  display: grid;
  min-width: 180px;
  flex: 1 1 0%;
  gap: 7px;
}

@media (min-width: 600px) {
  .calendar-day-filter-field {
    width: auto;
    flex: none;
  }
}

.calendar-day-filter-label {
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.calendar-day-filter-control {
  height: 2.5rem;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-filter-static {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-date-field,
    .calendar-view-date-field {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0px;
}

.calendar-day-date-input {
  box-sizing: border-box;
  width: 100%;
  padding-right: 2.5rem;
}

.calendar-day-date-field .date-icon,
    .calendar-view-date-field .calendar-view-date-icon {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  --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));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-page-wrap .air-datepicker {
  z-index: 9800;
}

.calendar-day-filter-actions {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}

.calendar-day-filter-back-wrap {
  display: flex;
  flex-shrink: 0;
  align-items: flex-end;
}

@media (min-width: 1100px) {
  .calendar-day-filter-back-wrap {
    margin-left: auto;
  }
}

.calendar-day-filter-btn {
  display: inline-flex;
  height: 38px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 10px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 500;
}

.calendar-day-filter-card a.calendar-day-filter-btn {
  text-decoration-line: none;
}

.calendar-day-hero-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 22px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.calendar-day-hero-main {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.calendar-day-icon-box {
  display: grid;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
}

.calendar-day-icon-box svg {
  height: 1.25rem;
  width: 1.25rem;
}

.calendar-day-icon-brand {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.calendar-day-icon-appointment {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.calendar-day-icon-task {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.calendar-day-icon-note {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.calendar-day-hero-title {
  margin: 0px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-hero-subtitle {
  margin-top: 5px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-summary-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 800px) {
  .calendar-day-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.calendar-day-summary-card {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.calendar-day-summary-content {
  display: flex;
  align-items: center;
  gap: 11px;
}

.calendar-day-summary-label {
  margin: 0px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-summary-value {
  margin: 0px;
  margin-top: 0.25rem;
  font-size: 22px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-global-empty {
  border-radius: 16px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  text-align: center;
}

.calendar-day-empty-title {
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-empty-text {
  margin-top: 0.25rem;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-sections {
  display: grid;
  gap: 1rem;
}

.calendar-day-section-card {
  overflow: hidden;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.calendar-day-section-head {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#ffffff,#fbfdfc);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 18px;
  padding-bottom: 18px;
}

@media (min-width: 800px) {
  .calendar-day-section-head {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.calendar-day-section-head-main {
  display: flex;
  align-items: center;
  gap: 11px;
}

.calendar-day-section-title {
  margin: 0px;
  font-size: 19px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-section-subtitle {
  margin: 0px;
  margin-top: 0.25rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-count-pill {
  display: inline-flex;
  height: 1.75rem;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.calendar-day-count-pill-sand {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.calendar-day-count-pill-purple {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.calendar-day-section-body {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.calendar-day-empty-box {
  border-radius: 16px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
  text-align: center;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-appointments-list,
    .calendar-day-simple-list {
  display: grid;
  gap: 0.75rem;
}

.calendar-day-appointment-card {
  overflow: hidden;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.calendar-day-appointment-main {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 1100px) {
  .calendar-day-appointment-main {
    grid-template-columns: 96px minmax(0,1fr) 190px;
  }
}

.calendar-day-time-panel {
  display: grid;
  place-items: start;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  text-align: left;
}

@media (min-width: 1100px) {
  .calendar-day-time-panel {
    place-items: center;
    border-bottom-width: 0px;
    border-right-width: 1px;
    text-align: center;
  }
}

.calendar-day-time-value {
  margin: 0px;
  font-size: 17px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-appointment-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1100px) {
  .calendar-day-appointment-content {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.calendar-day-appointment-title {
  margin: 0px;
  margin-bottom: 0.75rem;
  font-size: 15px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-info-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .calendar-day-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1450px) {
  .calendar-day-info-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.calendar-day-info-item {
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.calendar-day-info-label {
  margin-bottom: 0.25rem;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-info-value {
  overflow-wrap: break-word;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.calendar-day-created-panel {
  display: grid;
  align-content: center;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#ffffff,#fbfdfc);
  padding: 1rem;
}

@media (min-width: 1100px) {
  .calendar-day-created-panel {
    border-top-width: 0px;
    border-left-width: 1px;
  }
}

.calendar-day-created-card {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 11px;
}

.calendar-day-created-label {
  margin-bottom: 0.25rem;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-created-value {
  overflow-wrap: break-word;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-simple-row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 14px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1450px) {
  .calendar-day-simple-row {
    grid-template-columns: 180px minmax(0,1fr) 220px 220px;
    align-items: center;
  }
}

.calendar-day-date-badge {
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 10px;
}

.calendar-day-date-main {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-date-sub {
  margin-top: 0.25rem;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-detail-text {
  overflow-wrap: break-word;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.calendar-day-assigned-chip {
  display: inline-flex;
  height: 30px;
  max-width: 100%;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.calendar-day-pagination-row {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

@media (min-width: 800px) {
  .calendar-day-pagination-row {
    justify-content: flex-end;
  }
}

.calendar-day-pagination-label {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.calendar-day-pagination-btn {
  height: 35px;
  min-width: 84px;
  border-radius: 11px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 12px;
  font-weight: 600;
}

.calendar-day-pagination-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.notifications-patient-link {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.field-error-message.is-hidden {
  display: none;
}

.profile-field-error.is-hidden {
  display: none;
}

.ui-users-043.is-hidden {
  display: none;
}

.ui-calendar-field-error.is-hidden {
  display: none;
}

.office-field-error.is-hidden {
  display: none;
}

.is-hidden {
  display: none;
}

/* =========================
       Support page
       ========================= */

.support-page-root {
  width: 100%;
  max-width: 1220px;
}

.support-page-head {
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.support-title-icon {
  display: grid;
  height: 44px;
  width: 44px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 15px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.support-title-icon svg {
  height: 21px;
  width: 21px;
}

.support-kicker {
  margin: 0px;
  margin-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 820;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6f4f2a;
}

.support-h1 {
  margin: 0px;
  font-size: 31px;
  font-weight: 820;
  line-height: 1.05;
  letter-spacing: -0.04em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.support-desc {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  max-width: 700px;
}

.support-grid {
  display: grid;
  align-items: flex-start;
  gap: 18px;
  grid-template-columns: 360px minmax(0, 1fr);
}

.support-contacts {
  display: grid;
  gap: 14px;
}

.support-contact-card {
  display: grid;
  align-items: center;
  gap: 14px;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  grid-template-columns: 44px minmax(0, 1fr);
}

.support-contact-icon {
  display: grid;
  height: 44px;
  width: 44px;
  place-items: center;
  border-radius: 15px;
}

.support-contact-icon svg {
  height: 20px;
  width: 20px;
}

.support-contact-icon-phone {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.support-contact-icon-mail {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.support-contact-label {
  margin: 0px;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.support-contact-value {
  font-size: 16px;
  font-weight: 780;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.support-note {
  border-radius: 18px;
  padding: 16px 18px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  border: 1px solid #ead8bd;
  background: linear-gradient(180deg, #fffdf8 0%, #fff8ed 100%);
}

.support-card {
  border-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 8px 28px rgba(16, 32, 26, 0.07);
}

.support-card-head {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 22px 24px;
  background: linear-gradient(180deg, #fff 0%, #fbfdfc 100%);
}

.support-card-title {
  margin: 0px;
  font-size: 20px;
  font-weight: 780;
  line-height: 1.16;
  letter-spacing: -0.02em;
}

.support-card-sub {
  margin-top: 0.5rem;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.support-form-body {
  padding: 24px;
}

.support-form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr 1fr;
}

.support-field {
  display: grid;
  gap: 7px;
}

.support-field-full {
  grid-column: 1 / -1;
}

.support-field label {
  font-size: 12px;
  font-weight: 650;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.support-field label .support-req {
  margin-left: 0.125rem;
}

.support-req {
  font-weight: 820;
  color: #b42318;
}

.support-field-phone .iti {
  width: 100%;
}

.support-field-phone .\!iti {
  width: 100%;
}

.support-input {
  height: 42px;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 13px;
  padding-right: 13px;
  font-size: 14px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  font-family: inherit;
}

.support-textarea {
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 12px 13px;
  font-size: 14px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  min-height: 142px;
  resize: vertical;
  font-family: inherit;
}

.support-form-foot {
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.support-hint {
  margin: 0px;
  font-size: 12px;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.support-btn-send {
  display: inline-flex;
  height: 42px;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.support-btn-send svg {
  height: 1rem;
  width: 1rem;
}

@media (max-width: 980px) {
  .support-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .support-page-head {
    align-items: flex-start;
  }

  .support-h1 {
    font-size: 28px;
  }

  .support-form-grid {
    grid-template-columns: 1fr;
  }

  .support-form-foot {
    display: grid;
  }
}

/* =========================
       Support — User Instructions page
       ========================= */

.support-ui-doclayout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .support-ui-doclayout {
    grid-template-columns: 280px minmax(0,1fr);
  }
}

.support-ui-submenu {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 14px;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .support-ui-submenu {
    position: sticky;
    top: 88px;
  }
}

.support-ui-submenu-title {
  margin: 0px;
  margin-bottom: 0.75rem;
  font-size: 11px;
  font-weight: 820;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.support-ui-submenu-nav {
  display: grid;
  max-height: none;
  gap: 0px;
  overflow: visible;
  padding-right: 0.125rem;
}

@media (min-width: 1100px) {
  .support-ui-submenu-nav {
    max-height: 520px;
    overflow: auto;
  }
}

.support-ui-main {
  min-width: 0px;
}

.support-ui-sublink {
  display: flex;
  min-height: 38px;
  align-items: center;
  border-radius: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.support-ui-sublink:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.support-ui-sublink.support-ui-sublink-active {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.support-ui-card {
  overflow: hidden;
  border-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 8px 28px rgba(16, 32, 26, 0.07);
}

.support-ui-card-head {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 22px;
  padding-bottom: 22px;
  background: linear-gradient(180deg, #fff 0%, #fbfdfc 100%);
}

.support-ui-card-title {
  margin: 0px;
  font-size: 20px;
  font-weight: 780;
  line-height: 1.16;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.support-ui-card-sub {
  margin-top: 0.5rem;
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.support-ui-card-body {
  padding: 1.75rem;
}

.support-ui-section {
  margin-bottom: 26px;
  scroll-margin-top: 96px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-bottom: 26px;
}

.support-ui-section:last-child {
  margin-bottom: 0px;
  border-bottom-width: 0px;
  padding-bottom: 0px;
}

.support-ui-section-top {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: flex-start;
  gap: 13px;
}

.support-ui-step-icon {
  display: grid;
  height: 38px;
  width: 38px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 14px;
  border-width: 1px;
  font-weight: 760;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.support-ui-section-title {
  margin: 0px;
  font-size: 21px;
  font-weight: 780;
  line-height: 1.18;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.support-ui-section-p {
  margin: 0px;
  margin-bottom: 0.75rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.58;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.support-ui-placeholder {
  margin-top: 14px;
  margin-bottom: 14px;
  border-radius: 16px;
  border-width: 1px;
  border-style: dashed;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  background: linear-gradient(180deg, #fffdf8 0%, #fff8ed 100%);
}

.support-ui-checks {
  margin-top: 14px;
  margin-bottom: 0px;
  display: grid;
  list-style-type: none;
  gap: 9px;
  padding: 0px;
}

.support-ui-checks li {
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

@media (max-width: 640px) {
  .support-ui-card-body {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 22px;
    padding-bottom: 22px;
  }
}

/* =========================
       Admin area
       ========================= */

.admin-auth-header {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --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);
}

.admin-auth-header-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.admin-brand-link {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.admin-lang-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.admin-lang-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.admin-lang-select {
  border-radius: 0.25rem;
  border-width: 1px;
  padding: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-auth-card {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.admin-auth-title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.admin-auth-error-box {
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.admin-auth-error-list {
  list-style-type: disc;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.admin-auth-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.admin-auth-field-label {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-auth-field-input {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-auth-submit {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.admin-dashboard-header {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --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);
}

.admin-dashboard-header-top {
  border-bottom-width: 1px;
}

.admin-dashboard-header-top-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.admin-dashboard-toolbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.admin-user-email {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.admin-nav-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.admin-dashboard-menu-bar {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.admin-dashboard-menu {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  row-gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-menu-link {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.admin-menu-link-active {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.admin-dashboard-card {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.admin-dashboard-heading {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.admin-dashboard-intro {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.admin-admins-page {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.admin-admins-head {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.admin-admins-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.admin-admins-add-btn {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.admin-admins-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 800px) {
  .admin-admins-layout {
    grid-template-columns: 280px minmax(0,1fr);
  }
}

.admin-admins-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.admin-admins-sidebar-head {
  display: flex;
}

.admin-admins-content-card {
  min-width: 0px;
}

.admin-admins-list-card {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.admin-admins-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.admin-admins-list-link {
  display: block;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.admin-admins-list-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
}

.admin-admins-list-link-active {
  display: block;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}

.admin-admins-list-name {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.admin-admins-list-email {
  margin-top: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.admin-admins-empty {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.admin-admins-hint-card {
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.admin-admins-message {
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(237 249 241 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.admin-admin-form-page {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.admin-admin-form-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.admin-admin-form-grid {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.admin-admin-form-label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-admin-form-input {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-admin-form-actions {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.admin-admin-back-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.admin-admin-subtitle {
  margin-top: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.admin-admin-password-block {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}

.admin-admin-password-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.admin-admin-password-toggle {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-admin-delete-form {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}

.admin-admin-delete-hint {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.admin-admin-delete-btn {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.admin-admin-secondary-actions {
  margin-bottom: 1rem;
}

.admin-admin-history-btn {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-admin-history-head {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.admin-admin-history-subtitle {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.admin-admin-history-pagination {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-admin-history-page-link {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.admin-admin-history-page-link-disabled {
  pointer-events: none;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.admin-admin-history-page-label {
  --tw-text-opacity: 1;
  color: rgb(83 102 93 / var(--tw-text-opacity, 1));
}

.admin-clinics-page {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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);
}

.admin-clinics-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.admin-clinics-total {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-clinics-filters {
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-end;
  gap: 0.75rem;
}

@media (min-width: 1100px) {
  .admin-clinics-filters {
    grid-template-columns: minmax(0,1fr) 220px 220px auto;
  }
}

.admin-clinics-filter-group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.admin-clinics-filter-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-clinics-filter-input {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-clinics-filter-select {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-clinics-filter-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.admin-clinics-search-btn {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.admin-clinics-reset-btn {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-clinics-row-active {
  --tw-bg-opacity: 1;
  background-color: rgb(237 249 241 / var(--tw-bg-opacity, 1));
}

.admin-clinics-row-suspended {
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
}

.admin-clinics-row-blocked {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.admin-clinics-row-archived {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.admin-clinics-inline-form {
  display: inline-flex;
}

.admin-clinics-active-btn {
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.admin-clinics-active-btn-yes {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.admin-clinics-active-btn-no {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-clinics-active-btn-disabled {
  cursor: not-allowed;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.admin-clinics-archive-btn {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.admin-clinics-restore-btn {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.admin-clinics-pagination {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-clinics-page-jump {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.admin-clinics-page-input {
  width: 5rem;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-clinics-page-go {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-clinic-inner-header {
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.admin-clinic-inner-top {
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: 0.75rem;
}

@media (min-width: 1450px) {
  .admin-clinic-inner-top {
    grid-template-columns: minmax(0,1fr) auto;
  }
}

.admin-clinic-inner-title-wrap {
  display: flex;
  min-width: 0px;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

@media (min-width: 1450px) {
  .admin-clinic-inner-title-wrap {
    flex-wrap: nowrap;
  }
}

.admin-clinic-inner-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.admin-clinic-inner-active-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-clinic-inner-active-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.admin-clinic-inner-active-switch {
  display: inline-flex;
  overflow: hidden;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.admin-clinic-inner-switch-option {
  position: relative;
  cursor: pointer;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-clinic-inner-switch-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.admin-clinic-inner-switch-option-on {
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.admin-clinic-inner-switch-option-off {
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.admin-clinic-inner-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

@media (min-width: 1450px) {
  .admin-clinic-inner-actions {
    flex-wrap: nowrap;
  }
}

.admin-clinic-inner-inline-form {
  display: inline-flex;
}

.admin-clinic-inner-meta {
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

@media (min-width: 800px) {
  .admin-clinic-inner-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.admin-clinic-inner-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* =========================
       Inventory section (master-detail)
       ========================= */

.inventory-layout {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .inventory-layout {
    grid-template-columns: 320px minmax(0,1fr);
  }
}

.inventory-content {
  min-width: 0px;
}

.inventory-sidebar {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1100px) {
  .inventory-sidebar {
    position: sticky;
    top: 88px;
  }
}

.inventory-sidebar-head {
  margin-bottom: 0.875rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.inventory-sidebar-title {
  margin: 0px;
  font-size: 18px;
  font-weight: 760;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.inventory-sidebar-sub {
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.inventory-nav-section {
  margin-top: 18px;
}

.inventory-nav-section:first-child {
  margin-top: 0px;
}

.inventory-products-section {
  margin-top: 22px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-top: 18px;
}

.inventory-products-panel {
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
  background-image: linear-gradient(180deg, #fffdf8, #ffffff);
}

.inventory-products-panel .inventory-nav-title {
  margin-bottom: 0.625rem;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.inventory-nav-title {
  margin: 0px;
  margin-bottom: 0.5rem;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.inventory-nav-list {
  display: grid;
  gap: 7px;
}

.inventory-nav-item {
  min-height: 44px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration-line: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.inventory-nav-item:hover {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.inventory-nav-item-active {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.inventory-nav-item-body {
  min-width: 0px;
}

.inventory-nav-meta {
  margin-top: 3px;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.inventory-nav-item-active .inventory-nav-meta {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
  opacity: 0.78;
}

.inventory-badge {
  height: 22px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 11px;
  font-weight: 700;
}

.inventory-nav-item-active .inventory-badge {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.inventory-product-list {
  display: grid;
  gap: 7px;
}

.inventory-product-item {
  min-height: 44px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.inventory-product-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.inventory-product-item-active {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(234 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.inventory-product-chev {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.inventory-product-item-active .inventory-product-chev {
  --tw-text-opacity: 1;
  color: rgb(15 81 50 / var(--tw-text-opacity, 1));
}

.inventory-product-list-empty {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.inventory-btn-add-product {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 11px;
  border-width: 1px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 13px;
  font-weight: 500;
  text-decoration-line: none;
  margin-top: 0.75rem;
  width: 100%;
  cursor: pointer;
  gap: 7px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.inventory-card {
  width: 100%;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.inventory-empty-state {
  display: grid;
  min-height: 360px;
  width: 100%;
  place-items: center;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  text-align: center;
  --tw-shadow: 0 3px 12px rgba(16, 32, 26, 0.04);
  --tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.inventory-empty-box {
  max-width: 460px;
}

.inventory-empty-icon {
  height: 58px;
  width: 58px;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.875rem;
  display: grid;
  place-items: center;
}

.inventory-empty-icon svg {
  height: 1.5rem;
  width: 1.5rem;
}

.inventory-empty-title {
  margin: 0px;
  margin-bottom: 0.5rem;
  font-size: 22px;
  font-weight: 780;
  letter-spacing: -0.02em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.inventory-empty-text {
  margin: 0px;
  font-size: 14px;
  line-height: 1.45;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.inventory-card-head {
  margin-bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 600px) {
  .inventory-card-head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.inventory-icon-title {
  display: flex;
  min-width: 0px;
  align-items: flex-start;
  gap: 0.75rem;
}

.inventory-icon {
  height: 42px;
  width: 42px;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
  display: grid;
  flex-shrink: 0;
  place-items: center;
}

.inventory-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.inventory-icon-purple {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.inventory-card-title {
  margin: 0px;
  font-size: 24px;
  font-weight: 780;
  letter-spacing: -0.03em;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.inventory-card-sub {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.inventory-mode-label {
  height: 26px;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  white-space: nowrap;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 12px;
  font-weight: 700;
}

.inventory-form-card {
  margin-bottom: 18px;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  padding: 18px;
  background-image: linear-gradient(180deg, #ffffff, #fbfdfc);
}

.inventory-form-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 14px;
}

@media (min-width: 1100px) {
  .inventory-form-grid {
    grid-template-columns: 220px minmax(0,1fr);
  }

  .inventory-price-only .inventory-form-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.inventory-product-form .inventory-textarea {
  min-height: 126px;
}

.inventory-field {
  display: grid;
  gap: 7px;
}

@media (min-width: 1100px) {
  .inventory-field-full {
    grid-column: span 2 / span 2;
  }
}

.inventory-label {
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.inventory-hint {
  font-size: 12px;
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.inventory-input {
  height: 2.5rem;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.inventory-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.inventory-textarea {
  min-height: 180px;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 13px;
  line-height: 1.38;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  resize: vertical;
}

.inventory-textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.inventory-actions-block {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding: 14px;
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
}

.inventory-btn {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 11px;
  border-width: 1px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 13px;
  font-weight: 500;
  text-decoration-line: none;
  cursor: pointer;
  gap: 7px;
}

.inventory-btn-primary {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.inventory-btn-sand {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.inventory-btn-danger {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

.inventory-preview-card {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
}

.inventory-preview-head {
  margin-bottom: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 600px) {
  .inventory-preview-head {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.inventory-preview-title {
  margin: 0px;
  font-size: 17px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.inventory-pdf-wrap {
  overflow: visible;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 245 242 / var(--tw-bg-opacity, 1));
  padding: 18px;
}

.inventory-alert-error {
  margin-bottom: 1rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(159 52 52 / var(--tw-text-opacity, 1));
}

/* =========================
       Reports section
       ========================= */

.reports-page-shell {
  display: grid;
  gap: 16px;
}

.reports-tabs-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 10px;
  --tw-shadow: 0 3px 14px rgba(16,32,26,.045);
  --tw-shadow-colored: 0 3px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.reports-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.reports-tab {
  min-height: 36px;
  width: auto;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
  text-decoration-line: none;
  flex-shrink: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.reports-tab:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media not all and (min-width: 600px) {
  .reports-tab {
    width: 100%;
    justify-content: flex-start;
  }
}

.reports-tab-icon {
  height: 15px;
  width: 15px;
  flex-shrink: 0;
}

.reports-tab-active {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.reports-tab-staff-active {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.reports-filters-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 16px;
  --tw-shadow: 0 3px 14px rgba(16,32,26,.045);
  --tw-shadow-colored: 0 3px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.reports-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

@media not all and (min-width: 600px) {
  .reports-filter-row {
    flex-direction: column;
    align-items: stretch;
  }
}

.reports-filter-field {
  display: grid;
  min-width: 0px;
  flex-shrink: 0;
  gap: 7px;
}

.reports-filter-office {
  width: 200px;
}

@media not all and (min-width: 600px) {
  .reports-filter-office {
    width: 100%;
  }
}

.reports-filter-period {
  min-width: 0px;
}

.reports-filter-date-group {
  min-width: 0px;
  flex-shrink: 0;
}

.reports-filter-label {
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.reports-filter-select,
    .reports-filter-input {
  height: 40px;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  font-weight: 400;
}

.reports-office-readonly {
  height: 40px;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  font-weight: 400;
}

.reports-period-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.reports-period-btn {
  height: 40px;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.reports-period-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media not all and (min-width: 600px) {
  .reports-period-btn {
    flex: 1 1 0%;
  }
}

.reports-period-btn-active {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  font-weight: 650;
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.reports-filter-date-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media not all and (min-width: 600px) {
  .reports-filter-date-row {
    flex-direction: column;
    align-items: stretch;
  }
}

.reports-date-input-wrap {
  position: relative;
  display: block;
  width: 150px;
  flex-shrink: 0;
}

@media not all and (min-width: 600px) {
  .reports-date-input-wrap {
    width: 100%;
  }
}

.reports-date-input {
  height: 40px;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  padding-left: 12px;
  padding-right: 40px;
  font-size: 13px;
  font-weight: 400;
}

.reports-date-icon {
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  height: 16px;
  width: 16px;
  --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));
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.reports-range-sep {
  display: flex;
  height: 40px;
  flex-shrink: 0;
  align-items: center;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

@media not all and (min-width: 600px) {
  .reports-range-sep {
    display: none;
  }

  .reports-range-sep.field-error-message {
    display: none;
  }

  .reports-range-sep {
    display: none;
  }

  .reports-range-sep.field-error-message {
    display: none;
  }

  .reports-range-sep.profile-field-error {
    display: none;
  }

  .reports-range-sep {
    display: none;
  }

  .reports-range-sep.field-error-message {
    display: none;
  }

  .reports-range-sep.profile-field-error {
    display: none;
  }

  .reports-range-sep.ui-users-043 {
    display: none;
  }

  .reports-range-sep {
    display: none;
  }

  .reports-range-sep.field-error-message {
    display: none;
  }

  .reports-range-sep.profile-field-error {
    display: none;
  }

  .reports-range-sep.ui-users-043 {
    display: none;
  }

  .reports-range-sep.ui-calendar-field-error {
    display: none;
  }

  .reports-range-sep {
    display: none;
  }

  .reports-range-sep.field-error-message {
    display: none;
  }

  .reports-range-sep.profile-field-error {
    display: none;
  }

  .reports-range-sep.ui-users-043 {
    display: none;
  }

  .reports-range-sep.ui-calendar-field-error {
    display: none;
  }

  .reports-range-sep.office-field-error {
    display: none;
  }

  .reports-range-sep {
    display: none;
  }
}

.reports-filter-actions {
  display: flex;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 10px;
}

@media not all and (min-width: 600px) {
  .reports-filter-actions {
    width: 100%;
    flex-direction: column;
  }
}

.reports-btn-search {
  height: 38px;
  width: auto;
  flex-shrink: 0;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 600;
  --tw-shadow: 0 3px 8px rgba(22, 163, 74, 0.10);
  --tw-shadow-colored: 0 3px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.reports-btn-search:hover {
  opacity: 0.95;
}

@media not all and (min-width: 600px) {
  .reports-btn-search {
    width: 100%;
  }
}

.reports-btn-reset {
  height: 38px;
  width: auto;
  flex-shrink: 0;
  border-radius: 11px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.reports-btn-reset:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media not all and (min-width: 600px) {
  .reports-btn-reset {
    width: 100%;
  }
}

.reports-content-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}

@media (min-width: 1100px) {
  .reports-content-grid {
    grid-template-columns: minmax(0,1fr) 360px;
  }
}

.reports-content-grid-staff {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 18px;
}

@media (min-width: 1100px) {
  .reports-content-grid-staff {
    grid-template-columns: 340px minmax(0,1fr);
  }
}

.reports-table-card {
  min-width: 0px;
  overflow: hidden;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 3px 14px rgba(16,32,26,.045);
  --tw-shadow-colored: 0 3px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.reports-table-wrap {
  overflow: auto;
}

.reports-table {
  width: 100%;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  min-width: 760px;
}

.reports-th {
  white-space: nowrap;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 13px;
  padding-bottom: 13px;
  text-align: left;
  font-size: 12px;
  font-weight: 750;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
  background-image: linear-gradient(180deg, #ffffff, #fbfdfc);
}

.reports-th-count {
  text-align: center;
}

.reports-th-money {
  text-align: right;
}

.reports-td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 13px;
  padding-bottom: 13px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.reports-td-count {
  text-align: center;
  --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);
}

.reports-td-money {
  text-align: right;
  --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);
}

.reports-table tbody tr:last-child .reports-td {
  border-bottom-width: 0px;
}

.reports-month-link {
  font-weight: 650;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.reports-month-link:hover {
  text-decoration-line: underline;
}

.reports-summary-card {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 14px rgba(16,32,26,.045);
  --tw-shadow-colored: 0 3px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.reports-icon-title {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.reports-icon-box {
  display: grid;
  height: 38px;
  width: 38px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 13px;
}

.reports-icon-box-finance {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.reports-icon-box-staff {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.reports-icon-box svg {
  height: 18px;
  width: 18px;
}

.reports-summary-title {
  margin: 0px;
  font-size: 18px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.reports-summary-sub {
  margin: 0px;
  margin-top: 4px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.reports-summary-list {
  display: grid;
  gap: 9px;
}

.reports-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-radius: 13px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.reports-summary-label {
  font-size: 12px;
  font-weight: 650;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.reports-summary-value {
  font-size: 15px;
  font-weight: 760;
  --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);
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.reports-summary-row-net {
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
}

.reports-summary-row-net .reports-summary-value {
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
}

.reports-chart-card {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 18px;
  --tw-shadow: 0 3px 14px rgba(16,32,26,.045);
  --tw-shadow-colored: 0 3px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.reports-chart-title {
  margin: 0px;
  margin-bottom: 14px;
  font-size: 19px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.reports-chart-wrap {
  height: 310px;
  min-width: 0px;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 243 240 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 14px;
}

@media (min-width: 600px) {
  .reports-chart-wrap-mobile {
    height: 260px;
  }
}

.reports-staff-list-card {
  min-width: 0px;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 16px;
  --tw-shadow: 0 3px 14px rgba(16,32,26,.045);
  --tw-shadow-colored: 0 3px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.reports-staff-card-title {
  margin: 0px;
  font-size: 20px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.reports-staff-card-sub {
  margin: 0px;
  margin-top: 4px;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.reports-staff-search {
  height: 38px;
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  margin-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 13px;
  font-weight: 400;
}

.reports-staff-items {
  display: grid;
  max-height: 520px;
  gap: 7px;
  overflow: auto;
  padding-right: 2px;
}

@media not all and (min-width: 600px) {
  .reports-staff-items {
    max-height: none;
  }
}

.reports-staff-item {
  width: 100%;
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 11px;
  padding-bottom: 11px;
  text-align: left;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.reports-staff-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.reports-staff-item-active {
  --tw-border-opacity: 1;
  border-color: rgb(222 215 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 243 255 / var(--tw-bg-opacity, 1));
}

.reports-staff-name {
  font-size: 14px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.reports-staff-item-active .reports-staff-name {
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.reports-staff-role {
  margin-top: 3px;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.reports-staff-chev {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.reports-staff-item-active .reports-staff-chev {
  --tw-text-opacity: 1;
  color: rgb(95 75 154 / var(--tw-text-opacity, 1));
}

.reports-empty-card {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 3px 14px rgba(16,32,26,.045);
  --tw-shadow-colored: 0 3px 14px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: grid;
  min-height: 180px;
  place-items: center;
  padding: 20px;
  text-align: center;
}

.reports-empty-icon {
  height: 50px;
  width: 50px;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 216 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 79 42 / var(--tw-text-opacity, 1));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  display: grid;
  place-items: center;
}

.reports-empty-icon svg {
  height: 22px;
  width: 22px;
}

.reports-empty-title {
  margin: 0px;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 760;
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.reports-empty-text {
  margin: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

.reports-detail-stack {
  display: grid;
  min-width: 0px;
  gap: 16px;
}

.reports-page-shell .air-datepicker {
  z-index: 120;
}

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

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

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

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

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

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

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

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

.mt-6 {
  margin-top: 1.5rem;
}

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

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

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

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-10 {
  height: 2.5rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.max-h-full {
  max-height: 100%;
}

.w-10 {
  width: 2.5rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-full {
  width: 100%;
}

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

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

.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 spin {
  to {
    transform: rotate(360deg);
  }
}

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

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

.resize {
  resize: both;
}

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

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

.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));
}

.overflow-hidden {
  overflow: hidden;
}

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

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

.rounded-lg {
  border-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

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

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

.border-dc-border {
  --tw-border-opacity: 1;
  border-color: rgb(220 231 225 / var(--tw-border-opacity, 1));
}

.border-dc-brand {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.border-dc-brand-border {
  --tw-border-opacity: 1;
  border-color: rgb(191 232 205 / var(--tw-border-opacity, 1));
}

.border-dc-danger {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.border-dc-danger-border {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}

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

.border-t-dc-transparent {
  border-top-color: transparent;
}

.bg-\[rgba\(16\2c 32\2c 26\2c 0\.60\)\] {
  background-color: rgba(16,32,26,0.60);
}

.bg-dc-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 245 / var(--tw-bg-opacity, 1));
}

.bg-dc-danger-soft {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.bg-dc-row-active {
  --tw-bg-opacity: 1;
  background-color: rgb(237 249 241 / var(--tw-bg-opacity, 1));
}

.bg-dc-surface-subtle {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

.bg-dc-text {
  --tw-bg-opacity: 1;
  background-color: rgb(16 32 26 / var(--tw-bg-opacity, 1));
}

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

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

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

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

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.font-medium {
  font-weight: 500;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.text-dc-badge-active-text {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-dc-badge-alert-text {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-dc-danger {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-dc-icon-calendar {
  --tw-text-opacity: 1;
  color: rgb(138 155 255 / var(--tw-text-opacity, 1));
}

.text-dc-icon-clock {
  --tw-text-opacity: 1;
  color: rgb(82 117 107 / var(--tw-text-opacity, 1));
}

.text-dc-icon-daily {
  --tw-text-opacity: 1;
  color: rgb(79 111 100 / var(--tw-text-opacity, 1));
}

.text-dc-icon-default {
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.text-dc-icon-inventory {
  --tw-text-opacity: 1;
  color: rgb(199 139 91 / var(--tw-text-opacity, 1));
}

.text-dc-icon-mailing {
  --tw-text-opacity: 1;
  color: rgb(91 127 166 / var(--tw-text-opacity, 1));
}

.text-dc-icon-offices {
  --tw-text-opacity: 1;
  color: rgb(192 90 157 / var(--tw-text-opacity, 1));
}

.text-dc-icon-patients {
  --tw-text-opacity: 1;
  color: rgb(109 91 166 / var(--tw-text-opacity, 1));
}

.text-dc-icon-reports {
  --tw-text-opacity: 1;
  color: rgb(112 199 165 / var(--tw-text-opacity, 1));
}

.text-dc-icon-users {
  --tw-text-opacity: 1;
  color: rgb(111 87 165 / var(--tw-text-opacity, 1));
}

.text-dc-status-active {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-dc-text {
  --tw-text-opacity: 1;
  color: rgb(16 32 26 / var(--tw-text-opacity, 1));
}

.text-dc-text-muted {
  --tw-text-opacity: 1;
  color: rgb(97 115 106 / var(--tw-text-opacity, 1));
}

.text-dc-text-soft {
  --tw-text-opacity: 1;
  color: rgb(66 85 75 / var(--tw-text-opacity, 1));
}

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

.underline {
  text-decoration-line: underline;
}

.opacity-60 {
  opacity: 0.6;
}

.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-dc-brand-border {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 232 205 / var(--tw-ring-opacity, 1));
}

.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);
}

.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);
}

.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);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.visually-hidden {
  position: absolute;
  margin: -1px;
  height: 1px;
  width: 1px;
  overflow: hidden;
  text-overflow: clip;
  padding: 0px;
}

.wrapper {
  margin: auto;
  width: 100%;
  max-width: 1600px;
  padding-left: 15px;
  padding-right: 15px;
}

.wrapper-auth {
  max-width: 36rem;
}

.hover\:bg-dc-brand-dark:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 81 50 / var(--tw-bg-opacity, 1));
}

.hover\:bg-dc-surface-subtle:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 253 252 / var(--tw-bg-opacity, 1));
}

@media (min-width: 800px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
}