/* json_script inside flex/grid paints as text; never generate a box. */
script[type="application/json"] {
  display: none !important;
}

:root {
  --g-topbar-height: 0px;
  --g-topbar-inset: 0px;
  --g-topbar-gap: 0.5rem;
  --g-topbar-left: 0px;
  --g-topbar-stack: var(--g-topbar-gap);
  --g-topbar-clearance: 0px;
  --g-topbar-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --g-topbar-duration: 0.3s;
  --g-z-topbar: 1100;
  --g-z-topbar-menu: 1120;
  --g-z-toast: 1130;
  --g-z-overlay-backdrop: 1190;
  --g-z-overlay: 1200;
  --g-z-overlay-raised: 1300;
  --bs-modal-zindex: var(--g-z-overlay);
  --bs-backdrop-zindex: var(--g-z-overlay-backdrop);
  --bs-offcanvas-zindex: var(--g-z-overlay);
  --bs-toast-zindex: var(--g-z-toast);
}

.offcanvas-backdrop {
  z-index: var(--g-z-overlay-backdrop) !important;
}

.modal {
  --bs-modal-zindex: var(--g-z-overlay);
}

.modal-backdrop {
  --bs-backdrop-zindex: var(--g-z-overlay-backdrop);
}

.offcanvas {
  --bs-offcanvas-zindex: var(--g-z-overlay);
}

.g-layout-chrome-menu {
  position: relative;
  width: 100%;
}

.g-layout-chrome-dropdown {
  position: absolute;
  left: calc(100% + 0.45rem);
  bottom: 0;
  z-index: var(--g-z-topbar-menu);
  min-width: 12rem;
  max-width: min(20rem, calc(100vw - 1.5rem));
  padding: 0.35rem;
  background: #fff;
  border: 1px solid rgba(28, 78, 58, 0.1);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(28, 78, 58, 0.12);
}

.g-layout-chrome-dropdown-meta {
  padding: 0.45rem 0.7rem 0.55rem;
}

.g-layout-chrome-dropdown-name {
  font-weight: 600;
  color: #21352e;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.g-layout-chrome-dropdown-sub {
  font-size: 0.75rem;
  color: #5b756c;
  margin-top: 0.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.g-layout-chrome-dropdown-sub.is-muted {
  opacity: 0.8;
}

.g-layout-chrome-dropdown-item {
  display: block;
  width: 100%;
  padding: 0.45rem 0.7rem;
  border-radius: 8px;
  color: #21352e;
  font-size: 0.875rem;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.g-layout-chrome-dropdown-item:hover {
  background: #eef7f4;
  color: #1c4e3a;
}

.g-layout-chrome-dropdown-item.is-danger {
  color: #b42318;
}

.g-layout-chrome-dropdown-item.is-danger:hover {
  background: #fef3f2;
  color: #912018;
}

.g-layout-chrome-dropdown-empty {
  padding: 0.55rem 0.7rem;
  color: #5b756c;
  font-size: 0.8125rem;
}

body.eco-clinic-body .app-shell-main-body {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 768px) {
  .g-layout-chrome-dropdown {
    left: 0;
    right: auto;
    bottom: auto;
    top: calc(100% + 0.4rem);
  }
}