@charset "UTF-8";.hex-v2 .signin-details {
  width: 100%;
  max-width: 422px;
  gap: 30px;
  text-align: center;
}
.hex-v2 .signin-details-sub {
  gap: 30px;
  width: 100%;
}
.hex-v2 .signin-details-head {
  color: var(--hex-color-basic);
  font-family: Lato;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-text-stroke: 0.8px currentColor;
}
.hex-v2 .signin-details-content {
  color: var(--hex-color-basic);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.hex-v2 .signin-details-content-bold {
  color: var(--hex-color-basic);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.hex-v2 .login-captcha_img-load--spinning {
  animation: rotate 1s linear infinite;
  cursor: not-allowed;
  pointer-events: none;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.hex-v2 .qr-code-div {
  width: 200px;
  height: 200px;
  border-radius: 5px;
  border: 1px solid var(--hex-border-color);
}
.hex-v2 .signin-details-button-group {
  gap: 15px;
}
.hex-v2 .signin-details-button-group .hex-button-v2 {
  align-self: stretch;
}
.hex-v2 .signin-required-icon {
  width: 180px;
  height: 180px;
}
.hex-v2 .signin-max_width {
  width: 100%;
  max-width: 422px;
}
.hex-v2 .login-captcha_img {
  width: 180px;
  height: 55px;
  padding: 7px;
}
.hex-v2 .login-captcha_img-load {
  width: 15px;
  margin-right: 8px;
  cursor: pointer;
}
.hex-v2 .qr-code-div {
  width: 200px;
  height: 200px;
  border-radius: 5px;
  border: 1px solid var(--hex-border-color);
}
.hex-v2 .qr-code-data {
  width: 160px;
  height: 160px;
}
.hex-v2 .button-third {
  gap: 12px;
}
.hex-v2 .button-sso-img {
  width: 44px;
}
.hex-v2 .button-sso-content {
  color: var(--hex-color-basic);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  width: 210px;
  text-align: left;
}
.hex-v2 .input-container {
  position: relative;
}
.hex-v2 .text-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  width: 375px;
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  transform: translateY(-50%);
  white-space: nowrap;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  background-color: var(--white-color);
  z-index: 100;
}
.hex-v2 .text-container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  z-index: 2;
}
.hex-v2 .text-container::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent rgba(229, 220, 220, 0.1) transparent transparent;
  z-index: 1;
}
.hex-v2 .line-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 10px;
}
.hex-v2 .dot_true {
  width: 8px;
  height: 8px;
  background-color: rgb(18, 212, 151);
  border-radius: 50%;
  flex-shrink: 0;
}
.hex-v2 .dot_false {
  width: 8px;
  height: 8px;
  background-color: #d8d8d8;
  border-radius: 50%;
  flex-shrink: 0;
}
.hex-v2 .password-rules-inline {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 8px;
  padding-left: 20px;
}
.hex-v2 .password-rules-inline::before, .hex-v2 .password-rules-inline::after {
  display: none;
}
.hex-v2 .line {
  border: none;
  border-top: 2px solid var(--hex-border-color);
  margin: 0;
}
.hex-v2 .line-width {
  width: 196px;
}
@media screen and (max-width: 435px) {
  .hex-v2 .signin-details,
  .hex-v2 .signin-max_width {
    width: 90%;
    margin: 0 auto;
  }
}.hex-button-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 50px;
  height: 20px;
}

.hex-button-loader__dot {
  width: 6px;
  height: 6px;
  background-color: var(--white-color, #ffffff);
  border-radius: 9999px;
  animation: hex-button-loader-pulse 0.6s ease-in-out infinite alternate;
}
.hex-button-loader__dot:nth-child(2) {
  animation-delay: 0.15s;
}
.hex-button-loader__dot:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes hex-button-loader-pulse {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}.hex-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 5px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.hex-btn--lg {
  height: 45px;
  padding: 12px 25px;
}
.hex-btn--md {
  height: 40px;
  padding: 9.5px 20px;
}
.hex-btn--sm {
  height: 35px;
  padding: 7px 16px;
}
.hex-btn:focus-visible {
  outline: none;
}
.hex-btn--loading {
  cursor: wait;
  pointer-events: none;
}
.hex-btn--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.hex-btn--full-width {
  width: 100%;
}
.hex-btn--primary {
  border: 0;
  background-color: var(--hex-active-tab-color, #0449d1);
  color: var(--white-color, #ffffff);
}
.hex-btn--primary:hover:not(:disabled) {
  background-color: var(--hex-active-tab-hover-color, #0339a5);
}
.hex-btn--primary:focus-visible {
  box-shadow: 0 0 0 2px rgba(4, 73, 209, 0.3);
}
.hex-btn--primary.hex-btn--disabled {
  background-color: var(--hex-button-primary-disable-color, #f3f5f6);
  color: var(--hex-border-color, #e4e8eb);
  opacity: 1;
  cursor: not-allowed !important;
}
.hex-btn--primary.hex-btn--loading {
  background-color: var(--hex-active-tab-color, #0449d1);
  color: var(--white-color, #ffffff);
}
.hex-btn--secondary {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  background-color: var(--white-color, #ffffff);
  color: var(--hex-active-tab-color, #0449d1);
}
.hex-btn--secondary:hover:not(:disabled) {
  border-color: var(--hex-active-tab-color, #0449d1);
}
.hex-btn--secondary:focus-visible {
  box-shadow: 0 0 0 2px rgba(4, 73, 209, 0.2);
}
.hex-btn--tertiary {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  background-color: var(--white-color, #ffffff);
  color: var(--hex-active-tab-color, #0449d1);
}
.hex-btn--tertiary:hover:not(:disabled) {
  border-color: var(--hex-active-tab-color, #0449d1);
}
.hex-btn--tertiary:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}.hex-ui-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.hex-ui-tooltip {
  position: absolute;
  z-index: 1070;
  width: -moz-max-content;
  width: max-content;
  pointer-events: auto;
}
.hex-ui-tooltip--top {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.hex-ui-tooltip--top .hex-ui-tooltip__arrow {
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.hex-ui-tooltip--bottom {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.hex-ui-tooltip--bottom .hex-ui-tooltip__arrow {
  top: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(-135deg); /* point up toward trigger */
}
.hex-ui-tooltip--left {
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
.hex-ui-tooltip--left .hex-ui-tooltip__arrow {
  right: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.hex-ui-tooltip--right {
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
.hex-ui-tooltip--right .hex-ui-tooltip__arrow {
  left: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.hex-ui-tooltip--light .hex-ui-tooltip__content {
  background-color: var(--white-color, #ffffff);
  color: var(--hex-color-secondary, #788c9b);
  border: 1px solid #e4e8eb;
}
.hex-ui-tooltip--light .hex-ui-tooltip__arrow {
  background-color: var(--white-color, #ffffff);
  border: 1px solid #e4e8eb;
  border-top: none;
  border-left: none;
}
.hex-ui-tooltip--medium .hex-ui-tooltip__content {
  background-color: #f3f5f6;
  color: var(--hex-color-secondary, #788c9b);
  border: 1px solid #e4e8eb;
}
.hex-ui-tooltip--medium .hex-ui-tooltip__arrow {
  background-color: #f3f5f6;
  border: 1px solid #e4e8eb;
  border-top: none;
  border-left: none;
}
.hex-ui-tooltip--dark .hex-ui-tooltip__content {
  background-color: #6e829b;
  color: var(--white-color, #ffffff);
  border: none;
  font-size: 14px;
  line-height: 21px;
}
.hex-ui-tooltip--dark .hex-ui-tooltip__arrow {
  background-color: #6e829b;
  border: none;
}

.hex-ui-tooltip__content {
  padding: 10px 14px;
  border-radius: 8px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.hex-ui-tooltip__content a,
.hex-ui-tooltip__content .hex-link {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
  pointer-events: auto;
}
.hex-ui-tooltip__content a:hover,
.hex-ui-tooltip__content .hex-link:hover {
  text-decoration: underline;
}

.hex-ui-tooltip__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
}

.hex-ui-info-icon {
  flex-shrink: 0;
  transition: color 0.2s ease;
}
.hex-ui-info-icon:hover {
  color: var(--hex-active-tab-color, #0449d1) !important;
}:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=ReactToastify.css.map *//**
 * Toast Component Styles - Hex-UI Design System
 *
 * Custom styling for react-toastify to match Hexnode UEM design language.
 * Uses hex-ui- prefix to avoid conflicts with legacy styles.
 */
.hex-ui-toast-container.Toastify__toast-container {
  top: 90px;
  width: auto;
  max-width: 500px;
  min-width: 300px;
  padding: 0;
  z-index: 9999;
}

.hex-ui-toast.Toastify__toast {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 15px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-height: 40px;
  margin-bottom: 12px;
}
.hex-ui-toast.Toastify__toast--success {
  background-color: #409c35;
  color: #fff;
}
.hex-ui-toast.Toastify__toast--success .Toastify__close-button {
  color: rgba(255, 255, 255, 0.9);
}
.hex-ui-toast.Toastify__toast--success .Toastify__close-button:hover {
  color: #fff;
}
.hex-ui-toast.Toastify__toast--success .Toastify__toast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
}
.hex-ui-toast.Toastify__toast--success .Toastify__toast-icon svg {
  fill: #fff;
}
.hex-ui-toast.Toastify__toast--error {
  background-color: #a30000;
  color: #fff;
}
.hex-ui-toast.Toastify__toast--error .Toastify__close-button {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.hex-ui-toast.Toastify__toast--error .Toastify__close-button:hover {
  color: #fff;
}
.hex-ui-toast.Toastify__toast--error .Toastify__toast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.hex-ui-toast.Toastify__toast--error .Toastify__toast-icon svg {
  fill: #fff;
}
.hex-ui-toast.Toastify__toast--warning {
  background-color: #f3b424;
  color: var(--hex-color-basic, #191919);
}
.hex-ui-toast.Toastify__toast--warning .Toastify__close-button {
  color: rgba(26, 26, 26, 0.6);
}
.hex-ui-toast.Toastify__toast--warning .Toastify__close-button:hover {
  color: var(--hex-color-basic, #191919);
}
.hex-ui-toast.Toastify__toast--warning .Toastify__toast-icon svg {
  fill: var(--hex-color-basic, #191919);
}
.hex-ui-toast.Toastify__toast--info {
  background-color: #1a73e8;
}

.hex-ui-toast-container .Toastify__close-button {
  opacity: 0.7;
  transition: opacity 0.15s ease;
}
.hex-ui-toast-container .Toastify__close-button:hover {
  opacity: 1;
}

.hex-ui-toast-container .Toastify__toast-body {
  padding: 0;
  margin: 0;
  margin-right: 12px;
  display: flex;
  align-items: center;
  gap: 16px;
}

@media (max-width: 576px) {
  .hex-ui-toast-container.Toastify__toast-container {
    top: 70px;
    left: 16px;
    right: 16px;
    width: auto;
    max-width: none;
    min-width: 0;
    transform: none;
  }
  .hex-ui-toast.Toastify__toast {
    margin: 0 0 12px 0;
  }
}.hex-menu {
  padding: 20px 0;
  padding-left: 14%;
  margin: 0;
  list-style: none;
}
.hex-menu__section {
  margin-bottom: 0;
}
.hex-menu__section-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding: 8px 20px 8px 20px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  color: #191919;
  text-align: left;
  text-decoration: none;
  transition: background-color 0.3s;
}
.hex-menu__section-header:hover {
  background-color: #f5f5f5;
  color: #191919;
  text-decoration: none;
}
.hex-menu__section-header--expanded .hex-menu__chevron {
  transform: rotate(90deg);
}
.hex-menu__section-header--with-link {
  cursor: pointer;
  color: #191919;
}
.hex-menu__section-header--with-link:hover {
  background-color: #f5f5f5;
  color: #191919;
}
.hex-menu__section-header--active {
  position: relative;
  background-color: var(--hex-active-tab-bg-color, #f6f9ff);
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 400;
}
.hex-menu__section-header--active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: var(--hex-active-tab-color, #0449d1);
}
.hex-menu__section-header--active:hover {
  background-color: var(--hex-active-tab-bg-color, #f6f9ff);
  color: var(--hex-active-tab-color, #0449d1);
}
.hex-menu__section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
.hex-menu__chevron {
  width: 12px;
  height: 12px;
  transition: transform 0.2s ease;
  color: currentColor;
}
.hex-menu__section-title {
  flex: 1;
}
.hex-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hex-menu__item {
  position: relative;
  margin: 0;
}
.hex-menu__link {
  display: block;
  margin-left: 0;
  padding: 6px 15px 6px 0;
  font-size: 14px;
  color: #191919;
  text-decoration: none;
  line-height: 24px;
  transition: background-color 0.3s, color 0.3s;
}
.hex-menu__link:hover {
  background-color: var(--hex-active-tab-bg-color, #f6f9ff);
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.hex-menu__link--active {
  position: relative;
  background-color: var(--hex-active-tab-bg-color, #f6f9ff);
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 400;
}
.hex-menu__link--active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: var(--hex-active-tab-color, #0449d1);
}
.hex-menu__link--active:hover {
  background-color: var(--hex-active-tab-bg-color, #f6f9ff);
}.hex-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  padding: 20px;
  overflow-y: auto;
}

.hex-modal {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  width: 600px;
}
.hex-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.hex-modal__title {
  font: 600 18px/24px "Lato", sans-serif;
  color: #191919;
  margin: 0;
}
.hex-modal__close {
  background: none;
  border: none;
  font-size: 28px;
  color: #788c9b;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hex-modal__close:hover {
  color: #191919;
}
.hex-modal__body {
  padding: 20px;
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
}
.hex-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid #e5e5e5;
  flex-shrink: 0;
}.hex-data-table {
  width: 100%;
}
.hex-data-table__scroll {
  display: block;
  max-height: 60dvh;
  overflow: auto;
  width: 100%;
  scrollbar-gutter: stable;
}
.hex-data-table__table {
  min-width: 850px;
  width: 100%;
  margin-bottom: 0;
  table-layout: fixed;
  border-collapse: collapse;
}
.hex-data-table__head {
  position: sticky;
  top: 0;
  z-index: 2;
}
.hex-data-table__row {
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.hex-data-table__header-cell {
  font: 600 14px/21px var(--hex-font-family, Lato);
  color: var(--hex-color-basic, #191919);
  background: var(--white-color, #fff);
  padding: 10px 20px;
  align-content: center;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.hex-data-table__header-cell--sortable {
  cursor: pointer;
}
.hex-data-table__header-cell--checkbox {
  width: 56px;
}
.hex-data-table__cell {
  cursor: default;
  color: var(--hex-color-basic, #191919);
  font: 400 14px/21px var(--hex-font-family, Lato);
  background: var(--white-color, #fff);
  padding: 8px 20px;
  vertical-align: middle;
  border: none;
  align-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hex-data-table__cell--checkbox {
  width: 56px;
}
.hex-data-table__cell--loading, .hex-data-table__cell--empty {
  text-align: center;
  padding: 40px 0;
}
.hex-data-table__row--selected > .hex-data-table__cell {
  background-color: var(--white-color, #fff);
}
@keyframes hexDataTableHighlightFade {
  0% {
    background-color: rgba(4, 73, 209, 0.12);
  }
  70% {
    background-color: rgba(4, 73, 209, 0.08);
  }
  100% {
    background-color: transparent;
  }
}
.hex-data-table__row--highlight > .hex-data-table__cell {
  animation: hexDataTableHighlightFade 2.5s ease-out forwards;
}
.hex-data-table__checkbox-wrapper {
  position: relative;
  width: 20px;
  height: 20px;
}
.hex-data-table__checkbox {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
  z-index: 1;
}
.hex-data-table__checkbox-indicator {
  display: block;
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--hex-input-border-color, #a3a9b3);
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: 0;
  box-sizing: border-box;
}
.hex-data-table__checkbox-indicator::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid var(--white-color, #fff);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.hex-data-table__checkbox:checked + .hex-data-table__checkbox-indicator {
  background-color: var(--hex-active-tab-color, #0449d1);
  border-color: var(--hex-active-tab-color, #0449d1);
}
.hex-data-table__checkbox:checked + .hex-data-table__checkbox-indicator::after {
  display: block;
}
.hex-data-table__sort-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.hex-data-table__sort-caret--asc {
  border-top: 0;
  border-bottom: 4px dashed;
}.hex-context-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hex-context-menu__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--hex-color-basic, #191919);
  border-radius: 4px;
}
.hex-context-menu__trigger:hover {
  background: rgba(0, 0, 0, 0.06);
}
.hex-context-menu__trigger-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hex-context-menu__trigger-icon svg {
  fill: currentColor;
  flex-shrink: 0;
}
.hex-context-menu__menu {
  position: fixed;
  z-index: var(--hex-z-dropdown, 100);
  min-width: 180px;
  max-height: calc(100vh - 16px);
  overflow: auto;
  background: var(--white-color, #fff);
  border-radius: 8px;
  box-shadow: var(--hex-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));
  padding: 6px 0;
}
.hex-context-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hex-context-menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  border: none;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  font: 400 14px/20px var(--hex-font-family, Lato);
  text-align: left;
  cursor: pointer;
}
.hex-context-menu__item:hover:not(:disabled) {
  background: rgba(4, 73, 209, 0.06);
}
.hex-context-menu__item:disabled {
  cursor: not-allowed;
  color: var(--hex-color-secondary, #788c9b);
}
.hex-context-menu__item--danger {
  color: #a30000;
}
.hex-context-menu__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  flex-shrink: 0;
}
.hex-context-menu__icon svg {
  fill: none;
  width: 18px;
  height: 18px;
}
.hex-context-menu__icon img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 1;
}.hex-filter-panel__backdrop {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: transparent;
  pointer-events: none;
}

.hex-filter-panel {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 3px;
  min-width: 280px;
  width: 320px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  z-index: 1000;
  max-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hex-filter-panel--anchored {
  position: fixed;
  margin-top: 0;
}

.hex-filter-panel__inner {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.hex-filter-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  background-color: #fff;
  min-height: 51px;
  padding: 15px 20px;
  border-bottom: 1px solid #e4e8eb;
  font: 600 16px/24px Lato;
  color: #191919;
}

.hex-filter-panel__header--back {
  width: 100%;
  justify-content: flex-end;
}

.hex-filter-panel__title {
  display: block;
}

.hex-filter-panel__back {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font: 600 16px/24px Lato;
  color: #191919;
}
.hex-filter-panel__back:hover {
  color: #0449d1;
}

.hex-filter-panel__content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 0;
  overflow: hidden;
}

.hex-filter-panel__criteria {
  display: flex;
  flex-direction: column;
}

.hex-filter-panel__criteria-row {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  font: 400 14px/21px Lato;
  color: #191919;
  cursor: pointer;
  min-height: 44px;
  border: none;
  background: none;
  text-align: left;
}
.hex-filter-panel__criteria-row:hover {
  background-color: #f6f9ff;
}

.hex-filter-panel__criteria-label {
  flex: 1;
}

.hex-filter-panel__criteria-count {
  background-color: #0449d1;
  color: #fff;
  font-size: 11px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.hex-filter-panel__criteria-arrow {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: #191919;
}

.hex-filter-panel__detail {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 0 8px 0;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.hex-filter-panel__footer {
  flex-shrink: 0;
  background-color: #fff;
  min-height: 51px;
  padding: 15px 20px;
  border-top: 1px solid #e4e8eb;
}

.hex-filter-panel__reset {
  cursor: pointer;
  color: #0449d1;
  font: 400 14px/21px Lato;
  border: none;
  background: none;
  padding: 0;
}
.hex-filter-panel__reset:hover {
  text-decoration: underline;
}.hex-loading-bar {
  position: fixed;
  top: 45px;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 10000;
  pointer-events: none;
  transition: opacity 0.4s linear;
}
.hex-loading-bar__bar {
  height: 100%;
  background: #29d;
  transition: width 350ms;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.hex-loading-bar__peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: 0.45;
  box-shadow: #29d 1px 0 6px 1px;
  border-radius: 100%;
}

@media (max-width: 767px) {
  .hex-loading-bar {
    top: 45px;
  }
}.content-page {
  display: flex;
  min-height: calc(100vh - 100px);
  width: 100%;
  font: 400 14px/21px Lato;
  background-color: #ffffff;
}
.content-page--full .content-panel {
  width: 100%;
}

/* ===== Content Panel (right side) ===== */
.content-panel {
  width: 75%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: calc(100vh - 100px);
}
.content-panel__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* ===== Page Header ===== */
.content-tab-header {
  padding: 20px 40px;
  border-bottom: 1px solid #e4e8eb;
}

.content_title {
  font: 700 16px/24px Lato;
  text-align: left;
  color: #191919;
  margin-bottom: 4px;
}

.content_sub_title {
  font: 400 14px/16.8px Lato;
  text-align: left;
  color: #788c9b;
}

/* Portal alignment: content-tab-main width */
.content-tab-main {
  width: 75%;
  display: flex;
  flex-direction: column;
  font: 400 14px/21px Lato;
  background-color: #ffffff;
  min-height: calc(100vh - 100px);
  flex-grow: 1;
}

/* ===== Page Body ===== */
.content-tab-body {
  padding: 30px 0 40px 40px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  width: 100%;
  max-width: 100%;
}

/* ===== Action Bar ===== */
.action-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.action-group {
  display: flex;
  gap: 10px;
  align-items: center;
}
.action-group--left {
  display: flex;
  gap: 10px;
  align-items: center;
}
.action-group--right {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-right: 40px;
  margin-left: auto;
}

/* Primary button (Add Content) */
.primary-button {
  font: 500 14px/21px Lato;
  text-align: center;
  min-height: 40px;
  padding: 5px 25px;
  border-radius: 8px;
  margin: 0;
  border: 1px solid #0449d1;
  background-color: #0449d1;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}
.primary-button:hover {
  background-color: #0339a6;
  border-color: #0339a6;
}
.primary-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Secondary button (Actions) */
.secondary-button {
  font: 500 14px/21px Lato;
  text-align: center;
  min-height: 40px;
  padding: 5px 25px;
  border-radius: 8px;
  margin: 0;
  border: 1px solid #e4e8eb;
  color: #0449d1;
  background-color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}
.secondary-button:hover {
  background-color: #f6f9ff;
}

/* Search input */
.search-button {
  width: 216px;
  height: 40px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #e4e8eb;
  font: 400 14px/21px Lato;
  outline: none;
}
.search-button::-moz-placeholder {
  color: #788c9b;
}
.search-button::placeholder {
  color: #788c9b;
}
.search-button:focus {
  border-color: #0449d1;
}

/* Filter button */
.filter-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 5px 20px;
  border-radius: 8px;
  border: 1px solid #e4e8eb;
  background-color: #fff;
  color: #191919;
  font: 500 14px/21px Lato;
  cursor: pointer;
}
.filter-btn:hover {
  background-color: #f6f9ff;
}
.filter-btn--active {
  background-color: #f6f9ff;
  border-color: #0449d1;
  color: #0449d1;
}
.filter-btn img {
  width: 16px;
  height: 16px;
}
.filter-btn .hex-filter-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  min-width: 16px;
  width: 16px;
  height: 16px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 500;
  background-color: #0449d1;
  color: #fff;
}

/* ===== Dropdown Menu ===== */
.contenttab-dropdown-container {
  position: relative;
  display: inline-block;
}
.contenttab-dropdown-container .dropdown-menu {
  border: 0;
  position: absolute;
  padding: 10px 0;
  margin-top: 4px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  background: #fff;
  list-style: none;
  min-width: 180px;
  z-index: 1000;
}
.contenttab-dropdown-container .dropdown-menu a {
  display: flex;
  font: 400 14px/21px Lato;
  padding: 10px 20px;
  gap: 10px;
  color: #191919;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
}
.contenttab-dropdown-container .dropdown-menu a img {
  width: 18px;
  height: 18px;
}
.contenttab-dropdown-container .dropdown-menu a:hover {
  background-color: #f6f9ff;
}
.contenttab-dropdown-container .dropdown-menu a.danger {
  color: #c00;
}
.contenttab-dropdown-container .dropdown-menu li {
  cursor: pointer;
}
.contenttab-dropdown-container .contenttab-action-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.contenttab-dropdown-container .contenttab-actions-dropdown-menu a {
  color: #191919;
}
.contenttab-dropdown-container .contenttab-action-item-delete {
  color: #cc0000 !important;
}
.contenttab-dropdown-container .contenttab-action-item-delete .contenttab-action-icon {
  color: #cc0000;
}
.contenttab-dropdown-container .contenttab-action-item-disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}
.contenttab-dropdown-container .contenttab-action-item-disabled a {
  cursor: default !important;
}

/* ===== Breadcrumb ===== */
.breadcrumb-navigation {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 12px 0;
  margin-bottom: 0;
}

.breadcrumb-item {
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  cursor: pointer;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
}
.breadcrumb-item:hover {
  text-decoration: none;
  color: #0449d1;
}

.breadcrumb-current {
  color: #0449d1;
  cursor: default;
  font-weight: 500;
}
.breadcrumb-current:hover {
  color: #0449d1;
}

.breadcrumb-separator {
  width: 12px;
  height: 12px;
  margin: 0 4px;
  opacity: 0.5;
}

/* ===== Pagination ===== */
.content-tab-pagination {
  color: #191919;
  font: 400 14px/20px Lato;
  padding: 20px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 40px;
}

.content-tab-pagination .pagination-dropdown {
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  font: 400 14px/21px Lato;
  cursor: pointer;
  height: 32px;
  display: flex;
  align-items: center;
  min-width: 60px;
  justify-content: space-between;
}

.content-tab-pagination .pagination-left-side {
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  font: 400 14px/21px Lato;
}

.pagination-page-select {
  margin: 0;
  display: flex;
  list-style: none;
  padding: 0;
  gap: 2px;
}

.pagination-page-select > li {
  display: inline-block;
}

.pagination-page-select > li > a {
  color: #191919;
  margin: 2px;
  border: 0;
  padding: 6px 12px;
  border-radius: 8px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  font: 400 14px/21px Lato;
}

.pagination-page-select > li > a:hover {
  background-color: #f6f9ff;
}

.pagination-page-select > li.active > a,
.pagination-page-select > li.active > a:hover,
.pagination-page-select > li.active > a:focus {
  border-radius: 8px;
  background-color: #0449d1 !important;
  color: #fff !important;
}

.pagination-page-select > li.disabled > a {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.content-tab-pagination .dropdown-menu--up {
  top: auto !important;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 3px;
}

/* ===== Content Area ===== */
.content-main-area {
  flex: 1;
  min-width: 0;
  width: 100%;
}

/* ===== Script Editor ===== */
.script-editor__textarea {
  padding: 20px;
  border: none;
  border-radius: 20px 20px 0 0;
  font: 400 14px/18px "Source Code Pro", monospace;
  resize: none;
  flex: 1 1 auto;
  outline: none;
  overflow-y: auto;
}
.script-editor__button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  height: 70px;
  box-sizing: border-box;
  border-top: 1px solid #e4e8eb;
  flex-shrink: 0;
  margin-top: auto;
  border-radius: 0 0 20px 20px;
}
.script-editor .button-group {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 8px;
  flex-shrink: 0;
}
.script-editor .hex_info_icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
}

/* ===== Generate Script Page ===== */
.generate-script-page {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
}
.generate-script-page--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 40px;
  font: 400 14px/21px Lato;
  color: #191919;
}
.generate-script-page__unauth {
  padding: 40px 20px;
}

.content-tab-header--genie {
  display: flex;
  flex-direction: column;
  padding: 0;
  border-bottom: 0;
}
.content-tab-header--genie .content-tab-breadcrumb-navigation {
  padding: 20px 40px;
  border-bottom: 1px solid #e4e8eb;
  margin-bottom: 0;
}
.content-tab-header--genie .content-tab-description {
  padding: 20px 40px;
  border-bottom: 1px solid #e4e8eb;
}

.content-tab-breadcrumb-navigation {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.content-back-button {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.content_breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font: 400 12px/18px Lato;
  color: #788c9b;
}
.content_breadcrumb li + li::before {
  content: "/";
  margin-right: 4px;
  opacity: 0.5;
}
.content_breadcrumb a {
  color: #0449d1;
  text-decoration: none;
}
.content_breadcrumb a:hover {
  text-decoration: underline;
}
.content_breadcrumb li:last-child {
  color: #191919;
}

.content-tab-description {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-tab-description-left {
  display: flex;
  gap: 20px;
  align-items: center;
}

.content-tab-body-wrapper {
  display: flex;
  flex: 1;
}

.right_tab_wrapper_content.hexnode-genie-script-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 16px 20px 20px;
  flex: 1;
  height: 100%;
  min-width: 0;
  box-sizing: border-box;
  width: calc(100vw - 80px);
}
.right_tab_wrapper_content.hexnode-genie-script-wrapper > .genie-prompter,
.right_tab_wrapper_content.hexnode-genie-script-wrapper > .script-editor {
  flex-grow: 1;
  min-height: 540px;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 50%;
  max-width: calc(50% - 20px);
}

.script-generation-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.bg_white {
  background: #fff;
}

.w-100 {
  width: 100%;
}

.plan-activate-content-area {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}

.plan-activate-content-area .button-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.plan-activate-content-area h4 {
  margin: 0;
  font: 600 16px/24px Lato;
  color: #191919;
}

.heading_404 {
  font-size: 24px;
  margin: 0 0 8px;
  color: #191919;
}

.content1_404 {
  font: 400 14px/21px Lato;
  color: #788c9b;
  margin: 0;
}

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

.content-tooltip-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 40px;
  padding: 20px 10px;
  flex-shrink: 0;
  border-left: 1px solid #e4e8eb;
}

.content-tooltip-link {
  display: flex;
  align-items: center;
  color: #0449d1;
  text-decoration: none;
}

.learn-more-icon {
  height: 20px;
  width: 20px;
}

.content-tooltip-popper {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 15px;
  right: 100%;
  padding: 5px;
  background: #fff;
  color: #0449d1;
  box-shadow: -1px 1px 2px -1px rgba(53, 50, 50, 0.28);
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
}

.content-tooltip-link:hover .content-tooltip-popper {
  visibility: visible;
  opacity: 1;
}

.triangle1_add_style {
  display: none;
}

/* ===== Table Loader ===== */
.content-table-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 40px;
}
.content-table-loader__img {
  width: 48px;
  height: 48px;
}

/* ===== Search Results ===== */
.search-back-link {
  display: inline-block;
  font: 400 14px/21px Lato;
  color: #0449d1;
  text-decoration: none;
  margin-bottom: 8px;
  cursor: pointer;
}
.search-back-link:hover {
  text-decoration: underline;
}

.search-result-path {
  display: block;
  font: 400 11px/14px Lato;
  color: #788c9b;
  margin-top: 2px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-align: left;
  padding-left: 24px;
  scrollbar-width: none;
}
.search-result-path::-webkit-scrollbar {
  display: none;
}

/* ===== Disabled secondary button (kept for general use) ===== */
.secondary-button:disabled {
  color: var(--hex-color-secondary, #788c9b);
  background-color: var(--white-color, #ffffff);
  border-color: var(--hex-border-color, #e4e8eb);
  cursor: default;
  pointer-events: none;
}

/* ===== Create / Rename Folder Modal ===== */
.create-rename-modal {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 8px 0;
}
.create-rename-modal__label {
  font: 400 14px/21px Lato;
  color: #191919;
  width: 100px;
  flex-shrink: 0;
  padding-top: 10px;
}
.create-rename-modal__input-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.create-rename-modal__input {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  font: 400 14px/21px Lato;
  color: #191919;
  outline: none;
  box-sizing: border-box;
}
.create-rename-modal__input:focus {
  border-color: #0449d1;
}
.create-rename-modal__input--error {
  border-color: #c00;
}
.create-rename-modal__input--error:focus {
  border-color: #c00;
}
.create-rename-modal__error {
  color: #c00;
  font-size: 12px;
  line-height: 16px;
}

/* ===== FileTable ===== */
.content-tab-scrollable-table {
  display: block;
  max-height: 60dvh;
  overflow: auto;
  padding-left: 0;
  width: 100%;
}

.new-content-tab-table.table {
  min-width: 850px;
  width: 100%;
  margin-bottom: 0;
  table-layout: fixed;
}

.new-content-tab-table.table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

.new-content-tab-table.table > thead > tr > th {
  font: 600 var(--basic_font_size, 14px)/21px var(--hex-font-family, Lato);
  color: var(--hex-color-basic, #191919);
  background: var(--white-color, #fff);
  padding: 10px 20px;
  align-content: center;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.new-content-tab-table.table tr {
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.new-content-tab-table.table > tbody > tr > td {
  cursor: default;
  color: var(--hex-color-basic, #191919);
  font: 400 var(--basic_font_size, 14px)/21px var(--hex-font-family, Lato);
  background: var(--white-color, #fff);
  padding: 8px 20px;
  vertical-align: middle;
  border: none;
  align-items: center;
  align-content: center;
}

.new-content-tab-table.table > tbody > tr.row-selected > td,
.new-content-tab-table.table > tbody > tr.row-selected:hover > td {
  background-color: #fff !important;
}

@keyframes highlightFadeOut {
  0% {
    background-color: rgba(4, 73, 209, 0.12);
  }
  70% {
    background-color: rgba(4, 73, 209, 0.08);
  }
  100% {
    background-color: transparent;
  }
}
.new-content-tab-table.table > tbody > tr.row-highlight > td {
  animation: highlightFadeOut 2.5s ease-out forwards;
}

.position-relative {
  position: relative;
}

.contenttab-table-checkbox {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
}

.contenttab-table-checkbox ~ .contenttab-checkbox-span {
  display: block;
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--hex-input-border-color, #a3a9b3);
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: 0;
  box-sizing: border-box;
}

.contenttab-table-checkbox ~ .contenttab-checkbox-span::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid var(--white-color, #fff);
  border-width: 0 2px 2px 0;
  border-radius: 0;
  transform: rotate(45deg);
}

input[type=checkbox].contenttab-table-checkbox:checked ~ .contenttab-checkbox-span {
  background-color: var(--hex-active-tab-color, #0449d1);
  border-color: var(--hex-active-tab-color, #0449d1);
}

input[type=checkbox].contenttab-table-checkbox:checked ~ .contenttab-checkbox-span::after {
  display: block;
}

.new-content-tab-table.table > tbody > tr > td.content-tab-name-cell {
  vertical-align: middle;
  line-height: 24px;
}

.content-tab-name-cell .table-row-edit-button {
  line-height: 24px;
  min-height: 24px;
}

.content-tab-name-cell .table-row-edit-button:has(.search-result-path) {
  height: auto;
  min-height: 36px;
  padding: 4px 0;
}

.table-row-edit-button {
  display: grid;
  grid-template-columns: 1fr minmax(24px, auto);
  grid-gap: 5px;
  min-width: 100px;
  justify-content: space-between;
  align-items: center;
  height: 24px;
  min-height: 24px;
}

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

.table-row-name-input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  min-width: 0;
  font: inherit;
  cursor: inherit;
}

.row-action-menu {
  position: relative;
  z-index: 1;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.row-action-menu .hex-context-menu {
  display: inline-flex;
}
.row-action-menu .hex-context-menu__trigger {
  min-width: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.row-action-menu .hex-context-menu__trigger:hover {
  background: transparent;
}
.row-action-menu .row-context-menu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.row-action-menu .row-context-menu-trigger img {
  width: 18px;
  height: 18px;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup .caret {
  border-top: 0;
  border-bottom: 4px dashed;
}

.sort-indicator {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  vertical-align: middle;
}
.sort-indicator__svg {
  display: block;
}
.sort-indicator__arrow-up, .sort-indicator__arrow-down {
  fill: #c8cdd3;
  transition: fill 0.15s ease;
}
.sort-indicator__arrow--active {
  fill: #191919;
}

/* ===== FolderContextMenu ===== */
.row-context-menu {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.row-context-menu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
}
.row-context-menu-trigger img {
  display: block;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

ul.dropdown-menu.row-context-menu-dropdown-inline {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  min-width: 160px;
  z-index: 1050;
}

.row-context-menu-dropdown-portal,
ul.dropdown-menu.row-context-menu-dropdown-portal {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
.row-context-menu-dropdown-portal li,
ul.dropdown-menu.row-context-menu-dropdown-portal li {
  cursor: pointer;
  list-style: none !important;
}
.row-context-menu-dropdown-portal a,
ul.dropdown-menu.row-context-menu-dropdown-portal a {
  display: flex;
  font: 400 14px/21px Lato;
  padding: 10px 20px;
  gap: 10px;
  color: #191919;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
}
.row-context-menu-dropdown-portal a:hover,
ul.dropdown-menu.row-context-menu-dropdown-portal a:hover {
  background-color: #f6f9ff;
}
.row-context-menu-dropdown-portal a img,
.row-context-menu-dropdown-portal a svg.ctx-icon,
ul.dropdown-menu.row-context-menu-dropdown-portal a img,
ul.dropdown-menu.row-context-menu-dropdown-portal a svg.ctx-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0);
}
.row-context-menu-dropdown-portal a.row-context-menu-item-delete,
ul.dropdown-menu.row-context-menu-dropdown-portal a.row-context-menu-item-delete {
  color: #cc0000;
}
.row-context-menu-dropdown-portal a.row-context-menu-item-delete img, .row-context-menu-dropdown-portal a.row-context-menu-item-delete svg.ctx-icon,
ul.dropdown-menu.row-context-menu-dropdown-portal a.row-context-menu-item-delete img,
ul.dropdown-menu.row-context-menu-dropdown-portal a.row-context-menu-item-delete svg.ctx-icon {
  filter: none;
}

.row-context-menu .dropdown-menu {
  position: absolute;
  right: 0;
  top: 100%;
  border: 0;
  padding: 10px 0;
  margin-top: 4px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  background: #fff;
  list-style: none !important;
  min-width: 160px;
  z-index: 1000;
}
.row-context-menu .dropdown-menu li {
  cursor: pointer;
}
.row-context-menu .dropdown-menu a {
  display: flex;
  font: 400 14px/21px Lato;
  padding: 10px 20px;
  gap: 10px;
  color: #191919;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
}
.row-context-menu .dropdown-menu a:hover {
  background-color: #f6f9ff;
}
.row-context-menu .dropdown-menu a img,
.row-context-menu .dropdown-menu a svg.ctx-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  flex-shrink: 0;
  filter: brightness(0);
}
.row-context-menu .dropdown-menu a .row-context-menu-item-delete {
  color: #cc0000;
}
.row-context-menu .dropdown-menu a .row-context-menu-item-delete img,
.row-context-menu .dropdown-menu a .row-context-menu-item-delete svg.ctx-icon {
  filter: none;
}

/* ===== FolderDestinationModal ===== */
.folder-destination-modal {
  min-height: 200px;
  max-height: 400px;
  overflow-y: auto;
}
.folder-destination-modal__loading, .folder-destination-modal__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #788c9b;
  font: 400 14px/21px "Lato", sans-serif;
}
.folder-destination-modal__tree {
  padding: 8px 0;
}
.folder-destination-modal__item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  cursor: pointer;
}
.folder-destination-modal__item:hover {
  background-color: #f5f7fa;
}
.folder-destination-modal__item--disabled {
  cursor: default;
  opacity: 0.6;
}
.folder-destination-modal__item--disabled .folder-destination-modal__label {
  pointer-events: none;
  cursor: default;
}
.folder-destination-modal__item--disabled .folder-destination-modal__expand {
  pointer-events: auto;
  opacity: 1;
}
.folder-destination-modal__expand {
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.folder-destination-modal__expand-spacer {
  width: 16px;
  flex-shrink: 0;
}
.folder-destination-modal__caret {
  width: 10px;
  height: 10px;
}
.folder-destination-modal__label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  flex: 1;
}
.folder-destination-modal__label input[type=radio] {
  width: 14px;
  height: 14px;
  accent-color: #0449d1;
  margin: 0;
  flex-shrink: 0;
}
.folder-destination-modal__icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
.folder-destination-modal__icon--folder {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 5C2 3.89543 2.89543 3 4 3H8L10 5H16C17.1046 5 18 5.89543 18 7V15C18 16.1046 17.1046 17 16 17H4C2.89543 17 2 16.1046 2 15V5Z' fill='%23191919'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

/* ===== SaveScriptModal ===== */
.save-script-modal {
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}
.save-script-modal .hex-modal__header {
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #e4e8eb;
}
.save-script-modal .hex-modal__body {
  padding: 20px;
  min-height: 0;
  overflow: visible;
  flex: 1 1 auto;
}
.save-script-modal .hex-modal__footer {
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #e4e8eb;
  flex-shrink: 0;
}
.save-script-modal .hex-modal__close {
  font-size: 28px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.save-script-modal .dialog-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.save-script-modal .content-form-group label {
  display: block;
  margin-bottom: 8px;
  font: 400 14px/21px Lato;
  color: #191919;
}
.save-script-modal__input {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e4e8eb;
  height: 40px;
  padding: 10px;
  font: 400 14px/21px Lato;
}
.save-script-modal__input[aria-invalid=true] {
  border-color: #c00;
}
.save-script-modal__error {
  display: block;
  color: #c00;
  font-size: 14px;
  margin-top: 4px;
}
.save-script-modal__dropdown {
  position: relative;
  width: 100%;
}
.save-script-modal__select {
  text-align: left;
  width: 100%;
  padding: 10px;
}
.save-script-modal__backdrop {
  position: fixed;
  inset: 0;
  z-index: 999;
}
.save-script-modal .dropdown-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.save-script-modal .dropdown-menu .dropdown-item {
  display: block;
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  border: none;
  background: none;
  font: 400 14px/21px Lato;
  color: #191919;
  cursor: pointer;
}
.save-script-modal .dropdown-menu .dropdown-item:hover {
  background-color: #f6f9ff;
}
.save-script-modal .warning-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #191919;
  background-color: #fff9eb;
  border-radius: 8px;
  padding: 20px;
}
.save-script-modal .warning-title {
  font-weight: 600;
}
.save-script-modal .warning-body {
  font: 400 14px/21px Lato;
}

/* ===== EditFileModal ===== */
.edit-file-modal {
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}
.edit-file-modal .hex-modal__header {
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #e4e8eb;
}
.edit-file-modal .hex-modal__body {
  padding: 20px;
  min-height: 0;
  overflow: visible;
  flex: 1 1 auto;
}
.edit-file-modal .hex-modal__footer {
  padding: 20px;
  box-sizing: border-box;
  border-top: 1px solid #e4e8eb;
  flex-shrink: 0;
}
.edit-file-modal .hex-modal__close {
  font-size: 28px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.edit-file-modal .edit-file-modal__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.edit-file-modal .edit-file-modal__field {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.edit-file-modal .edit-file-modal__label {
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  width: 85px;
  flex-shrink: 0;
  padding-top: 6px;
}
.edit-file-modal .edit-file-modal__input-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  max-width: 360px;
  width: 100%;
}
.edit-file-modal .edit-file-modal__input-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.edit-file-modal .edit-file-modal__input {
  flex: 1;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  outline: none;
  min-width: 0;
}
.edit-file-modal .edit-file-modal__input:focus {
  border-color: #0449d1;
}
.edit-file-modal .edit-file-modal__input--error {
  border-color: #c00;
}
.edit-file-modal .edit-file-modal__extension {
  font: 400 14px/21px "Lato", sans-serif;
  color: #788c9b;
  flex-shrink: 0;
}
.edit-file-modal .edit-file-modal__error {
  color: #c00;
  font-size: 12px;
}
.edit-file-modal .edit-file-modal__info {
  background: #f0f5fc;
  border-radius: 8px;
  padding: 12px 16px;
  font: 400 14px/20px "Lato", sans-serif;
  color: #191919;
}
.edit-file-modal .edit-file-modal__info ul {
  margin: 8px 0 0 18px;
  padding-left: 0;
}
.edit-file-modal .edit-file-modal__upload-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.edit-file-modal .edit-file-modal__upload-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 18px;
  background-color: #0449d1;
  color: #fff;
  border-radius: 6px;
  border: none;
  font: 500 14px/21px "Lato", sans-serif;
  cursor: pointer;
}
.edit-file-modal .edit-file-modal__upload-btn input {
  display: none;
}
.edit-file-modal .edit-file-modal__upload-btn:hover {
  background-color: #0339a6;
}
.edit-file-modal .edit-file-modal__file-label {
  font: 400 13px/18px "Lato", sans-serif;
  color: #788c9b;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edit-file-modal .edit-file-modal__progress-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  flex-wrap: wrap;
}
.edit-file-modal .edit-file-modal__progress-bar {
  width: 140px;
  height: 6px;
  background: #e4e8eb;
  border-radius: 3px;
  overflow: hidden;
}
.edit-file-modal .edit-file-modal__progress-fill {
  display: block;
  height: 100%;
  background: #0449d1;
  transition: width 0.2s ease;
}
.edit-file-modal .edit-file-modal__progress-text {
  font: 500 12px/16px "Lato", sans-serif;
  color: #0449d1;
}
.edit-file-modal .edit-file-modal__cancel-upload {
  border: none;
  background: none;
  cursor: pointer;
  color: #788c9b;
  font-size: 16px;
  line-height: 1;
  padding: 0;
}
.edit-file-modal .edit-file-modal__cancel-upload:hover {
  color: #0449d1;
}
.edit-file-modal .edit-file-modal__loading {
  font: 400 14px/21px "Lato", sans-serif;
  color: #788c9b;
}

/* ===== UploadFilesModal ===== */
.upload-files-modal {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.upload-files-modal__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 32px 24px;
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  background-color: #fafbfc;
  transition: all 0.2s ease;
  text-align: center;
}
.upload-files-modal__dropzone--active {
  background-color: #f0f5ff;
  border-color: #0449d1;
}
.upload-files-modal__dropzone-icon {
  display: block;
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
}
.upload-files-modal__dropzone-text {
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  margin: 0;
}
.upload-files-modal__browse-btn {
  padding: 8px 28px;
  background-color: #0449d1;
  color: #fff;
  border: none;
  border-radius: 6px;
  font: 500 14px/21px "Lato", sans-serif;
  cursor: pointer;
}
.upload-files-modal__browse-btn:hover {
  background-color: #0339a6;
}
.upload-files-modal__or-text {
  font: 400 14px/21px "Lato", sans-serif;
  color: #788c9b;
}
.upload-files-modal__genie-btn {
  display: inline-block;
  padding: 8px 24px;
  border: 1px solid #0449d1;
  border-radius: 6px;
  color: #0449d1;
  font: 500 14px/21px "Lato", sans-serif;
  text-decoration: none;
  background: #fff;
  cursor: pointer;
}
.upload-files-modal__genie-btn:hover {
  background-color: #f0f5ff;
}
.upload-files-modal__search {
  padding: 16px 0;
}
.upload-files-modal__search-input {
  width: 200px;
  height: 36px;
  padding: 6px 12px;
  border: 1px solid #e4e8eb;
  border-radius: 6px;
  font: 400 14px/21px "Lato", sans-serif;
  outline: none;
  color: #191919;
}
.upload-files-modal__search-input::-moz-placeholder {
  color: #788c9b;
}
.upload-files-modal__search-input::placeholder {
  color: #788c9b;
}
.upload-files-modal__search-input:focus {
  border-color: #0449d1;
}
.upload-files-modal__table-wrapper {
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  overflow: hidden;
  min-height: 200px;
  max-height: 360px;
  overflow-y: auto;
}
.upload-files-modal__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.upload-files-modal__table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.upload-files-modal__table th {
  font: 600 14px/21px "Lato", sans-serif;
  color: #191919;
  padding: 10px 16px;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #e4e8eb;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.upload-files-modal__table td {
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  padding: 8px 16px;
  border-bottom: 1px solid #f0f2f5;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-files-modal__table tbody tr:last-child td {
  border-bottom: none;
}
.upload-files-modal__table tbody tr:hover td {
  background-color: #fafbfc;
}
.upload-files-modal__th-actions {
  width: 48px;
  cursor: default !important;
}
.upload-files-modal__td-actions {
  text-align: center;
  overflow: visible !important;
  text-overflow: clip !important;
}
.upload-files-modal__sort-icon {
  font-size: 10px;
  color: #b0b8c1;
  margin-left: 4px;
}
.upload-files-modal__sort-icon--active {
  color: #0449d1;
}
.upload-files-modal__name-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
}
.upload-files-modal__file-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.upload-files-modal__name-input {
  border: none;
  outline: none;
  background: transparent;
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  padding: 0;
  margin: 0;
  min-width: 0;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.upload-files-modal__name-input:focus {
  border-bottom: 1px solid #0449d1;
}
.upload-files-modal__name-input:disabled {
  color: #191919;
}
.upload-files-modal__version-input {
  border: none;
  outline: none;
  background: transparent;
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  padding: 0;
  margin: 0;
  width: 60px;
}
.upload-files-modal__version-input:focus {
  border-bottom: 1px solid #0449d1;
}
.upload-files-modal__version-input:disabled {
  color: #191919;
}
.upload-files-modal__ext {
  font: 400 14px/21px "Lato", sans-serif;
  color: #788c9b;
  flex-shrink: 0;
}
.upload-files-modal__status {
  flex-shrink: 0;
  margin-left: 8px;
  font: 500 12px/18px "Lato", sans-serif;
}
.upload-files-modal__status--success {
  color: #28a745;
}
.upload-files-modal__status--error {
  color: #dc3545;
}
.upload-files-modal__remove-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.upload-files-modal__remove-btn img {
  width: 18px;
  height: 18px;
}
.upload-files-modal__remove-btn:hover {
  opacity: 0.8;
}
.upload-files-modal__remove-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.upload-files-modal__row-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.upload-files-modal__row-menu-trigger {
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 18px;
  line-height: 1;
  color: #788c9b;
}
.upload-files-modal__row-menu-trigger:hover {
  background-color: #f0f2f5;
}
.upload-files-modal__row-menu-trigger:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.upload-files-modal__row-menu-dropdown {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  min-width: 120px;
  max-width: 160px;
  padding: 4px 0;
}
.upload-files-modal__row-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: none;
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  cursor: pointer;
  text-align: left;
}
.upload-files-modal__row-menu-item:hover {
  background-color: #f6f9ff;
}
.upload-files-modal__row-menu-item--delete {
  color: #c00;
}
.upload-files-modal__row-menu-item--delete img {
  filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(0deg) brightness(80%) contrast(115%);
}
.upload-files-modal__row--error td {
  background-color: #fff5f5 !important;
}
.upload-files-modal__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #788c9b;
  text-align: center;
}
.upload-files-modal__empty svg {
  display: block;
  width: 12%;
  height: 12%;
  margin-bottom: 12px;
}
.upload-files-modal__empty p {
  margin: 0;
  font: 400 14px/21px "Lato", sans-serif;
  color: #788c9b;
}

.upload-files-modal__progress-bar {
  flex-shrink: 0;
  margin-left: 8px;
  width: 60px;
  height: 4px;
  background: #e4e8eb;
  border-radius: 2px;
  overflow: hidden;
}

.upload-files-modal__progress-fill {
  display: block;
  height: 100%;
  background: #0449d1;
  border-radius: 2px;
  transition: width 0.2s ease;
}

.upload-files-modal__progress-text {
  flex-shrink: 0;
  margin-left: 4px;
  font: 500 11px/16px "Lato", sans-serif;
  color: #0449d1;
}

/* ===== UploadFolderModal ===== */
.upload-folder-modal__field {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.upload-folder-modal__label {
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  width: 100px;
  flex-shrink: 0;
}
.upload-folder-modal__input {
  flex: 1;
  max-width: 300px;
  height: 36px;
  padding: 6px 12px;
  border: 1px solid #e4e8eb;
  border-radius: 6px;
  font: 400 14px/21px "Lato", sans-serif;
  color: #191919;
  outline: none;
}
.upload-folder-modal__input:focus {
  border-color: #0449d1;
}
.upload-folder-modal__input--error {
  border-color: #c00;
}
.upload-folder-modal__error {
  font: 400 12px/16px "Lato", sans-serif;
  color: #c00;
  margin-left: 4px;
}
.upload-folder-modal__upload-section {
  margin-bottom: 16px;
}
.upload-folder-modal__upload-btn {
  display: inline-block;
  padding: 8px 24px;
  background-color: #0449d1;
  color: #fff;
  border-radius: 4px;
  font: 500 14px/21px "Lato", sans-serif;
  cursor: pointer;
}
.upload-folder-modal__upload-btn:hover {
  background-color: #0339a6;
}
.upload-folder-modal__file-list {
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #e4e8eb;
  border-radius: 6px;
}
.upload-folder-modal__table {
  width: 100%;
  border-collapse: collapse;
}
.upload-folder-modal__table th,
.upload-folder-modal__table td {
  padding: 8px 12px;
  text-align: left;
  font: 400 13px/18px "Lato", sans-serif;
  border-bottom: 1px solid #e4e8eb;
}
.upload-folder-modal__table th {
  font-weight: 500;
  color: #788c9b;
  background-color: #f8f9fa;
}
.upload-folder-modal__table td {
  color: #191919;
  vertical-align: middle;
}
.upload-folder-modal__remove-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #788c9b;
  font-size: 18px;
  padding: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.upload-folder-modal__remove-btn:hover {
  color: #c00;
}
.upload-folder-modal__empty {
  text-align: center;
  padding: 40px;
  color: #788c9b;
  border: 1px solid #e4e8eb;
  border-radius: 6px;
}
.upload-folder-modal__empty p {
  margin: 0;
  font: 400 14px/21px "Lato", sans-serif;
}

/* ===== Shortcuts Page Styles (Documents, Media, Add Shortcut) ===== */
.content-page .btn.next_btn,
.content-page .btn.btn-primary.next_btn,
.content-page .btn.btn_next,
.content-page button.btn.next_btn,
.content-page a.btn.next_btn {
  min-width: 100px;
  height: 40px;
  padding: 9.5px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  font-family: Lato, sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: #0449d1;
  color: #fff;
  transition: background-color 0.2s ease;
}
.content-page .btn.next_btn:hover:not(:disabled),
.content-page .btn.btn-primary.next_btn:hover:not(:disabled),
.content-page .btn.btn_next:hover:not(:disabled),
.content-page button.btn.next_btn:hover:not(:disabled),
.content-page a.btn.next_btn:hover:not(:disabled) {
  background-color: #0339a5;
  color: #fff;
}
.content-page .btn.next_btn:disabled,
.content-page .btn.btn-primary.next_btn:disabled,
.content-page .btn.btn_next:disabled,
.content-page button.btn.next_btn:disabled,
.content-page a.btn.next_btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.content-page .btn.btn_plain,
.content-page .btn.plain_btn,
.content-page .btn_plain,
.content-page .plain_btn,
.content-page button.btn.btn_plain,
.content-page a.btn.btn_plain,
.content-page a.plain_btn {
  min-width: 100px;
  height: 40px;
  padding: 9.5px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  font-family: Lato, sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e8eb;
  background-color: #fff;
  color: #0449d1;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.content-page .btn.btn_plain:hover,
.content-page .btn.plain_btn:hover,
.content-page .btn_plain:hover,
.content-page .plain_btn:hover,
.content-page button.btn.btn_plain:hover,
.content-page a.btn.btn_plain:hover,
.content-page a.plain_btn:hover {
  border-color: #0449d1;
}
.content-page .add-shortcut-actions,
.content-page .content-tab-body .action-wrapper,
.content-page .content-tab-body .button-group {
  display: flex;
  gap: 12px;
  align-items: center;
}
.content-page .content-tab-action-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.content-page .content-tab-search-col {
  margin-left: auto;
  flex-shrink: 0;
}
.content-page .content-tab-search-wrapper {
  display: inline-block;
  min-width: 216px;
}
.content-page .content-tab-search-form {
  margin: 0;
}
.content-page .content-tab-search-filter {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-width: 180px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #fff;
  transition: border-color 0.2s ease, outline 0.2s ease;
}
.content-page .content-tab-search-filter:focus-within {
  border-color: #0449d1;
  outline: 2px solid rgba(4, 73, 209, 0.15);
  outline-offset: 0;
}
.content-page .content-tab-search-input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0 8px 0 0;
  border: none;
  font-size: 14px;
  font-family: Lato, sans-serif;
  background: transparent;
}
.content-page .content-tab-search-input:focus {
  outline: none;
}
.content-page .content-tab-search-input::-moz-placeholder {
  color: #788c9b;
}
.content-page .content-tab-search-input::placeholder {
  color: #788c9b;
}
.content-page .content-tab-search-icons {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.content-page .content-tab-search-clear,
.content-page .content-tab-search-submit {
  color: #788c9b;
  cursor: pointer;
  padding: 4px;
}
.content-page .content-tab-search-clear:hover,
.content-page .content-tab-search-submit:hover {
  color: #0449d1;
}
.content-page .content-tab-table-action,
.content-page .hex-list-table .glyphicon-edit,
.content-page .hex-list-table .glyphicon-trash {
  color: #191919;
}
.content-page .content-tab-table-action:hover,
.content-page .hex-list-table .glyphicon-edit:hover,
.content-page .hex-list-table .glyphicon-trash:hover {
  color: #788c9b;
}
.content-page .content-tab-learn-more {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
  font-weight: 500;
}
.content-page .content-tab-learn-more:hover {
  text-decoration: underline;
}
.content-page .form-control,
.content-page input.form-control,
.content-page input.form-control.input-md,
.content-page select.form-control {
  height: 40px;
  padding: 10px 20px;
  font: 400 14px/21px Lato, sans-serif;
  color: #191919;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background-color: #fff;
  transition: border-color 0.2s ease, outline 0.2s ease;
  box-shadow: none;
}
.content-page .form-control:focus,
.content-page input.form-control:focus,
.content-page input.form-control.input-md:focus,
.content-page select.form-control:focus {
  border-color: #0449d1;
  outline: 2px solid rgba(4, 73, 209, 0.15);
  outline-offset: 0;
}
.content-page .form-control::-moz-placeholder, .content-page input.form-control::-moz-placeholder, .content-page input.form-control.input-md::-moz-placeholder, .content-page select.form-control::-moz-placeholder {
  color: #788c9b;
}
.content-page .form-control::placeholder,
.content-page input.form-control::placeholder,
.content-page input.form-control.input-md::placeholder,
.content-page select.form-control::placeholder {
  color: #788c9b;
}
.content-page select.form-control {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  cursor: pointer;
}

/* ===== VersionHistoryModal ===== */
.version-history-modal .version-history-modal__body {
  min-height: 200px;
}
.version-history-modal .version-history-modal__error {
  color: #c00;
  margin-bottom: 12px;
}
.version-history-modal .version-history-modal__loading,
.version-history-modal .version-history-modal__empty {
  padding: 24px;
  text-align: center;
  color: #788c9b;
}
.version-history-modal .version-history-modal__confirm {
  padding: 8px 0;
}
.version-history-modal .version-history-modal__confirm .version-history-modal__info {
  margin-top: 12px;
  padding: 12px;
  background: #f0f5fc;
  border-radius: 8px;
  font-size: 13px;
}
.version-history-modal .version-history-modal__input {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}
.version-history-modal .version-history-modal__err {
  display: block;
  color: #c00;
  font-size: 12px;
  margin-top: 4px;
}
.version-history-modal .version-history-modal__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  background: #e9ecef;
  white-space: nowrap;
}
.version-history-modal .version-history-modal__badge--active {
  background: #0449d1;
  color: #fff;
}
.version-history-modal .version-history-modal__badge input {
  margin: 0;
}
.version-history-modal .version-history-modal__actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.version-history-modal .version-history-modal__icon-btn {
  padding: 4px;
  border: none;
  background: none;
  cursor: pointer;
  display: inline-flex;
}
.version-history-modal .version-history-modal__icon-btn--danger:hover {
  opacity: 0.8;
}
.version-history-modal .version-history-modal__icon-btn img {
  width: 18px;
  height: 18px;
}.content-menu-bar {
  width: clamp(150px, 26%, 280px);
  background-color: #fff;
  border-right: 1px solid #e4e8eb;
  min-height: calc(100vh - 100px);
  overflow-y: auto;
}.content-panel {
  width: 75%;
  display: flex;
  flex-direction: column;
  font: 400 14px/21px Lato, sans-serif;
  background-color: #fff;
  min-height: calc(100vh - 100px);
  flex-grow: 1;
}
.content-panel__container {
  padding: 0;
  height: 100%;
}.searchable-select {
  position: relative;
  width: 100%;
}
.searchable-select__trigger {
  width: 100%;
}
.searchable-select__dropdown {
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  margin-top: 2px;
  padding: 5px;
}
.searchable-select__search {
  margin-bottom: 5px;
}
.searchable-select__options {
  max-height: 240px;
  overflow-y: auto;
}
.searchable-select__option {
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 2px;
  min-height: 56px;
  line-height: 1.4;
  /* Clearfix: contain floated content so options don't overlap */
}
.searchable-select__option::after {
  content: "";
  display: table;
  clear: both;
}
.searchable-select__option:hover {
  background-color: #f5f5f5;
}
.searchable-select {
  /* Wrapper for custom option content - enough height so two lines aren't chopped */
}
.searchable-select__option-content {
  min-height: 44px;
  display: block;
  overflow: hidden;
  line-height: 1.4;
}/* Content-specific filter criteria styles (checkboxes, radios, date inputs) */
.hex-filter-extension-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px;
  padding: 12px 20px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.hex-filter-extension-grid label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 6px 0;
  font: 400 14px/21px Lato;
  color: #191919;
  cursor: pointer;
}
.hex-filter-extension-grid input[type=checkbox] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #0449d1;
  cursor: pointer;
}

.hex-filter-content-sub {
  gap: 0;
  width: 100%;
  background-color: #fff;
  padding: 0 0 8px 0;
}

.hex-sub-filter-content-text {
  cursor: pointer;
  padding: 0;
  width: 100%;
}
.hex-sub-filter-content-text label {
  margin: 0;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  font: 400 14px/21px Lato;
  color: #191919;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
}
.hex-sub-filter-content-text input[type=checkbox],
.hex-sub-filter-content-text input[type=radio] {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #0449d1;
  cursor: pointer;
}
.hex-sub-filter-content-text:hover {
  background-color: #f6f9ff;
}

.content-filter-criteria__custom-dates {
  padding: 12px 20px;
  border-top: 1px solid #e4e8eb;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.content-filter-criteria__date-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.content-filter-criteria__date-label {
  font: 500 14px/21px Lato;
  color: #191919;
  min-width: 40px;
}

.content-filter-criteria__date-input {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 6px 10px;
  border: 1px solid #e4e8eb;
  border-radius: 6px;
  font: 400 14px/21px Lato;
  color: #191919;
}
.content-filter-criteria__date-input:focus {
  outline: none;
  border-color: #0449d1;
}/**
 * AuthConfirmationModal styles.
 *
 * Admin pages get `.hex-modal-overlay` via technician-settings.scss; Manage and
 * other React shells do not. Keep overlay + chrome self-contained so the modal
 * matches production confirmation.html everywhere.
 */
.hex-modal-overlay.auth-confirmation-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.6);
}

.auth-confirmation-modal {
  box-sizing: border-box;
  display: flex;
  width: min(520px, 100vw - 32px);
  max-height: calc(100vh - 48px);
  flex-direction: column;
  border-radius: 8px;
  background-color: var(--hex-border-color, #e4e8eb);
  overflow: hidden;
  margin: 0;
}

.auth-confirmation-modal .hex-modal-auth-close-div {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 20px 0;
  background-color: var(--white-color, #ffffff);
}

.auth-confirmation-modal .hex-modal-auth-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  line-height: 0;
}

.auth-confirmation-modal .hex-modal-auth-close:hover {
  background: rgba(0, 0, 0, 0.04);
}

.auth-confirmation-modal .hex-modal-content--confirmmodal {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 10px 30px 30px !important;
  background-color: var(--white-color, #ffffff);
  overflow: auto;
  min-height: 0;
}

.auth-confirmation-modal .signin-details,
.auth-confirmation-modal .signin-details-sub {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  max-width: 422px;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  text-align: center;
}

.auth-confirmation-modal .signin-max_width {
  width: 100%;
  max-width: 422px;
}

.auth-confirmation-modal .signin-details-button-group {
  display: flex;
  width: 100%;
  max-width: 422px;
  flex-direction: column;
  gap: 15px;
}

.auth-confirmation-modal .text-box {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white-color, #ffffff);
  outline: 1px solid var(--hex-border-color, #e4e8eb);
  outline-offset: -2px;
  border: 1px solid var(--white-color, #ffffff);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}

.auth-confirmation-modal .text-box.padding_right_30 {
  padding-right: 44px;
}

.auth-confirmation-modal .text-box::-moz-placeholder {
  color: var(--hex-color-secondary, #788c9b);
}

.auth-confirmation-modal .text-box::placeholder {
  color: var(--hex-color-secondary, #788c9b);
}

.auth-confirmation-modal .text-box:hover {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  box-shadow: 0 0 0 2px var(--hex-outline-color, #dae4f8);
}

.auth-confirmation-modal .text-box:focus,
.auth-confirmation-modal .text-box:active {
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  box-shadow: 0 0 0 2px var(--hex-outline-color, #dae4f8);
  outline: 1px solid var(--hex-border-color, #e4e8eb);
}

.auth-confirmation-modal .text-box-heading {
  width: 100%;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}

.auth-confirmation-modal .text-box-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 20px;
  height: 20px;
  z-index: 1;
  opacity: 0.5;
  cursor: pointer;
  transform: translateY(-50%);
}

.auth-confirmation-modal .error-box {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 10px 15px;
  border-radius: 8px;
  background-color: var(--hex-div-color-error, #ffd2d2);
  color: var(--hex-border-color-error, #cc0000);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}

.auth-confirmation-modal .error-box img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.auth-confirmation-modal .line.line-width {
  flex: 1 1 auto;
  width: auto;
  height: 1px;
  margin: 0;
  border: 0;
  background: var(--hex-border-color, #e4e8eb);
}

.auth-confirmation-modal .button-sso-content {
  width: 210px;
  text-align: left;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}/**
 * SubNavbar - horizontal tab bar.
 * Exact replacement of Tailwind utilities used in SubNavbar.tsx.
 */
.sub-navbar {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  width: 100%;
  min-height: 52px;
  padding-left: 2.5rem;
  gap: 0.375rem;
  border-bottom: 1px solid #e4e8eb;
}

.sub-navbar__tab {
  color: #191919;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  cursor: pointer;
  padding: 0;
}
.sub-navbar__tab:hover {
  color: var(--hex-active-tab-color);
  border-bottom-width: 2px;
  border-bottom-color: var(--hex-active-tab-color);
}
.sub-navbar__tab--active {
  color: var(--hex-active-tab-color);
  border-bottom-width: 2px;
  border-bottom-color: var(--hex-active-tab-color);
}
.sub-navbar__tab--active:hover {
  color: var(--hex-active-tab-color);
  border-bottom-color: var(--hex-active-tab-color);
}

.sub-navbar__tab-label {
  padding: 10px;
  font-size: 14px;
}/**
 * Footer - exact replacement of Tailwind utilities used in Footer.tsx.
 */
.footer {
  width: 100%;
  background-color: #fff;
  line-height: 25px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e5e7eb;
  position: fixed;
  bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #6e829b;
  z-index: 1;
}

.footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
}

.footer__copyright {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.footer__link {
  padding-left: 5px;
  color: #428bca;
}

.footer__contact-block {
  font-size: 12px;
  width: 140px;
  margin: 0.25rem;
}

.footer__icon {
  margin-right: 10px;
}

.footer__divider {
  padding: 0;
}

.footer__contact-text {
  font-size: 12px;
}

.footer__icon-envelope {
  margin-right: 10px;
}.hex-report-table-div {
  width: 100%;
  overflow: auto;
  border-bottom: 1pt solid var(--hex-border-color);
  min-height: 230px;
}

.hex-report-table-div--empty {
  min-height: 230px;
}

.hex-report_list-table {
  border-collapse: collapse;
  width: 100%;
}

.hex-report_list-table > thead > tr,
.hex-report_list-table > tbody > tr {
  border-bottom: 1pt solid var(--hex-border-color);
}

.hex-report_list-table > thead > tr > td,
.hex-report_list-table > tbody > tr > td {
  padding: 14px 20px;
  color: var(--hex-color-basic);
}

.hex-report-head {
  background-color: var(--white-color);
  position: sticky;
  top: 0;
  z-index: 10;
}

.hex-report-tbody {
  background-color: var(--white-color);
}

.hex-report-link {
  cursor: pointer;
  color: var(--hex-active-tab-color);
  text-decoration: none;
}

.hex-report-link:hover {
  text-decoration: underline;
}

.position_sticky {
  position: sticky;
  left: 0;
  background-color: var(--white-color);
  z-index: 5;
}

.hex-report-table-checkbox {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--hex-active-tab-color, #0449d1);
  flex-shrink: 0;
}

.tableHeaderLabelImage {
  display: flex;
  gap: 2px;
  align-items: center;
}

/* Checkbox icon (img) for row selection - exact replacement of Tailwind */
.hex-report-table-checkbox-icon {
  max-width: 20px !important;
  max-height: 20px !important;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.hex-report-table-image-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
}
.hex-report-table-image-button:hover {
  background-color: var(--hex-border-color, #e0e0e0);
}
.hex-report-table-image-button:focus {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
}

.hex-report-table-image-button__img {
  width: 20px;
  height: 20px;
  max-width: 24px;
  max-height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.hex-table-not-found {
  padding: 40px 20px;
  color: var(--hex-color-secondary);
  font-size: 14px;
}

.hex-table-not-found img {
  margin-bottom: 16px;
}

.hex-table-not-found span {
  color: var(--hex-color-secondary);
}

/* Pagination Styles */
.hex-list-pagination {
  padding: 16px 20px;
  background-color: var(--white-color);
}

.hex-list-select {
  padding: 6px 12px;
  border: 1px solid var(--hex-border-color);
  border-radius: 4px;
  font-size: 14px;
  color: var(--hex-color-basic);
  background-color: var(--white-color);
  cursor: pointer;
}

.hex-list-select:focus {
  outline: none;
  border-color: var(--hex-active-tab-color);
}

.hex-list-page-count {
  font-size: 14px;
  color: var(--hex-color-basic);
}

.hex-page-button {
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border: none;
  border-radius: 4px;
  background-color: var(--white-color);
  color: var(--hex-color-basic);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* Hover effect removed - keep colors unchanged on hover */
.hex-page-button__selected {
  background-color: var(--hex-active-tab-color);
  color: var(--white-color);
  border: 1px solid var(--hex-active-tab-color);
}

.hex-page-button__disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Loading Styles */
.loader-bouncing {
  padding: 40px 20px;
}

.bouncing-loader {
  display: flex;
  gap: 8px;
}

.bouncing-loader div {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--hex-active-tab-color);
  animation: bounce 1.4s infinite ease-in-out both;
}

.bouncing-loader div:nth-child(1) {
  animation-delay: -0.32s;
}

.bouncing-loader div:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Selected count bar (above table when rows selected) - matches patch_reports.html */
.hex-report-selected-count {
  color: var(--hex-color-basic);
  height: 40px;
  margin-top: 20px;
  padding: 10px 20px;
  font-family: Lato, sans-serif;
  font-weight: 500;
  font-size: 14px;
  position: sticky;
  top: 0;
  border-bottom: 1px solid var(--Colors-border-seperator-1, #e4e8eb);
  background: var(--Colors-surface-Blue-Subtlest, #f6f9ff);
  z-index: 10;
}

/* Select-all dropdown (arrow next to header checkbox) */
.table-select-all-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.table-select-all-caret {
  display: inline-flex;
  align-items: center;
  color: var(--hex-color-basic);
}
.table-select-all-caret--open {
  transform: rotate(90deg);
  margin-left: 5px;
}

.table-select-all-dropdown-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 3px;
  min-width: 200px;
  padding: 0;
  background-color: var(--white-color);
  border: 0;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  z-index: 100;
  display: none;
}
.table-select-all-dropdown-menu.hex__fade_in_dropdown {
  display: block;
  animation: tableDropdownFadeIn 0.2s ease-in;
  opacity: 1;
}
.table-select-all-dropdown-menu.hex__fade_out_dropdown {
  animation: tableDropdownFadeOut 0.2s ease-out;
  opacity: 0;
  pointer-events: none;
  animation-fill-mode: forwards;
}

@keyframes tableDropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tableDropdownFadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-5px);
  }
}
/* Select-all dropdown option rows - match hex-action-content-text-export */
.table-select-all-dropdown-menu .hex-action-content-text-export {
  display: grid;
  grid-template-columns: 10px 20px 1fr;
  width: 200px;
  height: 30px;
  padding: 0 15px;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: var(--hex-color-basic);
}
.table-select-all-dropdown-menu .hex-action-content-text-export:hover {
  background-color: var(--Colors-surface-Blue-Subtlest, #f6f9ff);
}/**
 * Bar Chart styles
 * Uses CSS variables (design tokens) per styling conventions.
 */
.report-barchart {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--hex-font-family, "Lato", sans-serif);
  width: 100%;
}

.report-barchart__chart-wrap {
  width: 100%;
  min-height: 200px;
}
.report-barchart__chart-wrap *:focus {
  outline: none;
}

.report-barchart__legend-spacer {
  min-height: 36px;
  margin-bottom: 8px;
}

.report-barchart__legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
  margin-bottom: 8px;
  max-width: 100%;
}

.report-barchart__legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}

.report-barchart__legend-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.report-barchart__legend-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

.report-barchart__tooltip {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.report-barchart__tooltip-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 5px;
}/**
 * Donut Chart styles
 * Uses CSS variables (design tokens) per styling conventions.
 */
.patches-dashboard-donut__legend_normal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  width: 280px;
  max-width: 290px;
  font-size: 12px !important;
  height: 100px;
  overflow: scroll;
}

.patches-dashboard-donut__legend-label_normal {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
  text-wrap: wrap;
}

.patches-dashboard-donut {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--hex-font-family, "Lato", sans-serif);
}
.patches-dashboard-donut__title {
  color: var(--hex-color-basic, #191919);
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 12px;
  text-align: left;
  width: 100%;
  max-width: 250px;
  padding-left: 4px;
}
.patches-dashboard-donut__chart-wrap {
  width: 100%;
  max-width: 240px;
  min-height: 200px;
}
.patches-dashboard-donut__chart-wrap *:focus {
  outline: none;
}
.patches-dashboard-donut__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.patches-dashboard-donut__empty-svg {
  width: 100%;
  height: 100%;
}
.patches-dashboard-donut--legend-before {
  flex-direction: row;
  align-items: start;
  gap: 16px;
}
.patches-dashboard-donut--legend-before .patches-dashboard-donut__legend {
  margin-top: 20px;
  flex-shrink: 0;
  order: -1;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  display: flex;
  max-height: 180px;
  overflow-y: scroll;
}
.patches-dashboard-donut--legend-before .patches-dashboard-donut__chart-wrap {
  flex-shrink: 0;
  min-width: 220px;
  width: 220px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.patches-dashboard-donut__legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--hex-color-basic, #191919);
}
.patches-dashboard-donut__legend-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.patches-dashboard-donut__legend-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 110px;
  text-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
.patches-dashboard-donut__legend-fullname-trigger {
  display: inline-flex;
  min-width: 0;
  cursor: default;
  vertical-align: bottom;
}
.patches-dashboard-donut__legend-fullname-tooltip {
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 14px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  background: var(--white-color, #fff);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 10px 14px;
  max-width: min(280px, 90vw);
  overflow-wrap: break-word;
  pointer-events: auto;
}
.patches-dashboard-donut__tooltip {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.patches-dashboard-donut__tooltip-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 5px;
}

.minwidth-label {
  display: block;
  min-width: 4.7vw;
  max-width: 4.7vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.report_graph-box {
  display: flex;
  flex-direction: column;
  width: 325px;
  height: 398px;
  padding: 40px 20px 20px 20px;
  border-radius: 20px;
  border: 1px solid var(--hex-border-color);
  background-color: var(--white-color);
  position: relative;
}

.more_dots {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}

.report-card__more-dots-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
  line-height: 0;
}

.hex-more-div {
  left: unset;
  top: auto;
  min-width: 200px;
  margin-top: 3px;
  padding: 0px;
  border-radius: 8px;
  background-color: var(--hex-border-color);
  border: 0px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 100;
}

.report-card__more-menu {
  animation: report-card-more-menu-fall 0.3s ease-out;
}

@keyframes report-card-more-menu-fall {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.hex-more-sub-div {
  background-color: var(--white-color);
  gap: 10px;
  padding: 10px 0px;
  border-radius: 8px;
}

.more-action-div {
  cursor: pointer;
  gap: 10px;
  padding: 10px 20px;
}

.more-action-div:hover,
.more-action-div:focus {
  background: var(--hex-active-tab-bg-color);
}

.chartColomnClass {
  position: relative;
}

.DateGraphWidth {
  width: 100%;
}

.report_graph-sub-content {
  color: var(--hex-color-secondary);
  font-size: 12px;
  font-family: Lato;
  margin-top: 4px;
}

.graphSelectorClass {
  cursor: pointer;
}

.graph_logo-radius {
  border-radius: 8px;
  border: 1px solid var(--hex-border-color);
  padding: 10px;
}

.report_graph-dimension {
  width: 196px;
  height: 196px;
}

.expanded_graph-dimension {
  width: 100%;
  height: 400px;
}

.normal-bargraph-dimension {
  width: 285px;
  height: 300px;
}

.expanded-bargraph-dimension {
  width: 100%;
  height: 400px;
}

.report_graph-content {
  color: var(--hex-color-basic);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.text-box-heading {
  font-size: 12px;
  color: var(--hex-color-basic);
  font-family: Lato;
}

.report_graph-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.donut-count {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hex-dropdown-div {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  z-index: 100;
  min-width: 200px;
  background-color: var(--white-color);
  border: 1px solid var(--hex-border-color);
  border-radius: 8px;
  box-shadow: 0px 6px 25px 0px rgba(25, 25, 25, 0.16);
}

.hex-dropdown-selection {
  position: relative;
}

.hex-button-nohover {
  box-shadow: none !important;
  border: 1px solid var(--hex-border-color) !important;
  cursor: default !important;
}

.hex-button-nohover:hover {
  background-color: var(--white-color) !important;
}

.report_action_icon_black {
  width: 16px;
  height: 16px;
}

.menu__item--wrapper {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.menu__item--wrapper:hover,
.menu__item--wrapper:focus {
  color: var(--hex-active-tab-color);
  background: var(--hex-active-tab-bg-color);
}

.menu__item--wrapper-active {
  color: var(--hex-active-tab-color);
  background: var(--hex-active-tab-bg-color);
}

.item__label {
  flex: 1;
  font-size: 14px;
  font-family: Lato;
  color: var(--hex-color-basic);
}

.hex-filter-content-text {
  font-size: 14px;
  font-family: Lato;
  color: var(--hex-color-basic);
}

.add-more-border {
  border: 1px dashed var(--hex-border-color);
  background-color: transparent;
}

.add-graph {
  cursor: pointer;
}

.add-more-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.add-graph-div {
  width: 155px;
  height: 40px;
  padding: 5px 25px;
}

.add-graph-span {
  color: var(--hex-active-tab-color);
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.graph-visualization-area {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.fixed-position {
  position: absolute !important;
  top: 40px !important;
}
/**
 * ExpandedChart - full viewport overlay (matches AngularJS .expanded-outer / .expanded-inner)
 * Uses same class names as ReportCard for 3-dots, dropdown, chart type.
 * Column dropdown positioning is defined here so it works even when ReportCard.scss is not loaded (e.g. Update Detail Summary tab).
 */
/* Column dropdown: wrapper must be positioning context so menu appears below button, not inline */
.expanded-chart__header-row .chartColomnClass {
  position: relative;
}

/* Dropdown menu below the trigger (same as ReportCard); overrides any missing global hex-dropdown-div */
.expanded-chart__header-row .chartColomnClass .hex-dropdown-div {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 4px;
  z-index: 100;
  min-width: 200px;
  background-color: var(--white-color, #ffffff);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  box-shadow: 0 6px 25px 0 rgba(25, 25, 25, 0.16);
  display: block;
}

.expanded-chart {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background-color: var(--white-color, #ffffff);
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.expanded-chart__inner {
  width: 100%;
  height: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
  max-width: calc(100vw - 40px);
  padding: 30px 40px;
  border: 2px solid var(--hex-border-color, #e4e8eb);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.expanded-chart__header-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-shrink: 0;
  gap: 16px;
}

.expanded-chart__more-dots {
  position: relative;
  flex-shrink: 0;
  /* More menu dropdown: display and position (replaces Tailwind .block and .right-px) */
}
.expanded-chart__more-dots .dropdown-menu.hex-more-div.report-card__more-menu {
  display: block;
  right: 1px;
}

.expanded-chart__body {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}

/* Inline donut for expanded pie chart only – fixed 400px size */
.expanded-chart__donut {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  font-family: var(--hex-font-family, "Lato", sans-serif);
}

.expanded-chart__donut-chart {
  width: 400px;
  height: 400px;
}
.expanded-chart__donut-chart *:focus {
  outline: none;
}

.expanded-chart__donut-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  max-width: 50%;
}

.expanded-chart__donut-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}

.expanded-chart__donut-legend-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.expanded-chart__donut-legend-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.expanded-chart__bar-placeholder {
  width: 100%;
  min-height: 400px;
  background: transparent;
}
.expanded-chart__bar-placeholder *:focus {
  outline: none;
}.hex-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(49, 48, 48, 0.15) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.hex-modal-details {
  background-color: var(--hex-border-color);
  border-radius: 8px;
  gap: 1px;
  max-width: 800px;
  width: 90%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.dropdown-menu.hex-dropdown-div.block {
  display: block;
}

.schedule_report_content .schedule_report_content-key {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  color: var(--hex-color-basic);
  min-width: 200px;
}

.hex-radio-disabled {
  cursor: default;
  opacity: 0.8;
}

.hex-dropdown-disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

/* Grayed-out block when report is fixed from invocation context */
.disable-sch-field {
  opacity: 0.3;
  pointer-events: none;
}

.flex-disp-report {
  display: flex;
  align-items: center;
  gap: 3px;
}

.fixed-position-report {
  position: absolute !important;
  top: 40px !important;
}

.dropdown-header-reports {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 22px;
}

.dropdown-header-reports-checkbox-div {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: 3px;
}

.report-radio {
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  gap: 5px;
  cursor: pointer;
  position: relative;
}
.report-radio input {
  height: 18px;
  width: 18px;
  margin: 0px;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.report-radio .checkmark {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-color: var(--white-color);
  border-radius: 50%;
  border: 1px solid var(--hex-input-border-color, #e4e8eb);
  margin-top: 1.5px;
}
.report-radio input:checked ~ .checkmark {
  background-color: var(--white-color);
  border: 1px solid var(--hex-active-tab-color);
}
.report-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--hex-active-tab-color);
}
.report-radio input:checked ~ .checkmark:after {
  display: block;
}
.report-radio > span:not(.checkmark):not(.pop) {
  margin-left: 0;
}
.report-radio .pop {
  display: inline-flex;
  align-items: center;
  margin-left: 0;
  vertical-align: middle;
}

.info-icon-opacity {
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.info-icon-opacity:hover {
  opacity: 1;
}

.dropdown-bg {
  background-color: var(--white-color, #fff) !important;
  transition: background-color 0.2s ease-in-out;
  padding: 10px;
}
.dropdown-bg:hover {
  background-color: var(--hex-active-tab-bg-color, #f6f9ff) !important;
}

.dropdown-item-report {
  width: 50px;
  padding: 0px;
}

.hex-dropdown-common {
  min-height: 40px;
  padding: 6px 10px;
  border-radius: 8px;
  gap: 4px;
}

.hex-dropdown-number {
  width: 82px !important;
  min-width: 82px !important;
  max-height: 150px !important;
}

.hex-button-color {
  color: var(--hex-color-basic);
}

.report_action_icon_black {
  height: 20px;
  width: 20px;
  transition: transform 0.2s ease;
}

.report_action_icon_black__rotate {
  transform: rotate(180deg);
}

.hex-dropdown-div {
  left: unset;
  top: unset;
  margin-top: 3px;
  padding: 0px;
  background-color: var(--hex-border-color);
  border: 0px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 100;
  overflow-y: auto;
}

.hex-dropdown-selection {
  width: 268px !important;
  min-width: 268px !important;
  max-height: 250px !important;
  position: relative;
}

.hex-dropdown-selection-input-content {
  font: 14px Lato;
  color: #0449d1;
  font-weight: 400;
  vertical-align: middle;
  padding: 2px 5px;
  border-radius: 15px;
  background-color: #e9f2ff;
}

.hex-dropdown-selection-input-remove {
  margin-left: 5px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

.hex-dropdown-selection-border {
  border-top: 1px solid var(--hex-border-color);
  height: 1px;
  margin: 6px 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.hex-button-error {
  border: 1px solid var(--hex-color-cinnabar, #a30000) !important;
}

.hex-clearall-content {
  color: var(--hex-color-secondary);
  cursor: pointer;
}

.hex-input-with-tag {
  border: none;
  outline: none;
  flex: 1;
  min-width: 120px;
  border-radius: 8px;
  padding: 5px;
  font-family: Lato;
  font-size: 14px;
  color: var(--hex-color-basic);
  background: transparent;
}

.hex-input-with-tag::-moz-placeholder {
  color: var(--hex-color-secondary);
  opacity: 1;
}

.hex-input-with-tag::placeholder {
  color: var(--hex-color-secondary);
  opacity: 1;
}

.hex-input-with-tag::-ms-input-placeholder {
  color: var(--hex-color-secondary);
}

.linkValidClass,
.hoursClass,
.minuteClass,
.daysClass,
.monthsClass,
.rptListClass,
.selectDayClass,
.selectLocationDayClass {
  position: relative;
}

.selected-item {
  display: inline-flex;
  align-items: center;
}

.hex-sub-filter-content-text-head {
  padding: 8px 16px;
  gap: 8px;
  font-family: Lato;
  font-size: 14px;
  color: var(--hex-color-basic);
}

.hex-sub-filter-content-text {
  padding: 8px 16px;
  gap: 8px;
  font-family: Lato;
  font-size: 14px;
  color: var(--hex-color-basic);
  cursor: pointer;
}
.hex-sub-filter-content-text:hover {
  background-color: var(--hex-active-tab-bg-color, #f0f7ff);
}

.hex-filter-heading {
  padding: 12px 16px;
  border-bottom: 1px solid var(--hex-border-color);
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-color-basic);
}

.hex-filter-content-sub {
  max-height: 200px;
  overflow-y: auto;
}

.menu__item--wrapper {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.menu__item--wrapper:hover, .menu__item--wrapper:focus {
  color: var(--hex-active-tab-color);
  background: var(--hex-active-tab-bg-color, #f0f7ff);
}
.menu__item--wrapper-active {
  color: var(--hex-active-tab-color);
  background: var(--hex-active-tab-bg-color, #f0f7ff);
}

.item__label {
  font-size: 14px;
  font-family: Lato;
  color: var(--hex-color-basic);
}

.hex-filter-content-text {
  font-size: 14px;
  font-family: Lato;
  color: var(--hex-color-basic);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-5px);
  }
}
.schedule-report-configure-body .hex-modal-header {
  position: relative;
  z-index: 1;
}
.schedule-report-configure-body .hex-modal-content {
  background-color: var(--white-color);
  padding: 10px 0px;
}
.schedule-report-configure-body .hex-model-content-height {
  max-height: 520px;
  position: relative;
  overflow: scroll;
}
.schedule-report-configure-body .hex-model-content-height .hex-ui-tooltip-trigger {
  position: relative;
  z-index: 2;
}.hex-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(49, 48, 48, 0.15) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.hex-modal-details {
  background-color: var(--hex-border-color);
  border-radius: 8px;
  gap: 1px;
  max-width: 800px;
  width: 90%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.schedule_report_content .schedule_report_content-key {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  color: var(--hex-color-basic);
  min-width: 200px;
}

.report-radio {
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  gap: 5px;
  cursor: pointer;
  position: relative;
}
.report-radio input {
  height: 18px;
  width: 18px;
  margin: 0px;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.report-radio .checkmark {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-color: var(--white-color);
  border-radius: 50%;
  border: 1px solid var(--hex-input-border-color, #e4e8eb);
  margin-top: 1.5px;
}
.report-radio input:checked ~ .checkmark {
  background-color: var(--white-color);
  border: 1px solid var(--hex-active-tab-color);
}
.report-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--hex-active-tab-color);
}
.report-radio input:checked ~ .checkmark:after {
  display: block;
}
.report-radio > span:not(.checkmark) {
  margin-left: 0;
}

.hex-dropdown-common {
  min-height: 40px;
  padding: 6px 10px;
  border-radius: 8px;
  gap: 4px;
}

.hex-button-color {
  color: var(--hex-color-basic);
}

.report_action_icon_black {
  height: 20px;
  width: 20px;
  transition: transform 0.2s ease;
}

.report_action_icon_black__rotate {
  transform: rotate(180deg);
}

.hex-dropdown-div {
  left: unset;
  top: unset;
  margin-top: 3px;
  padding: 0px;
  background-color: var(--hex-border-color);
  border: 0px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 100;
  overflow-y: auto;
}

.hex-dropdown-selection {
  width: 268px !important;
  min-width: 268px !important;
  max-height: 250px !important;
  position: relative;
}

.hex-input-with-tag {
  border: none;
  outline: none;
  flex: 1;
  min-width: 120px;
  border-radius: 8px;
  padding: 5px;
  font-family: Lato;
  font-size: 14px;
  color: var(--hex-color-basic);
  background: transparent;
}

.hex-input-with-tag::-moz-placeholder {
  color: var(--hex-color-secondary);
  opacity: 1;
}

.hex-input-with-tag::placeholder {
  color: var(--hex-color-secondary);
  opacity: 1;
}

.hex-input-with-tag::-ms-input-placeholder {
  color: var(--hex-color-secondary);
}

.exportListClass,
.columnTypeClass,
.columnsClass {
  position: relative;
}

.menu__item--wrapper {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.menu__item--wrapper:hover, .menu__item--wrapper:focus {
  color: var(--hex-active-tab-color);
  background: var(--hex-active-tab-bg-color, #f0f7ff);
}

.item__label {
  flex: 1;
  font-size: 14px;
  font-family: Lato;
  color: var(--hex-color-basic);
}

.hex-filter-content-text {
  font-size: 14px;
  font-family: Lato;
  color: var(--hex-color-basic);
}

.dropdown-option-selected .menu__item--wrapper {
  color: var(--hex-active-tab-color);
  background: var(--hex-active-tab-bg-color, #f0f7ff);
}

.filterval-form-input {
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  max-width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.filterval-form-input::-webkit-scrollbar {
  display: none;
}

.filterval-form-input-content {
  font: 12px Lato;
  color: #0449d1;
  line-height: 18px;
  font-weight: 400;
  vertical-align: middle;
  padding: 2px 5px;
  border-radius: 15px;
  background-color: #e9f2ff;
  margin-right: 5px;
}

.filterval-form-input-remove {
  margin-left: 5px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  width: 15px;
  height: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.search-selected-filter {
  width: 250px;
  height: 40px;
  margin: 20px 10px 10px 10px;
  padding: 10px;
  border: 1px solid var(--hex-border-color);
  border-radius: 8px;
  font-family: Lato;
  font-size: 14px;
  color: var(--hex-color-basic);
  background-color: var(--white-color);
}
.search-selected-filter::-moz-placeholder {
  color: var(--hex-color-secondary);
}
.search-selected-filter::placeholder {
  color: var(--hex-color-secondary);
}
.search-selected-filter:focus {
  border: 1px solid #0449d1;
  outline: 2px solid rgba(4, 73, 209, 0.15);
  outline-offset: 0px;
}

.bg-dropdown-export {
  background-color: var(--white-color);
  z-index: 10;
  min-width: 268px;
  padding: 10px 0px;
  position: absolute !important;
  top: 40px !important;
  box-shadow: 0px 0px 4px 0px rgba(184, 184, 184, 0.28);
  border-radius: 15px;
  max-height: 260px !important;
  overflow: scroll;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-5px);
  }
}.hex-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.hex-modal-details-col-select {
  background-color: var(--hex-border-color);
  border-radius: 8px;
  gap: 1px;
  max-width: 1000px;
  width: 90%;
  max-height: 93vh;
  display: flex;
  flex-direction: column;
}

.hex-modal-header {
  background-color: var(--white-color);
  padding: 20px 25px;
  border-radius: 8px 8px 0px 0px;
}

.hex-modal-header__heading {
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic);
}

.hex-modal-content {
  background-color: var(--white-color);
  padding: 0;
  overflow: auto;
}

.hex-modal-footer {
  background-color: var(--white-color);
  border-radius: 0px 0px 8px 8px;
  padding: 20px 25px;
}

.hex-column-selector-div {
  padding: 25px;
}

.hex-column-selector-sub-div {
  width: 450px;
}

.hex-column-selector__head-div {
  padding-right: 25px;
}

.hex-column-selector__head {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: var(--hex-color-basic);
  font-family: Lato;
}

.hex-column-selector__button {
  color: var(--hex-active-tab-color);
  font-size: 14px;
  cursor: pointer;
  font-family: Lato;
}

.hex-column-selector__button-inactive {
  color: var(--hex-color-secondary);
  font-size: 14px;
  font-family: Lato;
}

.hex-column-selector__box {
  margin-top: 20px;
  border: 1px solid var(--hex-border-color);
  border-radius: 16px;
  width: 100%;
  padding: 25px;
  gap: 20px;
}

.hex-column-selector__search {
  width: 100% !important;
}

.hex-column-selector__columns-box {
  overflow: scroll;
  min-height: 400px;
  max-height: 400px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hex-column-selector__columns-box::-webkit-scrollbar {
  display: none;
}

.hex-column-selector__columns {
  padding: 10px 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.hex-column-selector__columns-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: var(--hex-color-basic);
  font-family: Lato;
}

.hex-column-selector__button_group {
  gap: 10px;
}

.set_white_border_bottom_1px {
  border-bottom: 1px solid var(--hex-border-color) !important;
}

.hex-column-selector__columns.selected {
  background-color: #f8f8f8 !important;
  border-radius: 8px;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

.moz-visible {
  visibility: visible;
}

.hex-table-not-found {
  padding: 40px 20px;
  color: var(--hex-color-secondary);
  font-size: 14px;
  font-family: Lato;
}
.hex-table-not-found img {
  margin-bottom: 16px;
}
.hex-table-not-found span {
  color: var(--hex-color-secondary);
}.tempDropDownClass {
  position: relative;
  display: inline-block;
}

.hex-filter-div {
  right: 40px;
  left: unset;
  top: auto;
  min-width: 280px;
  margin-top: 3px;
  padding: 0px;
  background-color: var(--hex-border-color);
  border: 0px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 100;
}

.hex-filter-heading {
  background-color: var(--white-color);
  height: 51px;
  padding: 15px 20px;
  position: sticky;
  top: 0px;
  z-index: 1000;
  border-bottom: 1px solid var(--hex-border-color);
  font-family: Lato;
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-color-basic);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hex-filter-content {
  background-color: var(--white-color);
  padding: 15px 0px 0px 0px;
  overflow: scroll;
}

.hex-filter-content-gap {
  gap: 4px;
}

.hex-filter-content-sub {
  gap: 4px;
  max-height: 235px;
  overflow: scroll;
}

.hex-filter-footer {
  background-color: var(--white-color);
  height: 51px;
  padding: 15px 20px;
  border-top: 1px solid var(--hex-border-color);
}

.hex-filter-link {
  cursor: pointer;
  color: var(--hex-get-started-btn-active-color, #0449d1);
  font-family: Lato;
  font-size: 14px;
}

button.hex-filter-link {
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  text-align: inherit;
}

button.filter-back-arrow {
  border: none;
  background: none;
  padding: 0;
  line-height: 0;
}

.menu__item--wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 10px 0.8fr 35px 25px;
  align-items: center;
  justify-content: start;
  padding: 0;
  margin: 1px 0;
  cursor: pointer;
  border: none;
  background-color: var(--white-color);
  text-align: start;
  opacity: 1;
  font-size: var(--basic_font_size, 14px);
  font-weight: var(--basic_font_weight, 400);
  line-height: var(--basic_line_height, 21px);
  color: var(--hex-color-basic);
  min-height: 40px;
  width: 217px;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.menu__item--wrapper:hover, .menu__item--wrapper:focus {
  color: var(--hex-active-tab-color);
  background: var(--hex-active-tab-bg-color, #f0f7ff);
}

.menu__item--wrapper-active {
  color: var(--hex-active-tab-color);
  background: var(--hex-active-tab-bg-color, #f0f7ff);
}
.menu__item--wrapper-active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: var(--hex-active-tab-color);
}

.hex-filter-content-text {
  grid-template-columns: 10px 1fr 35px 25px !important;
  width: 100%;
}

.item__label {
  max-width: 100%;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: normal;
  word-break: break-word;
  justify-self: start;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* Badge cell: always occupies third grid column so the arrow stays in the fourth (corner) */
.hex-filter-item-badge-cell {
  min-width: 35px;
  grid-column: 3;
}

.hex-filter-item-arrow {
  grid-column: 4;
  justify-self: end;
  margin-right: 15px;
}

.hex-sub-filter-content-text {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 8px 16px;
  gap: 8px;
  font-family: Lato;
  font-size: 14px;
  color: var(--hex-color-basic);
  cursor: pointer;
  background-color: var(--white-color);
  border: none;
  text-align: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.hex-sub-filter-content-text:hover {
  background-color: var(--hex-active-tab-bg-color, #f0f7ff);
}

.filter-checkbox {
  cursor: pointer;
}

.filter-option-text {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}

.filter-back-arrow {
  cursor: pointer;
}

.hex-filter-inline-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 16px 12px;
  width: 100%;
  box-sizing: border-box;
}

.hex-filter-inline-label {
  font-family: Lato;
  font-size: var(--basic_font_size, 14px);
  font-weight: var(--basic_font_weight, 400);
  color: var(--hex-color-basic);
  flex-shrink: 0;
}

.hex-filter-inline-input {
  width: 100%;
  min-width: 0;
  padding: 6px 10px;
  font-size: var(--basic_font_size, 14px);
  border: 1px solid var(--hex-border-color);
  border-radius: 4px;
  box-sizing: border-box;
}
.hex-filter-inline-input:focus {
  outline: none;
  border-color: var(--hex-active-tab-color);
}

.hex-filter-inline-select {
  width: 100%;
  min-width: 0;
  padding: 6px 10px;
  font-size: var(--basic_font_size, 14px);
  border: 1px solid var(--hex-border-color);
  border-radius: 4px;
  box-sizing: border-box;
  background-color: var(--white-color);
}
.hex-filter-inline-select:focus {
  outline: none;
  border-color: var(--hex-active-tab-color);
}

.hex-filter-date-row .hex-filter-date-custom {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.hex-filter-date-row .hex-filter-date-input {
  flex: 1;
  min-width: 100px;
}
.hex-filter-date-row .hex-filter-date-sep {
  font-size: 12px;
  color: var(--hex-color-basic);
}

.hex-filter-range-row .hex-filter-range-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hex-filter-range-row .hex-filter-range-input {
  flex: 1;
  min-width: 60px;
}
.hex-filter-range-row .hex-filter-range-sep {
  font-size: 12px;
  color: var(--hex-color-basic);
}

.hex-filter-number {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background-color: var(--hex-active-tab-color);
  color: var(--white-color);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}

.hex-filter-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.filter-button-text {
  margin-right: 3px;
}

.filter-item-wrapper-full {
  width: 100%;
}

.report_image {
  width: 16px;
  height: 16px;
}

.hex-filter-div--wide {
  width: 360px;
  min-width: 360px;
}

.hex-filter-div--number-compare {
  background-color: var(--white-color);
  border: 0;
  box-shadow: 0 6px 16px rgba(25, 25, 25, 0.25);
  max-height: none;
  overflow: visible;
}

/* Override legacy .dropdown-menu { max-height: 300px } from static/css/style.css */
.dropdown-menu.hex-filter-div.hex-filter-div--number-compare {
  max-height: none;
  overflow: visible;
}

.hex-filter-heading--number-compare {
  flex-direction: row;
  align-items: center;
  gap: 20px;
  height: auto;
  min-height: 51px;
  font-weight: 500;
  line-height: 1.5;
}

.hex-filter-content-number-compare {
  gap: 0;
  max-height: none;
  overflow: visible;
  padding: 20px 0;
}

.hex-filter-number-compare {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.hex-filter-number-compare-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.hex-filter-number-compare-option {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.hex-filter-number-compare-row-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 10px 20px;
  box-sizing: border-box;
}

.hex-filter-number-compare-row-wrap--with-input {
  gap: 10px;
  padding: 0 0 0 20px;
}

.hex-filter-number-compare-row-wrap--between {
  gap: 10px;
  padding: 0 0 0 20px;
}
.hex-filter-number-compare-row-wrap--between .hex-filter-number-compare-row {
  flex: 1;
  min-width: 0;
}
.hex-filter-number-compare-row-wrap--between .hex-filter-number-compare-label {
  white-space: nowrap;
}
.hex-filter-number-compare-row-wrap--between .hex-filter-number-compare-between-inputs {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin-right: 20px;
}
.hex-filter-number-compare-row-wrap--between .hex-filter-number-compare-input {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  margin-right: 0;
  padding: 0 6px;
}
.hex-filter-number-compare-row-wrap--between .hex-filter-number-compare-sep {
  flex-shrink: 0;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--hex-color-basic);
}

.hex-filter-number-compare-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--hex-color-basic);
}

.hex-filter-number-compare-row--full {
  width: 100%;
  min-height: 40px;
  padding: 10px 20px;
  box-sizing: border-box;
}

.hex-filter-number-compare-label {
  flex: 1;
  text-align: left;
}

.hex-filter-radio {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1.5px solid #a3a9b3;
  border-radius: 50%;
  box-sizing: border-box;
  background: var(--white-color);
}

.hex-filter-radio--selected {
  border-color: var(--hex-active-tab-color);
}
.hex-filter-radio--selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--hex-active-tab-color);
  transform: translate(-50%, -50%);
}

.hex-filter-number-compare-input {
  width: 120px;
  height: 30px;
  flex-shrink: 0;
  margin-right: 20px;
  padding: 0 10px;
  border: 1px solid var(--hex-border-color);
  border-radius: 8px;
  box-sizing: border-box;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--hex-color-basic);
  background: var(--white-color);
}
.hex-filter-number-compare-input::-moz-placeholder {
  color: var(--hex-color-secondary);
}
.hex-filter-number-compare-input::placeholder {
  color: var(--hex-color-secondary);
}
.hex-filter-number-compare-input:focus {
  outline: none;
  border-color: var(--hex-active-tab-color);
}

.hex-filter-number-compare-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px 0 0;
  background-color: var(--white-color);
}

.hex-filter-number-compare-btn {
  width: 152px;
  height: 40px;
  padding: 5px 25px;
  border-radius: 8px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  box-sizing: border-box;
}

.hex-filter-number-compare-btn--secondary {
  border: 1px solid var(--hex-border-color);
  background: var(--white-color);
  color: var(--hex-active-tab-color);
}

.hex-filter-number-compare-btn--primary {
  border: 1px solid var(--hex-active-tab-color);
  background: var(--hex-active-tab-color);
  color: var(--white-color);
}

.hex-filter-number-compare-btn--primary:disabled {
  border-color: #f3f5f6;
  background: #f3f5f6;
  color: var(--hex-border-color);
  cursor: not-allowed;
}

.dropdown-menu.hex-filter-div {
  display: none;
}
.dropdown-menu.hex-filter-div.hex__fade_in_dropdown {
  display: block;
  animation: fadeIn 0.2s ease-in;
  opacity: 1;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-5px);
  }
}.reports-base {
  color: var(--hex-color-basic);
  font-family: var(--hex-font-family);
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 100%;
  min-width: 0;
  /* Fills height in flex parents (e.g. Patches tab); pairs with &__table--fill on the table block. */
}
.reports-base--fill-table-area {
  flex: 1 1 0%;
  min-height: 0;
}
.reports-base--fill-table-area .reports-base__header,
.reports-base--fill-table-area .reports-base__actions,
.reports-base--fill-table-area .reports-base__ribbon {
  flex-shrink: 0;
}
.reports-base--fill-table-area {
  /* Charts can be very tall; without a cap they consume the whole flex column and the table
     disappears below the fold or collapses. Scroll charts inside this block; table keeps space. */
}
.reports-base--fill-table-area .reports-base__graph {
  flex-shrink: 0;
  max-height: 56vh;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0;
}
.reports-base--fill-table-area {
  /* Guarantee a minimum strip for the data table when charts are open. */
}
.reports-base--fill-table-area .reports-base__table--fill {
  min-height: 55vh;
}
.reports-base__header {
  border-bottom: 1px solid var(--hex-border-color);
}
.reports-base {
  /* Heading and controls (column selector, search, filter) on one horizontal row */
}
.reports-base__header-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 0;
}
.reports-base__header-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.reports-base__header-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.reports-base__header-actions--split {
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.reports-base__header-actions-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.reports-base__header-actions-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.reports-base {
  /* Ribbon: reuse DashboardSummaryBar styles (single row, text wrap, equal width).
     Same style for all Patches sub-tabs (Scanned, Missing, Critical, Unscheduled). */
}
.reports-base__ribbon {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 40px;
  width: 100%;
  min-width: 0;
}
.reports-base__graph {
  margin-top: 1px;
  margin-bottom: 15px;
}
.reports-base__graph-placeholder {
  padding: 20px;
  text-align: center;
  color: var(--hex-color-secondary);
  font-size: 14px;
  border: 1px dashed var(--hex-border-color);
  border-radius: 8px;
  background-color: var(--white-color);
}
.reports-base__actions {
  margin-top: 1px;
  padding: 15px 40px;
  height: -moz-fit-content;
  height: fit-content;
}
.reports-base__actions .hex-secondary-button.hex-button-common,
.reports-base__actions .hex-primary-button.hex-button-common {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 5px 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  box-sizing: border-box;
}
.reports-base__table-wrapper {
  min-width: 0;
  overflow-x: auto;
}
.reports-base {
  /* Table container: horizontal padding (replaces Tailwind px-[40px]) */
}
.reports-base__table-container {
  padding-left: 40px;
  padding-right: 40px;
}
.reports-base__table {
  margin-top: 15px;
}
.reports-base {
  /* Fill remaining vertical space and make the records area scroll (Vulnerabilities tab, etc.). */
}
.reports-base__table--fill {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.reports-base__table--fill > .hex-report-table-div {
  flex: 1 1 0;
  min-height: 0;
  overflow: auto;
}
.reports-base__table--fill {
  /* Empty state: keep enough height so empty message and image are visible (matches existing report tables). */
}
.reports-base__table--fill > .hex-report-table-div.hex-report-table-div--empty {
  min-height: 230px;
}

.hex-primary-button.hex-button-common {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 5px 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  box-sizing: border-box;
}

.column_selector_box {
  height: 40px;
  width: 40px;
  padding: 10px;
  cursor: pointer;
}
.column_selector_box:hover {
  border-radius: 8px;
  border: 1px solid var(--hex-border-color);
}

.reports-base__graph-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
}

.report_cursor_image {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.report_image {
  width: 16px;
  height: 16px;
}

.hex-button-group {
  gap: 10px;
}

.hex-filter-number {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background-color: var(--hex-active-tab-color);
  color: var(--white-color);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}

.dropdown-container {
  position: relative;
  display: inline-block;
  width: auto;
}

.hex-filter-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.cve-details-page {
  font-family: var(--hex-font-family, "Lato", sans-serif);
}
.cve-details-page__text, .cve-details-page__text dt, .cve-details-page__text dd, .cve-details-page__text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.cve-details-page__text button {
  font-size: 14px;
}
.cve-details-page__heading-main {
  font-size: 20px;
  font-weight: 700;
  color: var(--hex-color-basic);
}
.cve-details-page__heading-section {
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic);
}
.cve-details-page__summary-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--hex-color-secondary);
}
.cve-details-page__summary-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  min-height: 1.5em;
}
.cve-details-page__summary-label {
  flex-shrink: 0;
  min-width: 140px;
  max-width: 180px;
  font-weight: 500;
  color: var(--hex-color-basic);
}
.cve-details-page__summary-value {
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.cve-details-page__table-scroll {
  max-height: min(60vh, 500px);
  overflow: auto;
  isolation: isolate;
}
@media (max-width: 640px) {
  .cve-details-page__summary-label {
    min-width: 120px;
    max-width: 140px;
  }
  .cve-details-page__summary-row {
    gap: 8px;
  }
  .cve-details-page__table-scroll {
    max-height: min(50vh, 400px);
  }
}

.cve-severity-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.cve-severity-badge--critical {
  background-color: #a30000;
  color: var(--white-color, #fff);
}
.cve-severity-badge--high {
  background-color: #c45400;
  color: var(--white-color, #fff);
}
.cve-severity-badge--medium {
  background-color: #f3b424;
  color: var(--hex-color-basic, #191919);
}
.cve-severity-badge--low {
  background-color: #788c9b;
  color: var(--white-color, #fff);
}.hex-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(49, 48, 48, 0.15) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.hex-modal-details {
  background-color: var(--hex-border-color);
  border-radius: 8px;
  gap: 1px;
  max-width: 800px;
  width: 90%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.hex-modal-header {
  background-color: var(--white-color);
  padding: 20px 25px;
  border-radius: 8px 8px 0px 0px;
}

.hex-modal-close-btn {
  border: none;
  margin: 0;
  padding: 0;
  background-color: var(--white-color);
  cursor: pointer;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.confirmation-modal__header {
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: black;
  font-size: 16px;
}

.hex-modal-header__heading {
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic);
}

.hex-modal-content {
  background-color: var(--white-color);
  padding: 0;
  overflow: auto;
}

.confirmation-modal__content {
  font-size: 14px;
}

.confirmation-modal__footer-actions {
  justify-content: flex-end;
  gap: 8px;
}

.hex-model-content-height {
  max-height: 520px;
  position: relative;
  overflow: scroll;
}

.hex-modal-footer {
  background-color: var(--white-color);
  border-radius: 0px 0px 8px 8px;
  padding: 20px 25px;
}
.isa_info,
.isa_success,
.isa_warning,
.isa_error {
  margin: 10px 0;
  padding: 12px;
}

.isa_info {
  color: #00529b;
  background-color: #bde5f8;
}

.isa_success {
  color: white;
  background-color: #52af59;
}

.isa_warning {
  color: #9f6000;
  background-color: #feefb3;
}

.isa_error {
  color: #fff;
  background-color: #a30000;
}

.isa_info i,
.isa_success i,
.isa_warning i,
.isa_error i {
  margin: 10px 22px;
  font-size: 2em;
  vertical-align: middle;
}

.homehelptext {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -25px;
  padding-left: 50px;
  padding-right: 50px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: auto;
  vertical-align: middle;
  z-index: 2;
  display: inline-flex;
  align-items: center;
}

.help-banner__action-link {
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 0 0.4em; /* space before the action text (e.g. “View archive”) */
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  color: inherit;
}

.isa_success .help-banner__action-link:hover,
.isa_info .help-banner__action-link:hover,
.isa_warning .help-banner__action-link:hover {
  opacity: 0.92;
}

.isa_error .help-banner__action-link:hover {
  opacity: 0.92;
}

@media (max-width: 480px) {
  .homehelptext {
    left: 10%;
    transform: translateX(0%);
    max-width: 80%;
  }
}
.helptextop1 {
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease-in;
  -ms-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -webkit-transition: opacity 1s ease-in;
}

.helptext2 {
  position: fixed;
  top: 50px;
  opacity: 1;
  transition: top 1s ease-out;
  -ms-transition: top 1s ease-out;
  -moz-transition: top 1s ease-out;
  -webkit-transition: top 1s ease-out;
}

.helptextop2 {
  position: fixed;
  top: 50px;
  opacity: 0;
  transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
}

span.helptext2 {
  position: fixed;
  top: 50px;
  opacity: 1;
  transition: top 1s ease-out;
  -ms-transition: top 1s ease-out;
  -moz-transition: top 1s ease-out;
  -webkit-transition: top 1s ease-out;
}

span.helptextop2 {
  position: fixed;
  top: 50px;
  opacity: 0;
  transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
}.filter-date {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.filter-date__trigger {
  width: 220px;
  height: 35px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease-out;
}
.filter-date__trigger:hover {
  border-color: #60a5fa;
}
.filter-date__trigger-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #374151;
  font-size: 12px;
}
.filter-date__panel {
  position: absolute;
  z-index: 50;
  top: 100%;
  margin-top: 0.25rem;
  width: 280px;
  background-color: var(--white-color, #fff);
  border: 1px solid var(--hex-border-color, #e0e0e0);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  padding: 0;
  animation: filter-date-panel-in 0.1s ease-out;
  overflow: hidden;
}
.filter-date__panel--preset {
  padding-bottom: 0;
}
.filter-date {
  /* Matches reports / FilterDropdown date sub-filter (radio circles + list) */
}
.filter-date__preset-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 235px;
  overflow-y: auto;
  padding: 15px 0 0;
  background-color: var(--white-color, #fff);
}
.filter-date__preset-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 16px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #333);
  cursor: pointer;
  outline: none;
}
.filter-date__preset-row:hover, .filter-date__preset-row:focus-visible {
  background-color: var(--hex-active-tab-bg-color, #f0f7ff);
}
.filter-date__preset-icon {
  flex-shrink: 0;
  cursor: pointer;
}
.filter-date__preset-label {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.filter-date__custom--inline {
  margin-top: 0;
  padding: 8px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  background-color: var(--white-color, #fff);
}
.filter-date__custom-input {
  width: 100%;
  border: 1px solid var(--hex-border-color, #e0e0e0);
  border-radius: 4px;
  padding: 6px 10px;
  font-size: var(--basic_font_size, 14px);
  box-sizing: border-box;
}
.filter-date__custom-input:focus {
  outline: none;
  border-color: var(--hex-active-tab-color, #0449d1);
}
.filter-date__custom-input--inline {
  flex: 1;
  min-width: 100px;
  width: auto;
}
.filter-date__custom-sep {
  font-size: 12px;
  color: var(--hex-color-basic, #333);
  flex-shrink: 0;
}
.filter-date__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0;
  padding: 15px 20px;
  border-top: 1px solid var(--hex-border-color, #e0e0e0);
  background-color: var(--white-color, #fff);
}
.filter-date__btn-cancel {
  font-size: 12px;
  color: #6b7280;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s ease-out;
}
.filter-date__btn-cancel:hover {
  background-color: #f9fafb;
}
.filter-date__btn-apply {
  font-size: 12px;
  background-color: #2563eb;
  color: #fff;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s ease-out;
}
.filter-date__btn-apply:hover {
  background-color: #1d4ed8;
}

@keyframes filter-date-panel-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.filter-builder {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.filter-builder__group {
  display: flex;
  gap: 2rem;
  align-items: center;
  width: 100%;
}
.filter-builder__where {
  width: 60px;
  flex-shrink: 0;
  font-size: 12px;
  color: #6b7280;
  height: 30px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
}
.filter-builder__connector {
  width: 60px;
  flex-shrink: 0;
  height: 35px;
  padding: 0.5rem 0.25rem;
  font-size: 12px;
  color: #374151;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #d1d5db;
  cursor: pointer;
  outline: none;
}
.filter-builder__connector:focus {
  border-color: #3b82f6;
}
.filter-builder__connector--readonly {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  border-color: #e5e7eb;
}
.filter-builder__content {
  flex: 1;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 18px 1.5rem 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: visible;
}
.filter-builder__row {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  margin-top: 0.75rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.filter-builder__row__level-1 {
  margin-left: 0;
}
.filter-builder__row__level-2 {
  margin-left: 3rem;
}
.filter-builder__operator {
  width: 70px;
  height: 35px;
  padding: 0.5rem 1rem;
  color: #333;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #d1d5db;
  font-size: 12px;
  cursor: pointer;
  outline: none;
}
.filter-builder__operator:focus {
  box-shadow: none;
  border-color: #d1d5db;
}
.filter-builder__field-group {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.filter-builder__select, .filter-builder__input {
  width: 220px;
  height: 35px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-size: 12px;
  background-color: #fff;
  outline: none;
  transition: border-color 0.15s ease-out;
}
.filter-builder__select:focus, .filter-builder__input:focus {
  border-color: #3b82f6;
}
.filter-builder__select:disabled, .filter-builder__input:disabled {
  color: #333;
}
.filter-builder__select::-moz-placeholder, .filter-builder__input::-moz-placeholder {
  color: #333;
}
.filter-builder__select::placeholder, .filter-builder__input::placeholder {
  color: #333;
}
.filter-builder__select--sm {
  padding: 0.5rem 0.75rem;
}
.filter-builder__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.5rem;
}
.filter-builder__btn-icon {
  padding: 0.375rem;
  color: #9ca3af;
  border-radius: 50%;
  border: none;
  background: none;
  cursor: pointer;
  min-width: 30px;
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.filter-builder__btn-icon:hover {
  color: #2563eb;
  background-color: #eff6ff;
}
.filter-builder__btn-icon--remove:hover {
  color: #dc2626;
  background-color: #fef2f2;
}.group-details-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  transition: opacity 0.15s ease-out;
}
.group-details-modal__box {
  background-color: #fff;
  width: 600px;
  border-radius: 8px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transform: translateZ(0);
  transition: all 0.15s ease-out;
}
.group-details-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #f3f4f6;
}
.group-details-modal__title {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  font-family: Lato, system-ui, sans-serif;
  margin: 0;
}
.group-details-modal__close {
  color: #9ca3af;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: color 0.15s ease-out;
}
.group-details-modal__close:hover {
  color: #ef4444;
}
.group-details-modal__body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.group-details-modal__error {
  padding: 0.75rem;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  color: #dc2626;
  font-size: 13px;
  border-radius: 6px;
  transition: all 0.15s ease-out;
}
.group-details-modal__field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.group-details-modal__label {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  font-family: Lato, system-ui, sans-serif;
  display: block;
}
.group-details-modal__required {
  color: #ef4444;
}
.group-details-modal__input {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0.5rem;
  font-size: 14px;
  transition: all 0.15s ease-out;
}
.group-details-modal__input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
}
.group-details-modal__textarea {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0.5rem;
  font-size: 14px;
  resize: none;
  transition: all 0.15s ease-out;
}
.group-details-modal__textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
}
.group-details-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background-color: #f9fafb;
  border-top: 1px solid #f3f4f6;
}
.group-details-modal__btn-cancel {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.group-details-modal__btn-save {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  min-width: 90px;
}
.group-details-modal__btn-save:disabled {
  background-color: rgba(4, 73, 209, 0.2);
}
.group-details-modal__spinner {
  width: 1rem;
  height: 1rem;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: group-details-modal-spin 1s linear infinite;
  margin: 0 auto;
}

@keyframes group-details-modal-spin {
  to {
    transform: rotate(360deg);
  }
}/* Genie Prompter - matches Angular scriptGeneration / content_tab.css */
.genie-prompter .hexnode-genie-script-tab-title {
  margin-bottom: 0px;
}

.hexnode-genie-starter {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
.hexnode-genie-starter .hexnode-genie-starter-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  gap: 10px;
}
.hexnode-genie-starter .hexnode-genie-starter-content span {
  font: 600 16px/24px Lato;
}

.hexnode-genie-logo {
  width: 48px;
  height: 48px;
}

.message-recommendation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: auto;
}

.message-recommendation__btn,
.message-recommendation > button {
  font: 400 14px/21px Lato;
  background-color: #f3f5f6;
  border: 1px solid #e4e8eb;
  border-radius: 10px;
  box-shadow: none;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  text-align: left;
  cursor: pointer;
  align-self: flex-start;
}
.message-recommendation__btn img,
.message-recommendation > button img {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.message-recommendation__btn span,
.message-recommendation > button span {
  vertical-align: middle;
}

.hexnode-genie-script-message-wrapper .message-wrapper {
  padding: 15px 0;
  border-top: 1px solid #e4e8eb;
}

.bt-0 {
  border-top: none !important;
}

.hexnode-genie-script-chat-wrapper {
  position: relative;
  border-radius: 20px;
  border: 1px solid #e4e8eb;
  display: flex;
  flex-direction: column;
  min-height: 486px;
  height: 100%;
  background-color: #ffffff;
}

.hexnode-genie-script-message-wrapper {
  position: relative;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 20px;
  flex-grow: 1;
  min-height: 416px;
  max-height: calc(100vh - 430px);
  display: flex;
  flex-direction: column;
}
.hexnode-genie-script-message-wrapper::before {
  content: "";
  margin-top: auto;
}

.genie-message {
  word-wrap: break-word;
  clear: both;
  max-width: 80%;
  font: 400 14px/21px Lato;
  padding: 10px;
  padding-left: 30px;
  color: #191919;
}
.genie-message strong {
  font: 600 14px/21px Lato;
}
.genie-message ul {
  margin-bottom: 1em;
}
.genie-message p {
  font: 400 14px/21px Lato;
  color: #191919;
  margin-bottom: 0.5em;
}
.genie-message pre {
  border-radius: 10px;
  padding: 0;
  overflow-x: auto;
  border: none;
  min-width: 250px;
  background: transparent;
}
.genie-message pre code {
  padding: 0;
  font: 400 14px/18px "Source Code Pro", monospace;
  white-space: pre;
  background: transparent;
}

.user-message {
  white-space: break-spaces;
}

.message-loader {
  background: none;
  float: left;
  text-align: left;
  position: relative;
  padding: 15px;
  width: 32px;
  height: 32px;
}

.dot-typing {
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #0449d1;
  color: #0449d1;
  box-shadow: 9984px 0 0 0 #0449d1, 9999px 0 0 0 #0449d1, 10014px 0 0 0 #0449d1;
  animation: genie-dot-typing 1.5s infinite linear;
}

@keyframes genie-dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #0449d1, 9994px 0 0 0 #0449d1, 10004px 0 0 0 #0449d1;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #0449d1, 9994px 0 0 0 #0449d1, 10004px 0 0 0 #0449d1;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #0449d1, 9994px 0 0 0 #0449d1, 10004px 0 0 0 #0449d1;
  }
  50% {
    box-shadow: 9984px 0 0 0 #0449d1, 9994px -10px 0 0 #0449d1, 10004px 0 0 0 #0449d1;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #0449d1, 9994px 0 0 0 #0449d1, 10004px 0 0 0 #0449d1;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #0449d1, 9994px 0 0 0 #0449d1, 10004px -10px 0 0 #0449d1;
  }
  100% {
    box-shadow: 9984px 0 0 0 #0449d1, 9994px 0 0 0 #0449d1, 10004px 0 0 0 #0449d1;
  }
}
.role-icon {
  display: flex;
  align-items: center;
  font: 700 14px/21px Lato;
}
.role-icon img {
  border-radius: 10px;
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.hexnode-genie-script-chat-wrapper .input-wrapper {
  margin-top: auto;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: flex-end;
  z-index: 1;
  border-top: 1px solid #e4e8eb;
  border-radius: 0 0 20px 20px;
  height: 70px;
  box-sizing: border-box;
  padding: 10px 20px;
}

.hexnode-genie-script-chat-wrapper .input-wrapper textarea {
  box-sizing: border-box;
  padding: 14.5px 30px 14.5px 0;
  font: 400 14px/21px Lato;
  flex: 1;
  border: 0;
  border-radius: 0 0 20px 20px;
  height: 100%;
  resize: none;
}
.hexnode-genie-script-chat-wrapper .input-wrapper textarea:focus {
  outline: none;
  box-shadow: none;
}
.hexnode-genie-script-chat-wrapper .input-wrapper textarea::-moz-placeholder {
  color: #788c9b;
}
.hexnode-genie-script-chat-wrapper .input-wrapper textarea::placeholder {
  color: #788c9b;
}

.message-send-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.message-send-button.disabled img {
  filter: invert(0.5);
  cursor: default;
}

.message-error {
  padding: 10px 20px;
  margin-top: 10px;
  text-align: center;
  max-width: 80%;
  box-sizing: border-box;
  color: #fff;
  background: #a30000;
  border-radius: 8px;
  font: 400 12px/18px Lato;
}

.code-snippet {
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 50px;
  display: block;
  background-color: #f3f5f6;
  border-radius: 10px;
  margin: 10px 0;
}

.code-snippet-title {
  text-transform: capitalize;
  padding: 10px;
  border-bottom: 1px solid #e4e8eb;
  font: 400 14px/21px Lato;
  color: #191919;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.code-language {
  text-transform: lowercase;
}

.code-snippet-copy {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #0449d1;
  font: 400 14px/21px Lato;
}
.code-snippet-copy.disabled {
  filter: invert(0.5);
  cursor: default;
}

.copy-image {
  margin-right: 2px;
  width: 20px;
  height: 20px;
  background: url("https://static.hexnodemdm.com/v109.3.0/img/copy_icon.svg") no-repeat;
  display: inline-block;
}

.code-snippet-body {
  padding: 10px;
  overflow-x: auto;
}
.code-snippet-body pre {
  margin: 0 !important;
  background: transparent !important;
}
.code-snippet-body code {
  font: 400 14px/18px "Source Code Pro" !important;
  font-family: "Source Code Pro" !important;
  white-space: pre !important;
  background: transparent !important;
}
.code-snippet-body span {
  font-family: "Source Code Pro" !important;
  font-size: 14px !important;
  line-height: 18px !important;
}/* Extracted from legacy content_tab.css */
.content-tab-file-popup .dialog-header {
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.content-tab-file-popup .dialog-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font: 400 14px/21px "Lato", sans-serif;
  font-style: normal;
  padding: 20px;
  box-sizing: border-box;
}

.content-tab-file-popup .secondary-button {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  color: var(--hex-active-tab-color, #0449d1);
  background-color: var(--white-color, #ffffff);
}

.content-tab-file-popup .select-button {
  text-align: left;
  width: 100%;
  padding: 10px;
  color: var(--hex-color-basic, #191919);
  border-radius: 8px;
}

.content-tab-file-popup .select-button i {
  position: absolute;
  right: 10px;
  top: 15px;
}

/* Dropdown styles are inherited from content.scss, but we need to override the width for the modal */
.content-tab-file-popup .contenttab-dropdown-container {
  width: 100%;
}

.content-form-group {
  display: grid;
  grid-template-columns: 4fr 7fr 1fr;
  align-items: center;
  width: 100%;
  gap: 10px;
}

.content-form-group > label {
  color: var(--hex-color-basic, #191919) !important;
  font: 400 14px/21px "Lato", sans-serif !important;
  margin: 0;
}

.content-form-group input {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  height: 40px;
  padding: 10px;
  align-items: center;
  box-sizing: border-box;
}

.content-form-group input:focus {
  outline: none;
  border-color: var(--hex-active-tab-color, #0449d1);
}

.content-tab-file-popup .dialog-footer {
  padding: 20px;
  box-sizing: border-box;
}

.content-tab-file-popup .dialog-footer.button-group {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  gap: 10px;
}

.content-tab-file-popup .dialog-footer.button-group button {
  font: 500 14px/21px "Lato", sans-serif;
  text-align: center;
  text-transform: capitalize;
  width: 100px;
  height: 40px;
  padding: 5px 25px;
  border-radius: 8px;
  margin: 0;
  cursor: pointer;
}

.content-tab-file-popup .dialog-footer.button-group .disabled {
  background-color: #ccc !important;
  cursor: default;
  border: 1px solid #ccc !important;
}

.content-tab-file-popup .dialog-footer.button-group .primary-button {
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  background-color: var(--hex-active-tab-color, #0449d1);
  color: var(--white-color, #ffffff);
}

.content-tab-file-popup .dialog-footer.button-group .secondary-button {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  color: var(--hex-active-tab-color, #0449d1);
  background-color: var(--white-color, #ffffff);
}

.warning-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: var(--hex-color-basic, #191919);
  background-color: #fff9eb;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 20px;
}

.warning-info .warning-title {
  font: 600 14px/21px "Lato", sans-serif;
}

.warning-info .warning-body {
  font: 400 14px/21px "Lato", sans-serif;
}

/* Modal structural fixes */
.content-tab-file-popup {
  background: var(--white-color, #ffffff);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.content-tab-file-popup .modal-content {
  border: none;
  background: transparent;
  box-shadow: none;
}.documents-delete-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.documents-delete-modal {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  min-width: 520px;
  max-width: 600px;
  width: 90%;
}

.documents-delete-modal__header {
  background-color: #fff;
  padding: 20px 20px 15px;
  border-radius: 8px 8px 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.documents-delete-modal__heading {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
  margin: 0;
}

.documents-delete-modal__close {
  width: 25px;
  height: 25px;
  border-radius: 12.5px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  color: #333;
}
.documents-delete-modal__close:hover {
  background-color: rgba(0, 0, 0, 0.057);
}

.documents-delete-modal__body {
  padding: 20px 18px 4px 20px;
  font-size: 14px;
  color: #333;
}
.documents-delete-modal__body p {
  margin: 0 0 8px;
}
.documents-delete-modal__body p:last-of-type {
  margin-top: 12px;
  margin-bottom: 0;
}

.documents-delete-modal__footer {
  padding: 0 20px 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 4px;
}

.documents-filename-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}.add-shortcut-modal {
  padding: 20px;
}

.shortcut-label {
  font-weight: 500;
  text-align: left !important;
}

.error-txt {
  color: #b94a48;
}

.shortcut-error-block {
  display: block;
  width: 100%;
  margin-top: 4px;
}

.add-shortcut-form-wrap {
  width: 100%;
}

.add-shortcut-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.add-shortcut-header-content {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #191919;
  margin: 0;
}

.add-shortcut-title {
  font: inherit;
  color: inherit;
  margin: 0;
}

.add-shortcut-header-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}

.add-shortcut-body {
  font: normal normal normal 14px/21px Lato, sans-serif;
  color: #888888;
}

.add-shortcut-body .shortcut-label {
  font: normal normal normal 14px/21px Lato, sans-serif;
  color: #888888;
}

.add-shortcut-modal .col-lg-4.col-md-6.col-sm-8.col-xs-8 .form-control,
.add-shortcut-modal .col-lg-4.col-md-6.col-sm-8.col-xs-8 .form-control.input-md,
.add-shortcut-modal .col-lg-4.col-md-6.col-sm-8.col-xs-8 select.form-control,
.add-shortcut-modal .col-lg-4.col-md-6.col-sm-8.col-xs-8 input.form-control {
  width: 100%;
}
.add-shortcut-modal .col-lg-4.col-md-6.col-sm-8.col-xs-8 .searchable-select {
  width: 100% !important;
  max-width: 100% !important;
}.logon-restrictions-page {
  min-height: 100%;
  padding: 0;
  width: 100%;
}

.logon-restrictions-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
}

.logon-restrictions-header {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--hex-border-color, #e0e0e0);
}

.logon-restrictions-footer {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-top: 20px;
  margin-top: 30px;
}
.logon-restrictions-footer .hex-btn {
  min-width: 122px;
  min-height: 40px;
  padding: 5px 25px;
  border-radius: 8px;
}

.logon-restrictions-title {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--hex-color-basic, #333);
  margin: 0 0 8px 0;
}

.logon-restrictions-subtitle {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--hex-color-secondary, #666);
  margin: 0;
}
.logon-restrictions-subtitle .hex-link {
  margin-left: 4px;
  color: var(--hex-active-tab-color, #1a73e8);
  text-decoration: none;
}
.logon-restrictions-subtitle .hex-link:hover {
  text-decoration: underline;
}

.logon-restrictions-error,
.logon-restrictions-success {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 24px;
  font-size: 14px;
  gap: 10px;
}
.logon-restrictions-error svg,
.logon-restrictions-success svg {
  flex-shrink: 0;
}

.logon-restrictions-error {
  background-color: var(--hex-div-color-error, #ffeaea);
  color: var(--hex-border-color-error, #cc0000);
}

.logon-restrictions-success {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.logon-restrictions-section {
  margin-bottom: 24px;
}
.logon-restrictions-section.section-disabled {
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.section-header {
  padding: 16px 0;
  border-bottom: 1px solid var(--hex-border-color, #e0e0e0);
  margin-bottom: 16px;
}

.section-title {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--hex-color-basic, #333);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.section-content {
  padding: 0;
}

.form-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  gap: 16px;
}
.form-row:last-child {
  margin-bottom: 0;
}
.form-row.form-row-label-field {
  gap: 150px;
}
.form-row.form-row-vertical {
  flex-direction: column;
  gap: 8px;
}

.form-field-sso {
  padding-top: 10px;
}

.form-label {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-color-basic, #333);
  min-width: 200px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding-top: 10px;
}
.form-row-vertical .form-label {
  padding-top: 0;
  min-width: auto;
}

.form-label-inline {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--hex-color-basic, #333);
  margin-left: 8px;
}

.form-field {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.field-error {
  width: 100%;
  font-size: 12px;
  color: var(--hex-border-color-error, #cc0000);
  margin-top: 4px;
}

.captcha-input {
  width: 70px !important;
  height: 36px;
  text-align: center;
  border: 1px solid var(--hex-border-color, #d1d5db);
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.captcha-input:hover {
  border-color: var(--hex-input-border-color, #9ca3af);
}
.captcha-input:focus {
  border-color: var(--hex-active-tab-color, #1a73e8);
  box-shadow: 0 0 0 2px var(--hex-outline-color, rgba(26, 115, 232, 0.2));
}
.captcha-input.input-error {
  border-color: var(--hex-border-color-error, #cc0000) !important;
}
.captcha-input.input-error:focus {
  box-shadow: 0 0 0 2px rgba(204, 0, 0, 0.1);
}

.sso-checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
}
.sso-checkboxes .checkbox-container {
  display: flex;
  align-items: center;
}
.sso-checkboxes .checkbox-container.checkbox-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.sso-checkboxes .checkbox-container.checkbox-disabled label {
  cursor: not-allowed;
}

.checkbox-with-tooltip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ip-input-row,
.ip-range-input-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.ip-input-group {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}

.ip-range-input-group {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.ip-range-section {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.ip-octet-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

.ip-octet-input {
  width: 45px;
  height: 36px;
  text-align: center;
  border: 1px solid var(--hex-border-color, #d1d5db);
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ip-octet-input:hover {
  border-color: var(--hex-input-border-color, #9ca3af);
}
.ip-octet-input:focus {
  border-color: var(--hex-active-tab-color, #1a73e8);
  box-shadow: 0 0 0 2px var(--hex-outline-color, rgba(26, 115, 232, 0.2));
}
.ip-octet-input:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.ip-dot {
  font-size: 14px;
  color: var(--hex-color-basic, #333);
  padding: 0 2px;
}

.ip-range-label {
  font-size: 14px;
  color: var(--hex-color-secondary, #666);
  margin-right: 8px;
  min-width: 35px;
}

.ip-range-separator {
  margin: 0 8px;
}

.ip-actions {
  display: flex;
  gap: 8px;
  margin-left: 8px;
}

.ip-action-btn {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--hex-color-secondary, #666);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}
.ip-action-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #1a73e8);
}
.ip-action-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ip-action-btn svg {
  width: 18px;
  height: 18px;
}

.ip-error-text {
  font-size: 12px;
  color: var(--hex-border-color-error, #cc0000);
  margin-left: 0;
}

@media screen and (max-width: 1024px) {
  .logon-restrictions-container {
    max-width: 100%;
    padding: 20px;
  }
  .form-row.form-row-label-field {
    gap: 48px;
  }
  .form-label {
    min-width: 160px;
  }
  .sso-checkboxes {
    gap: 20px;
  }
  .ip-range-input-group {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .ip-range-separator {
    width: 100%;
    height: 0;
    margin: 0;
    flex-basis: 100%;
  }
}
@media screen and (max-width: 768px) {
  .logon-restrictions-container {
    padding: 16px;
  }
  .form-row.form-row-label-field {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .form-label {
    min-width: auto;
    padding-top: 0;
  }
  .form-field {
    width: 100%;
    min-width: 0;
  }
  .form-field-sso {
    padding-top: 4px;
  }
  .sso-checkboxes {
    gap: 16px;
  }
  .ip-input-group {
    flex-wrap: wrap;
    min-width: 0;
  }
  .ip-octet-input {
    width: 42px;
    height: 34px;
  }
  .ip-range-input-group {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
  .ip-range-section {
    width: 100%;
    min-width: 0;
  }
  .ip-range-separator {
    display: none;
  }
  .ip-actions {
    margin-left: 0;
    margin-top: 4px;
  }
}
@media screen and (max-width: 600px) {
  .logon-restrictions-container {
    padding: 12px;
  }
  .logon-restrictions-title {
    font-size: 18px;
  }
  .section-title {
    font-size: 15px;
  }
  .ip-octet-input {
    width: 38px;
    height: 32px;
    font-size: 13px;
  }
  .ip-dot {
    padding: 0 1px;
  }
  .ip-range-label {
    min-width: 32px;
    font-size: 13px;
  }
  .ip-actions {
    margin-left: 4px;
  }
  .ip-action-btn svg {
    width: 16px;
    height: 16px;
  }
  .form-label-inline {
    font-size: 13px;
    margin-left: 4px;
  }
  .captcha-input {
    width: 60px !important;
    height: 32px;
  }
}
@media screen and (max-width: 480px) {
  .logon-restrictions-container {
    padding: 10px;
  }
  .logon-restrictions-header {
    padding-bottom: 12px;
    margin-bottom: 16px;
  }
  .logon-restrictions-title {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .logon-restrictions-subtitle {
    font-size: 13px;
  }
  .logon-restrictions-footer {
    gap: 8px;
    padding-top: 16px;
  }
  .section-header {
    padding: 12px 0;
    margin-bottom: 12px;
  }
  .section-title {
    font-size: 14px;
    gap: 6px;
  }
  .logon-restrictions-section {
    margin-bottom: 16px;
  }
  .form-row {
    margin-bottom: 12px;
  }
  .form-label {
    font-size: 13px;
  }
  .sso-checkboxes {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .ip-octet-input {
    width: 34px;
    height: 30px;
    font-size: 12px;
  }
  .ip-range-label {
    min-width: 28px;
    font-size: 12px;
    margin-right: 4px;
  }
  .ip-error-text {
    font-size: 11px;
  }
  .field-error {
    font-size: 11px;
  }
  .form-label-inline {
    font-size: 12px;
  }
}
@media screen and (max-width: 360px) {
  .ip-octet-input {
    width: 30px;
    height: 28px;
    font-size: 11px;
    border-radius: 4px;
  }
  .ip-range-label {
    min-width: 24px;
    font-size: 11px;
  }
  .ip-dot {
    font-size: 12px;
  }
  .ip-actions {
    margin-left: 2px;
    gap: 4px;
  }
  .ip-action-btn {
    padding: 2px;
  }
  .ip-action-btn svg {
    width: 14px;
    height: 14px;
  }
}
.hex-v2 .hex-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
​ #react-technician-settings-root {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 120px);
  /* Match horizontal inset so the panel doesn’t look off-center vs ng-view padding */
  padding-left: 10px;
  padding-right: 10px;
}

#react-role-edit-root {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 120px);
}

.tech-settings-page {
  min-height: 1020px;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 0;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tech-settings-panel {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  width: 100%;
  max-width: 100%;
  /* Fill the admin content column (ng-view); a max-width here left empty margins on wide screens */
  background-color: var(--white-color, #fff);
}

.tech-settings-main {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 100%;
  background-color: var(--white-color, #fff);
  display: flex;
  flex-direction: column;
}

.tech-settings-info {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  min-width: 35px;
  padding-top: 20px;
  gap: 20px;
  border-left: 1px solid var(--hex-border-color, #e4e8eb);
  background-color: var(--white-color, #fff);
  overflow: visible;
}
.tech-settings-info .hex-tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  text-decoration: none;
  color: inherit;
}
.tech-settings-info .report_info {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
}
.tech-settings-info .hex-tooltip {
  display: none;
  position: absolute;
  top: 50%;
  right: calc(100% + 5px);
  width: -moz-max-content;
  width: max-content;
  transform: translateY(-50%);
  background-color: var(--white-color, #fff);
  color: var(--hex-active-tab-color, #0449d1);
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 14px;
  z-index: 10;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.tech-settings-info .hex-tooltip::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent var(--white-color, #fff);
}
.tech-settings-info .hex-tooltip-container:hover .hex-tooltip {
  display: block;
}

.tech-settings-header {
  padding: 0 24px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.tech-tab-nav {
  position: relative;
}

.tech-tab-list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 0;
}

.tech-tab-item {
  position: relative;
}

.tech-tab-link {
  display: inline-block;
  padding: 16px 20px;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--hex-color-basic, #191919);
  text-decoration: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.tech-tab-link:hover {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}

.tech-tab-active .tech-tab-link {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
}

.tech-settings-content {
  flex: 1;
  min-height: 0;
  padding: 24px;
}

.technicians-tab {
  min-height: 300px;
}

.tech-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.tech-loading-spinner {
  width: 40px;
  height: 40px;
  background: url("https://static.hexnodemdm.com/v109.3.0/img/hex_v2/actions/Loading.gif") 50%/contain no-repeat;
}

.tech-restricted {
  text-align: center;
  padding: 40px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 16px;
}

.tech-actions-bar,
.profile-actions-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  min-height: 40px;
  flex-wrap: wrap;
}

.tech-actions-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tech-btn-disabled-wrapper {
  position: relative;
  cursor: not-allowed;
}
.tech-btn-disabled-wrapper button {
  pointer-events: none;
}

.tech-alert {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.tech-alert a {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.tech-alert a:hover {
  text-decoration: underline;
}

.tech-alert-danger {
  background-color: var(--hex-div-color-error, #ffd2d2);
  color: var(--hex-border-color-error, #cc0000);
}

.tech-alert-info {
  background-color: #e8f4fd;
  color: #0c5460;
}

.tech-alert-close {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
  color: inherit;
  opacity: 0.7;
}
.tech-alert-close:hover {
  opacity: 1;
}

.tech-table-wrapper,
.profile-table-wrapper {
  overflow-x: auto;
  overflow-y: visible;
  margin-bottom: 16px;
}

.tech-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 14px;
}
.tech-table thead tr {
  border-bottom: 2px solid var(--hex-border-color, #e4e8eb);
}
.tech-table tbody tr {
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.tech-th,
.tech-th-checkbox {
  padding: 12px 16px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
  text-align: left;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.tech-th-checkbox {
  width: 40px;
  padding: 12px 8px 12px 16px;
}

.tech-th.sortable {
  cursor: pointer;
}
.tech-th.sortable:hover {
  color: var(--hex-active-tab-color, #0449d1);
}

.tech-th-left {
  text-align: left;
  padding: 12px 16px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}

.tech-table th.tech-col-role,
.tech-table .tech-row td.tech-col-role {
  min-width: 120px;
  padding: 12px 24px 12px 16px;
}

.tech-table th.tech-col-role {
  white-space: normal;
}

.tech-th-actions,
.tech-th-toggle {
  width: 40px;
  min-width: 40px;
  padding: 12px 8px;
}

.tech-row {
  transition: background-color 0.15s;
}
.tech-row:hover {
  background-color: #f8f9fa;
}
.tech-row td {
  padding: 12px 16px;
  color: var(--hex-color-basic, #191919);
  text-align: left;
}

.tech-row-inactive td {
  color: var(--hex-color-secondary, #788c9b);
}

.grayed {
  color: var(--hex-color-secondary, #788c9b) !important;
  opacity: 0.7;
}

.pf-ip-restrictions-block {
  position: relative;
}
.pf-ip-restrictions-block--plan-disabled .pf-ip-restrictions-block-inner--inactive {
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pf-ip-restrictions-block--plan-disabled .pf-ip-restrictions-overlay-trigger {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block !important;
  width: 100%;
  height: 100%;
  min-height: 100%;
  cursor: not-allowed;
}
.pf-ip-restrictions-block--plan-disabled .pf-ip-restrictions-overlay {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.pf-plan-restricted-trigger {
  display: inline-flex;
  align-items: center;
  cursor: not-allowed;
}

.grayed-icon {
  opacity: 0.4;
}

.tech-td-left {
  text-align: left;
  padding: 12px 16px;
}

.tech-td-checkbox {
  width: 40px;
  padding: 12px 8px 12px 16px !important;
}

.profile-td-checkbox {
  width: 40px;
  padding: 12px 8px 5px 16px !important;
}

.tech-icon-ok {
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 16px;
}

.tech-icon-remove {
  color: var(--hex-border-color-error, #cc0000);
  font-size: 16px;
}

.sort-indicator-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  flex-shrink: 0;
  vertical-align: middle;
}

.sort-asc .sort-caret,
.sort-desc .sort-caret {
  flex-shrink: 0;
}

.sort-caret {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.sort-caret.sort-caret-default {
  opacity: 0.6;
}

.sort-asc .sort-caret {
  transform: rotate(180deg);
}

.sort-desc .sort-caret {
  transform: none;
}

.tech-td-actions {
  position: relative;
  padding: 12px 8px !important;
  width: 50px;
  min-width: 50px;
}

.tech-dropdown-container {
  position: relative;
  display: inline-block;
}

.tech-more-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 4px 8px;
  color: var(--hex-color-secondary, #788c9b);
  line-height: 1;
  border-radius: 4px;
}
.tech-more-btn:hover {
  background-color: #f0f0f0;
  color: var(--hex-color-basic, #191919);
}

.tech-edit-icon {
  padding-left: 3px;
  width: 16px;
  float: right !important;
  cursor: pointer;
}

.tech-dropdown-menu {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  background: var(--white-color, #fff);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  min-width: 240px;
  z-index: 1000;
  list-style: none;
  padding: 4px 0;
  margin: 0;
}
.tech-dropdown-menu.tech-dropdown-menu--open-up {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 4px;
}
.tech-dropdown-menu li {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.tech-dropdown-menu li:hover {
  background-color: #f5f5f5;
}
.tech-dropdown-menu li i {
  width: 16px;
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
}

.tech-dropdown-danger {
  color: var(--hex-border-color-error, #cc0000) !important;
}
.tech-dropdown-danger i {
  color: var(--hex-border-color-error, #cc0000) !important;
}
.tech-dropdown-danger:hover {
  background-color: #fff5f5 !important;
}

.tech-td-toggle {
  text-align: center;
  padding: 12px 8px !important;
  width: 40px;
  min-width: 40px;
}

.tech-switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}
.tech-switch.tech-switch-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.tech-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.tech-switch input:checked + .tech-switch-slider {
  background-color: var(--hex-active-tab-color, #0449d1);
}
.tech-switch input:checked + .tech-switch-slider::before {
  transform: translateX(16px);
}
.tech-switch input:disabled + .tech-switch-slider {
  opacity: 0.5;
  cursor: not-allowed;
}

.tech-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.3s;
  border-radius: 16px;
}
.tech-switch-slider::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

.tech-note {
  font-size: 13px;
  padding: 8px 0;
}

.tech-note-link {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.tech-note-link:hover {
  text-decoration: underline;
}

.roles-tab {
  min-height: 300px;
}

.roles-description {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.roles-learn-more {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.roles-learn-more:hover {
  text-decoration: underline;
}

.roles-actions-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 12px;
  flex-wrap: wrap;
}

.roles-actions-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.roles-btn {
  text-decoration: none;
}

.roles-search-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #ffffff;
  border-radius: 4px;
  overflow: hidden;
}

.roles-search-input {
  border: none;
  outline: none;
  padding: 6px 10px;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  min-width: 180px;
  line-height: 1.5;
  color: var(--hex-color-basic, #191919);
}
.roles-search-input::-moz-placeholder {
  color: #999;
}
.roles-search-input::placeholder {
  color: #999;
}

.roles-search-btns {
  display: flex;
  align-items: center;
  padding: 0 6px;
  gap: 4px;
}

.roles-search-clear {
  cursor: pointer;
  margin-left: -25px;
  font-size: 16px;
  line-height: 1;
}
.roles-search-clear:hover {
  color: #333;
}

.roles-search-icon {
  cursor: pointer;
  font-size: 14px;
}

.role-name-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.role-disabled-name {
  opacity: 0.5;
  cursor: default;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.role-name {
  color: var(--hex-color-basic, #191919);
}

.role-name-link {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
  word-break: break-word;
}
.role-name-link:hover {
  text-decoration: underline;
}

.profile-technician-count-link {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
  cursor: pointer;
}
.profile-technician-count-link:hover {
  text-decoration: underline;
}

.role-description {
  word-break: break-word;
}

.roles-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}

.roles-pagination-info {
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}

.roles-pagination-controls {
  display: flex;
  align-items: center;
  gap: 2px;
}

.roles-page-btn {
  background: #fff;
  border: 1px solid #ffffff;
  padding: 4px 10px;
  font-size: 13px;
  cursor: pointer;
  color: var(--hex-color-basic, #191919);
  border-radius: 4px;
  min-width: 32px;
  text-align: center;
}
.roles-page-btn:hover:not(:disabled) {
  background-color: #f5f5f5;
}
.roles-page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.roles-page-active {
  background-color: var(--hex-active-tab-color, #0449d1) !important;
  color: #fff !important;
  border-color: var(--hex-active-tab-color, #0449d1);
}

.hex-page-button {
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  border-radius: 8px;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.hex-page-button:hover:not(.hex-page-button__disabled):not(.hex-page-button__selected) {
  color: var(--hex-active-tab-color, #0449d1);
}

.hex-page-button__selected {
  border-radius: 8px;
  background-color: var(--hex-active-tab-color, #0449d1);
  color: var(--white-color, #fff);
}
.hex-page-button__selected:hover {
  color: var(--white-color, #fff) !important;
}

.hex-page-button__disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}

.hex-list-pagination {
  padding-top: 16px;
  flex-wrap: wrap;
}

.hex-list-page-count {
  font-size: 14px;
  color: var(--hex-color-secondary, #788c9b);
}

.roles-empty {
  text-align: center;
  padding: 40px;
  font-size: 14px;
}
.roles-empty a {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.roles-empty a:hover {
  text-decoration: underline;
}

.roles-sub-tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--hex-border-color, #e0e4e8);
  margin-bottom: 20px;
}

.roles-sub-tab {
  padding: 10px 20px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
}
.roles-sub-tab:hover {
  color: var(--hex-text-primary, #191919);
}
.roles-sub-tab.roles-sub-tab-active {
  color: var(--hex-active-tab-color, #0449d1);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}

.create-role-modal {
  max-width: 650px;
  height: auto;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.create-role-modal-body {
  padding: 12% 24px 12% !important;
}

.create-role-cards {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 24px;
}

.create-role-card {
  flex: 1;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 20px 24px;
  border: 1px solid var(--hex-border-color, #e0e4e8);
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
  text-align: center;
}
.create-role-card:hover {
  border-color: var(--hex-active-tab-color, #0449d1);
  box-shadow: 0 2px 8px rgba(4, 73, 209, 0.08);
  background: rgba(4, 73, 209, 0.02);
}
.create-role-card.create-role-card-selected {
  border-color: var(--hex-active-tab-color, #0449d1);
  box-shadow: 0 2px 8px rgba(4, 73, 209, 0.12);
  background: rgba(4, 73, 209, 0.04);
}

.create-role-card-icon {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-role-card-icon.create-role-card-icon-person {
  color: #7c4dff;
}
.create-role-card-icon.create-role-card-icon-template {
  color: #e67e22;
}

.create-role-card-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
  line-height: 1.4;
}

.choose-template-modal {
  max-width: 680px;
  width: 90vw;
  max-height: min(92vh, 800px);
  display: flex;
  flex-direction: column;
}

.choose-template-search {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--hex-border-color, #e0e4e8);
  border-radius: 6px;
  padding: 5px 10px;
  background: var(--hex-bg-primary, #fff);
}
.choose-template-search:focus-within {
  border-color: var(--hex-active-tab-color, #0449d1);
}
.choose-template-search svg {
  flex-shrink: 0;
}
.choose-template-search input {
  border: none;
  outline: none;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: var(--hex-text-primary, #191919);
  background: transparent;
}
.choose-template-search input::-moz-placeholder {
  color: var(--hex-text-secondary, #b0b8c0);
}
.choose-template-search input::placeholder {
  color: var(--hex-text-secondary, #b0b8c0);
}

.choose-template-search-row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
  flex-shrink: 0;
}

.choose-template-modal .tech-modal-header {
  flex-shrink: 0;
}

.choose-template-modal-body {
  padding: 20px 24px !important;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.choose-template-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 200px;
}

.choose-template-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 200px;
  font-size: 14px;
}
.choose-template-empty a {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
  margin-left: 4px;
}
.choose-template-empty a:hover {
  text-decoration: underline;
}

/** Scroll container for all loaded templates (search stays fixed above). */
.choose-template-scroll {
  flex: 1;
  min-height: 0;
  max-height: min(58vh, 520px);
  overflow-y: auto;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-right: 4px;
  margin-right: -4px;
}
.choose-template-scroll:focus-visible {
  outline: none;
}

.choose-template-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding-bottom: 8px;
}
@media (max-width: 640px) {
  .choose-template-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.choose-template-card {
  border: 1px solid var(--hex-border-color, #e0e4e8);
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.choose-template-card:hover {
  border-color: var(--hex-active-tab-color, #0449d1);
  box-shadow: 0 2px 8px rgba(4, 73, 209, 0.08);
}

.choose-template-card-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  overflow: scroll;
  max-width: 180px;
}
.choose-template-card-name:hover {
  text-decoration: underline;
}

.choose-template-card-desc {
  font-size: 12px;
  color: var(--hex-text-secondary, #788c9b);
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.choose-template-card-meta {
  font-size: 11px;
  margin-top: auto;
  padding-top: 8px;
}

.tech-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.tech-modal-content {
  background: var(--white-color, #fff);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  width: 70%;
  overflow: hidden;
}

.tech-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.tech-modal-header h4 {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}

.tech-modal-close {
  background: none;
  border: none;
  font-size: 24px;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.tech-modal-close:hover {
  color: var(--hex-color-basic, #191919);
}

.tech-modal-body {
  padding: 24px;
}
.tech-modal-body p {
  margin: 0;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  line-height: 1.5;
}

.tech-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px 20px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}

.tech-modal-delete-confirm {
  max-width: 480px;
}

.tech-modal-confirm-input {
  margin-top: 16px;
}
.tech-modal-confirm-input label {
  display: block;
  font-size: 13px;
  color: var(--hex-text-secondary, #666);
  margin-bottom: 6px;
}
.tech-modal-confirm-input input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--hex-border-color, #c2c7c7);
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.tech-modal-confirm-input input:focus {
  border-color: var(--hex-primary-color, #007bff);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

.profile-tab {
  min-height: 300px;
}

.profile-saved-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  margin-bottom: 16px;
  background-color: #d4edda;
  color: #155724;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}

.profile-saved-banner-icon {
  font-size: 18px;
  color: #28a745;
}

.profile-checkbox-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.profile-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.profile-checkbox-mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--hex-input-border-color, #a3a9b3);
  border-radius: 4px;
  background-color: var(--white-color, #fff);
  transition: all 0.15s;
}
.profile-checkbox-mark::after {
  content: "";
  position: absolute;
  display: none;
  left: 5.5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.profile-checkbox:checked ~ .profile-checkbox-mark {
  background-color: var(--hex-active-tab-color, #0449d1);
  border-color: var(--hex-active-tab-color, #0449d1);
}
.profile-checkbox:checked ~ .profile-checkbox-mark::after {
  display: block;
}

.profile-checkbox:indeterminate ~ .profile-checkbox-mark {
  background-color: var(--hex-active-tab-color, #0449d1);
  border-color: var(--hex-active-tab-color, #0449d1);
}
.profile-checkbox:indeterminate ~ .profile-checkbox-mark::after {
  display: block;
  left: 4px;
  top: 7px;
  width: 8px;
  height: 0;
  border: solid white;
  border-width: 0 0 2px 0;
  transform: none;
}

.profile-checkbox:disabled ~ .profile-checkbox-mark {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: var(--hex-bg-secondary, #f0f2f5);
}

.profile-checkbox:disabled ~ .profile-checkbox-mark::after {
  display: none;
}

.profile-checkbox-container:has(.profile-checkbox:disabled) {
  cursor: not-allowed;
}

.profile-checkbox-container:hover .profile-checkbox:not(:disabled) ~ .profile-checkbox-mark {
  border-color: var(--hex-active-tab-color, #0449d1);
}

.profile-radio-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: 18px;
  min-height: 18px;
  flex-shrink: 0;
}

.profile-radio-input {
  position: absolute;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}

.profile-radio-mark {
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border-radius: 50%;
  border: 2px solid var(--hex-input-border-color, #a3a9b3);
  position: relative;
  transition: border-color 0.15s, background-color 0.15s;
  flex-shrink: 0;
  box-sizing: border-box;
}

.profile-radio-input:checked ~ .profile-radio-mark {
  border-color: #0449d1;
  background-color: #fff;
}

.profile-radio-input:checked ~ .profile-radio-mark::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0449d1;
}

.profile-radio-container:hover .profile-radio-mark {
  border-color: #0449d1;
}

.tech-row.tech-row-disabled {
  cursor: not-allowed;
}
.tech-row.tech-row-disabled .profile-radio-container {
  pointer-events: none;
  cursor: not-allowed;
}
.tech-row.tech-row-disabled .profile-radio-input {
  cursor: not-allowed;
}
.tech-row.tech-row-disabled .profile-radio-mark {
  border-color: #d0d4d9;
  background-color: #f5f6f7;
}
.tech-row.tech-row-disabled .profile-radio-container:hover .profile-radio-mark {
  border-color: #d0d4d9;
}

.profile-name-cell {
  font-weight: 500;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-desc-cell {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--hex-color-secondary, #788c9b);
}

.profile-status-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.badge-active {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.badge-inactive {
  background-color: #f5f5f5;
  color: var(--hex-color-secondary, #788c9b);
}

.profile-empty {
  text-align: center;
  padding: 40px 16px !important;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
}

.tech-data-column {
  color: var(--hex-color-basic, #191919);
  padding: 15px;
}

.profile-modal {
  background: var(--white-color, #fff);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  width: 700px;
  max-width: 90vw;
  overflow: hidden;
}

.profile-modal-sm {
  width: 400px;
}

.profile-modal-md {
  width: 700px;
}

.profile-modal-scrollable {
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}
.profile-modal-scrollable .profile-modal-body {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

.profile-modal .tech-table {
  table-layout: fixed;
  width: 100%;
}
.profile-modal .tech-table th,
.profile-modal .tech-table td {
  overflow: scroll;
  white-space: nowrap;
  word-break: break-word;
  padding-bottom: 0px;
}
.profile-modal .tech-table th {
  width: 50%;
}

.profile-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.profile-modal-header h3 {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}

.profile-modal-close {
  background: none;
  border: none;
  font-size: 24px;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.profile-modal-close:hover {
  color: var(--hex-color-basic, #191919);
}

.profile-modal-body {
  padding: 24px;
}
.profile-modal-body p {
  margin: 0;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  line-height: 1.5;
}

.profile-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.profile-modal-footer .profile-modal-delete-btn {
  background-color: #c00;
  border-color: #c00;
  color: #fff;
}
.profile-modal-footer .profile-modal-delete-btn:hover:not(:disabled) {
  background-color: #a00;
  border-color: #a00;
  color: #fff;
}
.profile-modal-footer {
  padding: 16px 24px 20px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}

.profile-form-group {
  margin-bottom: 16px;
}
.profile-form-group:last-child {
  margin-bottom: 0;
}

.profile-form-label {
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--hex-color-basic, #191919);
  margin-bottom: 6px;
}

.profile-form-input {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.profile-form-input::-moz-placeholder {
  color: var(--hex-color-secondary, #788c9b);
}
.profile-form-input::placeholder {
  color: var(--hex-color-secondary, #788c9b);
}
.profile-form-input:hover {
  border-color: var(--hex-input-border-color, #a3a9b3);
}
.profile-form-input:focus {
  border-color: var(--hex-active-tab-color, #0449d1);
  box-shadow: 0 0 0 2px var(--hex-outline-color, #dae4f8);
}
.profile-form-input.input-error {
  border-color: var(--hex-border-color-error, #cc0000);
}
.profile-form-input.input-error:focus {
  box-shadow: 0 0 0 2px rgba(204, 0, 0, 0.1);
}

.profile-form-textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  outline: none;
  resize: vertical;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.profile-form-textarea::-moz-placeholder {
  color: var(--hex-color-secondary, #788c9b);
}
.profile-form-textarea::placeholder {
  color: var(--hex-color-secondary, #788c9b);
}
.profile-form-textarea:hover {
  border-color: var(--hex-input-border-color, #a3a9b3);
}
.profile-form-textarea:focus {
  border-color: var(--hex-active-tab-color, #0449d1);
  box-shadow: 0 0 0 2px var(--hex-outline-color, #dae4f8);
}

.profile-form-error {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--hex-border-color-error, #cc0000);
}

.tech-dropdown-disabled {
  color: #a9a9a9 !important;
  pointer-events: none;
  opacity: 0.6;
  padding: 8px 16px;
  font-size: 13px;
  cursor: default;
}
.tech-dropdown-disabled i {
  color: #a9a9a9;
}

.change-sa-modal {
  background: var(--white-color, #fff);
  border-radius: 8px;
  width: 90%;
  max-width: 700px;
  max-height: 85vh;
  overflow-y: auto;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
}

.change-sa-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 10px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.change-sa-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
}

.change-sa-description {
  padding: 10px 24px 15px;
  font-size: 13px;
  line-height: 1.5;
}

/* Note box: whole note (label + content) inside light sky blue box; used in Upgrade and Change Super Admin modals */
.change-sa-note-box {
  background-color: #e8f4fd;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 16px;
  margin-top: 16px;
  font-family: "Lato", sans-serif;
}

.change-sa-note-box .change-sa-note-label {
  font-size: 13px;
  font-weight: 900;
  color: var(--hex-color-basic, #191919);
  margin-bottom: 5px;
}

.change-sa-note-box .change-sa-note-content {
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  line-height: 1.4;
}

/* Note textbox when used inside note box (Upgrade modal) */
.upgrade-sa-note-textbox {
  background-color: #e8f4fd !important;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  cursor: default;
  border: none;
}

.upgrade-sa-note-textbox:focus {
  background-color: #e8f4fd !important;
  outline: 1px solid var(--hex-active-tab-color);
  box-shadow: 0 0 0 2px var(--hex-outline-color);
}

.change-sa-body {
  padding: 0 24px 16px;
  flex: 1;
  overflow-y: auto;
}

.change-sa-section-header {
  font-size: 14px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
  padding: 12px 0 8px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  margin-bottom: 12px;
}

.change-sa-section {
  margin-bottom: 16px;
  text-align: center;
  margin-top: 25px;
}

.change-sa-field {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 8px 0;
  min-height: 36px;
  /* Override .change-sa-section { text-align: center } so labels/radios align like Add/Edit Technician */
  text-align: left;
}

.change-sa-login-identity__radios {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.change-sa-login-identity__radio-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--hex-text-primary, #191919);
  cursor: pointer;
}

.change-sa-label {
  width: 50%;
  min-width: 200px;
  font-size: 13px;
  color: var(--hex-text-primary, #191919);
  padding-top: 6px;
  line-height: 1.4;
}

.change-sa-label-indented {
  padding-left: 20px;
}

.change-sa-input-wrapper {
  flex: 1;
  min-width: 200px;
}

.change-sa-input {
  width: 100%;
  max-width: 300px;
  padding: 6px 10px;
  border: 1px solid var(--hex-border-color, #c2c7c7);
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
}
.change-sa-input:focus {
  border-color: var(--hex-primary-color, #007bff);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

.change-sa-input-small {
  width: 70px;
  max-width: 70px;
}

.change-sa-inline {
  display: flex;
  align-items: center;
  gap: 8px;
}

.change-sa-inline-text {
  font-size: 13px;
  color: var(--hex-text-primary, #191919);
  white-space: nowrap;
}

.change-sa-select {
  padding: 6px 10px;
  border: 1px solid var(--hex-border-color, #c2c7c7);
  border-radius: 4px;
  font-size: 13px;
  outline: none;
  min-width: 120px;
}
.change-sa-select:focus {
  border-color: var(--hex-primary-color, #007bff);
}

.change-sa-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding-top: 6px;
}

.change-sa-checkbox-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--hex-text-primary, #191919);
  cursor: pointer;
}

.change-sa-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.change-sa-error {
  display: block;
  color: #f33131;
  font-size: 12px;
  margin-top: 4px;
}

.change-sa-error-offset {
  width: 100%;
  padding-left: 45%;
  min-width: 200px;
}

.change-sa-footer {
  display: flex;
  justify-content: end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 0 0 8px 8px;
}

@media screen and (max-width: 768px) {
  .tech-settings-content {
    padding: 16px;
  }
  .tech-settings-header {
    padding: 0 12px;
  }
  /* Keep tab labels readable: scroll horizontally instead of crushing the left column */
  .tech-tab-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .tech-tab-link {
    padding: 14px 14px;
    white-space: nowrap;
  }
  .hide-mobile {
    display: none;
  }
  .tech-dropdown-menu {
    right: auto;
    left: -200px;
  }
  /* Profile / scope: stack scope type nav above content on narrow viewports */
  .pf-scope-layout {
    flex-direction: column;
    min-height: 0;
  }
  .pf-scope-sidebar {
    width: 100%;
    min-width: 0;
    flex-shrink: 0;
    border-right: none;
    border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .pf-scope-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0 8px 8px;
  }
  .pf-scope-nav-item {
    flex: 1 1 auto;
    min-width: min(140px, 100%);
    justify-content: center;
    border-left: none;
    border-bottom: 2px solid transparent;
    border-radius: 4px;
  }
  .pf-scope-nav-active {
    border-left: none;
    border-bottom-color: var(--hex-active-tab-color, #0449d1);
  }
  .pf-scope-content {
    min-width: 0;
  }
}
.hex-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.role-edit-page {
  min-height: 300px;
}

.role-edit-container {
  max-width: 1200px;
  padding: 0;
}

.role-edit-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
}

.role-edit-title {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}

.role-edit-back {
  font-size: 14px;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  text-decoration: none;
}
.role-edit-back:hover {
  text-decoration: underline;
}

.role-edit-subtitle {
  padding: 0 24px 20px;
  font-size: 14px;
  line-height: 1.5;
}

.role-edit-form {
  padding: 20px 24px;
  background: #fff;
}

.role-form-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  gap: 16px;
}

.role-form-label {
  width: 140px;
  min-width: 140px;
  padding-top: 10px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-color-basic, #191919);
}

.role-form-field {
  flex: 1;
  max-width: 500px;
}

.role-form-info {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #e67e22;
}

.role-permissions-section {
  padding: 20px 40px 20px;
  width: 75%;
}

.role-perm-header-row {
  display: flex;
  align-items: center;
  padding: 10px 0;
  position: sticky;
  top: 62px;
  background: #fff;
  z-index: 2;
}

.role-perm-header-name {
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}

.role-perm-header-checks {
  display: flex;
  gap: 0;
}

.role-perm-header-col {
  width: 105px;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
}

.role-perm-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.role-perm-item-li {
  list-style: none;
  padding: 5px 0;
}

.role-perm-row {
  display: flex;
  align-items: center;
  min-height: 28px;
}

.role-perm-name-col {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

.role-perm-name-info {
  display: inline-flex;
  align-items: center;
  color: var(--hex-text-secondary, #888);
  cursor: default;
}

.role-perm-checks-cols {
  display: flex;
  gap: 0;
}

.role-perm-chevron {
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  transition: transform 0.2s;
  width: 16px;
  text-align: center;
  color: #888;
  flex-shrink: 0;
}
.role-perm-chevron.expanded {
  transform: rotate(90deg);
}

.role-perm-check-col {
  width: 105px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Info icon in a sibling overlay so (1) checkbox stays centered and (2) Tooltip trigger is not
   positioned inside .hex-ui-tooltip-trigger’s small box (absolute on inner span broke layout). */
.role-perm-check-col--add-with-tooltip {
  position: relative;
}

.role-perm-add-checkbox-cell {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.role-perm-add-info-floating {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.role-perm-add-info-trigger {
  display: inline-flex;
  align-items: center;
  color: var(--hex-text-secondary, #888);
  cursor: default;
}

.role-edit-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  margin-top: 20px;
}

.edit-tech-page {
  padding: 0;
}

.edit-tech-container {
  background: #fff;
  border-radius: 4px;
}

.edit-tech-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #f8f8f8;
}

.edit-tech-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}

.edit-tech-edit-link {
  color: var(--hex-color-primary, #0071e3);
  cursor: pointer;
  font-size: 13px;
}
.edit-tech-edit-link:hover {
  text-decoration: underline;
}

.edit-tech-tabs {
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  background: #fff;
}

.edit-tech-tab-list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0 24px;
}

.edit-tech-tab-item {
  position: relative;
}
.edit-tech-tab-item.active .edit-tech-tab-link {
  color: var(--hex-active-tab-color, #0449d1);
  border-bottom: 2px solid var(--hex-active-tab-color, #0449d1);
}
.edit-tech-tab-item.disabled .edit-tech-tab-link {
  opacity: 0.5;
  pointer-events: none;
}

.edit-tech-tab-link {
  display: inline-block;
  padding: 12px 16px;
  cursor: pointer;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  text-decoration: none;
}
.edit-tech-tab-link:hover {
  color: var(--hex-active-tab-color, #0449d1);
}

.edit-tech-details-section {
  padding: 0 24px 24px;
}

.edit-tech-section-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
  padding: 20px 0 10px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  margin-bottom: 10px;
}

.edit-tech-section-title--with-help {
  display: flex;
  align-items: center;
  gap: 6px;
}

.edit-tech-form-section {
  padding: 0 0 10px 20px;
}

.edit-tech-form-row {
  display: flex;
  align-items: flex-start;
  padding: 8px 0;
  min-height: 36px;
}

.edit-tech-label {
  width: 35%;
  padding-left: 25px;
  padding-right: 30px;
  font-size: 14px;
  padding-top: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.edit-tech-label-info-wrap {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  color: var(--hex-text-secondary, #888);
  cursor: default;
}

.edit-tech-label.edit-tech-label--multiline-trailing-help {
  align-items: stretch;
}
.edit-tech-label.edit-tech-label--multiline-trailing-help .edit-tech-label__text {
  flex: 1 1 0;
  min-width: 0;
  line-height: 1.35;
}
.edit-tech-label.edit-tech-label--multiline-trailing-help .edit-tech-label__help {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  padding-bottom: 20px;
}

.review-edit-tech-label {
  width: 40%;
  padding-left: 25px;
  padding-right: 30px;
  font-size: 14px;
  padding-top: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.review-edit-tech-label.review-edit-tech-label--multiline-trailing-help {
  align-items: stretch;
}
.review-edit-tech-label.review-edit-tech-label--multiline-trailing-help .edit-tech-label__text {
  flex: 1 1 0;
  min-width: 0;
  line-height: 1.35;
}
.review-edit-tech-label.review-edit-tech-label--multiline-trailing-help .edit-tech-label__help {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  padding-bottom: 20px;
}

.edit-tech-field {
  flex: 1;
}

.edit-tech-field-stack {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.edit-tech-field-stack > .edit-tech-field {
  flex: 0 0 auto;
  align-self: stretch;
}
.edit-tech-field-stack > .edit-tech-error {
  margin-left: 0;
  align-self: stretch;
}

.edit-tech-profile-photo-row {
  align-items: center;
}

.edit-tech-profile-photo-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.edit-tech-profile-photo-img {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: var(--white-color, #fff);
}

.edit-tech-profile-photo-upload {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  color: var(--hex-color-secondary, #788c9b);
}

.edit-tech-api-key-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 300px;
}
.edit-tech-api-key-wrap .edit-tech-api-key-input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  height: 30px;
  padding-right: 60px !important;
}

.edit-tech-api-key-action {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: none;
  background: transparent;
  color: #888;
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  padding: 0;
}
.edit-tech-api-key-action:hover {
  color: var(--hex-color-basic, #191919);
}
.edit-tech-api-key-action--toggle {
  right: 30px;
}
.edit-tech-api-key-action--copy {
  right: 8px;
}

.edit-tech-profile-photo-hint {
  margin: 0;
}

.edit-tech-profile-photo-upload .hex-input-icon-style {
  margin: 0;
  vertical-align: middle;
  padding: 1px 20px 1px 0;
  color: var(--hex-active-tab-color, #0449d1);
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
}
.edit-tech-profile-photo-upload .hex-input-icon-style:hover {
  color: var(--hex-active-tab-hover-color, #0339a5);
  text-decoration: underline;
}
.edit-tech-profile-photo-upload .hex-input-icon-style > input[type=file] {
  display: none !important;
}

.edit-tech-form-row--login-identity .edit-tech-login-identity__radios {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.edit-tech-login-identity__radio-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
}

.edit-tech-input {
  width: 50%;
}
.edit-tech-input:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
}

.edit-tech-input-small {
  max-width: 80px;
}

.edit-tech-select {
  padding: 6px 10px;
  border: 1px solid var(--hex-border-color, #d0d5dd);
  font-size: 14px;
  max-width: 90px;
}

.edit-tech-select-rest {
  padding: 6px 10px;
  border: 1px solid var(--hex-border-color, #d0d5dd);
  font-size: 14px;
}

.edit-tech-value {
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  word-break: break-all;
  padding-top: 4px;
  display: inline-block;
}

.edit-tech-value-with-info {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-top: 4px;
}
.edit-tech-value-with-info .edit-tech-value {
  padding-top: 0;
}

.edit-tech-profile-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  margin: 0;
  padding-top: 2px;
  white-space: pre-wrap;
  word-break: break-word;
}

.edit-tech-error {
  color: #f85e5e;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}

.edit-tech-no-profiles {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 4px;
  margin-top: 4px;
}
.edit-tech-no-profiles .edit-tech-error {
  display: inline;
  margin-top: 0;
}

.edit-tech-create-profile-link {
  color: #f85e5e;
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
}
.edit-tech-create-profile-link:hover {
  color: #e04a4a;
}

.edit-tech-checkbox-group {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  padding-top: 4px;
  align-items: flex-start;
}
.edit-tech-checkbox-group > .edit-tech-checkbox-label,
.edit-tech-checkbox-group > .hex-ui-tooltip-trigger {
  flex: 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.edit-tech-checkbox-group > .hex-ui-tooltip-trigger .edit-tech-checkbox-label {
  flex: 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.edit-tech-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.edit-tech-checkbox-label.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.edit-tech-checkbox-label.disabled .profile-checkbox-container {
  cursor: not-allowed;
}

.edit-tech-inline-field {
  display: flex;
  align-items: center;
  gap: 8px;
}

.edit-tech-field-suffix {
  font-size: 14px;
}

.edit-tech-roles-section {
  padding: 20px 24px;
}

.edit-tech-role-actions {
  margin-bottom: 15px;
}

.edit-tech-role-table {
  width: 100%;
  border-collapse: collapse;
}
.edit-tech-role-table th,
.edit-tech-role-table td {
  padding: 10px 12px;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.edit-tech-role-table th {
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
  background: #ffffff;
}
.edit-tech-role-table td {
  color: var(--hex-color-basic, #191919);
}
.edit-tech-role-table .text-center {
  text-align: center;
}
.edit-tech-role-table tr.tech-row-selected {
  background: #ffffff;
}

.edit-tech-superadmin-role {
  padding: 0;
}

.edit-tech-scope-toggle {
  color: var(--hex-color-primary, #0071e3);
  cursor: pointer;
  font-size: 13px;
}
.edit-tech-scope-toggle:hover {
  text-decoration: underline;
}

.edit-tech-scope-section {
  margin: 10px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  padding: 15px;
}

.edit-tech-scope-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  margin-bottom: 10px;
}

.edit-tech-scope-tab {
  padding: 8px 16px;
  font-size: 13px;
  cursor: pointer;
  color: var(--hex-color-secondary, #666);
  border-bottom: 2px solid transparent;
}
.edit-tech-scope-tab.active {
  color: var(--hex-color-primary, #0071e3);
  border-bottom-color: var(--hex-color-primary, #0071e3);
}
.edit-tech-scope-tab:hover {
  color: var(--hex-color-primary, #0071e3);
}

.edit-tech-scope-content {
  min-height: 100px;
}

.edit-tech-scope-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.edit-tech-scope-table th,
.edit-tech-scope-table td {
  padding: 8px 10px;
  text-align: left;
  font-size: 13px;
  color: var(--hex-text-primary, #191919);
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
}
.edit-tech-scope-table th {
  font-weight: 600;
  background: #ffffff;
}
.edit-tech-scope-table .text-center {
  text-align: center;
}

/* Profile Scope tab: stable column widths + delete column (picker modal uses checkbox in first col — not scoped here) */
.pf-scope-table-wrapper .edit-tech-scope-table th:not(:last-child),
.pf-scope-table-wrapper .edit-tech-scope-table td:not(:last-child) {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.pf-scope-table-wrapper .edit-tech-scope-table th:last-child,
.pf-scope-table-wrapper .edit-tech-scope-table td:last-child {
  width: 52px;
  min-width: 52px;
  max-width: 52px;
  box-sizing: border-box;
  text-align: center;
  overflow: visible;
}

/* Scope picker modal: fixed checkbox column; remaining columns share width */
.edit-tech-modal-body .edit-tech-scope-table th:not(:first-child),
.edit-tech-modal-body .edit-tech-scope-table td:not(:first-child) {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.edit-tech-modal-body .edit-tech-scope-table th:first-child,
.edit-tech-modal-body .edit-tech-scope-table td:first-child {
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  box-sizing: border-box;
  text-align: center;
  overflow: visible;
}

.edit-tech-scope-empty {
  text-align: center;
  padding: 20px;
  color: var(--hex-color-secondary, #666);
}

.tech-profile-review-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 0;
  color: var(--hex-text-secondary, #788c9b);
  font-size: 13px;
}

.tech-profile-review {
  margin-top: 16px;
  border-radius: 8px;
  overflow: hidden;
}

.tech-profile-review-header {
  padding: 14px 18px;
  border-bottom: 1px solid var(--hex-border-color, #e0e4e8);
}

.tech-profile-review-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
  margin: 0 0 2px;
}

.tech-profile-review-desc {
  font-size: 12px;
  margin: 0;
}

.tech-profile-review .pf-review-tab-bar {
  border-bottom: 1px solid var(--hex-border-color, #e0e4e8);
}

.tech-profile-review .pf-review-panel {
  padding: 0;
}

.tech-profile-review .pf-review-tab-content {
  padding: 16px 18px;
}

.tech-profile-review .edit-tech-section-title {
  padding-top: 0;
  padding-bottom: 10px;
  margin: 0 0 12px 0;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  font-size: 15px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
  display: block;
}

.pf-review-subsection-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
  margin: 16px 0 8px;
  padding-left: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.pf-review-subsection-label:first-of-type {
  margin-top: 0;
}

.pf-review-subsection-label--with-help {
  display: flex;
  align-items: center;
  gap: 6px;
}

.edit-tech-form-row-indent .edit-tech-label {
  padding-left: 45px;
}

.edit-tech-policy-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
}

.edit-tech-policy-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}

.edit-tech-policy-item .policy-checked,
.edit-tech-policy-item .policy-unchecked {
  flex-shrink: 0;
}

.edit-tech-field .policy-checked,
.edit-tech-field .policy-unchecked {
  display: inline-block;
  vertical-align: middle;
}

.edit-tech-mfa-setup {
  margin: 8px 0 16px;
  padding: 0 25px 8px;
}
.edit-tech-mfa-setup__intro {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--hex-color-basic, #191919);
}
.edit-tech-mfa-setup__hint {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
  width: 37%;
  color: var(--hex-color-basic, #191919);
}
.edit-tech-mfa-setup__status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}
.edit-tech-mfa-setup__actions {
  margin-bottom: 12px;
}
.edit-tech-mfa-setup__qr-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 24px;
  margin-bottom: 16px;
}
.edit-tech-mfa-setup__qr {
  width: 140px;
  height: 140px;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.edit-tech-mfa-setup__manual {
  margin: 8px;
  max-width: 280px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--hex-color-basic, #191919);
  word-break: break-word;
}
.edit-tech-mfa-setup__manual strong {
  display: inline-block;
  margin-top: 4px;
  letter-spacing: 0.02em;
}

.role-perm-check-col .policy-checked,
.role-perm-check-col .policy-unchecked {
  display: inline-block;
}

.role-review-loading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  font-size: 13px;
  color: var(--hex-text-secondary, #788c9b);
}

.tech-scope-mapping-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
}

.tech-scope-mapping-badge--profile {
  color: #0339a5;
  background: #eef4ff;
  border: 1px solid #c7dafc;
}

.tech-scope-mapping-badge--direct {
  color: #5a4b00;
  background: #fff8e6;
  border: 1px solid #f3df9a;
}

.tech-profile-scope-review-wrap {
  margin-top: 4px;
}

.tech-profile-scope-layout {
  display: flex;
  gap: 24px;
  margin-top: 8px;
}

.tech-profile-scope-sidebar {
  flex-shrink: 0;
  width: 180px;
}

.tech-profile-scope-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tech-profile-scope-nav-item {
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-radius: 4px;
  color: var(--hex-color-basic, #191919);
}
.tech-profile-scope-nav-item:hover {
  background: var(--hex-bg-hover, #f0f0f0);
}

.tech-profile-scope-nav-active {
  background: var(--hex-bg-selected, #e8f0fe);
  color: var(--hex-active-tab-color, #0449d1);
  border-left: 3px solid var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}

.tech-profile-scope-nav-empty {
  color: var(--hex-text-secondary, #788c9b);
}

.tech-profile-scope-content {
  flex: 1;
  min-width: 0;
}

.tech-profile-scope-table-wrap {
  overflow-x: auto;
  border-radius: 4px;
  background: var(--hex-bg-primary, #fff);
}

.tech-profile-scope-table {
  width: 100%;
  border-collapse: collapse;
}

.tech-profile-scope-table thead {
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.tech-profile-scope-table .tech-th {
  padding: 12px 16px;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
}

.tech-profile-scope-table .tech-row td {
  padding: 12px 16px;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
}

.tech-profile-scope-table .tech-row:last-child td {
  border-bottom: none;
}

.tech-profile-scope-group-link {
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
}

.tech-profile-scope-empty {
  color: var(--hex-text-secondary, #788c9b);
  font-style: italic;
}

.tech-profile-scope-pagination {
  margin-top: 8px;
  font-size: 13px;
  color: var(--hex-text-secondary, #788c9b);
}

.edit-tech-save-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}

.edit-tech-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}

.edit-tech-modal {
  background: #fff;
  border-radius: 8px;
  width: 90%;
  max-width: 700px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.edit-tech-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.edit-tech-modal-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.edit-tech-modal-close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #999;
  padding: 0;
}
.edit-tech-modal-close:hover {
  color: #333;
}

.edit-tech-modal-body {
  padding: 16px 24px;
  overflow-y: auto;
  flex: 1;
}

.session-timeout-modal {
  max-width: 700px;
  max-height: none;
}

.session-timeout-modal-header h3 {
  font-size: 18px;
}

.session-timeout-modal-body {
  text-align: center;
  padding: 24px;
}

.session-timeout-modal-text {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--hex-text-primary, #191919);
  font-family: "Lato", sans-serif;
}

.session-timeout-modal-actions {
  display: flex;
  justify-content: center;
}

.pf-modal-form-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  min-height: 0;
}
.pf-modal-form-body .pf-modal-form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.pf-modal-form-body .pf-modal-form-field label {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--hex-text-primary, #191919);
  margin: 0;
}
.pf-modal-form-body .pf-modal-form-field input[type=text] {
  height: 40px;
  padding: 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  font-size: 14px;
  line-height: 21px;
  box-sizing: border-box;
  width: 100%;
}
.pf-modal-form-body .pf-modal-form-field input[type=text].input-error {
  border-color: var(--hex-border-color-error, #cc0000);
}
.pf-modal-form-body .pf-modal-form-field textarea {
  min-height: 100px;
  padding: 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  font-size: 14px;
  line-height: 21px;
  resize: vertical;
  box-sizing: border-box;
  width: 100%;
}
.pf-modal-form-body .pf-modal-form-field .edit-tech-error,
.pf-modal-form-body .pf-modal-form-field .profile-form-error,
.pf-modal-form-body .pf-modal-form-field .role-form-info {
  font-size: 12px;
  color: var(--hex-border-color-error, #cc0000);
  margin-top: 2px;
}

.edit-tech-modal-search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  margin-left: auto;
  width: 35%;
  max-width: 35%;
}
.edit-tech-modal-search .edit-tech-modal-search-clear {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #ffffff;
  border-radius: 4px;
  margin-left: -40px;
  background: #ffffff;
  color: var(--hex-color-secondary, #666);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}
.edit-tech-modal-search .edit-tech-modal-search-clear:hover {
  background: var(--hex-bg-hover, #e8e8e8);
  color: var(--hex-color-primary, #333);
}
.edit-tech-modal-search input {
  flex: 1;
  min-width: 0;
  padding: 6px 10px;
  border: 1px solid var(--hex-border-color, #d0d5dd);
  font-size: 14px;
}

.edit-tech-modal-message {
  text-align: center;
  padding: 30px;
  color: var(--hex-color-secondary, #666);
}
.edit-tech-modal-message a {
  color: var(--hex-color-primary, #0071e3);
}

.edit-tech-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px 24px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}

.edit-tech-confirm-modal .edit-tech-confirm-text {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--hex-text-primary, #191919);
}
.edit-tech-confirm-modal .edit-tech-confirm-text:last-child {
  margin-bottom: 0;
}

.tech-created-modal {
  text-align: center;
  padding: 28px 32px;
  max-width: 420px;
}
.tech-created-modal .tech-created-title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
}
.tech-created-modal .tech-created-check {
  width: 48px;
  height: 48px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: var(--hex-color-success, #22c55e);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.tech-created-modal .tech-created-check::after {
  content: "✓";
}
.tech-created-modal .tech-created-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.tech-created-modal .tech-user-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tech-created-modal .tech-created-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--hex-bg-secondary, #f5a623);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.tech-created-modal .tech-created-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
  white-space: nowrap;
  padding-top: 5px;
}
.tech-created-modal .tech-created-email-badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 6px;
  background: var(--hex-bg-info, #e3f2fd);
  color: var(--hex-color-info, #1976d2);
  font-size: 13px;
}
.tech-created-modal .tech-created-note {
  text-align: left;
  padding: 12px 14px;
  border-radius: 8px;
  background: var(--hex-bg-secondary, #f5f5f5);
  margin-bottom: 20px;
}
.tech-created-modal .tech-created-note strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
}
.tech-created-modal .tech-created-note p {
  margin: 0;
  font-size: 13px;
  color: var(--hex-text-secondary, #666);
  line-height: 1.4;
}
.tech-created-modal .tech-created-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  padding-top: 20px;
  gap: 12px;
}

.invitation-preview-modal {
  max-width: 560px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
}
.invitation-preview-modal .invitation-preview-body {
  padding: 16px 24px;
  overflow-y: auto;
  flex: 1;
}
.invitation-preview-modal .invitation-preview-field {
  margin-bottom: 16px;
}
.invitation-preview-modal .invitation-preview-field .invitation-preview-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
  color: var(--hex-text-primary, #191919);
}
.invitation-preview-modal .invitation-preview-field .invitation-preview-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--hex-border-color, #d0d5dd);
  border-radius: 4px;
  font-size: 14px;
}
.invitation-preview-modal .invitation-preview-box {
  padding: 16px;
  border-radius: 8px;
  background: var(--hex-bg-secondary, #f5f5f5);
  font-size: 13px;
  line-height: 1.5;
  color: var(--hex-text-primary, #191919);
}
.invitation-preview-modal .invitation-preview-box .invitation-preview-box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.invitation-preview-modal .invitation-preview-box .invitation-preview-box-title {
  font-weight: 600;
  font-size: 14px;
}
.invitation-preview-modal .invitation-preview-box .invitation-preview-copy {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
}
.invitation-preview-modal .invitation-preview-box .invitation-preview-copy:hover {
  background: rgba(0, 0, 0, 0.06);
}
.invitation-preview-modal .invitation-preview-box p {
  margin: 0 0 10px;
}
.invitation-preview-modal .invitation-preview-box p:last-child {
  margin-bottom: 0;
}
.invitation-preview-modal .invitation-preview-box .invitation-preview-cta {
  display: inline-block;
  margin: 12px 175px;
  padding: 10px 20px;
  border-radius: 6px;
  background: var(--hex-active-tab-color, #0449d1);
  color: #fff;
  font-weight: 500;
  cursor: default;
}
.invitation-preview-modal .invitation-preview-box .invitation-preview-contact {
  font-size: 12px;
  color: var(--hex-text-secondary, #666);
}
.invitation-preview-modal .invitation-preview-box .invitation-preview-url {
  word-break: break-all;
  color: var(--hex-color-primary, #0071e3);
  font-size: 12px;
}
.invitation-preview-modal .invitation-preview-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}

#react-profile-form-root {
  position: fixed;
  left: 67px;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: var(--white-color, #fff);
}

@media only screen and (max-width: 767px) {
  #react-profile-form-root {
    left: 0;
  }
}
.pf-page {
  background-color: var(--white-color, #fff);
  width: 100%;
  min-height: 100vh;
  font-size: 14px;
  color: var(--hex-text-primary, #191919);
  top: 65px;
  position: relative;
  margin: 0;
  padding: 0;
}

.pf-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  min-height: 80px;
}

.pf-top-bar-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pf-page-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  color: var(--hex-text-primary, #191919);
}

.pf-page-subtitle {
  font-size: 13px;
  padding-top: 10px;
  padding-right: 10px;
}

.pf-top-bar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pf-profile-header-section {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 40px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  background: var(--colors-surface-grey-default, #fff);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pf-profile-header-section .pf-profile-header-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.pf-profile-header-section .pf-profile-header-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: var(--hex-text-primary, #191919);
  margin: 0;
}
.pf-profile-header-section .pf-profile-header-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.pf-profile-header-section .pf-profile-header-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: block;
  cursor: pointer;
}

.pf-profile-fields {
  padding: 20px 11%;
}

.pf-profile-field-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  gap: 16px;
}
.pf-profile-field-row:last-child {
  margin-bottom: 0;
}

.pf-profile-field-label {
  width: 120px;
  min-width: 120px;
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-text-primary, #191919);
  padding-top: 8px;
}

.pf-profile-field-input {
  flex: 1;
  max-width: 500px;
}
.pf-profile-field-input .pf-form-input.input-error {
  border-color: var(--hex-border-color-error, #cc0000);
}
.pf-profile-field-input .pf-form-input.input-error:focus {
  box-shadow: 0 0 0 2px rgba(204, 0, 0, 0.1);
}

.edit-tech-field-error {
  color: var(--hex-border-color-error, #cc0000);
}

.pf-profile-name-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 40px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.pf-profile-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--hex-active-tab-color, #bec1c7);
  color: #fff;
  flex-shrink: 0;
}

.pf-profile-name-text {
  font-size: 15px;
  font-weight: 600;
  color: var(--hex-text-primary, #191919);
}

.pf-profile-edit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  transition: all 0.15s;
}
.pf-profile-edit-btn:hover {
  background-color: var(--hex-border-color, #e4e8eb);
  color: var(--hex-text-primary, #191919);
}

.pf-profile-name-bar-view .pf-profile-name-block {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pf-profile-description-text {
  font-size: 13px;
  color: var(--hex-color-secondary, #666);
  margin: 0;
  font-weight: normal;
}

.pf-view-content {
  padding: 24px 40px 40px;
  max-width: 720px;
}

.pf-view-section {
  margin-bottom: 28px;
}
.pf-view-section:last-child {
  margin-bottom: 0;
}

.pf-view-section-title {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 12px;
  color: var(--hex-text-primary, #191919);
}

.pf-view-dl {
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 24px;
  align-items: baseline;
}
.pf-view-dl dt {
  font-weight: 500;
  color: var(--hex-color-secondary, #666);
  font-size: 13px;
}
.pf-view-dl dd {
  margin: 0;
  font-size: 14px;
}

.pf-view-muted {
  margin: 0;
  font-size: 14px;
  color: var(--hex-color-secondary, #666);
}

.pf-view-role-list {
  margin: 0;
  padding-left: 20px;
  font-size: 14px;
}
.pf-view-role-list li {
  margin-bottom: 6px;
}

.pf-stepper {
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  padding: 20px 40px;
}

.pf-stepper-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0;
}

.pf-stepper-item {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.15s;
}

.pf-stepper-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.pf-stepper-step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 8px;
}

.pf-stepper-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--hex-bg-secondary, #f0f2f5);
  color: var(--hex-text-primary, #191919);
  flex-shrink: 0;
  transition: all 0.15s;
}
.pf-stepper-counter.pf-stepper-completed {
  background-color: var(--hex-active-tab-color, #0449d1);
  color: #fff;
}
.pf-stepper-counter.pf-stepper-active-counter {
  background-color: var(--hex-bg-secondary, #e8ecf0);
  color: var(--hex-text-primary, #191919);
  font-weight: 700;
}

.pf-step-error-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  margin: 0 24px 0;
  background: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: 6px;
  color: #b42318;
  font-size: 13px;
  font-weight: 500;
  animation: pf-banner-fade-in 0.2s ease;
}
.pf-step-error-banner svg {
  flex-shrink: 0;
  color: #d92d20;
}

@keyframes pf-banner-fade-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pf-stepper-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--hex-text-primary, #191919);
  white-space: nowrap;
}

.pf-stepper-arrow {
  display: inline-flex;
  align-items: center;
  margin: 0 4px;
}

.pf-content-wrapper {
  padding: 30px 40px;
}

.pf-step-content {
  width: 100%;
}

.pf-step-section {
  margin-bottom: 10px;
}

.pf-step-section-header {
  margin-bottom: 16px;
}

.pf-step-section-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px;
  color: var(--hex-text-primary, #191919);
}

.pf-step-section-desc {
  font-size: 13px;
  color: var(--hex-color-secondary, #788c9b);
  margin: 0 0 16px;
  line-height: 1.5;
}

.pf-subsection-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  color: var(--hex-text-primary, #191919);
}

.pf-divider {
  border: none;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  margin: 10px 0 16px;
}

.pf-radio-group {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.pf-radio-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
  color: var(--hex-text-primary, #191919);
}

.pf-radio-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.pf-radio-mark {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--hex-input-border-color, #a3a9b3);
  position: relative;
  transition: border-color 0.15s;
  flex-shrink: 0;
}

.pf-radio-input:checked ~ .pf-radio-mark {
  border-color: var(--hex-active-tab-color, #0449d1);
}

.pf-radio-input:checked ~ .pf-radio-mark::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--hex-active-tab-color, #0449d1);
}

.pf-radio-label:hover .pf-radio-mark {
  border-color: var(--hex-active-tab-color, #0449d1);
}

.pf-checkbox-label-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  cursor: pointer;
  color: var(--hex-text-primary, #191919);
}

.pf-empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.pf-empty-text {
  font-size: 14px;
}

.pf-form-group {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}

.pf-form-label {
  width: 22%;
  min-width: 160px;
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-text-primary, #191919);
  padding-top: 8px;
}

.pf-form-field {
  flex: 1;
}

.pf-form-input {
  width: 100%;
  max-width: 500px;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid var(--hex-input-border-color, #a3a9b3);
  border-radius: 6px;
  outline: none;
  transition: border-color 0.15s;
  color: var(--hex-text-primary, #191919);
  background: var(--white-color, #fff);
}
.pf-form-input:focus {
  border-color: var(--hex-active-tab-color, #0449d1);
}
.pf-form-input::-moz-placeholder {
  color: var(--hex-color-secondary, #788c9b);
}
.pf-form-input::placeholder {
  color: var(--hex-color-secondary, #788c9b);
}

.pf-form-textarea {
  width: 100%;
  max-width: 500px;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid var(--hex-input-border-color, #a3a9b3);
  border-radius: 6px;
  outline: none;
  resize: vertical;
  min-height: 80px;
  transition: border-color 0.15s;
  color: var(--hex-text-primary, #191919);
  background: var(--white-color, #fff);
  font-family: inherit;
}
.pf-form-textarea:focus {
  border-color: var(--hex-active-tab-color, #0449d1);
}
.pf-form-textarea::-moz-placeholder {
  color: var(--hex-color-secondary, #788c9b);
}
.pf-form-textarea::placeholder {
  color: var(--hex-color-secondary, #788c9b);
}

.pf-review-tab-bar {
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.pf-review-tab-list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 0;
}

.pf-review-tab-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.pf-review-tab-item:hover {
  color: var(--hex-active-tab-color, #0449d1);
}

.pf-review-tab-info {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}

.pf-review-tab-active {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
}

.pf-review-tab-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.pf-review-tab-disabled:hover {
  color: inherit;
}

.pf-review-tab-disabled-trigger {
  display: inline-flex;
  align-items: center;
  cursor: not-allowed;
}

.pf-review-panel {
  padding: 24px 0;
}

.pf-review-tab-content {
  animation: pf-fade-in 0.15s ease;
}

@keyframes pf-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pf-review-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.pf-review-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--hex-text-primary, #191919);
}

.pf-review-edit-btn {
  font-size: 13px;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  font-weight: 500;
  padding: 4px 12px;
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  border-radius: 4px;
  transition: background 0.15s, color 0.15s;
}
.pf-review-edit-btn:hover {
  background: var(--hex-active-tab-color, #0449d1);
  color: #fff;
}

.pf-review-edit-link {
  font-size: 13px;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  font-weight: 500;
}
.pf-review-edit-link:hover {
  text-decoration: underline;
}

.pf-review-row {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
}

.pf-review-label {
  width: 30%;
  padding-left: 25px;
  min-width: 160px;
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-text-primary, #191919);
}

.pf-review-value {
  flex: 1;
  font-size: 14px;
}

.pf-scope-layout {
  display: flex;
  align-items: stretch;
  min-width: 0;
  background: #fff;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  min-height: 280px;
}

.pf-scope-sidebar {
  flex-shrink: 0;
  width: 200px;
  min-width: 200px;
  border-right: 1px solid #f1f1f1;
  padding-top: 10px;
}

.pf-scope-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pf-scope-nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  font-size: 13px;
  color: var(--hex-text-primary, #333);
  cursor: pointer;
  border-left: 3px solid transparent;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.pf-scope-nav-item:hover {
  background: #f5f7fa;
  color: var(--hex-color-primary, #0071e3);
}

.pf-scope-nav-active {
  background: #f0f6ff;
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
  border-left-color: var(--hex-active-tab-color, #0449d1);
}

.pf-scope-content {
  flex: 1;
  min-width: 0;
  padding: 16px 20px;
  min-height: 210px;
}

.pf-scope-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.pf-scope-add-link {
  font-size: 13px;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  text-decoration: none;
}
.pf-scope-add-link:hover {
  text-decoration: underline;
}

.pf-scope-plus {
  font-size: 10px;
  margin-right: 4px;
  position: relative;
  top: -1px;
}

.pf-scope-remove-all-link {
  font-size: 13px;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  text-decoration: none;
}
.pf-scope-remove-all-link:hover {
  text-decoration: underline;
}

.pf-scope-table-wrapper {
  overflow-x: auto;
}

.pf-scope-remove-item {
  font-size: 16px;
  color: #999;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
.pf-scope-remove-item:hover {
  color: var(--hex-color-danger, #e53e3e);
}

.pf-scope-pagination-info {
  font-size: 12px;
  color: var(--hex-color-secondary, #788c9b);
  text-align: right;
  padding: 10px 0 0;
}

.ip-input-row,
.ip-range-input-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.ip-input-group,
.ip-range-input-group {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.ip-octet-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.ip-octet-input {
  width: 45px;
  height: 36px;
  text-align: center;
  border: 1px solid var(--hex-border-color, #d1d5db);
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ip-octet-input:hover {
  border-color: var(--hex-input-border-color, #9ca3af);
}
.ip-octet-input:focus {
  border-color: var(--hex-active-tab-color, #1a73e8);
  box-shadow: 0 0 0 2px var(--hex-outline-color, rgba(26, 115, 232, 0.2));
}
.ip-octet-input:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

.ip-dot {
  font-size: 14px;
  color: var(--hex-color-basic, #333);
  padding: 0 2px;
}

.ip-range-label {
  font-size: 14px;
  color: var(--hex-color-basic, #333);
  margin-right: 8px;
  min-width: 35px;
}

.ip-range-separator {
  margin: 0 8px;
}

.ip-actions {
  display: flex;
  gap: 8px;
  margin-left: 8px;
}

.ip-action-btn {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--hex-color-secondary, #666);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}
.ip-action-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #1a73e8);
}
.ip-action-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ip-action-btn svg {
  width: 18px;
  height: 18px;
}

.ip-error-text {
  font-size: 12px;
  color: var(--hex-border-color-error, #cc0000);
  margin-left: 0;
}

.tech-settings-page .hex-ui-toast-container .hex-ui-toast.Toastify__toast--success {
  background-color: #409c35;
  color: #fff;
  border-radius: 8px;
  min-height: 40px;
  font-size: 12px;
  line-height: 18px;
}
.tech-settings-page .hex-ui-toast-container .hex-ui-toast.Toastify__toast--error {
  background-color: #a30000;
  color: #fff;
  border-radius: 8px;
  min-height: 40px;
  font-size: 12px;
  line-height: 18px;
}

.isa_success {
  background-color: #409c35;
  color: #fff;
  padding: 15px;
  border-radius: 8px;
  min-height: 40px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.isa_error {
  background-color: #a30000;
  color: #fff;
  padding: 15px;
  border-radius: 8px;
  min-height: 40px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
/**
 * Inner stack inside `.patches-page__help-rail` — mirrors left sidebar top padding rhythm.
 */
.patches-page__help-rail-inner {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 24px;
  gap: 20px;
  box-sizing: border-box;
  overflow: visible;
}
/**
 * Patches Sidebar – collapsible sidebar with options and sub-options.
 * Replicates Tailwind: flex-shrink-0, relative, h-[85vh], overflow-hidden, border-r, transition, etc.
 */
.patches-sidebar {
  flex-shrink: 0;
  position: relative;
  height: 85vh;
  overflow: hidden;
  background-color: #fff;
  border-right: 1px solid #e5e7eb;
  transition-property: width;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}
.patches-sidebar--collapsed {
  width: 40px;
}
.patches-sidebar--expanded {
  min-width: 19vw;
  width: -moz-fit-content;
  width: fit-content;
  width: 16rem;
}

.patches-sidebar__toggle {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 10;
  height: 15px;
  width: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.patches-sidebar__toggle--collapsed {
  background-color: #0449d1;
}
.patches-sidebar__toggle--expanded {
  background-color: #e4e8eb;
}

.patches-sidebar__toggle-icon {
  width: 1rem;
  height: 1rem;
}
.patches-sidebar__toggle-icon--flip {
  transform: rotate(180deg);
}

.patches-sidebar__panel {
  height: 100%;
  min-width: 19vw;
  width: -moz-fit-content;
  width: fit-content;
  width: 16rem;
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}
.patches-sidebar__panel--hidden {
  display: none;
}
.patches-sidebar__panel--visible {
  display: flex;
  flex-direction: column;
}

.patches-sidebar__scroll {
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  min-width: 19vw;
  width: -moz-fit-content;
  width: fit-content;
  height: 85vh;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 23px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.patches-sidebar__scroll::-webkit-scrollbar {
  display: none;
}

.patches-sidebar__nav {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.patches-sidebar__option {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 0.875rem;
  font-weight: 500;
  transition-property: background-color, color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-align: left;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #374151;
  border-left: 2.5px solid transparent;
}
.patches-sidebar__option:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.patches-sidebar__option--active {
  background-color: #f6f9ff;
  color: var(--hex-active-tab-color);
  border-left-color: var(--hex-active-tab-color, #0449d1);
  border-left-style: solid;
}
.patches-sidebar__option--sub-active {
  color: var(--hex-active-tab-color);
}

.patches-sidebar__option-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.patches-sidebar__option-icon {
  flex-shrink: 0;
}

.patches-sidebar__option-label {
  font-size: 14px;
}

.patches-sidebar__chevron {
  width: 1.5rem;
  height: 1.5rem;
  transition-property: transform;
  transition-duration: 150ms;
}
.patches-sidebar__chevron--expanded {
  transform: rotate(90deg);
}

.patches-sidebar__sub-list {
  margin-left: 1rem;
  margin-top: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.patches-sidebar__sub-option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 0.875rem;
  transition-property: background-color, color;
  transition-duration: 150ms;
  text-align: left;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #4b5563;
  border-left: 2.5px solid transparent;
}
.patches-sidebar__sub-option:hover {
  background-color: #f9fafb;
  color: #111827;
}
.patches-sidebar__sub-option--active {
  background-color: #f6f9ff;
  color: var(--hex-active-tab-color);
  border-left-color: var(--hex-active-tab-color, #0449d1);
  border-left-style: solid;
}

.patches-sidebar__sub-option-icon {
  flex-shrink: 0;
}

.patches-sidebar__sub-option-label {
  font-size: 14px;
}
/**
 * Dashboard summary bar styles (matches legacy dashboard.html / dashboard.css).
 * Reusable for all Patches sub-tabs (Scanned, Missing, Critical, Unscheduled):
 * - Single horizontal row when space is limited (flex-wrap: nowrap, overflow-x for scroll).
 * - Text wraps inside each item (word-wrap, overflow-wrap, white-space: normal).
 * - Equal width per item via .dashboard__summary_panel-cell (flex: 1 1 0) so all sub-tabs
 *   (5 Unscheduled, 6 Missing/Critical, 7 Scanned) distribute evenly when sidebar opens.
 */
.dashboard__summary_panel {
  width: 100%;
  border: 1px solid var(--hex-border-color);
  border-radius: 5px;
  padding: 7px 22px;
  box-sizing: border-box;
  opacity: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
}

/* Same flex layout as loaded ribbon; cells drive height */
.dashboard__summary_panel--loading {
  align-items: stretch;
}

/* Per-cell skeleton: mirrors head + content stack (count bar + label bar) */
.dashboard__summary_panel-box--skeleton {
  width: 100%;
}

.dashboard__summary_panel-skeleton-pill {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 4px;
  background-color: var(--hex-border-color, #e0e0e0);
}
.dashboard__summary_panel-skeleton-pill::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.55) 45%, transparent 90%);
  transform: translateX(-100%);
  animation: dashboard-summary-skeleton-shimmer 1.35s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .dashboard__summary_panel-skeleton-pill::after {
    animation: none;
  }
}
/* ~4–5 digit width at the same size as .dashboard__summary_panel-box--head (not full cell) */
.dashboard__summary_panel-skeleton-pill--count {
  align-self: flex-start;
  box-sizing: border-box;
  height: 36px;
  width: 4.5ch;
  min-width: 2.5ch;
  max-width: 100%;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-weight: 600;
}

/* Matches label line; full cell width like wrapped text area */
.dashboard__summary_panel-skeleton-pill--label {
  width: 100%;
  min-height: 17px;
  border-radius: 3px;
}

@keyframes dashboard-summary-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/* Equal-width cell per ribbon item so distribution is even for 5/6/7 items (e.g. Unscheduled vs Scanned). */
.dashboard__summary_panel-cell {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
}

.dashboard__summary_panel-box {
  flex: 1 1 0;
  min-width: 120px;
  max-width: 200px;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.dashboard__summary_panel-box--head {
  font-family: Lato, sans-serif;
  font-size: 30px;
  line-height: 36px;
  font-style: normal;
  font-weight: 600;
  color: var(--hex-active-tab-color);
}

.dashboard__summary_panel-box--content {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  color: var(--hex-color-basic);
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  min-width: 0;
}

/* Stack count above label (same as plain spans). Buttons need explicit column flex — anchor rule alone misses <button>. */
.dashboard__summary_panel-box a,
.dashboard__summary_panel-box .dashboard__summary_panel-link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 8px;
  margin-bottom: 8px;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.dashboard__summary_panel-box a:hover .dashboard__summary_panel-box--head,
.dashboard__summary_panel-box a:hover .dashboard__summary_panel-box--content,
.dashboard__summary_panel-box .dashboard__summary_panel-link:hover .dashboard__summary_panel-box--head,
.dashboard__summary_panel-box .dashboard__summary_panel-link:hover .dashboard__summary_panel-box--content {
  text-decoration: none;
}

.dashboard__summary_panel .vertical-line {
  width: 1px;
  min-height: 50px;
  align-self: stretch;
  margin-left: 18px;
  margin-right: 18px;
  background-color: var(--hex-border-color);
  flex-shrink: 0;
}.update-img {
  width: 58px;
  height: 58px;
  border-radius: 10px;
  padding: 0;
  text-align: center;
  text-transform: capitalize;
}

.update-img--flag {
  width: 36px;
  height: 36px;
}

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

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

.hex-align-center {
  align-items: center;
}
/**
 * SummaryChartCard – Update Detail Summary tab only.
 * White card, rounded corners, light border, shadow; title left; toggle + kebab right; chart + legend.
 */
.summary-chart-card {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  width: 403px;
  height: 231px;
  min-width: 403px;
  min-height: 231px;
  padding: 10px 20px 20px 20px;
  position: relative;
}

.optionsContainer {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  height: 20px;
  margin-bottom: 5px;
}

.summary-chart-card__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  gap: 12px;
}

.summary-chart-card__title {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  margin: 0;
  flex: 1;
}

.summary-chart-card__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.summary-chart-card__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #fafafa;
  cursor: pointer;
  transition: background-color 0.2s;
}
.summary-chart-card__toggle:hover {
  background-color: #f0f0f0;
}

.summary-chart-card__toggle-icon {
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.summary-chart-card__more {
  position: relative;
}

.summary-chart-card__more-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 4px;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
}
.summary-chart-card__more-trigger:hover {
  background-color: #f0f0f0;
}

.summary-chart-card__menu {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  min-width: 160px;
  padding: 8px 0;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  z-index: 100;
  animation: summary-chart-card-menu-in 0.2s ease-out;
}

@keyframes summary-chart-card-menu-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.summary-chart-card__menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 16px;
  border: none;
  background: none;
  font: inherit;
  font-size: 14px;
  color: #191919;
  cursor: pointer;
  text-align: left;
}
.summary-chart-card__menu-item:hover {
  background-color: var(--hex-active-tab-bg-color, #e8f0fe);
  color: var(--hex-active-tab-color, #1967d2);
}

.summary-chart-card__menu-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.summary-chart-card__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: nowrap;
}

.summary-chart-card__chart {
  flex-shrink: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.summary-chart-card__chart *:focus {
  outline: none;
}

.summary-chart-card__donut-wrap {
  width: 98px;
  height: 98px;
  flex-shrink: 0;
  line-height: 0;
}
.summary-chart-card__donut-wrap *:focus {
  outline: none;
}

.summary-chart-card__bar-wrap {
  width: 330px;
  height: 154px;
  flex-shrink: 0;
  line-height: 0;
}
.summary-chart-card__bar-wrap *:focus {
  outline: none;
}

.summary-chart-card__legend {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #333333;
}
.summary-chart-card__legend--cols-1 {
  max-height: 120px;
}
.summary-chart-card__legend--cols-2 {
  display: block;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 24px;
       column-gap: 24px;
  max-height: 140px;
}
.summary-chart-card__legend--cols-2 .summary-chart-card__legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.summary-chart-card__legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.summary-chart-card__legend-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.summary-chart-card__legend-label {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}.details-modal-overlay.hex-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.details-modal-content {
  background-color: var(--white-color, #fff);
  border-radius: 8px;
  max-width: 90vw;
  width: 65vw;
  max-height: 80vh;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.details-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  flex: 0 0 auto;
  background-color: #fff;
}

.details-modal-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}

.details-modal-close {
  background: none;
  border: none;
  padding: 4px 8px;
  font-size: 24px;
  line-height: 1;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  border-radius: 4px;
}

.details-modal-close:hover {
  color: var(--hex-color-basic, #191919);
}

.details-modal-body {
  padding: 16px 20px;
  overflow: hidden;
  min-height: 0;
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Table + Pagination from <Table /> (fragment): scroll table, keep pagination visible */
.details-modal-body > .hex-report-table-div {
  flex: 1 1 auto;
  min-height: 0;
}

.details-modal-body > .hex-list-pagination {
  flex: 0 0 auto;
}

/* Loader (matches report_affected_device.html ajaxloader + hex bouncing-loader pattern) */
.details-modal-loader.ajaxloader {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  min-height: 40px;
}

.details-modal-loader-bouncing {
  display: flex;
  gap: 8px;
}

.details-modal-loader-bouncing div {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--hex-active-tab-color, #32648d);
  animation: details-modal-bounce 1.4s infinite ease-in-out both;
}

.details-modal-loader-bouncing div:nth-child(1) {
  animation-delay: -0.32s;
}

.details-modal-loader-bouncing div:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes details-modal-bounce {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
/**
 * Dashboard Chart Card – card wrapper, header, menu, dropdown.
 * Replicates Tailwind: rounded-lg, p-4, flex, justify-between, mb-3, relative, etc.
 */
.dashboard-chart-card {
  border-radius: 0.5rem;
  padding: 1rem;
}

.dashboard-chart-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  font-size: 16px;
}

.dashboard-chart-card__title {
  font-weight: 600;
  color: var(--text-primary, #1a1a1a);
  margin: 0;
  font-size: 16px;
}

.dashboard-chart-card__menu-wrap {
  position: relative;
}

.dashboard-chart-card__menu-btn {
  padding: 0.375rem;
  border-radius: 0.25rem;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  color: var(--text-secondary, #5a5a5a);
  transition-property: background-color;
  transition-duration: 150ms;
}
.dashboard-chart-card__menu-btn:hover {
  background-color: #f3f4f6;
}

.dashboard-chart-card__menu-icon {
  width: 1.75rem;
  height: 30px;
  display: block;
}

.dashboard-chart-card__dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  min-width: 180px;
  border-radius: 0.375rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  background-color: #fff;
  z-index: 10;
}

.dashboard-chart-card__dropdown-item {
  width: 100%;
  text-align: left;
  padding: 11px;
  font-size: 13px;
  color: var(--text-primary, #1a1a1a);
  border: 0;
  background-color: transparent;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 150ms;
}
.dashboard-chart-card__dropdown-item:hover {
  background-color: #f9fafb;
}

.dashboard-chart-card__body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
}
/**
 * Dashboard Activity Feed – header row, action buttons, icons.
 * Replicates Tailwind: flex justify-between items-center mb-3, font-semibold text-text-primary, p-1.5 rounded, etc.
 */
.dashboard-activity-feed__header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  font-size: 16px;
}

.dashboard-activity-feed__head {
  font-weight: 600;
  color: var(--text-primary, #1a1a1a);
  margin: 0;
  font-size: 16px;
}

.dashboard-activity-feed__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

.dashboard-activity-feed__icon-btn {
  padding: 0.375rem;
  border-radius: 0.25rem;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  color: var(--text-secondary, #5a5a5a);
  transition-property: background-color;
  transition-duration: 150ms;
}
.dashboard-activity-feed__icon-btn:hover {
  background-color: #f3f4f6;
}

.dashboard-activity-feed__icon {
  width: 1.75rem;
  height: 30px;
  display: block;
}
/**
 * Patch Selection Modal – overlay and dialog.
 * Replicates Tailwind: fixed inset-0, z-[100], flex, bg-black/20, rounded-lg, shadow-2xl, etc.
 */
.patch-selection-modal__backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  transition-property: opacity;
  transition-duration: 300ms;
}

.patch-selection-modal__dialog {
  margin-top: 52px;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  width: 950px;
  height: 700px;
  display: flex;
  flex-direction: column;
}

.patch-selection-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
}

.patch-selection-modal__title {
  font-size: 18px;
  font-weight: bold;
  color: #1f2937;
}

.patch-selection-modal__subtitle {
  font-size: 0.875rem;
  color: #6b7280;
  margin-top: 0.25rem;
}

.patch-selection-modal__close-btn {
  color: #9ca3af;
  transition-property: color, background-color;
  transition-duration: 150ms;
  padding: 0.5rem;
}
.patch-selection-modal__close-btn:hover {
  color: #4b5563;
  background-color: #f3f4f6;
}
.patch-selection-modal__close-btn {
  border-radius: 9999px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.patch-selection-modal__content {
  flex: 1 1 0%;
  padding: 1.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.patch-selection-modal__table-wrap {
  flex: 1 1 0%;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  position: relative;
}

.patch-selection-modal__loading {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.patch-selection-modal__table {
  width: 100%;
  height: 100%;
}

.patch-selection-modal__footer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  background-color: #fff;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.patch-selection-modal__cancel-btn {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #374151;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  font-weight: 500;
  transition-property: background-color;
  transition-duration: 150ms;
  cursor: pointer;
}
.patch-selection-modal__cancel-btn:hover {
  background-color: #f9fafb;
}

.patch-selection-modal__add-btn {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #fff;
  border-radius: 0.25rem;
  font-weight: 500;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition-property: background-color, box-shadow;
  transition-duration: 150ms;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: none;
  cursor: pointer;
}
.patch-selection-modal__add-btn--disabled {
  background-color: #93c5fd;
  cursor: not-allowed;
}
.patch-selection-modal__add-btn:not(.patch-selection-modal__add-btn--disabled) {
  background-color: #2563eb;
}
.patch-selection-modal__add-btn:not(.patch-selection-modal__add-btn--disabled):hover {
  background-color: #1d4ed8;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.patch-selection-modal__done-btn:disabled {
  background-color: rgba(4, 73, 209, 0.2);
}
/**
 * Dashboard tab – unified responsive grid (3x2 top, 2x2 + Activity Feed bottom)
 * Fluid width, sidebar-aware, single column on mobile.
 * Replicates Tailwind: p-6, flex justify-center.
 */
:root {
  --dashboard-gap: 24px;
}

.patches-dashboard-tab {
  width: 100%;
  max-width: none;
  padding: 1.5rem; /* p-6 */
}

/* No eligible devices empty state (Windows/macOS) – matches legacy dashboard_no_device.html */
.patches-dashboard-tab--no-device {
  margin-top: 12%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}

.patches-dashboard-tab__no-device {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 480px;
  padding: 2rem 1rem;
}

.patches-dashboard-tab__no-device-icon {
  width: 120px;
  height: auto;
  margin-bottom: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.patches-dashboard-tab__no-device-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.patches-dashboard-tab__no-device-headline {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary, #1a1a1a);
  line-height: 1.4;
}

.patches-dashboard-tab__no-device-subtext {
  font-size: 12px;
  color: var(--text-secondary, #5a5a5a);
  line-height: 2.5;
  width: 60vw;
}

.patches-dashboard-tab__no-device-link {
  color: var(--hex-primary, #0449d1);
  text-decoration: none;
  font-weight: 500;
}
.patches-dashboard-tab__no-device-link:hover {
  text-decoration: underline;
}

.patches-dashboard-tab__no-device-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background-color: var(--hex-primary, #0449d1);
  border-radius: 4px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

/* Initial load: bouncing loader (no summary bar or charts until API responds) */
.patches-dashboard-tab--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}

.patches-dashboard-tab__loader-wrap {
  padding: 40px 20px;
  display: flex;
  justify-content: center;
}

.patches-dashboard-tab--loading .bouncing-loader {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.patches-dashboard-tab--loading .bouncing-loader div {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--hex-active-tab-color, #0d91ff);
  animation: patches-dashboard-bounce 1.4s infinite ease-in-out both;
}

.patches-dashboard-tab--loading .bouncing-loader div:nth-child(1) {
  animation-delay: -0.32s;
}

.patches-dashboard-tab--loading .bouncing-loader div:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes patches-dashboard-bounce {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Ribbon block: optional "Last updated" row above, then summary bar */
.patches-dashboard-tab__summary-region {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: var(--dashboard-gap);
  width: 100%;
  min-width: 0;
}

.patches-dashboard-tab .patches-dashboard-tab__summary-wrap {
  margin-bottom: 0;
}

.patches-dashboard-tab__last-updated-row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.patches-dashboard-tab__last-updated-group {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.patches-dashboard-tab__last-updated {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #788c9b;
  text-align: right;
}

.patches-dashboard-tab__refresh-dashboard {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 2px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  line-height: 0;
}
.patches-dashboard-tab__refresh-dashboard:hover {
  opacity: 0.85;
}
.patches-dashboard-tab__refresh-dashboard:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
}
.patches-dashboard-tab__refresh-dashboard:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

/* Main grid: 3 columns desktop, 1 column mobile; same gap everywhere */
.patches-dashboard-tab__main-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto auto auto;
  gap: var(--dashboard-gap);
  width: 100%;
  max-width: none;
  min-width: 0;
  padding-bottom: 23px;
}

/* Top section: 6 chart cards (3x2) – auto-place in first 2 rows */
.patches-dashboard-tab__chart-card {
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 260px;
  display: flex;
  flex-direction: column;
}

.patches-dashboard-tab__chart-card-inner {
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* Empty chart placeholder image */
.patches-dashboard-tab__chart-empty {
  display: block;
  margin: auto;
  max-width: 120px;
  max-height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Bottom left: 2x2 chart grid – spans cols 1–2, rows 3–4 */
.patches-dashboard-tab__bottom-charts {
  grid-column: 1/span 2;
  grid-row: 3/span 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: var(--dashboard-gap);
  min-width: 0;
  min-height: 0;
}

.patches-dashboard-tab__bottom-charts .patches-dashboard-tab__chart-card {
  min-height: 260px;
}

/* Bottom right: Activity Feed – col 3, rows 3–4; fixed height so it doesn't stretch the grid */
.patches-dashboard-tab__activity-feed-wrap {
  grid-column: 3;
  grid-row: 3/span 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  /* Fixed height matching 2x2 chart block (2 rows × min card height + gap) so charts stay aligned */
  height: calc(600px + var(--dashboard-gap));
  min-height: 0;
}

.patches-dashboard-tab__activity-feed {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  padding: 18px 25px;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Incident feed header row: flex layout with title + actions; title matches chart card headers */
.patches-dashboard-tab__incident-feed-header {
  flex-shrink: 0;
  min-width: 0;
  gap: 12px;
  /* Keep the action buttons from shrinking so the title can use remaining space and wrap */
}
.patches-dashboard-tab__incident-feed-header > div:last-of-type {
  flex-shrink: 0;
}

.patches-dashboard-tab__activity-feed-head {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--hex-color-dash-head, #191919);
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

/* Scrollable list: takes remaining space and scrolls so activity feed height stays fixed */
.patches-dashboard-tab__activity-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
}

.patches-dashboard-tab__activity-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.patches-dashboard-tab__activity-content {
  display: flex;
  flex-direction: row;
  gap: 10px;
  min-width: 0;
}

.patches-dashboard-tab__activity-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 5px;
}

.patches-dashboard-tab__activity-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.patches-dashboard-tab__activity-name-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.patches-dashboard-tab__activity-name {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: var(--hex-color-basic, #191919);
}

.patches-dashboard-tab__activity-desc {
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  color: var(--hex-input-border-color, #a3a9b3);
}

.patches-dashboard-tab__activity-severity {
  font-family: Lato, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  padding: 3px 6px;
  border-radius: 3px;
  flex-shrink: 0;
}

.patches-dashboard-tab__activity-time {
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  color: var(--hex-input-border-color, #a3a9b3);
  flex-shrink: 0;
}

/* Incident feed: allow popup to overlay */
.patches-dashboard-tab__activity-feed--has-popup {
  position: relative;
}

/* Created On popup – opens on top of incident feed box */
.patches-dashboard-tab__created-on-popup {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 300px;
  padding: 12px 0 0;
  background: var(--hex-color-bg, #fff);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 20;
}

.patches-dashboard-tab__created-on-popup--with-range-panel {
  min-width: 560px;
}

.patches-dashboard-tab__created-on-heading {
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: var(--hex-color-dash-head, #191919);
  margin: 0 16px 10px;
}

.patches-dashboard-tab__created-on-line {
  width: 100%;
  margin: 0 0 8px;
  border: 0;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}

.patches-dashboard-tab__created-on-options {
  display: flex;
  flex-direction: column;
  padding: 0 0 8px;
}

.patches-dashboard-tab__created-on-option {
  width: 100%;
  padding: 10px 16px;
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 16px;
  font-weight: 500;
  color: var(--hex-color-basic, #191919);
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Radio before label: unselected ring #A3A9B3, selected #0449D1 */
.patches-dashboard-tab__created-on-radio {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 1.5px solid #a3a9b3;
  border-radius: 50%;
  background: transparent;
  position: relative;
  box-sizing: border-box;
}

.patches-dashboard-tab__created-on-option--selected .patches-dashboard-tab__created-on-radio {
  border-color: #0449d1;
}

.patches-dashboard-tab__created-on-option--selected .patches-dashboard-tab__created-on-radio::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0449d1;
}

.patches-dashboard-tab__created-on-option-label {
  flex: 1;
}

.patches-dashboard-tab__created-on-option:hover {
  background: var(--hex-active-tab-bg-color, #f0f7ff);
  color: var(--hex-active-tab-color, #0d91ff);
}

.patches-dashboard-tab__created-on-option--selected {
  background: var(--hex-active-tab-bg-color, #f0f7ff);
  color: var(--hex-active-tab-color, #0d91ff);
}

.patches-dashboard-tab__created-on-custom {
  padding: 8px 16px 16px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}

.patches-dashboard-tab__created-on-date-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
}

.patches-dashboard-tab__created-on-date-label {
  display: block;
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 13px;
  font-weight: 500;
  color: #788c9b;
  margin-bottom: 4px;
}

.patches-dashboard-tab__created-on-date-box {
  width: 100%;
  padding: 8px 10px;
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 14px;
  color: #788c9b;
  background: var(--hex-color-bg, #fff);
  border: 1px solid #e4e8eb;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.patches-dashboard-tab__created-on-date-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.patches-dashboard-tab__created-on-date-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: #788c9b;
}

.patches-dashboard-tab__created-on-date-box:hover {
  border-color: var(--hex-active-tab-color, #0d91ff);
  color: var(--hex-color-basic, #191919);
}
.patches-dashboard-tab__created-on-date-box:hover .patches-dashboard-tab__created-on-date-icon {
  color: var(--hex-active-tab-color, #0d91ff);
}

/* Calendar popover wrapper */
.patches-dashboard-tab__hex-calendar-wrap {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 4px;
  z-index: 25;
}

/* Hexnode-styled calendar */
.patches-dashboard-tab__hex-calendar {
  background: var(--hex-color-bg, #fff);
  padding: 12px;
  min-width: 260px;
}

.patches-dashboard-tab__hex-calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.patches-dashboard-tab__hex-calendar-nav {
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: var(--hex-color-basic, #191919);
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}

.patches-dashboard-tab__hex-calendar-nav:hover {
  background: var(--hex-active-tab-bg-color, #f0f7ff);
  color: var(--hex-active-tab-color, #0d91ff);
}

.patches-dashboard-tab__hex-calendar-title {
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: var(--hex-color-dash-head, #191919);
}

.patches-dashboard-tab__hex-calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 6px;
}

.patches-dashboard-tab__hex-calendar-weekday {
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 11px;
  font-weight: 600;
  color: var(--hex-color-dash-head, #666);
  text-align: center;
}

.patches-dashboard-tab__hex-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}

.patches-dashboard-tab__hex-calendar-day {
  width: 32px;
  height: 32px;
  padding: 0;
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 13px;
  font-weight: 500;
  color: var(--hex-color-basic, #191919);
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.patches-dashboard-tab__hex-calendar-day:hover {
  background: var(--hex-active-tab-bg-color, #f0f7ff);
  color: var(--hex-active-tab-color, #0d91ff);
}

.patches-dashboard-tab__hex-calendar-day--today {
  color: var(--hex-active-tab-color, #0d91ff);
  font-weight: 600;
}

.patches-dashboard-tab__hex-calendar-day--selected {
  background: var(--hex-active-tab-color, #0d91ff);
  color: #fff;
}

.patches-dashboard-tab__hex-calendar-day--selected:hover {
  background: var(--hex-active-tab-color, #0d91ff);
  color: #fff;
}

.patches-dashboard-tab__hex-calendar-day--empty {
  pointer-events: none;
  visibility: hidden;
}

/* Date range highlight (between From and To) */
.patches-dashboard-tab__hex-calendar-day--in-range {
  background: #f6f9ff;
}

.patches-dashboard-tab__hex-calendar-day--in-range:hover {
  background: #f6f9ff;
}

.patches-dashboard-tab__hex-calendar-day--disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* Created On – date range panel (opens when clicking From/To in Custom) */
.patches-dashboard-tab__created-on-range-panel {
  width: 100%;
  padding: 0;
}

.patches-dashboard-tab__created-on-range-heading {
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: var(--hex-color-dash-head, #191919);
  margin: 0 0 10px;
  padding: 16px 16px 0;
}

.patches-dashboard-tab__created-on-range-line {
  width: 100%;
  margin: 0 0 12px;
  padding: 0 16px;
  border: 0;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  box-sizing: border-box;
}

.patches-dashboard-tab__created-on-range-panel .patches-dashboard-tab__created-on-range-line:first-of-type {
  margin: 0 16px 12px;
  padding: 0;
  width: calc(100% - 32px);
}

.patches-dashboard-tab__created-on-range-calendars {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 12px;
  flex-wrap: wrap;
  padding: 0 16px 16px;
}

.patches-dashboard-tab__created-on-range-calendar-wrap {
  flex: 1;
  min-width: 240px;
  display: flex;
  flex-direction: column;
}

.patches-dashboard-tab__created-on-range-line-calendar {
  margin: 12px 0;
  padding: 0;
  width: 100%;
}

.patches-dashboard-tab__created-on-range-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0px 16px 16px 16px;
}

.patches-dashboard-tab__created-on-range-reset {
  padding: 8px 16px;
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-active-tab-color, #0449d1);
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.patches-dashboard-tab__created-on-range-reset:hover {
  background: var(--hex-active-tab-bg-color, #f0f7ff);
}

.patches-dashboard-tab__created-on-range-apply {
  padding: 8px 21px;
  font-family: var(--hex-font-family, "Lato", sans-serif);
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: var(--hex-active-tab-color, #0449d1);
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  border-radius: 8px;
  cursor: pointer;
}

.patches-dashboard-tab__created-on-range-apply:hover {
  opacity: 0.9;
}

/* Tablet: 2 columns top, bottom stacks */
@media (max-width: 1024px) {
  .patches-dashboard-tab__main-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .patches-dashboard-tab__bottom-charts {
    grid-column: 1/span 2;
    grid-row: auto;
  }
  .patches-dashboard-tab__activity-feed-wrap {
    grid-column: 1/span 2;
    grid-row: auto;
  }
}
/* Mobile: single column, stack all */
@media (max-width: 768px) {
  .patches-dashboard-tab__main-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  .patches-dashboard-tab__bottom-charts {
    grid-column: 1;
    grid-template-columns: 1fr;
  }
  .patches-dashboard-tab__activity-feed-wrap {
    grid-column: 1;
  }
}
/**
 * Patches tab layout and action dropdown.
 * Replicates Tailwind: flex, flex-col, flex-1, min-h-0, min-w-0, p-6, relative, fixed inset-0, absolute, dropdown menu.
 */
.patches-tab-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
}

/* Keep alerts + sub-tabs visible; `.patches-tab__content` absorbs remaining height + table scroll. */
.patches-tab-content > :not(.patches-tab__content) {
  flex-shrink: 0;
}

.patches-tab__content {
  padding: 1.5rem; /* p-6 */
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}

/* Patches tab only: keep the report grid tall enough to show ~6 data rows + header at once. */
.patches-tab__content .hex-report-table-div {
  min-height: 360px;
}

/* Action dropdown – relative container, backdrop, menu list, menu items (matches Manage in Patch Groups) */
.patches-tab-action {
  position: relative;
}
.patches-tab-action.patches-tab-action__dropdown-wrap {
  position: relative;
}

.patches-tab-action__dropdown-icon {
  margin-left: 0.5rem; /* ml-2 */
  display: inline;
}

.patches-tab-action__arrow {
  transition: transform 0.2s ease;
}
.patches-tab-action__arrow.patches-tab-action__arrow--open {
  transform: rotate(180deg);
}

.patches-tab-action__backdrop {
  position: fixed;
  inset: 0;
  z-index: 10;
}

/* Dropdown panel – match Patch Groups (patch-groups-tab__dropdown) exactly; reset Bootstrap .dropdown-menu */
.patches-tab-action__dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  float: none;
  margin: 0.5rem 0 0 0;
  width: 15rem; /* w-56 */
  min-width: unset;
  padding: 0;
  list-style: none;
  z-index: 50;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #e5e7eb; /* border-gray-200 */
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); /* shadow-xl */
}

.patches-tab-action__dropdown > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.patches-tab-action__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0.5rem 1rem;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.patches-tab-action__item:hover {
  background-color: #f3f4f6;
}
.patches-tab-action__item:focus-visible {
  outline: 2px solid #0449d1;
  outline-offset: -2px;
}

/**
 * Patches tab table styles – match Angular patch_data.html
 * (hex-tag, Severity/Approval Status/Platform/Update Classification)
 */
.reports-base .hex-tag,
.patches-tab-content .hex-tag {
  font: 14px Lato, sans-serif;
  font-weight: 400;
  vertical-align: middle;
  padding: 7px;
  border-radius: 15px;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.reports-base .hex-tag > img,
.patches-tab-content .hex-tag > img {
  width: 19px;
  height: 19px;
}
.reports-base .hex-tag-success,
.patches-tab-content .hex-tag-success {
  color: var(--hex-tag-success-color, #074e0b);
  background-color: var(--hex-tag-success-bg-color, #ebfcf4);
}
.reports-base .hex-tag-pending,
.patches-tab-content .hex-tag-pending {
  color: var(--hex-tag-pending-color, #674801);
  background-color: var(--hex-tag-pending-bg-color, #fffaed);
}
.reports-base .hex-tag-error,
.patches-tab-content .hex-tag-error {
  color: var(--hex-tag-error-color, #ff7070);
  background-color: var(--hex-tag-error-bg-color, #ffe6e6);
}
.reports-base .hex-tag-important,
.patches-tab-content .hex-tag-important {
  color: var(--hex-tag-important-color, #ff9344);
  background-color: var(--hex-tag-important-bg-color, #fff1e6);
}
.reports-base .hex-tag-unknown,
.patches-tab-content .hex-tag-unknown {
  color: var(--hex-tag-unknown-color, #9ea5aa);
  background-color: var(--hex-tag-unknown-bg-color, #f0f0f0);
}
.reports-base .hex-tag .hex-table-icon,
.patches-tab-content .hex-tag .hex-table-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.reports-base .list-tag,
.patches-tab-content .list-tag {
  background-color: #e9f2ff;
  margin: 2px 4px 2px 0;
  padding: 4px 8px;
  border-radius: 15px;
  display: inline-flex;
  font: 14px Lato, sans-serif;
}/**
 * Vulnerabilities tab layout and link-style buttons.
 * Replicates Tailwind: flex, flex-col, flex-1, min-h-0, p-6, border-0, bg-transparent, p-0, gap-2, text-red-600, etc.
 */
.vulnerabilities-tab {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
}

/* Sub-nav + divider stay fixed; `.vulnerabilities-tab__content` absorbs height + table scroll (Reports tab pattern). */
.vulnerabilities-tab > :not(.vulnerabilities-tab__content) {
  flex-shrink: 0;
}

.vulnerabilities-tab__content {
  padding: 1.5rem; /* p-6 */
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.vulnerabilities-tab__primary-action {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; /* gap-2 */
}

.vulnerabilities-tab__primary-action-message {
  color: #dc2626; /* text-red-600 */
  margin-top: 0.5rem; /* mt-2 */
  margin-bottom: 0; /* mb-0 */
  font-size: 0.875rem; /* text-sm */
}

/* Link-style button: reset border/background/padding, cursor, text alignment, inherit font */
.vulnerabilities-tab__link-btn {
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

/* Colored link (Remediation patch name, Missing Devices): same reset + color, hover/focus underline */
.vulnerabilities-tab__link-btn--primary {
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: var(--hex-active-tab-color);
}
.vulnerabilities-tab__link-btn--primary:hover {
  text-decoration: underline;
}
.vulnerabilities-tab__link-btn--primary:focus {
  outline: none;
  text-decoration: underline;
}/**
 * CVE Details page layout and elements.
 * Replicates Tailwind: flex, flex-col, flex-1, min-h-0, p-6, gap-3, mb-6, border-0, rounded, etc.
 */
.cve-details-page {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
}

.cve-details-page__content {
  padding: 1.5rem 50px;
  flex: 1 1 0%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.cve-details-page__back-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem; /* gap-3 */
  margin-bottom: 1.5rem; /* mb-6 */
}

.cve-details-page__back-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem; /* gap-1 */
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  color: var(--hex-active-tab-color);
  font-weight: 500; /* font-medium */
}
.cve-details-page__back-btn:hover {
  text-decoration: underline;
}

.cve-details-page__breadcrumb {
  color: var(--hex-color-secondary);
}

.cve-details-page__error-text {
  color: #dc2626; /* text-red-600 */
}

.cve-details-page__header {
  margin-bottom: 1.5rem; /* mb-6 */
}

.cve-details-page__header-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem; /* gap-3 */
  margin-bottom: 1rem; /* mb-4 */
}

.cve-details-page__heading-m0 {
  margin: 0; /* m-0 */
}

.cve-details-page__subtitle {
  color: var(--hex-color-secondary);
  margin: 0;
  margin-top: 0.25rem; /* mt-1 */
}

.cve-details-page__summary-wrap {
  border-radius: 0.25rem; /* rounded */
  border: 1px solid var(--hex-border-color);
  background-color: #fff;
  padding: 1rem; /* p-4 */
  margin-bottom: 1.5rem; /* mb-6 */
}

.cve-details-page__heading-section-spaced {
  margin-bottom: 20px;
  margin-top: 10px;
}

.cve-details-page__summary-list {
  padding: 20px;
}

.cve-details-page__summary-row {
  min-height: 2.5em;
  gap: 50px;
}

.cve-details-page__m0 {
  margin: 0;
}

.cve-details-page__tabs-section {
  border-radius: 0.25rem; /* rounded */
  border: 1px solid var(--hex-border-color);
  background-color: #fff;
  padding: 1rem; /* p-4 */
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.cve-details-page__hr {
  margin-top: 1rem; /* my-4 */
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid var(--hex-border-color);
}

.cve-details-page__tab-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.cve-details-page__mb4 {
  margin-bottom: 1rem; /* mb-4 */
}

.cve-details-page__alert-message {
  color: #dc2626; /* text-red-600 */
  margin-top: 0.5rem; /* mt-2 */
  margin-bottom: 0;
}

.cve-details-page__table-wrap {
  flex: 1 1 0%;
  min-height: 0;
}

.cve-details-page__action-wrap {
  margin-bottom: 1rem; /* mb-4 */
}

.cve-severity-badge-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.cve-severity-badge-summary--critical {
  background-color: #ffe6e6;
  color: #ff7070;
}
.cve-severity-badge-summary--high {
  background-color: #fff1e6;
  color: #ff9344;
}
.cve-severity-badge-summary--medium {
  background-color: #fffaed;
  color: #674801;
}
.cve-severity-badge-summary--low {
  background-color: #ebfcf4;
  color: #074e0b;
}/**
 * Missing Devices page layout and elements.
 * Replicates Tailwind: flex, flex-col, flex-1, min-h-0, p-6, gap-3, mb-4, border-0, rounded, etc.
 */
.missing-devices-page {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
}

.missing-devices-page__content {
  padding: 1.5rem 50px;
  flex: 1 1 0%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.missing-devices-page__back-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2.5rem;
}

.missing-devices-page__back-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem; /* gap-1 */
  border: 0;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  color: var(--hex-active-tab-color);
  font-weight: 500; /* font-medium */
}
.missing-devices-page__back-btn:hover {
  text-decoration: underline;
}
.missing-devices-page__back-btn:focus {
  outline: none;
  text-decoration: underline;
}

.missing-devices-page__breadcrumb {
  color: var(--hex-color-secondary);
}

.missing-devices-page__header {
  margin-bottom: 2.5rem; /* mb-6 */
}

.missing-devices-page__heading {
  margin: 0; /* m-0 */
}

.missing-devices-page__section {
  border-radius: 0.25rem; /* rounded */
  border: 1px solid var(--hex-border-color);
  background-color: #fff;
  padding: 1rem; /* p-4 */
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.missing-devices-page__table-wrap {
  flex: 1 1 0%;
  min-height: 0;
}
/**
 * Deployment tab layout, toast, table block, and action buttons.
 * Replicates Tailwind: flex, flex-col, flex-1, min-h-0, p-6, toast, link/button overrides.
 */
.deployment-tab {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
}

.deployment-tab__header-wrap {
  padding: 1.5rem; /* p-6 */
  padding-bottom: 0; /* pb-0 */
}

.deployment-tab__header-wrap .top-bar__head {
  line-height: 30px;
}

.deployment-tab__header-wrap .reports-base__subline {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
}

.deployment-tab__content {
  padding: 1.5rem; /* p-6 */
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* Match Vulnerabilities / ReportsBase: primary actions + search + filter sit above the table, not inside it. */
.deployment-tab__toolbar {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.deployment-tab__toolbar-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* Align primary button height with ReportsBase / Vulnerabilities action row */
.deployment-tab__toolbar-new-btn.hex-primary-button.hex-button-common {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 5px 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  box-sizing: border-box;
}

.deployment-tab__toast {
  margin-bottom: 1rem; /* mb-4 */
  padding-left: 1rem; /* px-4 */
  padding-right: 1rem;
  padding-top: 0.5rem; /* py-2 */
  padding-bottom: 0.5rem;
  border-radius: 0.25rem; /* rounded */
  display: flex;
  align-items: center;
  gap: 0.5rem; /* gap-2 */
}
.deployment-tab__toast--success {
  background-color: #dcfce7; /* bg-green-100 */
  color: #166534; /* text-green-800 */
}
.deployment-tab__toast--error {
  background-color: #fee2e2; /* bg-red-100 */
  color: #991b1b; /* text-red-800 */
}

/* Table area: no outer card border (same as Vulnerabilities / ReportsBase table container). */
.deployment-tab__table-block {
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Table + pagination are siblings (Table uses a fragment). Stack them in a column so the grid
   scrolls vertically and pagination stays visible; without this, overflow:hidden clipped pagination. */
.deployment-tab__table-inner {
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Scroll vertically for many rows; scroll horizontally when row content is wider than the viewport. */
.deployment-tab__table-inner > .hex-report-table-div {
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  overflow-x: auto;
  overflow-y: auto;
  margin-top: 0 !important; /* Table defaults to 15px when no selection bar */
}

.deployment-tab__table-inner > .hex-list-pagination {
  flex-shrink: 0;
}

/* Let columns grow with content; Table defaults to max-width 500px + ellipsis on tbody cells — override below. */
.deployment-tab__table-inner .hex-report_list-table {
  table-layout: auto;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}

/* Shared Table applies inline nowrap + overflow hidden + maxWidth 500px on tbody td; override so long values stay visible. */
.deployment-tab__table-inner .hex-report_list-table tbody td {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
}

/* Name link button: reset background/border/padding, cursor, hover underline, text-left */
.deployment-tab__name-link {
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  cursor: pointer;
  text-align: left;
}
.deployment-tab__name-link:hover {
  text-decoration: underline;
}

.deployment-tab__name-out-of-scope {
  cursor: default;
}

/* Legacy parity: only non-name cells use disable_content_without_pointer_events greying.
   Name cell stays full opacity; span_op fades text until hover (then solid black). */
.deployment-tab__row-out-of-scope td:not(:first-child) {
  color: #a7a7a7 !important;
  opacity: 0.45;
  pointer-events: none;
}

.deployment-tab__row-out-of-scope td:first-child {
  pointer-events: none;
}

.deployment-tab__row-out-of-scope td:first-child .deployment-tab__restriction-popover-trigger {
  pointer-events: auto;
  display: inline-block;
  max-width: 100%;
  color: #a7a7a7;
  opacity: 0.6;
  cursor: default;
  transition: opacity 0.15s ease, color 0.15s ease;
}
.deployment-tab__row-out-of-scope td:first-child .deployment-tab__restriction-popover-trigger:hover, .deployment-tab__row-out-of-scope td:first-child .deployment-tab__restriction-popover-trigger:focus-within {
  opacity: 1;
  color: var(--hex-color-basic, #191919);
}

/* Bootstrap popover parity with deployments list (body.deployment-list-view rules). */
.deployment-tab__restriction-popover.popover {
  z-index: 1060;
  opacity: 1 !important;
}
.deployment-tab__restriction-popover.popover.right .popover-content, .deployment-tab__restriction-popover.popover.left .popover-content {
  min-width: 260px;
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
  color: #888;
  font-weight: normal;
}

/* Run Now removed from Patches → Automations (legacy parity). Kept for reference if reintroduced elsewhere. */
.deployment-tab__run-now-btn {
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  color: var(--hex-active-tab-color) !important;
  cursor: pointer;
}
.deployment-tab__run-now-btn:hover {
  text-decoration: underline;
}
.deployment-tab__run-now-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}/**
 * Reports tab layout: fill `.patches-page__main` height; table scrolls inside ReportsBase (`fillTableArea`).
 */
.reports-tab-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
}

.reports-tab-content > :not(.reports-base) {
  flex-shrink: 0;
}/**
 * Patches & Updates main page layout.
 * Replicates Tailwind: flex, flex-col, min-h-full, flex-1, min-w-0, overflow, scrollbar hidden, h-[80vh].
 */
.patches-page {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/* Full-width tab row only (matches Angular: tabs span content, help sits in right column below). */
.patches-page__subnav-row {
  width: 100%;
  min-width: 0;
  background-color: #fff;
}

.patches-page__layout {
  display: flex;
  flex: 1 1 0%;
  min-height: 0;
}

.patches-page__main {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-width: 0;
  min-height: 0;
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background-color: #fff;
}
.patches-page__main::-webkit-scrollbar {
  display: none;
}
.patches-page__main {
  /* Let tab roots (e.g. Patches tab) use flex: 1 so inner table scroll fills the pane. */
}
.patches-page__main > * {
  min-height: 0;
}
.patches-page__main--full-width {
  display: flex;
  flex-direction: column;
}
.patches-page__main--constrained {
  height: 80vh;
}

/**
 * Right rail: narrow column for help icons (Angular analytics__info beside content).
 * Visually aligned with left `.patches-sidebar`: white, border, full content height.
 */
.patches-page__help-rail {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 35px;
  min-width: 35px;
  height: 85vh;
  box-sizing: border-box;
  background-color: #fff;
  border-left: 1px solid #e5e7eb;
  overflow: visible;
}/**
 * Patch Groups tab layout and dropdown.
 * Replicates Tailwind: p-6, mb-6, flex, gap-3, border-gray-200, dropdown, modal title/content.
 */
.patch-groups-tab {
  padding: 1.5rem; /* p-6 */
}

.patch-groups-tab__section {
  margin-bottom: 1.5rem; /* mb-6 */
  display: flex;
  flex-direction: column;
}

.patch-groups-tab__header {
  padding-bottom: 1rem; /* pb-4 */
  border-bottom: 1px solid #e5e7eb; /* border-gray-200 */
}

.patch-groups-tab__title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 0.5rem; /* mb-2 */
}

.patch-groups-tab__subline {
  font-size: 12px;
  color: #4b5563; /* text-gray-600 */
}

.patch-groups-tab__actions {
  display: flex;
  gap: 0.75rem; /* gap-3 */
  margin-top: 1.5rem; /* mt-6 */
}

.patch-groups-tab__dropdown-wrap {
  position: relative;
}

.patch-groups-tab__dropdown-icon {
  margin-left: 0.5rem; /* ml-2 */
  display: inline;
}

.patch-groups-tab__dropdown {
  position: absolute;
  left: 0;
  margin-top: 0.5rem; /* mt-2 */
  width: 14rem; /* w-56 */
  background-color: #fff;
  border: 1px solid #e5e7eb; /* border-gray-200 */
  border-radius: 0.75rem; /* rounded-xl */
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); /* shadow-xl */
  z-index: 50;
  overflow: hidden;
}

.patch-groups-tab__dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0.5rem 1rem;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.patch-groups-tab__dropdown-item .glyphicon {
  display: inline-block;
  width: 1em;
  text-align: center;
  font-size: 1em;
}
.patch-groups-tab__dropdown-item:hover:not(.patch-groups-tab__dropdown-item--disabled) {
  background-color: #f3f4f6;
}
.patch-groups-tab__dropdown-item:focus-visible {
  outline: 2px solid #0449d1;
  outline-offset: -2px;
}
.patch-groups-tab__dropdown-item--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #9ca3af;
}

.patch-groups-tab .hex-modal-header {
  padding: 12px 16px;
}

.patch-groups-tab-modal-title {
  font-size: 16px;
  font-weight: bold;
}

.patch-groups-tab-modal-content {
  padding-top: 1rem; /* py-4 */
  padding-bottom: 1rem;
}

.patch-groups-tab-modal-automations-loading {
  margin-top: 0.75rem;
  color: #6b7280;
  font-size: 14px;
}

.patch-groups-tab-modal-automations {
  margin-top: 0.75rem;
}

.patch-groups-tab-modal-automations-label {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.5rem;
}

.patch-groups-tab-modal-automations-list {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}

.patch-groups-tab-modal-automations-link {
  color: #0449d1;
  font-size: 14px;
  text-decoration: none;
}
.patch-groups-tab-modal-automations-link:hover {
  text-decoration: underline;
}/**
 * Add/Edit Patch Group page layout and elements.
 * Replicates Tailwind: min-h-full, p-0, flex, gap-*, border, rounded, etc.
 */
.add-patch-group {
  min-height: 100%;
  padding: 0;
}

.add-patch-group__inner {
  background-color: white;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}

.add-patch-group__top-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--hex-border-color, #e0e0e0);
}

.add-patch-group__heading-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  min-width: 0;
  flex: 1;
}

.add-patch-group__title-wrap {
  display: flex;
  min-width: 0;
}

.add-patch-group__description-wrap {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  max-width: 100%;
  min-width: 0;
}

.add-patch-group__description-preview {
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: #333;
  flex: 1;
  min-width: 0;
}

.add-patch-group__heading {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #333;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}

.add-patch-group__edit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
}
.add-patch-group__edit-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.add-patch-group__edit-icon {
  display: block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.add-patch-group__edit-btn:hover .add-patch-group__edit-icon {
  filter: brightness(0);
}

.add-patch-group__actions {
  display: flex;
  gap: 0.75rem;
  flex-shrink: 0;
  justify-content: flex-start;
}

.add-patch-group__action-btn {
  width: 90px;
}

.add-patch-group__save-btn:disabled {
  background-color: rgba(4, 73, 209, 0.2);
}

.add-patch-group__spinner {
  height: 1rem;
  width: 1rem;
  animation: add-patch-group-spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top-color: transparent;
}

@keyframes add-patch-group-spin {
  to {
    transform: rotate(360deg);
  }
}
.add-patch-group__remove-patch-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  border-radius: 9999px;
  transition-property: color, background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.add-patch-group__remove-patch-btn:hover {
  color: #dc2626;
  background-color: #fef2f2;
}

.add-patch-group__remove-patch-icon {
  display: block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.add-patch-group__section {
  margin-bottom: 1.5rem;
}

.add-patch-group__group-type-row {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.add-patch-group__label {
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #333;
  min-width: 200px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.add-patch-group__radio-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 200px;
}

.add-patch-group__radio {
  margin-top: 0 !important;
}

.add-patch-group__radio-label {
  margin-bottom: 0;
  font-size: 14px;
}

.add-patch-group__group-type-readonly {
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #191919;
  margin: 0;
}

.add-patch-group__section-heading {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid var(--hex-border-color, #e0e0e0);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.add-patch-group__intro {
  font-size: 14px;
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

.add-patch-group__tags-wrap {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.add-patch-group__tags-inner {
  background-color: #fff;
}

.add-patch-group__tag-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.add-patch-group__tag-label {
  font-family: Lato, sans-serif;
  margin: 0;
  font-size: 14px;
  color: #333;
  min-width: 190px;
  display: flex;
  align-items: center;
}

.add-patch-group__select {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 5px;
  width: 300px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 34px;
  /* Match the product's default dropdown chevron asset, slightly larger than native */
  background-image: url("https://static.hexnodemdm.com/v109.3.0/img/report/select_down.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px 20px;
}

.add-patch-group__tag-value-wrap {
  position: relative;
  width: 300px;
}

.add-patch-group__tag-category-wrap {
  position: relative;
  width: 300px;
}

.add-patch-group__tag-category-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  text-align: left;
  cursor: pointer;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 5px;
  background-color: #fff;
}

.add-patch-group__tag-category-trigger-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #111827;
}

.add-patch-group__tag-category-trigger-text--placeholder {
  color: #9ca3af;
}

.add-patch-group__tag-category-trigger-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.add-patch-group__tag-category-menu {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 0.5rem;
  width: 100%;
  min-width: 300px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  z-index: 60;
  overflow: hidden;
}

.add-patch-group__tag-category-options {
  max-height: 235px;
  overflow: auto;
  background-color: #fff;
}

.add-patch-group__tag-category-option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 12px 16px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #374151;
}
.add-patch-group__tag-category-option:hover {
  background-color: #f3f4f6;
}
.add-patch-group__tag-category-option--active {
  background-color: #f0f7ff;
  color: #0449d1;
}

.add-patch-group__tag-value-wrap--disabled {
  opacity: 0.55;
}

.add-patch-group__tag-value-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 5px;
  background-color: #fff;
}
.add-patch-group__tag-value-trigger[aria-disabled=true] {
  cursor: not-allowed;
}
.add-patch-group__tag-value-trigger--pills {
  align-items: flex-start;
  min-height: 40px;
}

.add-patch-group__tag-value-trigger-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #111827;
}

.add-patch-group__tag-value-trigger-text--placeholder {
  color: #9ca3af;
}

.add-patch-group__tag-value-trigger-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.add-patch-group__tag-value-trigger-chevron {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  align-self: center;
  margin-left: auto;
}

.add-patch-group__tag-value-pills {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

/* Category colors match `PatchGroupSummary.scss`; shape is the Add Patch Group pill (capsule). */
.add-patch-group__tag-pill {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 0.35rem 0.6rem;
  border-radius: 9999px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 1.25;
}

.add-patch-group__tag-pill-cat--environment {
  background-color: #e9f2ff;
  color: #0449d1;
}

.add-patch-group__tag-pill-cat--patching-window {
  background-color: #f2f3fd;
  color: #2e3cdb;
}

.add-patch-group__tag-pill-cat--severity {
  background-color: #fff4db;
  color: #c28800;
}

.add-patch-group__tag-pill-cat--department {
  background-color: #e1fff6;
  color: #5a8d7d;
}

.add-patch-group__tag-pill-cat--patching-type {
  background-color: #d4efd1;
  color: #337e2b;
}

.add-patch-group__tag-pill-cat--default {
  background-color: #eaeef0;
  color: #788c9b;
}

.add-patch-group__tag-pill-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 7.5rem;
}

.add-patch-group__tag-pill-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 0.15rem 0 0.8rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 19px;
  line-height: 1;
  color: currentColor;
  opacity: 0.55;
}
.add-patch-group__tag-pill-remove:hover {
  opacity: 1;
}

.add-patch-group__tag-pill--count {
  padding: 0.15rem 0.5rem;
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
}

.add-patch-group__tag-value-menu {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 0.5rem;
  width: 100%;
  min-width: 300px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  z-index: 50;
  overflow: hidden;
}

.add-patch-group__tag-value-search {
  padding: 0.75rem 0.75rem 0.5rem;
  border-bottom: 1px solid #e5e7eb;
  background-color: #fff;
}

.add-patch-group__tag-value-search-input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem 0.625rem;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-family: Lato, sans-serif;
  font-size: 14px;
}
.add-patch-group__tag-value-search-input:focus {
  outline: none;
  border-color: #0449d1;
}

.add-patch-group__tag-value-options {
  max-height: 235px;
  overflow: auto;
  background-color: #fff;
}

.add-patch-group__tag-value-option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 12px 16px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #374151;
}
.add-patch-group__tag-value-option:hover {
  background-color: #f3f4f6;
}

.add-patch-group__tag-value-option--row {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* Same asset + class as `FilterDropdown` list options (`activebox` / `inactivebox`). */
}
.add-patch-group__tag-value-option--row .filter-checkbox {
  flex-shrink: 0;
  display: block;
  width: 20px;
  height: 20px;
}
.add-patch-group__tag-value-option--row:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
}

/* Value label: summary-style pill; width follows text (not full row). */
.add-patch-group__tag-value-option-pill {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  font-family: Lato, sans-serif;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  box-sizing: border-box;
  align-self: center;
  vertical-align: middle;
}

.add-patch-group__tag-value-empty {
  padding: 12px 16px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: #6b7280;
}

.add-patch-group__tag-value-create {
  padding: 12px 16px 16px;
  background-color: #fff;
}

.add-patch-group__tag-value-create-title {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #788c9b;
}

.add-patch-group__tag-value-create-divider {
  margin: 10px 0 12px;
  border: 0;
  border-top: 1px solid #e5e7eb;
}

.add-patch-group__tag-value-create-actions {
  display: flex;
  justify-content: center;
}

.add-patch-group__tag-value-create-btn {
  border: none;
  background: transparent;
  padding: 8px 10px;
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #3f51b5;
}
.add-patch-group__tag-value-create-btn:hover {
  text-decoration: underline;
}
.add-patch-group__tag-value-create-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: none;
}

.add-patch-group__add-tag-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  margin-left: 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.add-patch-group__add-tag-btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.add-patch-group__add-tag-btn:not(.add-patch-group__add-tag-btn--disabled):hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.add-patch-group__remove-tag-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.add-patch-group__remove-tag-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.add-patch-group__tag-action-icon {
  display: block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.add-patch-group__custom-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

.add-patch-group__custom-label {
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
  margin-left: 0;
  min-width: 200px;
}

.add-patch-group__input {
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  padding: 0.375rem 0.375rem;
  width: 300px;
}

.add-patch-group__criteria-desc,
.add-patch-group__exceptions-desc {
  font-size: 14px;
  font-family: Lato, sans-serif;
  margin-bottom: 1.5rem;
}

.add-patch-group__filter-box {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  position: relative;
  overflow: visible !important;
  z-index: 10;
}
.add-patch-group__filter-box--bordered {
  border: 1px solid #d1d5db;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.add-patch-group__filter-box--none {
  border: none;
}

.add-patch-group__exception-box {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  position: relative;
  overflow: visible !important;
  z-index: 9;
}
.add-patch-group__exception-box--bordered {
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.add-patch-group__exception-box--none {
  border: none;
}

.add-patch-group__new-filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
}
.add-patch-group__new-filter-btn:hover .add-patch-group__new-filter-inner {
  background-color: #033a9e;
}
.add-patch-group__new-filter-btn:focus-visible {
  outline: 2px solid #0449d1;
  outline-offset: 2px;
  border-radius: 0.5rem;
}

.add-patch-group__new-filter-btn--secondary {
  color: #333;
}
.add-patch-group__new-filter-btn--secondary:hover .add-patch-group__new-filter-inner {
  background-color: #033a9e;
}

.add-patch-group__new-filter-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  background-color: #0449d1;
  color: #fff;
  min-height: 40px;
  padding: 8px 20px;
  border-radius: 0.5rem;
  border: none;
  transition: background-color 0.15s ease;
}

.add-patch-group__patches-table {
  width: 100%;
}

.add-patch-group__patch-tabs {
  margin-bottom: 0;
}
.add-patch-group__patch-tabs.add-patch-group__criteria-split-tabs {
  margin-bottom: 0;
}
.add-patch-group__patch-tabs .sub-navbar__tab {
  width: 100px;
  min-width: 100px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.add-patch-group__patch-tabs-desc {
  margin-top: 0.75rem;
}

.topspace60px {
  margin-top: 60px;
}

/** Read-only technician: hide tag/criteria editors (view-only add/edit flows). */
.add-patch-group--read-only .add-patch-group__tag-category-trigger,
.add-patch-group--read-only .add-patch-group__tag-value-trigger,
.add-patch-group--read-only .add-patch-group__tag-pill-remove,
.add-patch-group--read-only .add-patch-group__add-tag-btn,
.add-patch-group--read-only .add-patch-group__remove-tag-btn,
.add-patch-group--read-only .add-patch-group__new-filter-btn {
  display: none;
}
.add-patch-group--read-only .add-patch-group__filter-box .filter-builder,
.add-patch-group--read-only .add-patch-group__exception-box .filter-builder {
  pointer-events: none;
}/**
 * Patch Group Summary page layout and elements.
 * Replicates Tailwind: min-h-full, bg-white, p-[40px], flex, gap-*, border, rounded, etc.
 */
.patch-group-summary {
  min-height: 100%;
  background-color: #fff;
  padding: 40px;
  font-family: Lato, sans-serif;
}

.patch-group-summary__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.patch-group-summary__top-bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--hex-border-color, #e0e0e0);
}

.patch-group-summary__title-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.patch-group-summary__heading {
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #333;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}

.patch-group-summary__tags {
  display: flex;
  gap: 1rem;
}

.patch-group-summary__tags--below-description {
  margin-top: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
}

.patch-group-summary__tag-overflow-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.5rem;
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  border: none;
  border-radius: 0.375rem;
  background-color: #eaeef0;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
}
.patch-group-summary__tag-overflow-more:hover {
  background-color: #dde2e6;
}
.patch-group-summary__tag-overflow-more:focus-visible {
  outline: 2px solid #0449d1;
  outline-offset: 2px;
}

/* position + size set inline (fixed to viewport under +N click) */
.patch-group-summary__tag-overflow-popover {
  z-index: 80;
  box-sizing: border-box;
  width: 208px;
  max-width: calc(100vw - 16px);
  padding: 0.75rem;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08);
}

.patch-group-summary__tag-overflow-popover-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  max-height: min(22rem, 55vh);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.patch-group-summary__tag-overflow-row {
  display: block;
  width: 100%;
  min-width: 0;
  flex-shrink: 0;
  padding: 6px 0px;
}

.patch-group-summary__tag-overflow-row .patch-group-summary__tag-pill {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.patch-group-summary__group-type-badge {
  padding: 0.125rem 0.5rem;
  font-size: 12px;
  font-weight: 600;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  white-space: nowrap;
  background-color: #eaeef0;
  color: #788c9b;
}

.patch-group-summary__tag-pill {
  padding: 0.125rem 0.5rem;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}

.patch-group-summary__tag-cat--environment {
  background-color: #e9f2ff;
  color: #0449d1;
}

.patch-group-summary__tag-cat--patching-window {
  background-color: #f2f3fd;
  color: #2e3cdb;
}

.patch-group-summary__tag-cat--severity {
  background-color: #fff4db;
  color: #c28800;
}

.patch-group-summary__tag-cat--department {
  background-color: #e1fff6;
  color: #5a8d7d;
}

.patch-group-summary__tag-cat--patching-type {
  background-color: #d4efd1;
  color: #337e2b;
}

.patch-group-summary__tag-cat--default {
  background-color: #eaeef0;
  color: #788c9b;
}

.patch-group-summary__description {
  color: #333;
  font-size: 12px;
}

.patch-group-summary__actions {
  display: flex;
  gap: 0.75rem;
  flex-shrink: 0;
}

.patch-group-summary__action-btn {
  width: 90px;
}

.patch-group-summary__meta-section {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  color: #333;
}

.patch-group-summary__meta-row {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 14px;
  font-family: Lato, sans-serif;
}

.patch-group-summary__meta-label {
  margin-bottom: 0;
  min-width: 200px;
  font-weight: bold;
}

.patch-group-summary__meta-value {
  margin-bottom: 0;
}

.patch-group-summary__section-heading {
  font-family: Lato, sans-serif;
  font-size: 16px;
  border-bottom: 1px solid var(--hex-border-color, #e0e0e0);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.add-patch-group__section {
  margin-bottom: 2.5rem;
}

.add-patch-group__criteria-desc,
.add-patch-group__exceptions-desc {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.add-patch-group__filter-box,
.add-patch-group__exception-box {
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
  margin-top: 1rem;
}
.add-patch-group__filter-box--bordered,
.add-patch-group__exception-box--bordered {
  border: 1px solid #e5e7eb;
}

.filter-builder--readonly .filter-builder__group {
  display: flex;
  gap: 1rem;
}
.filter-builder--readonly .filter-builder__where {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  margin-bottom: 0.5rem;
}
.filter-builder--readonly .filter-builder__row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.filter-builder--readonly .filter-builder__row.filter-builder__row__level-1 {
  margin-left: 48px;
}
.filter-builder--readonly .filter-builder__row.filter-builder__row__level-2 {
  margin-left: 96px;
}
.filter-builder--readonly .filter-builder__row-content {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.filter-builder--readonly .filter-builder__field-group {
  display: flex;
  align-items: center;
}
.filter-builder--readonly .filter-builder__operator--readonly {
  height: 38px;
  min-width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #4b5563;
  text-transform: uppercase;
}
.filter-builder--readonly .filter-builder__select--readonly {
  height: 38px;
  min-width: 180px;
  padding: 0 12px;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 14px;
  color: #374151;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}
.filter-builder--readonly .filter-builder__input--readonly {
  height: 38px;
  min-width: 240px;
  padding: 0 12px;
  background-color: #f9fafb;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  display: flex;
  align-items: center;
}

.patch-group-summary__empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  color: #9ca3af;
  font-size: 14px;
  font-family: Lato, sans-serif;
}

.patch-group-summary__exceptions-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2rem;
  min-height: 120px;
}
.patch-group-summary__exceptions-empty img {
  display: block;
}
.patch-group-summary__exceptions-empty p {
  margin: 0;
  color: #9ca3af;
  font-size: 14px;
  font-family: Lato, sans-serif;
}

.patch-group-summary__main {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
}

.patch-group-summary__subnav {
  border-bottom: 1px solid #f3f4f6;
  padding-left: 0 !important;
}
.patch-group-summary__subnav .sub-navbar__tab {
  width: 100px;
  min-width: 100px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.patch-group-summary__tab-content {
  padding: 1.5rem 0;
}

.patch-group-summary__empty-box {
  padding: 24px;
  text-align: center;
  color: #9ca3af;
  font-size: 14px;
  font-style: italic;
}

.patch-group-summary__fade-in {
  animation: patch-group-summary-fade-in 300ms ease-out;
}

@keyframes patch-group-summary-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.patch-group-summary__intro {
  font-size: 14px;
  font-family: Lato, sans-serif;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 1rem;
}

.patch-group-summary__patch-type-tabs {
  margin-bottom: 1rem;
}
.patch-group-summary__patch-type-tabs .sub-navbar__tab {
  width: 100px;
  min-width: 100px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.patch-group-summary__criteria-exception-tabs {
  margin-bottom: 0;
}
.patch-group-summary__criteria-exception-tabs .sub-navbar__tab {
  width: 100px;
  min-width: 100px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.patch-group-summary .add-patch-group__patch-tabs-desc {
  margin-top: 0.75rem;
}

.patch-group-summary__automations-intro {
  font-size: 14px;
  font-family: Lato, sans-serif;
  color: #333;
  margin-bottom: 1rem;
}/* Match Angular .patch-details-summary and available_patches.css */
.patch-details-summary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  color: var(--hex-color-basic, #191919);
  font-family: var(--hex-font-family, "Lato", sans-serif);
  margin-top: 20px;
}

.patch-details-summary__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.patch-details-summary--desc {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 280px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.ptchSummDesc_content {
  display: flex;
  flex-direction: row;
  gap: 20px;
  font-size: 14px;
  line-height: 21px;
}

.ptchSummDesc_content--left {
  color: #191919;
  font-weight: 600;
  flex-shrink: 0;
  width: 220px;
  min-width: 220px;
}

.ptchSummDesc_content > div:last-child {
  color: #767676;
  word-wrap: break-word;
}

.patch-details-summary__severity-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.patch-details-summary__severity-icon {
  flex-shrink: 0;
  display: block;
}

/* Report header and description before table (matches Angular avl_ptch_summary) */
.patch-details-summary__report-header {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
}

.patch-details-summary__report-title {
  font: 16px Lato, sans-serif;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.patch-details-summary__report-description {
  font: 14px Lato, sans-serif;
  line-height: 21px;
  font-weight: 400;
}

/* Match Angular list-tag (classification tags) */
.list-tag {
  background-color: #e9f2ff;
  margin: 2px 6px 2px 0;
  display: inline-flex;
}

.subHeading {
  font-size: 14px !important;
}

.patch-details-summary__charts {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 320px;
  width: 500px;
}
.patch-details-summary__charts--cards {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}

/* Match .patch-details-summary--graph layout (chart blocks) */
.patch-details-summary__chart-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 20px;
  min-height: 231px;
}

.patch-details-summary__chart-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.patch-details-summary__table-wrap {
  margin-top: 24px;
  width: 100%;
}

.patch-details-summary__error {
  color: #767676;
}.update-detail-device-list-tab {
  width: 100%;
}

.update-detail-device-list-tab__toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.update-detail-device-list-tab__search {
  max-width: 280px;
}

.update-detail-device-list-tab__table-wrap {
  width: 100%;
}

.update-detail-device-list-tab__error {
  color: #767676;
  padding: 20px;
}.update-detail-automations-tab {
  width: 100%;
}

.update-detail-automations-tab__toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.update-detail-automations-tab__search {
  max-width: 280px;
}

.update-detail-automations-tab__table-wrap {
  width: 100%;
}

.update-detail-automations-tab__error {
  color: #767676;
  padding: 20px;
}

.update-detail-automations-tab__name-out-of-scope {
  cursor: default;
}

.update-detail-automations-tab__row-out-of-scope td:not(:first-child) {
  color: #a7a7a7 !important;
  opacity: 0.45;
  pointer-events: none;
}

.update-detail-automations-tab__row-out-of-scope td:first-child {
  pointer-events: none;
}

.update-detail-automations-tab__row-out-of-scope td:first-child .deployment-tab__restriction-popover-trigger {
  pointer-events: auto;
  display: inline-block;
  max-width: 100%;
  color: #a7a7a7;
  opacity: 0.6;
  cursor: default;
  transition: opacity 0.15s ease, color 0.15s ease;
}
.update-detail-automations-tab__row-out-of-scope td:first-child .deployment-tab__restriction-popover-trigger:hover, .update-detail-automations-tab__row-out-of-scope td:first-child .deployment-tab__restriction-popover-trigger:focus-within {
  opacity: 1;
  color: var(--hex-color-basic, #191919);
}

.deployment-tab__restriction-popover.popover {
  z-index: 1060;
  opacity: 1 !important;
}
.deployment-tab__restriction-popover.popover.right .popover-content, .deployment-tab__restriction-popover.popover.left .popover-content {
  min-width: 260px;
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
  color: #888;
  font-weight: normal;
}.update-detail-page {
  display: flex;
  flex-direction: column;
  color: var(--hex-color-basic, #191919);
  font-family: var(--hex-font-family, "Lato", sans-serif);
  gap: 0;
  margin-bottom: -15px;
  min-height: 100%;
}

.update-details-header {
  background-color: var(--white-color, #fff);
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.update-details-header__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 22px;
}

.update-details-header__left {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: center;
}

.patchNameContainer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.flexDisp {
  display: flex;
  gap: 8px;
}

.flagOnly {
  width: 37px !important;
  min-width: 37px !important;
}

.subHeading {
  font-size: 14px !important;
}

.update-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.update-detail-page__back {
  color: #0449d1;
  text-decoration: none;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.update-detail-page__back:hover {
  text-decoration: underline;
}

.update-detail-tabs {
  display: flex;
  flex-direction: row;
  gap: 0;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  background-color: var(--white-color, #fff);
  padding: 10px 40px 0px 40px;
}

.update-detail-tab {
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #767676;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  margin-bottom: -1px;
}

.update-detail-tab:hover {
  color: #191919;
}

.update-detail-tab--active {
  color: #0449d1;
  border-bottom-color: #0449d1;
}

.update-detail-tab:disabled {
  cursor: default;
  opacity: 0.7;
}

.update-detail-content {
  flex: 1;
  background-color: var(--white-color, #fff);
  padding: 20px 40px 40px;
}

.update-detail-page__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.update-detail-page__error {
  padding: 24px 40px;
  color: #767676;
}

.update-detail-page__error a {
  color: #0449d1;
  margin-top: 8px;
  display: inline-block;
}

/* Severity tags (match Angular hex-tag-*) */
.hex-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}

.hex-tag-unknown {
  background-color: #f0f5fc;
  color: #191919;
}

.hex-tag-error {
  background-color: #ffebeb;
  color: #c00;
}

.hex-tag-important {
  background-color: #fff4e6;
  color: #b45309;
}

.hex-tag-pending {
  background-color: #fef9e7;
  color: #674801;
}

.hex-tag-success {
  background-color: #e8f5e9;
  color: #074e0b;
}

.hex-tag-blue {
  background-color: #e3f2fd;
  color: #0078d4;
}

.bouncing-loader {
  display: flex;
  justify-content: center;
  gap: 4px;
}

.bouncing-loader div {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0449d1;
  animation: bounce 1.4s ease-in-out infinite both;
}

.bouncing-loader div:nth-child(1) {
  animation-delay: -0.32s;
}

.bouncing-loader div:nth-child(2) {
  animation-delay: -0.16s;
}

.flexStyle {
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}.manage-major-nav {
  display: flex;
  padding: 5px 0 5px 5px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: fixed;
  top: 45px;
  left: 0;
  bottom: 0;
  z-index: 1999;
  box-sizing: border-box;
  width: 80px;
}

.manage-major-nav__inner {
  display: flex;
  padding: 10px 5px 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  background: #111;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.05);
  overflow: hidden;
  box-sizing: border-box;
}

.manage-major-nav__nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1 0 0;
}

.manage-major-nav__nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.manage-major-nav__link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  outline: none;
}

.manage-major-nav__link:hover,
.manage-major-nav__link:focus {
  color: #ffffff;
  text-decoration: none;
  outline: none;
}

.manage-major-nav__link:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.35);
  outline-offset: 2px;
}

.manage-major-nav__link--active {
  color: #ffffff;
}

.manage-major-nav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  border-radius: 8px;
  padding: 6px 4px;
  width: 100%;
  min-height: 37px;
  box-sizing: border-box;
}

.manage-major-nav__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: currentColor;
  line-height: 0;
}

.manage-major-nav__label {
  color: currentColor;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  width: 100%;
  word-break: break-word;
}

@media only screen and (max-width: 767px) {
  .manage-major-nav {
    display: none;
  }
}.manage-chg-pwd {
  position: fixed;
  inset: 0;
  z-index: 2200;
  display: block;
  overflow: auto;
  overflow-y: scroll;
  font-family: "Lato", sans-serif;
  text-align: center;
  padding: 0;
}

.manage-chg-pwd::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.manage-chg-pwd__backdrop {
  position: fixed;
  inset: 0;
  background: #000;
  opacity: 0.5;
  z-index: 0;
}

.manage-chg-pwd__dialog {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 600px;
  max-width: calc(100vw - 20px);
  margin: 30px auto;
  text-align: left;
  vertical-align: middle;
}

.manage-chg-pwd .modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: 0 0 16px 0 rgba(177, 177, 177, 0.51);
  background-clip: padding-box;
  outline: 0;
}

.manage-chg-pwd .modal-header {
  position: relative;
  min-height: 16.43px;
  padding: 15px;
  margin: 0;
  background-color: #fff;
  color: #090c16;
  border-bottom: 1px solid #f8f8f8;
}

.manage-chg-pwd .modal-title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.42857143;
  color: #090c16;
}

.manage-chg-pwd .modal-header .close {
  position: absolute;
  top: 13px;
  right: 15px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  opacity: 0.2;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
}

.manage-chg-pwd .modal-header .close:hover {
  opacity: 0.5;
}

.manage-chg-pwd .modal-body {
  position: relative;
  padding: 20px;
  margin: 0;
}

.manage-chg-pwd__loading {
  margin: 0;
  color: #888;
  font-size: 14px;
}

.manage-chg-pwd__alert {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 15px;
  padding: 7px 35px 7px 7px;
  text-align: center;
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  font-size: 14px;
}

.manage-chg-pwd__alert-close {
  position: absolute;
  top: 4px;
  right: 8px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.6;
}

.manage-chg-pwd .form-group.row {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 0;
  margin-bottom: 15px;
}

.manage-chg-pwd .form-group.row::before,
.manage-chg-pwd .form-group.row::after {
  content: " ";
  display: table;
}

.manage-chg-pwd .form-group.row::after {
  clear: both;
}

.manage-chg-pwd .form-group.row > .col-md-4,
.manage-chg-pwd .form-group.row > .col-md-6,
.manage-chg-pwd .form-group.row > .col-md-12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.manage-chg-pwd .form-group.row > .col-md-4 {
  width: 33.33333333%;
}

.manage-chg-pwd .form-group.row > .col-md-6 {
  width: 50%;
}

.manage-chg-pwd .form-group.row > .col-md-12 {
  width: 100%;
}

.manage-chg-pwd label.new-hex-color {
  display: block;
  padding-top: 7px;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  color: var(--hex-color-basic, #191919) !important;
  text-align: left !important;
}

.manage-chg-pwd .hex-search-common {
  display: block;
  width: 100% !important;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  height: 40px;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  border-radius: 8px;
}

.hex-search-common:hover {
  border: 1px solid #e4e8eb;
  outline: 1.5px solid #e4e8eb;
  outline-offset: 0px;
}

.manage-chg-pwd .hex-search-common:focus {
  border: 1px solid #0449d1;
  outline: 2px solid rgba(4, 73, 209, 0.15);
  outline-offset: 0px;
}

.manage-chg-pwd .hex-search-common:disabled {
  background: #eee;
  cursor: not-allowed;
}

.manage-chg-pwd .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.manage-chg-pwd .glyphicon:empty {
  width: 1em;
}

.manage-chg-pwd .glyphicon-eye-open::before {
  content: "\e105";
}

.manage-chg-pwd .showpassword {
  position: absolute;
  right: 20px;
  top: 11px;
  font-size: 12px;
  cursor: pointer;
  color: inherit;
}

.manage-chg-pwd .showpassword.showeye {
  color: #66afe9;
}

.manage-chg-pwd .error-txt {
  display: block;
  margin-top: 4px;
  color: #b94a48;
  font-size: 12px;
}

.manage-chg-pwd__prompt {
  display: block;
  font-weight: normal;
  font-size: 14px;
  color: #888;
  text-align: left;
  margin: 0;
}

.manage-chg-pwd .modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .manage-chg-pwd__dialog {
    width: auto;
    margin: 10px;
  }
  .manage-chg-pwd .form-group.row > .col-md-4,
  .manage-chg-pwd .form-group.row > .col-md-6,
  .manage-chg-pwd .form-group.row > .col-md-12 {
    float: none;
    width: 100%;
  }
}.manage-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 45px;
  padding: 8px 20px 8px 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  margin: 0;
  box-sizing: border-box;
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  font-family: "Lato", sans-serif;
}

.manage-topbar__logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-width: 0;
}

.manage-topbar__logo-link {
  display: flex;
  align-items: center;
  line-height: 0;
}

.manage-topbar__logo-image {
  display: block;
  max-height: 28px;
  width: auto;
  max-width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
}

.manage-topbar__search {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 0 16px;
}

.manage-topbar__search-field {
  position: relative;
  width: 300px;
  max-width: 100%;
}

.manage-topbar__search-control {
  display: flex;
  width: 100%;
  padding: 0 10px;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  border: 1px solid rgba(210, 215, 219, 0.9);
  box-sizing: border-box;
  background: #ffffff;
}

.manage-topbar__search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  color: #788c9b;
}

.manage-topbar__search-input {
  flex: 1 0 0;
  min-width: 0;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #788c9b;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  outline: none;
}

.manage-topbar__search-input:focus {
  outline: none;
  box-shadow: none;
}

.manage-topbar__search-input::-moz-placeholder {
  color: #788c9b;
}

.manage-topbar__search-input::placeholder {
  color: #788c9b;
}

.manage-topbar__search-input.serach_text_box_style {
  background: transparent;
  color: #191919;
}

.manage-topbar__search-dropdown.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2100;
  display: block;
  float: none;
  width: 300px;
  max-height: unset;
  margin: 10px 0 0;
  padding: 0 0 1px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  color: #000000;
  overflow-y: unset;
  box-sizing: border-box;
}

.manage-topbar__search-dropdown.set_style_on_dropdown_menu {
  margin-top: -3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.manage-topbar__search-dropdown .dropdown_style {
  width: 100%;
}

.manage-topbar__search-dropdown .set_padding_searched_form_datas {
  padding: 0 0 4px;
  margin-bottom: -5px;
  cursor: default;
}

.manage-topbar__search-dropdown .middle_column_on_search {
  max-width: 100%;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.manage-topbar__search-dropdown .set_horizontal_tag_style {
  border-bottom: 1px solid #f5f5f5;
}

.manage-topbar__search-dropdown .padding_bottom_on_searchform {
  padding: 10px 0 10px 10px;
  transition: all 0.2s ease-out;
}

.manage-topbar__search-dropdown .padding_bottom_on_searchform:hover {
  background: #f7f9ff;
}

.manage-topbar__search-dropdown .searched_middle_content_style {
  max-width: 67%;
  width: 67%;
  display: inline-block;
  vertical-align: top;
  outline: none;
}

.manage-topbar__search-dropdown .search_group_style_for_device {
  font-size: 13px;
  color: #1f77b4;
  padding-top: 1px;
}

.manage-topbar__search-dropdown .search_group_style_for_policy {
  font-size: 13px;
  color: #00d2ff;
  padding-top: 1px;
}

.manage-topbar__search-dropdown .search_group_style_for_user,
.manage-topbar__search-dropdown .search_group_style_for_content {
  font-size: 13px;
  color: #299dff;
  padding-top: 1px;
}

.manage-topbar__search-dropdown .details_value_heading_style_on_search {
  font-size: 14px;
  color: #717171;
  padding-top: 5px;
}

.manage-topbar__search-dropdown .first_detail_value_heading_div_on_search {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}

.manage-topbar__search-dropdown .make_right_column_style_on_search {
  max-width: 28%;
  width: 28%;
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  color: #acacac;
}

.manage-topbar__search-dropdown .details_value_user_heading_style_on_search {
  font-size: 12px;
  color: #6f6f6f;
}

.manage-topbar__search-dropdown .search_more_link_div {
  padding-left: 10px;
  padding-bottom: 10px;
}

.manage-topbar__search-dropdown .search_more_item_link_style {
  color: #0449d1;
  cursor: pointer;
  font-size: 13px;
}

.manage-topbar__search-dropdown .search_more_item_link_style:hover {
  color: #7e9bc1;
}

.manage-topbar__search-dropdown .set_padding_on_empty_search_result {
  padding: 10px;
  text-align: center;
  color: #717171;
  font-size: 13px;
}

.manage-topbar__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.manage-topbar__action {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  color: #191919;
  overflow: visible;
}

.manage-topbar__action--dropdown {
  overflow: visible;
}

.manage-topbar__action:hover {
  color: #0449d1;
}

.manage-topbar__action-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}

.manage-topbar__action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.manage-topbar__action-icon--genie img {
  display: block;
  width: 25px;
  height: 25px;
}

.manage-topbar__action-icon--get-started img {
  display: block;
  width: 20px;
  height: 20px;
}

.manage-topbar__action-icon--profile .manage-topbar__profile-avatar {
  display: block;
  width: 22px;
  height: 22px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.manage-topbar__notif-badge.badge1 {
  position: absolute;
  top: -2px;
  right: -4px;
  width: 0;
  height: 0;
  pointer-events: none;
}

.manage-topbar__notif-badge.badge1[data-badge]::after,
.manage-topbar__dropdown--notifications .badge1[data-badge]::after {
  content: attr(data-badge);
  position: absolute;
  top: -10px;
  right: -7px;
  font-size: 9px;
  background: #f62c34;
  color: #fff;
  width: 13px;
  height: 13px;
  text-align: center;
  line-height: 13px;
  border-radius: 50%;
  box-shadow: 0 0 0 #333;
}

.manage-topbar__notif-badge.badge_style_adjust_on_notification_icon[data-badge]::after {
  top: -2px !important;
}

.manage-topbar__dropdown.dropdown-menu {
  position: absolute;
  top: 41px;
  right: 0;
  left: auto;
  z-index: 2100;
  display: none;
  float: none;
  min-width: 320px;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  box-shadow: 0 11px 32px rgba(109, 109, 109, 0.175);
  box-sizing: border-box;
}

.manage-topbar__dropdown.hex__fade_out_dropdown {
  display: none;
}

.manage-topbar__dropdown.hex__fade_in_dropdown {
  display: block;
  animation: manage-topbar-fade-in-from-top 0.4s forwards;
}

@keyframes manage-topbar-fade-in-from-top {
  0% {
    opacity: 0;
    transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.manage-topbar__dropdown.genie-dropdown-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.manage-topbar__dropdown.genie-dropdown-menu li {
  padding: 10px 20px;
  margin: 0;
  list-style: none;
  text-align: left;
  line-height: 1;
}

.manage-topbar__dropdown.genie-dropdown-menu li:hover {
  background-color: #f6f9ff;
}

.manage-topbar__dropdown .genie-topappbar-dropdown__layout {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
  font: inherit;
  box-sizing: border-box;
}

.manage-topbar__dropdown .genie-topappbar-dropdown__layout img {
  margin-top: 5px;
  height: 20px;
  width: 20px;
  flex-shrink: 0;
}

.manage-topbar__dropdown .dropdown-menu-redirect-title {
  color: #0449d1;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.manage-topbar__dropdown .dropdown-menu-redirect-subtitle {
  color: #191919;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.manage-topbar__dropdown--notifications.hex__header_drop_menu {
  width: 400px;
  min-width: 320px;
  max-width: calc(100vw - 24px);
  height: unset;
  max-height: unset;
  padding: 20px 15px;
  top: 41px;
  right: 0;
  left: auto;
  border: none;
  margin: 0;
  box-shadow: 0 11px 32px rgba(109, 109, 109, 0.175);
  font-family: "Lato", sans-serif;
  --notif-text-primary: #020202;
  --notif-text-secondary: #424141;
  --notif-text-tertiary: #888888;
  --notif-btn: #4781e1;
  --notif-btn-hover: #135fc7;
}

.manage-topbar__dropdown--notifications ul {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}

.manage-topbar__dropdown--notifications ul > li {
  list-style: none;
  text-align: left;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.manage-topbar__dropdown--notifications .help_documentation {
  position: relative;
}

.manage-topbar__dropdown--notifications .help_documentation > .badge1 {
  float: right;
  margin-top: -8px;
  position: relative;
  width: 0;
  height: 0;
}

.manage-topbar__dropdown--notifications ul > li a.hex__link {
  display: flex;
  align-items: unset;
  position: relative;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--notif-text-secondary);
  padding: 5px 20px 5px 0;
  transition: all 0.3s;
  text-decoration: none;
}

.manage-topbar__dropdown--notifications ul > li a.hex__link:hover,
.manage-topbar__dropdown--notifications ul > li a.hex__link:focus {
  color: var(--notif-text-primary);
  text-decoration: underline;
}

.manage-topbar__dropdown--notifications .hex__link_font {
  font-weight: 500;
}

.manage-topbar__dropdown--notifications ul > li a.link_external .text_wrapper {
  display: inline-block;
  position: relative;
}

.manage-topbar__dropdown--notifications ul > li a.link_external .text_wrapper::after {
  content: var(--manage-ext-link-icon, url("https://static.hexnodemdm.com/v109.3.0/img/help_popup/new-window-icon.svg"));
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 0;
  right: -13px;
  opacity: 0;
}

.manage-topbar__dropdown--notifications ul > li a.link_external:hover .text_wrapper::after {
  animation: manage-topbar-link-external-icon 0.3s ease-in-out forwards;
}

@keyframes manage-topbar-link-external-icon {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(3px, -2px);
    opacity: 1;
  }
}
.manage-topbar__dropdown--notifications ul > li a.hex__link_sub {
  display: flex;
  align-items: unset;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
  color: var(--notif-text-secondary);
  padding: 5px 20px 5px 0;
  transition: all 0.3s;
  text-decoration: none;
  cursor: pointer;
}

.manage-topbar__dropdown--notifications ul > li a.hex__link_sub:hover,
.manage-topbar__dropdown--notifications ul > li a.hex__link_sub:focus {
  color: var(--notif-text-primary);
  text-decoration: underline;
}

.manage-topbar__dropdown--notifications ul > li a.hex__link_sub .text_wrapper {
  display: inline-block;
  position: relative;
}

.manage-topbar__dropdown--notifications ul > li a.hex__link_sub .text_wrapper_read {
  color: var(--notif-text-tertiary);
}

.manage-topbar__dropdown--notifications ul > li a.hex__link_sub .text_wrapper::after {
  content: var(--manage-ext-link-icon, url("https://static.hexnodemdm.com/v109.3.0/img/help_popup/new-window-icon.svg"));
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 0;
  right: -13px;
  opacity: 0;
}

.manage-topbar__dropdown--notifications ul > li a.hex__link_sub:hover .text_wrapper::after {
  animation: manage-topbar-link-external-icon 0.3s ease-in-out forwards;
}

.manage-topbar__dropdown--notifications .topic_style {
  margin-left: 10px;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}

.manage-topbar__dropdown--notifications .notification_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 400;
}

.manage-topbar__dropdown--notifications .notification_days {
  padding: 5px;
  flex-shrink: 0;
}

.manage-topbar__dropdown--notifications .help_documentation .date {
  position: relative;
  color: var(--notif-text-secondary);
  margin-top: -13px;
  font-size: 14px;
  white-space: nowrap;
  text-decoration: none;
  display: inline-block;
}

.manage-topbar__dropdown--notifications .help_documentation .date_disabled {
  position: relative;
  color: var(--notif-text-tertiary);
  margin-top: -13px;
  font-size: 14px;
  font-weight: 300;
  white-space: nowrap;
  text-decoration: none;
  display: inline-block;
}

.manage-topbar__dropdown--notifications hr {
  margin: 12px 0;
  border: 0;
  border-top: 1px solid #e4e8eb;
}

.manage-topbar__dropdown--notifications .hex__form_btn {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 8px 35px;
  border: none;
  border-radius: 6px;
  color: #fff;
  background-color: var(--notif-btn);
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  transition: all 0.3s;
}

.manage-topbar__dropdown--notifications .hex__form_btn:hover,
.manage-topbar__dropdown--notifications .hex__form_btn:focus {
  color: #fff;
  text-decoration: none;
  background-color: var(--notif-btn-hover);
}

@media screen and (max-width: 600px) {
  .manage-topbar__dropdown--notifications.hex__header_drop_menu {
    width: 320px;
    max-height: 70vh;
    right: -40px;
  }
  .manage-topbar__dropdown--notifications ul > li a.hex__link {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .manage-topbar__search {
    display: none;
  }
  .manage-topbar__logo-image {
    max-width: 140px;
  }
}
.manage-topbar__dropdown--help.hex__header_drop_menu {
  --hex-get-started-text-primary-color: #020202;
  --hex-get-started-text-secondary-color: #424141;
  --hex-get-started-text-tertiary-color: #888888;
  width: 400px;
  min-width: 320px;
  max-width: calc(100vw - 24px);
  height: unset;
  max-height: unset;
  padding: 20px 30px;
  top: 41px;
  right: 0;
  left: auto;
  border: none;
  margin: 0;
  box-shadow: 0 11px 32px rgba(109, 109, 109, 0.175);
  font-family: "Lato", sans-serif;
}

.manage-topbar__dropdown--help ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.manage-topbar__dropdown--help ul > li {
  list-style: none;
  text-align: left;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.manage-topbar__dropdown--help ul > li a.hex__link {
  display: flex;
  align-items: unset;
  position: relative;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--hex-get-started-text-secondary-color);
  padding: 5px 20px 5px 0;
  transition: all 0.3s;
  text-decoration: none;
}

.manage-topbar__dropdown--help ul > li a.hex__link:hover,
.manage-topbar__dropdown--help ul > li a.hex__link:focus {
  color: var(--hex-get-started-text-primary-color);
  text-decoration: underline;
}

.manage-topbar__dropdown--help ul > li a.link_external .text_wrapper {
  display: inline-block;
  position: relative;
}

.manage-topbar__dropdown--help ul > li a.link_external .text_wrapper::after {
  content: var(--manage-ext-link-icon, url("https://static.hexnodemdm.com/v109.3.0/img/help_popup/new-window-icon.svg"));
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 0;
  right: -13px;
  opacity: 0;
}

.manage-topbar__dropdown--help ul > li a.link_external:hover .text_wrapper::after {
  animation: manage-topbar-link-external-icon 0.3s ease-in-out forwards;
}

.manage-topbar__dropdown--help ul > li a.hex__link .icon_wrapper {
  width: 35px;
  display: inline-block;
  text-align: left;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.manage-topbar__dropdown--help ul > li a.hex__link .icon_wrapper svg {
  display: block;
  overflow: visible;
}

.manage-topbar__dropdown--help ul > li.help_documentation a.hex__link svg {
  width: 13px;
  height: auto;
  margin-top: 4px;
}

.manage-topbar__dropdown--help ul > li.help_documentation a.hex__link svg .st0 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.pre_recorded_demo a.hex__link svg {
  width: 15px;
  height: auto;
  margin-top: 4px;
}

.manage-topbar__dropdown--help ul > li.pre_recorded_demo a.hex__link svg .st0 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.pre_recorded_demo a.hex__link svg .st1 {
  fill: none;
  stroke: #878787;
  stroke-width: 0.7877;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.whats_new_hexnode a.hex__link svg {
  width: 17px;
  height: auto;
  margin-top: 3px;
}

.manage-topbar__dropdown--help ul > li.whats_new_hexnode a.hex__link svg .st0 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.whats_new_hexnode a.hex__link svg .st1 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.whats_new_hexnode a.hex__link svg .st2 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.roadmap a.hex__link svg {
  width: 15px;
  height: auto;
  margin-top: 5px;
}

.manage-topbar__dropdown--help ul > li.roadmap a.hex__link svg .st0 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.roadmap a.hex__link svg .st1 {
  fill: none;
  stroke: #888888;
  stroke-width: 0.5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.join_community_forms a.hex__link svg {
  width: 15px;
  height: auto;
  margin-top: 4px;
}

.manage-topbar__dropdown--help ul > li.join_community_forms a.hex__link svg .st0 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.see_youtube_channel a.hex__link svg {
  width: 15px;
  height: auto;
  margin-top: 6px;
}

.manage-topbar__dropdown--help ul > li.see_youtube_channel a.hex__link svg .st0 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.contact_support a.hex__link svg {
  width: 15px;
  height: auto;
  margin-top: 4px;
}

.manage-topbar__dropdown--help ul > li.contact_support a.hex__link svg .st0 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.missing_features a.hex__link svg {
  width: 13px;
  height: auto;
  margin-top: 4px;
}

.manage-topbar__dropdown--help ul > li.missing_features a.hex__link svg .st0 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.missing_features a.hex__link svg .st1 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.01;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 2;
}

.manage-topbar__dropdown--help ul > li.be_partner a.hex__link svg {
  width: 15px;
  height: auto;
  margin-top: 5px;
}

.manage-topbar__dropdown--help ul > li.be_partner a.hex__link svg .st0 {
  fill: #888888;
}

.manage-topbar__dropdown--help ul > li.be_partner a.hex__link svg .st1 {
  fill: none;
  stroke: #888888;
  stroke-width: 1.0102;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.manage-topbar__dropdown--help ul > li.add_review a.hex__link svg {
  width: 15px;
  height: auto;
  margin-top: 5px;
}

.manage-topbar__dropdown--help ul > li.add_review a.hex__link svg .st0 {
  fill: #ef464e;
}

.manage-topbar__dropdown--help ul > li.add_review a.hex__link svg .st1 {
  fill: #ffc31d;
}

.manage-topbar__dropdown--help ul > li.add_review a.hex__link svg .st2 {
  opacity: 0.26;
  fill: #1c1a1a;
}

.manage-topbar__dropdown--help ul > li.add_review a.hex__link svg .st4 {
  fill: #ffcc49;
}

.manage-topbar__dropdown--help ul > li.add_review a.hex__link svg .st5 {
  fill: #ffdb57;
}

.manage-topbar__dropdown--help ul > li.add_review a.hex__link svg .st6 {
  fill: #ef9325;
}

.manage-topbar__dropdown--help ul > li.add_review a.hex__link svg .st7 {
  fill: #f4ba3b;
}

.manage-topbar__dropdown--help ul > li.help_documentation a.hex__link:hover svg .st0,
.manage-topbar__dropdown--help ul > li.pre_recorded_demo a.hex__link:hover svg .st0,
.manage-topbar__dropdown--help ul > li.pre_recorded_demo a.hex__link:hover svg .st1,
.manage-topbar__dropdown--help ul > li.whats_new_hexnode a.hex__link:hover svg .st0,
.manage-topbar__dropdown--help ul > li.whats_new_hexnode a.hex__link:hover svg .st1,
.manage-topbar__dropdown--help ul > li.whats_new_hexnode a.hex__link:hover svg .st2,
.manage-topbar__dropdown--help ul > li.roadmap a.hex__link:hover svg .st0,
.manage-topbar__dropdown--help ul > li.roadmap a.hex__link:hover svg .st1,
.manage-topbar__dropdown--help ul > li.join_community_forms a.hex__link:hover svg .st0,
.manage-topbar__dropdown--help ul > li.see_youtube_channel a.hex__link:hover svg .st0,
.manage-topbar__dropdown--help ul > li.contact_support a.hex__link:hover svg .st0,
.manage-topbar__dropdown--help ul > li.missing_features a.hex__link:hover svg .st0,
.manage-topbar__dropdown--help ul > li.missing_features a.hex__link:hover svg .st1,
.manage-topbar__dropdown--help ul > li.be_partner a.hex__link:hover svg .st1 {
  stroke: var(--hex-get-started-text-primary-color);
}

.manage-topbar__dropdown--help ul > li.be_partner a.hex__link:hover svg .st0 {
  fill: var(--hex-get-started-text-primary-color);
}

.manage-topbar__dropdown--profile.dropdown_menu_style {
  --hex-get-started-text-primary-color: #020202;
  --hex-get-started-text-secondary-color: #424141;
  width: 325px;
  min-width: 280px;
  max-width: calc(100vw - 24px);
  padding: 15px 18px;
  background-color: #ffffff;
  margin: 0 !important;
  top: 42px;
  left: auto;
  right: 0;
  border: none;
  box-shadow: 0 11px 32px rgba(109, 109, 109, 0.175);
  font-family: "Lato", sans-serif;
}

.manage-topbar__dropdown--profile.dropdown_menu_style::before,
.manage-topbar__dropdown--profile.dropdown_menu_style::after {
  display: none;
}

.manage-topbar__dropdown--profile .modal-content.set_box_shadow_none {
  box-shadow: none;
  background: transparent;
  border: 0;
  cursor: default;
}

.manage-topbar__dropdown--profile .style_of_dropdown_first_part {
  padding: 10px 0 0;
  max-width: 100%;
  margin: 0 auto;
}

.manage-topbar__dropdown--profile .generic_padding_style_for_header {
  padding: 0 0 0 15px;
  transition: all 0.2s ease-out;
  line-height: 24px;
}

.manage-topbar__dropdown--profile .set_margin_on_user_icon_form_content {
  margin-bottom: -10px;
  cursor: default;
}

.manage-topbar__dropdown--profile .user_icon_on_dropdown_style {
  display: inline-block;
  width: 29%;
  vertical-align: middle;
  text-align: left;
}

.manage-topbar__dropdown--profile .user_icon_style_on_inside_dropdown {
  width: 55px;
  height: 55px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.manage-topbar__dropdown--profile .user_values_on_dropdown_style {
  display: inline-block;
  width: 69%;
  vertical-align: middle;
  text-align: left;
  line-height: 19px;
}

.manage-topbar__dropdown--profile #firstname_value {
  font-size: 14px;
  color: #090c16;
  font-weight: bold;
  display: inline-block;
  width: 84%;
}

.manage-topbar__dropdown--profile #username_value {
  font-size: 16px;
  color: var(--hex-get-started-text-primary-color);
}

.manage-topbar__dropdown--profile .user_name_only_style {
  width: 84%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-height: 55px;
}

.manage-topbar__dropdown--profile #company_name_value {
  font-size: 12px;
  color: #6f6f6f;
}

.manage-topbar__dropdown--profile .company_name {
  word-break: break-word;
  display: inline-block;
  width: 84%;
}

.manage-topbar__dropdown--profile .line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.manage-topbar__dropdown--profile .set_hr_line_style {
  width: 90%;
  margin: 0 auto;
}

.manage-topbar__dropdown--profile .hr_tag_style {
  border: 0;
  border-top: 1px solid #ccc2c2;
  margin-bottom: 0;
  margin-top: 12px;
}

.manage-topbar__dropdown--profile .style_of_dropdown_list_items {
  text-align: left;
  padding: 10px 0 0;
  font-size: 14px;
  cursor: pointer;
}

.manage-topbar__dropdown--profile .set_padding_on_user_icon_form_menu {
  padding: 10px 0;
}

.manage-topbar__dropdown--profile .style_of_dropdown_list_items a {
  font-size: 16px;
  color: var(--hex-get-started-text-secondary-color);
  display: block;
  position: relative;
  padding: 4px 0;
  text-decoration: none;
}

.manage-topbar__dropdown--profile .style_of_dropdown_list_items a:hover,
.manage-topbar__dropdown--profile .style_of_dropdown_list_items a:focus {
  color: var(--hex-get-started-text-primary-color);
}

.manage-topbar__dropdown--profile .style_of_dropdown_list_items .user_icon_form_div div:hover {
  color: inherit;
  background-color: unset;
}

@media screen and (max-width: 600px) {
  .manage-topbar__dropdown--help.hex__header_drop_menu {
    width: 320px;
    max-height: 70vh;
    right: -40px;
  }
  .manage-topbar__dropdown--help ul > li a.hex__link {
    font-size: 14px;
  }
  .manage-topbar__dropdown--profile.dropdown_menu_style {
    right: -8px;
  }
}.manage-session-timeout-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  /* Above Manage chrome (top bar ~2000) */
  z-index: 2500;
}

.manage-session-timeout-modal {
  background: #fff;
  border-radius: 8px;
  width: 90%;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  font-family: "Lato", sans-serif;
}
.manage-session-timeout-modal__header {
  padding: 16px 24px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.manage-session-timeout-modal__header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}
.manage-session-timeout-modal__body {
  text-align: center;
  padding: 24px;
}
.manage-session-timeout-modal__text {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--hex-color-basic, #191919);
}
.manage-session-timeout-modal__actions {
  display: flex;
  justify-content: center;
}
/*
  ui-kit stacking defaults (--uem-z-dropdown: 1000, --uem-z-modal: 1100,
  --uem-z-toast: 1200) sit below Manage chrome (top bar 2000 / major nav 1999)
  and clip Select menus inside Popup (dropdown < modal). Override on :root
  because Toaster/Popover portal to document.body.
*/
:root {
  /* Above Popup overlay so page-size Select menus render on top of the dialog */
  --uem-z-dropdown: 1200;
  /* Above Manage top bar (2000) and dropdowns (2100); change-password is 2200 */
  --uem-z-toast: 2300;
}

/*
  ui-kit Popover portals to body with z-index: var(--uem-z-dropdown). Token alone
  can lose to :root cascade / CSS-module order vs --uem-z-modal (1100). Force
  portaled panels above Popup so pagination page-size Select is usable.
*/
[data-uem-popover-panel],
[class*=Popover_popover] {
  z-index: 2400 !important;
}

/*
  Tooltip also portals to body with z-index: var(--uem-z-dropdown) and loses to
  Popup (--uem-z-modal). Keep info-icon tips visible inside Create user / action
  dialogs.
*/
body > [role=tooltip],
[class*=Tooltip_floating] {
  z-index: 2400 !important;
}

/*
  ui-kit top-* toasters default to top: 24px, so the fixed 45px Manage top bar
  covers the upper half. Portaled viewport — pin below the top bar.
*/
body > [aria-live=polite][aria-relevant="additions text"] {
  top: 57px; /* 45px topbar + 12px gap */
  z-index: 2300;
}

.manage-app-shell {
  display: flex;
  height: 100vh;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  background: #ffffff;
}

.manage-app-shell__content {
  display: flex;
  flex-direction: column;
  margin-left: 80px;
  padding-top: 45px;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .manage-app-shell__content {
    margin-left: 0;
  }
}
body.manage-react-standalone {
  margin: 0;
  min-height: 100vh;
  background: #ffffff;
}

body.manage-react-standalone #react-manage-root {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}.manage-help-button {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 6px 8px;
  border-radius: 4px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 0 4px 0 rgba(184, 184, 184, 0.28);
}

.manage-help-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  cursor: pointer;
}

.manage-help-button__icon {
  display: block;
  width: 18px;
  height: 18px;
}.manage-modal {
  position: fixed;
  inset: 0;
  z-index: 2200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  box-sizing: border-box;
}

/* uem-ui-kit styles load later and reset .Tooltip_floating to 1000. */
.Tooltip_content.Tooltip_floating {
  z-index: 2300 !important;
}

.manage-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(25, 25, 25, 0.45);
}

.manage-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  max-width: calc(100vw - 48px);
  max-height: calc(100vh - 48px);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 8px 32px rgba(25, 25, 25, 0.16);
  overflow: hidden;
  font-family: "Lato", sans-serif;
}

.manage-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-shrink: 0;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.manage-modal__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.manage-modal__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.manage-modal__close {
  flex-shrink: 0;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--hex-color-secondary, #788c9b) !important;
}
.manage-modal__close:hover:not(:disabled) {
  color: var(--hex-color-basic, #191919) !important;
  background: #f5f7f9 !important;
}

.manage-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 20px 24px;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.manage-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
  padding: 16px 24px 20px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  background: var(--white-color, #ffffff);
}.manage-confirm-modal__content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.manage-confirm-modal__paragraph {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.manage-confirm-modal__note {
  align-items: flex-start;
  width: 100%;
}

.manage-confirm-modal__note-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.manage-confirm-modal__note-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.manage-confirm-modal__note-text {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.manage-confirm-modal__count-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.manage-confirm-modal__count-label {
  flex: 0 1 auto;
  margin: 0;
  padding-top: 9px;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.manage-confirm-modal__count-field {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

.manage-confirm-modal__count-input {
  display: inline-block;
  width: 55px;
  flex: 0 0 55px;
  /* Constrain uem-ui-kit Input shell (defaults to native ~20ch width). */
}
.manage-confirm-modal__count-input > * {
  width: 55px !important;
  max-width: 55px;
  box-sizing: border-box;
}
.manage-confirm-modal__count-input input[type=number] {
  -moz-appearance: textfield;
}
.manage-confirm-modal__count-input input[type=number]::-webkit-outer-spin-button,
.manage-confirm-modal__count-input input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.manage-confirm-modal__count-error {
  color: #a30000;
  font-size: 12px;
  line-height: 16px;
}.manage-form-modal__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: "Lato", sans-serif;
}

.manage-form-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.manage-form-modal__label {
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.manage-form-modal__helper {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.manage-form-modal__error {
  color: #a30000;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}.manage-field-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.manage-field-label__text {
  min-width: 0;
}

.manage-field-label__hint-icon {
  display: block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  cursor: default;
  vertical-align: middle;
}

/* Beat uem-ui-kit `.Tooltip_floating { z-index: 1000 }` which loads later. */
.Tooltip_content.Tooltip_floating {
  z-index: 2300 !important;
}/**
 * Hex-ui tooltips used for clickable/redirect tips (e.g. Public IP).
 * Keep interactive hex-ui behavior; match Private IP (ui-kit dark) bg + font only.
 */
.manage-link-tooltip .hex-ui-tooltip__content {
  background-color: var(--uem-color-tooltip-dark-bg, #788c9b);
  color: var(--uem-color-tooltip-dark-fg, #ffffff);
  border: none;
  font-family: var(--uem-font-family, "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  font-size: var(--uem-font-size-body-medium, 12px);
  font-weight: var(--uem-font-weight-regular, 400);
  line-height: 18px;
}
.manage-link-tooltip {
  /* Arrow must match the dark surface once bg is overridden. */
}
.manage-link-tooltip .hex-ui-tooltip__arrow {
  background-color: var(--uem-color-tooltip-dark-bg, #788c9b);
  border: none;
}.manage-message-modal__content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.manage-message-modal__message {
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.manage-message-modal__message p {
  margin: 0 0 8px;
}
.manage-message-modal__message p:last-child {
  margin-bottom: 0;
}

.manage-message-modal__note {
  align-items: flex-start;
  width: 100%;
}

.manage-message-modal__note-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.manage-message-modal__note-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.manage-message-modal__note-text {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}.compliance-violations-modal__body {
  padding: 8px 0 4px;
}
.compliance-violations-modal__table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}
.compliance-violations-modal__table th,
.compliance-violations-modal__table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: top;
  word-break: break-word;
}
.compliance-violations-modal__table th {
  font-weight: 700;
  width: 65%;
}
.compliance-violations-modal__table th:last-child {
  width: 35%;
}
.compliance-violations-modal__empty {
  color: var(--hex-color-secondary, #788c9b);
  font-style: italic;
}.device-power-action-modal {
  font-family: "Lato", sans-serif;
}

.device-power-action-modal__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.device-power-action-modal__note {
  align-items: flex-start;
  width: 100%;
}

.device-power-action-modal__note-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  font-family: "Lato", sans-serif;
}

.device-power-action-modal__note-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.device-power-action-modal__note-text {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.device-power-action-modal__platforms {
  margin: 4px 0 0;
  padding-left: 18px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.device-power-action-modal__platforms li + li {
  margin-top: 4px;
}

.device-power-action-modal__timing-inline,
.device-power-action-modal__timing {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 4px 0 0;
  color: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.device-power-action-modal__timing--in-card {
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
  color: var(--hex-active-tab-color, #0449d1);
}

.device-power-action-modal__force {
  padding: 12px 14px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
}

.device-power-action-modal__force-label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}

.device-power-action-modal__force-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding-top: 1px;
}

.device-power-action-modal__force-title {
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.device-power-action-modal__force-helper {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}.device-delete-action-modal {
  font-family: "Lato", sans-serif;
}

.device-delete-action-modal__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: "Lato", sans-serif;
}

.device-delete-action-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.device-delete-action-modal__hint {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.device-delete-action-modal__note {
  align-items: flex-start;
  width: 100%;
}

.device-delete-action-modal__note-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  font-family: "Lato", sans-serif;
}

.device-delete-action-modal__note-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.device-delete-action-modal__note-text {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}.device-wipe-modal {
  font-family: "Lato", sans-serif;
}

.device-wipe-modal__note {
  align-items: flex-start;
  width: 100%;
}

.device-wipe-modal__note-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
}
.device-wipe-modal__note-body strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.device-wipe-modal__note-body a {
  color: var(--hex-active-tab-color, #0449d1);
}

.device-wipe-modal__note-list {
  margin: 8px 0 0;
  padding-left: 18px;
}
.device-wipe-modal__note-list li {
  margin-bottom: 4px;
}
.device-wipe-modal__note-list li:last-child {
  margin-bottom: 0;
}

.device-wipe-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.device-wipe-modal__nested {
  padding-left: 34px;
  margin-top: 4px;
}

.device-wipe-modal__label {
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.device-wipe-modal__supported-on {
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

.device-wipe-modal__supported-list {
  /* Override global/legacy CSS that may set list margins. */
  margin: 0 !important;
  padding: 0 0 0 18px !important;
}

.device-wipe-modal__supported-list > li {
  margin-top: 0 !important;
}

/* Keep number inputs compact in *wipe modal only* (uem-ui-kit applies width on the shell). */
.device-wipe-modal__number-input {
  width: 100px !important;
  flex: 0 0 100px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
}

.device-wipe-modal__number-input--xs {
  width: 80px !important;
  flex: 0 0 80px !important;
}

.device-wipe-modal__number-input--confirm {
  width: 55px !important;
  flex: 0 0 55px !important;
}

/*
  Legacy-parity: visible height is controlled by uem-ui-kit FieldShell (not the <input>).
  Make the shell compact using a more-specific selector so it wins even if kit CSS loads later.
*/
.device-wipe-modal .device-wipe-modal__number-input.Field_shell {
  height: 32px !important;
  min-height: 32px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
}

/* Legacy-parity: keep number input height compact in wipe modal only. */
.device-wipe-modal__number-input .Input_input[type=number] {
  height: 32px !important;
  line-height: 20px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.device-wipe-modal__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}

.device-wipe-modal__row-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.device-wipe-modal__row-title {
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.device-wipe-modal__row-helper {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.device-wipe-modal__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.device-wipe-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
}

.device-wipe-modal__deploy-apps {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.device-wipe-modal__deploy-apps-picker {
  position: relative;
}

.device-wipe-modal__dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 9.5px 12px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: var(--white-color, #ffffff);
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.device-wipe-modal__dropdown-trigger-copy {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.device-wipe-modal__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: var(--white-color, #ffffff);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 20;
}

.device-wipe-modal__dropdown-search {
  padding: 10px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.device-wipe-modal__dropdown-list {
  max-height: 220px;
  overflow: auto;
  padding: 6px;
}

.device-wipe-modal__dropdown-item {
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}

.device-wipe-modal__dropdown-item:hover {
  background: rgba(4, 73, 209, 0.06);
}

.device-wipe-modal__dropdown-item--selected {
  background: rgba(4, 73, 209, 0.1);
}

.device-wipe-modal__dropdown-empty {
  padding: 10px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
}

.device-wipe-modal__selected-apps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  max-height: 120px;
  overflow: auto;
  padding: 4px 2px 0;
}

.device-wipe-modal__selected-app-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(4, 73, 209, 0.1);
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
}

.device-wipe-modal__selected-app-chip-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 320px;
}

.device-wipe-modal__selected-app-chip-remove {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: inherit;
  display: inline-flex;
  align-items: center;
}.device-disenroll-modal__count-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.device-disenroll-modal__count-label {
  flex: 1 1 220px;
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.device-disenroll-modal__count-input {
  flex: 0 0 140px;
  width: 140px;
  max-width: 100%;
  box-sizing: border-box;
}
.device-disenroll-modal__count-input input[type=number] {
  -moz-appearance: textfield;
}
.device-disenroll-modal__count-input input[type=number]::-webkit-outer-spin-button,
.device-disenroll-modal__count-input input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}.unpark-device-modal__copy {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.unpark-device-modal__note {
  align-items: flex-start;
  width: 100%;
}

.unpark-device-modal__note-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.unpark-device-modal__limit {
  color: #a30000;
}

.unpark-device-modal__count-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.unpark-device-modal__count-label {
  flex: 1 1 220px;
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.unpark-device-modal__count-input {
  flex: 0 0 140px;
  width: 140px;
  max-width: 100%;
  box-sizing: border-box;
}
.unpark-device-modal__count-input input[type=number] {
  -moz-appearance: textfield;
}
.unpark-device-modal__count-input input[type=number]::-webkit-outer-spin-button,
.unpark-device-modal__count-input input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}.device-rename-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}
.device-rename-modal__intro a {
  color: var(--hex-active-tab-color, #0449d1);
}

.device-rename-modal__policy-note {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.device-rename-modal__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  margin: 0 0 4px;
}

.device-rename-modal__tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  margin: 0;
  padding: 6px 4px;
  cursor: pointer;
  color: #6e829b;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  line-height: 22px;
}
.device-rename-modal__tab--active {
  color: var(--hex-color-basic, #191919);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
}
.device-rename-modal__tab:hover {
  color: var(--hex-color-basic, #191919);
}

.device-rename-modal__error {
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}

.device-rename-modal__supported-list {
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.device-rename-modal__wildcards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px 12px;
  padding: 10px 12px;
  border-radius: 6px;
  background: #f5f7fa;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  line-height: 18px;
}

.device-rename-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.device-rename-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.device-rename-modal__label span {
  color: #a30000;
}

.device-rename-modal__helper {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  line-height: 18px;
}

.device-rename-modal__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}

.device-rename-modal__row-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.device-rename-modal__row-title {
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.device-rename-modal__row-helper {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  line-height: 20px;
}

.device-rename-modal__distinctive {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.device-rename-modal__table-wrap {
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}

.device-rename-modal__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.device-rename-modal__table thead {
  background: #f9f9fa;
}
.device-rename-modal__table th,
.device-rename-modal__table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
}
.device-rename-modal__table th {
  color: #5e5c6a;
  font-weight: 600;
}

.device-rename-modal__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}

.device-rename-modal__pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.device-rename-modal__pager-status {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  line-height: 20px;
}

.device-rename-modal__pager-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
}
.device-rename-modal__pager-btn:disabled {
  cursor: default;
  color: var(--hex-color-secondary, #788c9b);
}.device-edit-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.device-edit-modal__empty {
  margin-top: 16px;
  padding: 15px;
  border-radius: 5px;
  background: #fdecea;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.device-edit-modal__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--hex-border-color, #e4e8eb);
}
.device-edit-modal__field:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}

.device-edit-modal__toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.device-edit-modal__control {
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.device-edit-modal__radios {
  display: flex;
  gap: 16px;
}

.device-edit-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-color-Default, #191919);
}.device-ownership-change-modal__intro {
  margin: 0 0 12px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.device-ownership-change-modal__choice {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #f9fafc;
}

.device-ownership-change-modal__choice-label {
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.device-ownership-change-modal__radios {
  display: flex;
  gap: 16px;
}

.device-ownership-change-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-color-Default, #191919);
}.change-owner-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.change-owner-modal__section {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}
.change-owner-modal__section strong {
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.change-owner-modal__section p,
.change-owner-modal__section ul {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}
.change-owner-modal__section ul {
  padding-left: 20px;
}
.change-owner-modal__section a {
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  text-decoration: none;
}
.change-owner-modal__section a:hover {
  text-decoration: underline;
}

.change-owner-modal__current {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f5f7fa;
}

.change-owner-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.change-owner-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.change-owner-modal__value {
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.change-owner-modal__helper {
  margin: 0;
  padding: 8px 12px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  line-height: 20px;
}

.change-owner-modal__results {
  max-height: 285px;
  overflow-y: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 6px;
}
.change-owner-modal__results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.change-owner-modal__user {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.change-owner-modal__user:hover {
  background: #f5f7fa;
}
.change-owner-modal__user--active {
  background: rgba(4, 73, 209, 0.08);
}

.change-owner-modal__user-name {
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.change-owner-modal__user-email {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  line-height: 18px;
}

.change-owner-modal__row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}.directory-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.directory-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.directory-modal__helper {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  line-height: 18px;
}

.directory-modal__row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}

.directory-modal__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.directory-modal__note {
  margin: 0;
}

.directory-modal__alert-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.directory-modal__alert-list a {
  margin-left: 4px;
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.directory-modal__alert-list a:hover {
  text-decoration: underline;
}

.directory-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}

.directory-modal__list {
  max-height: 260px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}
.directory-modal__list table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.directory-modal__list table thead {
  background: #f5f7fa;
}
.directory-modal__list table th,
.directory-modal__list table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.browse-ou-modal__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}

.browse-ou-modal__search {
  flex: 0 0 auto;
  width: 220px;
  max-width: 100%;
}

.browse-ou-modal__search-input,
.browse-ou-modal__search .Field_shell {
  width: 100% !important;
  max-width: 220px;
}

.browse-ou-modal__list {
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}
.browse-ou-modal__list table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 13px;
}
.browse-ou-modal__list table thead {
  background: #f5f7fa;
}
.browse-ou-modal__list table th,
.browse-ou-modal__list table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.browse-ou-modal__check-col {
  width: 40px;
  min-width: 40px;
  text-align: center;
}

.browse-ou-modal__empty {
  margin: 0;
  padding: 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}

.browse-users-modal__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.browse-users-modal__search {
  flex: 0 0 auto;
  width: 220px;
  max-width: 100%;
}

.browse-users-modal__search-input,
.browse-users-modal__search .Field_shell {
  width: 100% !important;
  max-width: 220px;
}

.browse-users-modal__select-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.browse-users-modal__list {
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}
.browse-users-modal__list table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.browse-users-modal__list table thead {
  background: #f5f7fa;
  position: sticky;
  top: 0;
  z-index: 1;
}
.browse-users-modal__list table th,
.browse-users-modal__list table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
  word-break: break-word;
}
.browse-users-modal__list table th {
  font-weight: 600;
}

.browse-users-modal__check-col {
  width: 40px;
  min-width: 40px;
  text-align: center;
}

.browse-users-modal__empty {
  margin: 0;
  padding: 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}

.browse-users-modal__empty-cell {
  text-align: center !important;
  color: var(--hex-color-secondary, #788c9b);
  padding: 24px 12px !important;
}
.password-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.password-modal__note {
  align-items: flex-start;
  width: 100%;
}

.password-modal__note-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.password-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.password-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.password-modal__helper {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  line-height: 18px;
}

.password-modal__error {
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}

.password-modal__counts {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 6px;
  background: #f5f7fa;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  line-height: 20px;
}
.password-modal__counts li {
  list-style: none;
  padding-left: 16px;
  position: relative;
}
.password-modal__counts li::before {
  content: "•";
  position: absolute;
  left: 4px;
}

.password-modal__section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.password-modal__section-title {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.password-modal__password-row {
  display: flex;
  align-items: stretch;
  max-width: 280px;
}
.password-modal__password-row > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.password-modal__password-row > :first-child input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.password-modal__lock {
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-left: 0;
  border-radius: 0 5px 5px 0;
  background: #f7f9fb;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  line-height: 0;
}
.password-modal__lock:hover {
  color: var(--hex-active-tab-color, #0449d1);
}

.password-modal__readonly {
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.configure-uem-profile-password-modal__password-row {
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}
.configure-uem-profile-password-modal__password-row > *:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.configure-uem-profile-password-modal__eye {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #f7f9fb;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  cursor: pointer;
}
.configure-uem-profile-password-modal__eye:hover {
  color: var(--hex-active-tab-color, #0449d1);
}

.password-modal__field--inline {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 16px;
}
.password-modal__field--inline .password-modal__label {
  flex: 0 0 140px;
  padding-top: 8px;
}

.password-modal__inline-control {
  flex: 1 1 220px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Decrypt FileVault Recovery Key (production escrowdecrypt.html) */
.decrypt-filevault-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
}

.decrypt-filevault-modal__cert {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 24px;
}

.decrypt-filevault-modal__file-input {
  display: none;
}.device-lock-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.device-lock-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.device-lock-modal__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}.ringtone-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.ringtone-modal__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ringtone-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.ringtone-modal__upload {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ringtone-modal__file-name {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
}

.ringtone-modal__hidden-input {
  display: none;
}

.ringtone-modal__error {
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}.bitlocker-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.bitlocker-modal__drive {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #f9fafc;
}

.bitlocker-modal__drive-remove {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.bitlocker-modal__drive-remove:hover {
  background: #f0f2f5;
  color: var(--hex-color-basic, #191919);
}

.bitlocker-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bitlocker-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.bitlocker-modal__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}

.bitlocker-modal__row-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bitlocker-modal__row-title {
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.bitlocker-modal__row-helper {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  line-height: 18px;
}

.bitlocker-modal__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.bitlocker-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-color-Default, #191919);
}.os-update-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.os-update-modal__list {
  margin: 0;
  padding-left: 22px;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.os-update-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.os-update-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.os-update-modal__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.os-update-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}

.os-update-modal__inline-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}.lost-mode-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.lost-mode-modal__intro a {
  color: var(--hex-active-tab-color, #0449d1);
}

.lost-mode-modal__note a {
  color: var(--hex-active-tab-color, #0449d1);
}

.lost-mode-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lost-mode-modal__label {
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.lost-mode-modal__inline-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
}

.lost-mode-modal__wildcards {
  width: 100%;
  align-items: flex-start;
}

.lost-mode-modal__wildcards-title {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.lost-mode-modal__wildcards-list {
  margin: 8px 0 0;
  padding-left: 18px;
  -moz-columns: 2;
       columns: 2;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #537b9d;
}

.lost-mode-modal__wildcards-note {
  margin: 8px 0 0;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
}.action-popup-modal__copy p {
  margin: 0 0 8px;
}
.action-popup-modal__copy p:last-child {
  margin-bottom: 0;
}
.action-popup-modal__copy ul {
  margin: 0 0 12px;
  padding-left: 20px;
}
.action-popup-modal__copy ul:last-child {
  margin-bottom: 0;
}
.action-popup-modal__copy ul ul {
  margin-top: 4px;
  margin-bottom: 0;
}

.action-popup-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.action-popup-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.action-popup-modal__stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.action-popup-modal__inline-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}

.action-popup-modal__period-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.action-popup-modal__period-unit {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  line-height: 20px;
}.app-target-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.app-target-modal__intro p {
  margin: 0 0 8px;
}
.app-target-modal__intro ul {
  margin: 0 0 8px;
  padding-left: 18px;
}
.app-target-modal__intro a {
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
}

.app-target-modal__inline-link {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font: inherit;
  cursor: pointer;
  text-decoration: none;
}
.app-target-modal__inline-link:hover {
  text-decoration: underline;
}

.app-target-modal__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  margin: 0 0 4px;
}

.app-target-modal__tab {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  margin: 0;
  padding: 6px 4px;
  cursor: pointer;
  color: #6e829b;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  line-height: 22px;
}
.app-target-modal__tab--active {
  color: var(--hex-color-basic, #191919);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
}
.app-target-modal__tab:hover {
  color: var(--hex-color-basic, #191919);
}

.app-target-modal__toolbar {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  align-items: center;
}

.app-target-modal__platform-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
}

.app-target-modal__intro--note {
  color: var(--hex-color-secondary, #788c9b);
}

.app-target-modal__search {
  flex: 0 1 280px;
  width: 280px;
  max-width: 50%;
  min-width: 160px;
}

.app-target-modal__filter {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
}

.app-target-modal__app-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.app-target-modal__app-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.app-target-modal__app-fallback {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #e4e8eb;
  color: #191919;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.app-target-modal__app-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-target-modal__list {
  max-height: 360px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}

.app-target-modal__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.app-target-modal__table thead {
  background: #f5f7fa;
}
.app-target-modal__table th,
.app-target-modal__table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.app-target-modal__table th:first-child,
.app-target-modal__table td:first-child {
  width: 40px;
}

.app-target-modal__helper {
  margin: 0;
  padding: 16px;
  color: var(--hex-color-secondary, #788c9b);
}

.app-target-modal__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 32px 16px;
}

.app-target-modal__validation-error {
  margin: 12px 0 0;
  color: #a30000;
  font-family: "Lato", sans-serif;
  font-size: 13px;
}

.app-target-modal__pagination {
  margin-top: 4px;
}

.app-install-configure-modal__app-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
}

.app-install-configure-modal__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.app-install-configure-modal__note {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}

.app-install-configure-modal__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.app-install-configure-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.app-install-configure-modal__criteria-box {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  padding: 12px;
}

.app-install-configure-modal__criteria-title {
  margin: 0 0 8px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.app-install-configure-modal__criteria-list {
  margin: 0;
  padding-left: 18px;
}

.app-install-configure-modal__criteria-empty {
  color: #a30000;
}

.app-install-configure-modal__registry-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 8px;
}

.app-target-modal__table--configure td:last-child {
  width: 180px;
}

.app-target-modal__configure-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font: inherit;
  cursor: pointer;
}
.app-target-modal__configure-link:hover {
  text-decoration: underline;
}

.app-target-modal__configure-row td {
  background: #f9fbfd;
  position: relative;
}

.app-target-modal__configure-close {
  position: absolute;
  top: 8px;
  right: 12px;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.app-target-modal__configure-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 24px 8px 0;
}

.app-target-modal__configure-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
}
.app-target-modal__configure-field > span:first-child {
  min-width: 220px;
}
.app-target-modal__configure-field input[type=text] {
  width: min(300px, 100%);
}

.app-target-modal__table--configure th:nth-child(1),
.app-target-modal__table--configure th:nth-child(2),
.app-target-modal__table--configure th:nth-child(3),
.app-target-modal__table--configure th:nth-child(4) {
  width: 25%;
}

.app-target-modal__bundle-list {
  margin: 8px 0 0;
  padding-left: 20px;
}

.app-modal-generic__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.app-modal-generic__label {
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.app-modal-generic__helper {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.app-modal-generic__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.app-modal-generic__radios--stacked {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
}

.app-modal-generic__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
}

.remote-app-launch-modal__keep-open {
  flex-wrap: wrap;
  row-gap: 8px;
}

.remote-app-launch-modal__seconds {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.remote-app-launch-modal__seconds-field {
  display: inline-block;
  width: 55px;
  flex: 0 0 55px;
}

.remote-app-launch-modal__seconds-error {
  margin-left: 28px;
  color: #a30000;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
}.execute-script-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.execute-script-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.execute-script-modal__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.execute-script-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}
.execute-script-modal__store-output-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.execute-script-modal__intro {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  line-height: 20px;
}
.execute-script-modal__intro p {
  margin: 0;
}
.execute-script-modal__helper {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  line-height: 18px;
}
.execute-script-modal__info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-secondary, #788c9b);
  cursor: default;
}
.execute-script-modal__upload-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.execute-script-modal__repo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.execute-script-modal__repo-browser {
  display: grid;
  grid-template-columns: minmax(150px, 190px) 1fr;
  gap: 12px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  overflow: visible;
  background: #fff;
}
.execute-script-modal__repo-tree {
  border-right: 1px solid var(--hex-border-color, #e4e8eb);
  background: #fbfcfe;
  max-height: 360px;
  overflow: auto;
  padding: 6px 0;
}
.execute-script-modal__repo-tree-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.execute-script-modal__repo-tree-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 6px;
  cursor: pointer;
}
.execute-script-modal__repo-tree-item[data-selected=true] {
  background: #eaf2ff;
}
.execute-script-modal__repo-tree-toggle {
  border: 0;
  background: transparent;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: var(--hex-color-secondary, #788c9b);
}
.execute-script-modal__repo-tree-toggle-spacer {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.execute-script-modal__repo-tree-caret {
  display: inline-block;
  transition: transform 0.15s ease;
}
.execute-script-modal__repo-tree-caret--open {
  transform: rotate(90deg);
}
.execute-script-modal__repo-tree-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  font-size: 13px;
  color: var(--text-color-Default, #191919);
}
.execute-script-modal__repo-tree-label span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.execute-script-modal__repo-files {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  min-width: 0;
}
.execute-script-modal__repo-pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 4px;
}
.execute-script-modal__repo-page-label {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
}
.execute-script-modal__repo-loading {
  padding: 12px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}
.execute-script-modal__genie-link {
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 13px;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
.execute-script-modal__genie-link:hover {
  text-decoration: underline;
}
.execute-script-modal__repo-list {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  max-width: 100%;
  min-width: 0;
}
.execute-script-modal__table {
  width: -moz-max-content;
  width: max-content;
  min-width: 1000px;
  border-collapse: collapse;
  font-size: 13px;
}
.execute-script-modal__table thead {
  background: #f5f7fa;
}
.execute-script-modal__table th,
.execute-script-modal__table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.execute-script-modal__table th {
  white-space: nowrap;
}
.execute-script-modal__table th:nth-child(4),
.execute-script-modal__table td:nth-child(4) {
  min-width: 120px;
  white-space: nowrap;
}
.execute-script-modal__table th:nth-child(5),
.execute-script-modal__table td:nth-child(5),
.execute-script-modal__table th:nth-child(6),
.execute-script-modal__table td:nth-child(6) {
  min-width: 150px;
  white-space: nowrap;
}
.execute-script-modal__table tbody tr {
  cursor: pointer;
}
.execute-script-modal__table tbody tr[data-selected=true] {
  background: #eaf2ff;
}
.execute-script-modal__list-empty {
  padding: 16px;
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}
.execute-script-modal__android {
  display: grid;
  grid-template-columns: minmax(220px, 260px) 1fr;
  gap: 16px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  padding: 12px;
}
.execute-script-modal__android-panel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 380px;
  overflow: auto;
}
.execute-script-modal__android-editor {
  display: flex;
  flex-direction: column;
}
.execute-script-modal__android-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}
.execute-script-modal__android-local-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
}
.execute-script-modal__android-refresh-icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 6px;
  background: #fff;
  padding: 0;
  cursor: pointer;
  color: var(--hex-color-secondary, #788c9b);
}
.execute-script-modal__android-refresh-icon:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.execute-script-modal__android-scriptname {
  display: flex;
  align-items: center;
  gap: 10px;
}
.execute-script-modal__android-required-ext {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  white-space: nowrap;
}
.execute-script-modal__section-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.execute-script-modal__section-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-color-Default, #191919);
  width: 100%;
}
.execute-script-modal__section-toggle:hover {
  background: #f5f7fa;
  border-radius: 4px;
}
.execute-script-modal__caret {
  display: inline-block;
  transition: transform 0.15s ease;
  color: var(--hex-color-secondary, #788c9b);
}
.execute-script-modal__caret--open {
  transform: rotate(90deg);
}
.execute-script-modal__section-items {
  list-style: none;
  padding-left: 18px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.execute-script-modal__section-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 8px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  color: var(--text-color-Default, #191919);
  border-radius: 4px;
  width: 100%;
}
.execute-script-modal__section-item strong {
  font-weight: 500;
}
.execute-script-modal__section-item span {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
}
.execute-script-modal__section-item:hover {
  background: #f5f7fa;
}
.execute-script-modal__section-item[data-selected=true] {
  background: #eaf2ff;
}
.execute-script-modal__section-item[data-selected=true] strong {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}.misc-modal__intro {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.misc-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.misc-modal__volume-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.misc-modal__volume-label {
  flex: 0 1 auto;
  margin: 0;
  padding-top: 6px;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.misc-modal__volume-field-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

.misc-modal__volume-input {
  display: inline-block;
  width: 55px;
  flex: 0 0 55px;
}
.misc-modal__volume-input > * {
  width: 55px !important;
  max-width: 80px;
  box-sizing: border-box;
}
.misc-modal__volume-input input[type=number] {
  -moz-appearance: textfield;
}
.misc-modal__volume-input input[type=number]::-webkit-outer-spin-button,
.misc-modal__volume-input input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.misc-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.misc-modal__error {
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}

.misc-modal__row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  margin: 0;
}

.misc-modal__radios {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.misc-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}

.misc-modal__list {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}
.misc-modal__list table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.misc-modal__list table thead {
  background: #f5f7fa;
}
.misc-modal__list table th,
.misc-modal__list table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

.misc-modal__location-row {
  display: flex;
  gap: 8px;
  align-items: center;
}

.misc-modal__location-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 6px;
  background: #f9fafb;
  font-size: 13px;
}

.misc-modal__list-empty {
  padding: 16px;
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}

.misc-modal__time-row {
  display: flex;
  gap: 12px;
  align-items: center;
}

.misc-modal__erase-safari {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.misc-modal__erase-safari-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.misc-modal__erase-safari-days {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}

.update-sim-modal__copy {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.update-sim-modal__supported {
  margin: 12px 0 0;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.update-sim-modal__platforms {
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
  line-height: 21px;
}

.update-sim-modal__url-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 8px;
}

.update-sim-modal__url-label {
  flex: 0 0 140px;
  margin-top: 10px;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.update-sim-modal__url-field {
  flex: 0 1 320px;
  width: 320px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.update-sim-modal__error {
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}.esim-profile-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-top: 4px;
}

.esim-profile-rows__heading,
.esim-modal__intro,
.esim-modal__note,
.esim-modal__supported-line,
.esim-modal__section-label {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.esim-profile-rows__heading {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.esim-modal__note {
  font-size: 12px;
  font-weight: 400;
  color: var(--text-color-Default, #191919);
}
.esim-modal__note strong {
  font-weight: 700;
}

.esim-modal__supported-line {
  font-size: 12px;
  font-weight: 400;
  color: var(--hex-color-secondary, #788c9b);
}

.esim-modal__intro {
  color: var(--text-color-Default, #191919);
}

.esim-modal__header-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.esim-modal__platforms {
  margin: 0;
  padding-left: 18px;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.esim-modal__section-heading {
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

.esim-modal__field-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 4px;
}

.esim-modal__url-field {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.esim-modal__imei-field {
  flex: 0 1 250px;
  width: 250px;
  max-width: 100%;
}
.esim-modal__imei-field .Select_root,
.esim-modal__imei-field .Select_trigger {
  width: 100%;
  max-width: 100%;
}

.esim-profile-rows__table-wrap,
.esim-modal__table-wrap {
  width: 100%;
  overflow-x: auto;
}

.esim-profile-rows__table,
.esim-modal__manual-table,
.esim-modal__remove-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.esim-profile-rows__table th,
.esim-profile-rows__table td,
.esim-modal__manual-table th,
.esim-modal__manual-table td,
.esim-modal__remove-table th,
.esim-modal__remove-table td {
  padding: 8px 8px 14px 0;
  text-align: left;
  vertical-align: top;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
  word-wrap: break-word;
}
.esim-profile-rows__table th,
.esim-modal__manual-table th,
.esim-modal__remove-table th {
  font-weight: 600;
  padding-bottom: 14px;
}
.esim-profile-rows__table .Field_shell,
.esim-profile-rows__table .Select_root,
.esim-modal__manual-table .Field_shell,
.esim-modal__manual-table .Select_root,
.esim-modal__remove-table .Field_shell,
.esim-modal__remove-table .Select_root {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.esim-profile-rows__table .Select_trigger,
.esim-modal__manual-table .Select_trigger,
.esim-modal__remove-table .Select_trigger {
  width: 100%;
}

.esim-profile-rows__col-name {
  width: 30%;
}

.esim-profile-rows__col-code {
  width: 42%;
  padding-left: 24px !important;
}

.esim-modal__col-name {
  width: 28%;
}

.esim-modal__col-code {
  width: 34%;
  padding-left: 24px !important;
}

.esim-modal__col-device {
  width: 22%;
}

.esim-modal__col-imei {
  width: 18%;
}

.esim-modal__col-remove-device {
  width: 40%;
  vertical-align: middle;
}

.esim-modal__col-remove-profile {
  width: 40%;
  vertical-align: middle;
}

.esim-modal__remove-table {
  margin-top: 8px;
}
.esim-modal__remove-table th,
.esim-modal__remove-table td {
  vertical-align: middle;
}
.esim-modal__remove-table .esim-profile-rows__delete-btn {
  margin-top: 0;
}
.esim-modal__remove-table .esim-modal__col-add .esim-modal__link-btn {
  line-height: 18px;
}

.esim-profile-rows__activate,
.esim-modal__col-activate {
  width: 130px;
  padding-left: 24px !important;
  text-align: center;
  vertical-align: middle;
}
.esim-profile-rows__activate .Toggle_root,
.esim-profile-rows__activate .esim-profile-rows__toggle-wrap,
.esim-modal__col-activate .Toggle_root,
.esim-modal__col-activate .esim-profile-rows__toggle-wrap {
  display: inline-flex;
  margin-top: 8px;
  margin-left: 4px;
  vertical-align: middle;
}

.esim-profile-rows__delete,
.esim-modal__col-delete {
  width: 52px;
  text-align: center;
}

.esim-modal__col-add {
  width: 48px;
  text-align: center;
}

.esim-modal__manual-table .esim-modal__device-divider td,
.esim-modal__remove-table .esim-modal__device-divider td {
  padding: 0 !important;
  height: 0;
  line-height: 0;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: top;
}

.esim-modal__device-name-cell {
  display: block;
  word-wrap: break-word;
  font-size: 13px;
  color: var(--text-color-Default, #191919);
}

.esim-profile-rows__error {
  margin: 4px 0 0;
  color: #a30000;
  font-size: 12px;
}

.esim-profile-rows__delete-btn,
.esim-modal__link-btn {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.esim-profile-rows__delete-btn {
  display: inline-flex;
  margin-top: 8px;
  vertical-align: middle;
}

.esim-profile-rows__add,
.esim-modal__link-btn {
  align-self: flex-start;
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  cursor: pointer;
}
.esim-profile-rows__add:disabled,
.esim-modal__link-btn:disabled {
  color: var(--hex-color-secondary, #788c9b);
  cursor: default;
}

.esim-modal__col-add .esim-modal__link-btn {
  margin-top: 0;
  line-height: 34px;
}

.esim-modal__radio-row,
.esim-modal__csv-row {
  display: flex;
  align-items: flex-start;
  gap: 12px 24px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.esim-modal__field-label {
  flex: 0 0 150px;
  width: 150px;
  margin: 0;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.esim-modal__section-label.esim-modal__field-label {
  font-weight: 700;
}

.esim-modal--device-detail .esim-profile-rows__table th,
.esim-modal--device-detail .esim-modal__manual-table th,
.esim-modal--device-detail .esim-modal__remove-table th,
.esim-modal--device-detail .esim-modal__installed-table th,
.esim-modal--manage-deploy .esim-profile-rows__table th,
.esim-modal--manage-deploy .esim-modal__manual-table th,
.esim-modal--manage-deploy .esim-modal__remove-table th,
.esim-modal--manage-deploy .esim-modal__installed-table th,
.esim-modal--manage-remove .esim-profile-rows__table th,
.esim-modal--manage-remove .esim-modal__manual-table th,
.esim-modal--manage-remove .esim-modal__remove-table th,
.esim-modal--manage-remove .esim-modal__installed-table th {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.esim-modal--device-detail .esim-profile-rows__add,
.esim-modal--device-detail .esim-modal__link-btn,
.esim-modal--manage-deploy .esim-profile-rows__add,
.esim-modal--manage-deploy .esim-modal__link-btn,
.esim-modal--manage-remove .esim-profile-rows__add,
.esim-modal--manage-remove .esim-modal__link-btn {
  font-size: 13px;
}

.esim-modal__installed-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.esim-modal__installed-table th,
.esim-modal__installed-table td {
  padding: 10px 12px 10px 0;
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
  color: var(--text-color-Default, #191919);
  word-wrap: break-word;
}
.esim-modal__installed-table th {
  font-weight: 600;
  padding-bottom: 12px;
}

.esim-modal__col-check {
  width: 48px;
  padding-left: 4px !important;
}

.esim-modal__col-installed-name {
  width: 35%;
}

.esim-modal__col-installed-code {
  width: auto;
}

.esim-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-color-Default, #191919);
  cursor: pointer;
}

.esim-modal__csv-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.esim-modal__csv-upload {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
}

.esim-modal__empty,
.esim-modal__error {
  margin: 8px 0 0;
  font-size: 13px;
}

.esim-modal__error {
  color: #a30000;
}

.esim-modal__pager {
  margin-top: 12px;
}
.esim-modal__pager .hex-list-pagination {
  justify-content: flex-start;
  padding: 0;
  background: transparent;
}.user-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.user-modal__field--inline {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 16px;
}

.user-modal__label {
  flex: 0 0 160px;
  padding-top: 8px;
  color: var(--text-color-Default, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.user-modal__control {
  flex: 1 1 240px;
  max-width: 320px;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.user-modal__control--checkbox {
  justify-content: center;
  min-height: 36px;
}

.user-modal__password-row {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.user-modal__password-row > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.user-modal__password-row > :first-child input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.user-modal__password-toggle {
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-left: 0;
  border-radius: 0 5px 5px 0;
  background: #f7f9fb;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  line-height: 0;
}
.user-modal__password-toggle:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
}
.user-modal__password-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.user-modal__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  padding-top: 6px;
}

.user-modal__radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.user-modal__note {
  margin: 0;
}

.user-modal__alert-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.user-modal__alert-list a {
  margin-left: 4px;
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.user-modal__alert-list a:hover {
  text-decoration: underline;
}.enrollment-ownership-modal__info {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.enrollment-ownership-modal__alert {
  margin: 0;
}

.enrollment-ownership-modal__alert-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.enrollment-ownership-modal__alert-link {
  margin-left: 8px;
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.enrollment-ownership-modal__alert-link:hover {
  text-decoration: underline;
}

.enrollment-ownership-modal__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.enrollment-ownership-modal__label {
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.enrollment-ownership-modal__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.enrollment-ownership-modal__radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--text-color-Default, #191919);
  font-size: 14px;
}
.enrollment-ownership-modal__radio-option:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.6;
}

.enrollment-ownership-modal__alternate {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.enrollment-ownership-modal__table-wrap {
  max-height: 320px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}

.enrollment-ownership-modal__table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 13px;
}
.enrollment-ownership-modal__table thead {
  background: #f9f9fa;
  color: #5e5c6a;
}
.enrollment-ownership-modal__table th,
.enrollment-ownership-modal__table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
}
.enrollment-ownership-modal__table tbody tr:last-child td {
  border-bottom: none;
}

.enrollment-ownership-modal__pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.enrollment-ownership-modal__page-btn {
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  background: var(--white-color, #fff);
  color: var(--text-color-Default, #191919);
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}
.enrollment-ownership-modal__page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.enrollment-ownership-modal__page-btn:not(:disabled):hover {
  border-color: var(--hex-active-tab-color, #0449d1);
  color: var(--hex-active-tab-color, #0449d1);
}

.enrollment-ownership-modal__page-label {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}
/* Configure Directory / Directory Services modal — Manage tokens + uem-ui-kit controls. */
.configure-directory-modal.hex-modal {
  max-width: 960px;
  width: 90vw;
}
.configure-directory-modal .hex-modal__body {
  padding: 0;
  max-height: min(80vh, 720px);
  overflow: auto;
}

.configure-directory-confirm-popup {
  align-items: stretch;
}
.configure-directory-confirm-popup > div:nth-child(2) {
  align-items: stretch;
  width: 100%;
}

.configure-directory {
  background: var(--white-color, #ffffff);
  min-height: 500px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}
.configure-directory__tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0 16px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  gap: 0;
}
.configure-directory__panel {
  padding: 20px 24px 28px;
}
.configure-directory__heading {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}
.configure-directory__subtitle {
  margin: 0 0 20px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}
.configure-directory__description {
  margin: 0 0 8px;
  line-height: 1.5;
}
.configure-directory__steps {
  margin: 12px 0 24px;
  padding-left: 20px;
  line-height: 1.6;
}
.configure-directory__link {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: underline;
}
.configure-directory__actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.configure-directory__error {
  color: #a30000;
  font-size: 12px;
  margin-top: 6px;
}
.configure-directory__banner {
  margin-bottom: 16px;
  padding: 10px 12px;
  background: #fdeaea;
  color: #a30000;
  text-align: center;
  border-radius: 4px;
}
.configure-directory__form {
  max-width: 780px;
}
.configure-directory__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
@media (max-width: 640px) {
  .configure-directory__row {
    flex-direction: column;
    gap: 6px;
  }
}
.configure-directory__label {
  flex: 0 0 310px;
  width: 310px;
  max-width: 310px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  min-height: 30px;
  padding-top: 0;
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: var(--hex-color-basic, #191919);
  white-space: nowrap;
}
@media (max-width: 640px) {
  .configure-directory__label {
    flex: none;
    width: 100%;
    max-width: none;
    min-height: 0;
    white-space: normal;
    flex-wrap: wrap;
  }
}
.configure-directory__field {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 30px;
}
.configure-directory__input-grow {
  flex: 1;
  min-width: 0;
  max-width: 320px;
  width: 100%;
}
.configure-directory__port-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 30px;
}
.configure-directory__checkbox-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
}
.configure-directory__radio-row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  min-height: 30px;
}
.configure-directory__port {
  width: 60px;
  max-width: 60px;
}
.configure-directory__inline-label {
  color: var(--hex-color-secondary, #788c9b);
}
.configure-directory {
  /* Production parity: self-enroll, Initiate sync at, Frequency, weekdays */
}
.configure-directory__native-checkbox {
  display: block;
  min-height: 20px;
  padding-top: 2px;
}
.configure-directory__native-checkbox input[type=checkbox] {
  margin: 0;
  cursor: pointer;
}
.configure-directory__schedule-heading {
  margin: 18px 0 12px;
  padding-left: 0;
  font-size: 15px;
  font-weight: 400;
  color: #090c16;
}
.configure-directory {
  /* Same element often also has __field (column flex) — force a horizontal row. */
}
.configure-directory__schedule-time {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  overflow: visible;
}
.configure-directory__schedule-input {
  flex: 0 0 55px;
  width: 55px;
  height: 30px;
  padding: 5px 10px;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  font: inherit;
  font-size: 12px;
  line-height: 1.5;
  box-sizing: border-box;
  color: #555;
  background: var(--white-color, #ffffff);
}
.configure-directory__schedule-unit {
  flex: 0 0 auto;
  color: #888;
  padding: 0 10px;
  line-height: 30px;
  font-size: 14px;
  white-space: nowrap;
}
.configure-directory__ownership-group {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0 4px;
  min-height: 30px;
}
.configure-directory__ownership-item {
  display: inline-flex;
  align-items: center;
  width: auto;
  min-width: 89px;
  margin: 0;
  padding: 0 10px 0 0;
  vertical-align: middle;
}
.configure-directory__ownership-group--days .configure-directory__ownership-item {
  margin-bottom: 6px;
}
.configure-directory {
  /* Checkbox/radio + label on one horizontal line */
}
.configure-directory__radio-inline, .configure-directory__checkbox-inline {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin: 0;
  padding: 0;
  font: inherit;
  font-weight: 400;
  line-height: 1.4;
  cursor: pointer;
  white-space: nowrap;
  color: var(--hex-color-basic, #191919);
  vertical-align: middle;
  text-align: left;
}
.configure-directory__radio-inline input[type=radio],
.configure-directory__radio-inline input[type=checkbox], .configure-directory__checkbox-inline input[type=radio],
.configure-directory__checkbox-inline input[type=checkbox] {
  position: static;
  flex-shrink: 0;
  margin: 0;
  width: 13px;
  height: 13px;
  cursor: pointer;
  vertical-align: middle;
}
.configure-directory {
  /* Entra Select days tag dropdown (azure-week-dropdown) */
}
.configure-directory__week-dropdown {
  position: relative;
  display: inline-block;
}
.configure-directory__tag-list-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 320px;
  min-height: 30px;
  padding: 3px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 3px;
  background: var(--white-color, #ffffff);
  font: inherit;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
}
.configure-directory__tag-list-button:hover, .configure-directory__tag-list-button:focus, .configure-directory__tag-list-button:focus-visible {
  border-color: #66afe9;
  outline: none;
}
.configure-directory__tag-list-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.configure-directory__week-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  min-width: 0;
}
.configure-directory__week-tag {
  display: flex;
  align-items: center;
  margin-right: 5px;
  background-color: #e6f1ff;
  color: #0075ff;
  border-radius: 13px;
  font-size: 12px;
  height: 24px;
  box-sizing: border-box;
  min-width: 30px;
  padding: 3px 10px;
}
.configure-directory__dropdown-arrow {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}
.configure-directory__week-dropdown-content {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 5;
  min-width: 320px;
  margin-top: 5px;
  padding: 10px 20px;
  overflow: auto;
  background: var(--white-color, #ffffff);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.configure-directory__week-option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font: inherit;
  cursor: pointer;
  color: var(--hex-color-basic, #191919);
}
.configure-directory__week-option:last-child {
  margin-bottom: 0;
}
.configure-directory__week-option input[type=checkbox] {
  margin: 0;
  cursor: pointer;
}
.configure-directory__control-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: inherit;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
}
.configure-directory__password-row {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 320px;
}
.configure-directory__password-input {
  flex: 1;
  min-width: 0;
}
.configure-directory__footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}
.configure-directory__domain-cards {
  display: grid;
  gap: 12px;
}
.configure-directory__domain-card {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.configure-directory__domain-name {
  font-weight: 600;
  margin-bottom: 4px;
}
.configure-directory__domain-meta {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
}
.configure-directory__domain-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.configure-directory__ou-box {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  max-height: 220px;
  overflow: auto;
  padding: 8px;
  margin-top: 8px;
}
.configure-directory__ou-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 13px;
}
.configure-directory__day-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  min-height: 30px;
  align-items: center;
}
.configure-directory__loading {
  padding: 40px;
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
}
.configure-directory__empty {
  color: var(--hex-color-secondary, #788c9b);
  padding: 12px 0;
}
.configure-directory__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.configure-directory__card {
  position: relative;
  width: 220px;
  min-height: 150px;
  border-radius: 5px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  text-align: center;
}
.configure-directory__card--add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--hex-color-secondary, #788c9b);
  font: inherit;
  padding: 30px 10px;
  min-height: 150px;
}
.configure-directory__card--add:hover {
  border-color: var(--hex-active-tab-color, #0449d1);
  color: var(--hex-active-tab-color, #0449d1);
}
.configure-directory__card-main {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 20px 12px 12px;
  font: inherit;
  color: inherit;
}
.configure-directory__card-title {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 600;
  word-break: break-word;
  color: var(--hex-color-basic, #191919);
}
.configure-directory__card-meta {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  margin-top: 4px;
}
.configure-directory__card-menu {
  position: absolute;
  top: 8px;
  right: 8px;
}
.configure-directory__menu-trigger {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 15px;
  padding: 4px;
  color: var(--hex-color-secondary, #788c9b);
}
.configure-directory__menu-trigger:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.configure-directory__menu {
  position: absolute;
  right: 0;
  top: 24px;
  z-index: 5;
  min-width: 180px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: var(--white-color, #ffffff);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  text-align: left;
}
.configure-directory__menu button {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 8px 12px;
  font: inherit;
  cursor: pointer;
  color: var(--hex-color-basic, #191919);
}
.configure-directory__menu button:hover {
  background: #f5f7f9;
}
.configure-directory__menu button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.configure-directory__add-plus {
  font-size: x-large;
  line-height: 1;
  color: var(--hex-color-basic, #191919);
}
.configure-directory__panel-heading {
  margin-bottom: 16px;
}
.configure-directory__panel-heading-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.configure-directory__panel-heading-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.configure-directory__agent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}
.configure-directory__add-agent {
  margin-top: 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  padding: 10px;
  font-size: 13px;
}
.configure-directory__add-agent-step {
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
}
.configure-directory__add-agent-step:last-child {
  margin-bottom: 0;
}
.configure-directory__add-agent-step strong {
  flex-shrink: 0;
  min-width: 52px;
}
.configure-directory__filters-note {
  margin-top: 16px;
}
.configure-directory__subheading {
  margin: 18px 0 12px;
  font-size: 15px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}
.configure-directory__note {
  margin: 0 0 16px;
  padding: 10px 12px;
  background: #f7f9fb;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.5;
}
.configure-directory__radio-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.configure-directory__success {
  color: #409c35;
  font-size: 18px;
  font-weight: 700;
}
.configure-directory__azure-note {
  width: 100%;
  background-color: #d5e4f4;
  padding: 10px;
  font-weight: 500;
  color: var(--hex-color-basic, #191919);
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 16px;
}
.configure-directory__entra-header {
  position: relative;
  margin-bottom: 16px;
  overflow: hidden;
}
.configure-directory__entra-header-actions {
  display: flex;
  float: right;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.configure-directory__status-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 14px;
  padding: 0;
  text-decoration: none;
}
.configure-directory__status-link:hover {
  text-decoration: underline;
}
.configure-directory__status-link-arrow {
  display: inline-block;
  width: 13px;
  height: auto;
  flex-shrink: 0;
}
.configure-directory__help-link {
  display: block;
  width: 20px;
  height: 20px;
  color: var(--hex-color-basic, #191919);
  padding-left: 5px;
  box-sizing: content-box;
}
.configure-directory__help-link:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.configure-directory__link-button {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: var(--hex-active-tab-color, #0449d1);
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.configure-directory__link-button:hover {
  text-decoration: underline;
}
.configure-directory__ou-tag {
  display: inline-block;
  margin: 0 6px 6px 0;
  padding: 2px 8px;
  background: #e6f1ff;
  color: #0075ff;
  border-radius: 13px;
  font-size: 12px;
}
.configure-directory__note-panel {
  display: flex;
  gap: 8px;
  margin: 0 0 16px;
  padding: 10px 12px;
  background: #f7f9fb;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.5;
}
.configure-directory__note-panel > div:first-child {
  font-weight: 600;
  flex-shrink: 0;
}
.configure-directory__success-icon {
  display: inline-flex;
  align-items: center;
}
.configure-directory__info-icon {
  display: inline-flex;
  flex-shrink: 0;
  vertical-align: middle;
  margin-left: 2px;
  cursor: default;
  color: var(--hex-color-secondary, #788c9b);
}
.configure-directory__info-icon .Tooltip_trigger {
  color: inherit;
}
.configure-directory__info-icon:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.configure-directory {
  /* Labels use white-space:nowrap; tooltip content must wrap. */
}
.configure-directory .Tooltip_content {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.configure-directory__link-button {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: var(--hex-active-tab-color, #0449d1);
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.configure-directory__ou-tag {
  display: inline-block;
  margin: 0 6px 6px 0;
  padding: 2px 8px;
  background: #e6f1ff;
  color: #0075ff;
  border-radius: 13px;
  font-size: 12px;
}

.configure-directory-ou-picker-popup {
  align-items: stretch;
  width: min(520px, 90vw);
  max-width: 520px;
}
.configure-directory-ou-picker-popup > div:nth-child(2) {
  align-items: stretch;
  width: 100%;
  max-height: min(60vh, 480px);
  overflow: auto;
}

.configure-directory-ou-picker {
  min-height: 120px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}
.configure-directory-ou-picker__connecting {
  text-align: center;
  padding: 30px 12px;
  color: #6e829b;
}
.configure-directory-ou-picker__error {
  margin: 0;
  color: #a30000;
}
.configure-directory-ou-picker__spinner {
  margin-top: 12px;
  font-size: 23px;
  color: #6e829b;
  animation: configure-directory-ou-spin 1s linear infinite;
  display: inline-block;
}
.configure-directory-ou-picker__tree {
  padding: 4px 0;
}
.configure-directory-ou-picker__row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
}
.configure-directory-ou-picker__twistie {
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #6e829b;
  font-size: 12px;
  line-height: 1;
}
.configure-directory-ou-picker__twistie:disabled {
  cursor: default;
  opacity: 0.5;
}
.configure-directory-ou-picker__check-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font: inherit;
  cursor: pointer;
}
.configure-directory-ou-picker__check-label input[type=checkbox] {
  margin: 0;
  cursor: pointer;
}

@keyframes configure-directory-ou-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.assign-class-modal__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.assign-class-modal__search {
  flex: 0 0 auto;
  width: 240px;
  max-width: 100%;
}

.assign-class-modal__selected-count {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}

.assign-class-modal__list {
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}
.assign-class-modal__list table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 13px;
}
.assign-class-modal__list table thead {
  background: #f5f7fa;
  position: sticky;
  top: 0;
  z-index: 1;
}
.assign-class-modal__list table th,
.assign-class-modal__list table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
  color: var(--hex-color-basic, #191919);
}
.assign-class-modal__list table th {
  font-weight: 600;
}

.assign-class-modal__check-col {
  width: 40px;
  min-width: 40px;
  text-align: center;
}

.assign-class-modal__empty {
  margin: 0;
  padding: 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
}

.assign-class-modal__empty-cell {
  text-align: center !important;
  color: var(--hex-color-secondary, #788c9b);
  padding: 24px 12px !important;
}

.assign-class-modal__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.assign-class-modal__page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  background: var(--white-color, #ffffff);
  color: var(--hex-color-basic, #191919);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.assign-class-modal__page-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.assign-class-modal__page-label {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
}.assign-cart-modal__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.assign-cart-modal__search {
  flex: 0 0 auto;
  width: 240px;
  max-width: 100%;
}

.assign-cart-modal__selected-count {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}

.assign-cart-modal__list {
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}
.assign-cart-modal__list table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 13px;
}
.assign-cart-modal__list table thead {
  background: #f5f7fa;
  position: sticky;
  top: 0;
  z-index: 1;
}
.assign-cart-modal__list table th,
.assign-cart-modal__list table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
  color: var(--hex-color-basic, #191919);
}
.assign-cart-modal__list table th {
  font-weight: 600;
}

.assign-cart-modal__check-col {
  width: 40px;
  min-width: 40px;
  text-align: center;
}

.assign-cart-modal__empty {
  margin: 0;
  padding: 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
}

.assign-cart-modal__empty-cell {
  text-align: center !important;
  color: var(--hex-color-secondary, #788c9b);
  padding: 24px 12px !important;
}

.assign-cart-modal__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.assign-cart-modal__page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  background: var(--white-color, #ffffff);
  color: var(--hex-color-basic, #191919);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.assign-cart-modal__page-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.assign-cart-modal__page-label {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
}.add-user-to-group-modal__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.add-user-to-group-modal__search {
  flex: 0 0 auto;
  width: 240px;
  max-width: 100%;
}

.add-user-to-group-modal__selected-count {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}

.add-user-to-group-modal__list {
  max-height: 280px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}
.add-user-to-group-modal__list table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 13px;
}
.add-user-to-group-modal__list table thead {
  background: #f5f7fa;
  position: sticky;
  top: 0;
  z-index: 1;
}
.add-user-to-group-modal__list table th,
.add-user-to-group-modal__list table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
  color: var(--hex-color-basic, #191919);
  word-break: break-word;
}
.add-user-to-group-modal__list table th {
  font-weight: 600;
}

.add-user-to-group-modal__check-col {
  width: 40px;
  min-width: 40px;
  text-align: center;
}

.add-user-to-group-modal__empty {
  margin: 0;
  padding: 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
}

.add-user-to-group-modal__empty-cell {
  text-align: center !important;
  color: var(--hex-color-secondary, #788c9b);
  padding: 24px 12px !important;
}

.add-user-to-group-modal__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.add-user-to-group-modal__page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  background: var(--white-color, #ffffff);
  color: var(--hex-color-basic, #191919);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.add-user-to-group-modal__page-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.add-user-to-group-modal__page-label {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
}.map-asm-users-modal__intro {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.map-asm-users-modal__list {
  max-height: 360px;
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}
.map-asm-users-modal__list table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 13px;
}
.map-asm-users-modal__list table thead {
  background: #f5f7fa;
  position: sticky;
  top: 0;
  z-index: 1;
}
.map-asm-users-modal__list table th,
.map-asm-users-modal__list table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
  color: var(--hex-color-basic, #191919);
  word-break: break-word;
}
.map-asm-users-modal__list table th {
  font-weight: 600;
}

.map-asm-users-modal__input {
  width: 100%;
  min-width: 120px;
}

.map-asm-users-modal__empty {
  margin: 0;
  padding: 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
}

.map-asm-users-modal__empty-cell {
  text-align: center !important;
  color: var(--hex-color-secondary, #788c9b);
  padding: 24px 12px !important;
}

.map-asm-users-modal__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.map-asm-users-modal__page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  background: var(--white-color, #ffffff);
  color: var(--hex-color-basic, #191919);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.map-asm-users-modal__page-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.map-asm-users-modal__page-label {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
}.device-support-logs-modal__intro {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.device-support-logs-modal__note {
  margin: 0;
}

.device-support-logs-modal__note-body {
  display: inline;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.device-support-logs-modal__note-body strong {
  font-weight: 700;
}

.device-support-logs-modal__section-label {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.device-support-logs-modal__options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.device-support-logs-modal__option {
  margin: 0;
  min-width: 0;
}

.device-support-logs-modal__option-label {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.device-support-logs-modal__option-label span {
  min-width: 0;
}

@media (max-width: 768px) {
  .device-support-logs-modal__options {
    grid-template-columns: 1fr;
  }
}.target-device-modal__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
}

.target-device-modal__search {
  flex: 0 0 auto;
  width: 240px;
  max-width: 100%;
}

.target-device-modal__platform {
  position: relative;
  flex: 0 0 auto;
  min-width: 200px;
}

.target-device-modal__platform-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 36px;
  padding: 6px 28px 6px 12px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: var(--white-color, #ffffff);
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
  position: relative;
}

.target-device-modal__platform-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.target-device-modal__platform-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.target-device-modal__platform-chip img {
  display: block;
}

.target-device-modal__platform-caret {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #333;
  pointer-events: none;
}

.target-device-modal__platform-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 20;
  width: 220px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.target-device-modal__platform-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
}

.target-device-modal__clear-link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}
.target-device-modal__clear-link:hover {
  text-decoration: underline;
}

.target-device-modal__platform-options {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 220px;
  overflow: auto;
}

.target-device-modal__platform-option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 4px 0;
  cursor: pointer;
  color: var(--hex-color-basic, #191919);
  font-size: 13px;
  line-height: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.target-device-modal__platform-option-label {
  flex: 1;
  min-width: 0;
}

.target-device-modal__table-wrap {
  max-height: min(360px, 100vh - 320px);
  overflow: auto;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
}

.target-device-modal__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 20px;
}
.target-device-modal__table thead {
  background: #f5f7fa;
  position: sticky;
  top: 0;
  z-index: 1;
}
.target-device-modal__table th,
.target-device-modal__table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: middle;
  word-break: break-word;
}
.target-device-modal__table th {
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}
.target-device-modal__table td {
  color: var(--hex-color-basic, #191919);
}

.target-device-modal__check-col {
  width: 40px;
}

.target-device-modal__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
}
.target-device-modal__empty img {
  width: 72px;
  height: auto;
}

.target-device-modal__loading {
  margin: 0;
  padding: 24px;
  color: var(--hex-color-secondary, #788c9b);
  text-align: center;
}

.target-device-modal__pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 4px;
}

.target-device-modal__page-count {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  line-height: 20px;
}

.target-device-modal__preview-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 20px;
  padding: 2px 10px;
  border-radius: 6px;
  background: #e9f2ff;
  color: #0449d1;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}.details-loading-skeleton {
  display: block;
  flex-shrink: 0;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--uem-color-muted, #f1f5f9) 25%, color-mix(in srgb, var(--uem-color-muted, #f1f5f9), white 40%) 50%, var(--uem-color-muted, #f1f5f9) 75%);
  background-size: 250% 100%;
  animation: details-loading-shimmer 1.6s ease-in-out infinite;
  animation-delay: var(--uem-skeleton-delay, 0s);
}
.details-loading-skeleton--title {
  width: min(280px, 60%);
  height: 28px;
}
.details-loading-skeleton--description {
  width: min(360px, 70%);
  height: 14px;
  margin-top: 8px;
  border-radius: 4px;
}
.details-loading-skeleton--btn {
  width: 88px;
  height: 30px;
}
.details-loading-skeleton--btn-sm {
  width: 30px;
  height: 30px;
}
.details-loading-skeleton--tab {
  width: 72px;
  height: 28px;
  border-radius: 6px;
}
.details-loading-skeleton--card-label {
  width: 72px;
  height: 12px;
  border-radius: 4px;
}
.details-loading-skeleton--card-icon {
  width: 18px;
  height: 18px;
  border-radius: 4px;
}
.details-loading-skeleton--card-value {
  width: 48px;
  height: 22px;
  margin-top: 10px;
  border-radius: 4px;
}
.details-loading-skeleton--kv-label {
  width: 120px;
  height: 14px;
  border-radius: 4px;
}
.details-loading-skeleton--kv-value {
  width: min(220px, 50%);
  height: 14px;
  border-radius: 4px;
}
.details-loading-skeleton--search {
  width: 200px;
  height: 30px;
}
.details-loading-skeleton--crumb {
  width: 160px;
  height: 16px;
}
.details-loading-skeleton {
  /* Match VerticalTabMenu item (~31px min-height, label-width feel). */
}
.details-loading-skeleton--vert-tab {
  width: 120px;
  max-width: 100%;
  height: 21px;
  border-radius: 4px;
}
.details-loading-skeleton {
  /* Collapsed ActivityFeed toggle (circular icon button). */
}
.details-loading-skeleton--feed-toggle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.details-loading-skeleton {
  /* Directory Services page loading */
}
.details-loading-skeleton--ds-crumb {
  width: 140px;
  height: 14px;
  border-radius: 4px;
}
.details-loading-skeleton--ds-section {
  width: 96px;
  height: 12px;
  border-radius: 4px;
}
.details-loading-skeleton--ds-collapse {
  width: 14px;
  height: 14px;
  border-radius: 4px;
}
.details-loading-skeleton--ds-updated {
  flex: 1 1 auto;
  width: auto;
  max-width: 140px;
  height: 12px;
  border-radius: 4px;
}
.details-loading-skeleton--ds-sync {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.details-loading-skeleton--ds-search {
  width: 100%;
  height: 28px;
  border-radius: 8px;
}
.details-loading-skeleton--ds-tree-row {
  height: 21px;
  border-radius: 4px;
}
.details-loading-skeleton--ds-add {
  width: 100%;
  height: 32px;
  margin-top: auto;
  border-radius: 6px;
}
.details-loading-skeleton--ds-title {
  width: min(220px, 50%);
  height: 24px;
  border-radius: 4px;
}

@keyframes details-loading-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -50% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .details-loading-skeleton {
    animation: none;
  }
}
.details-hero-loading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  box-sizing: border-box;
}
.details-hero-loading__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.details-hero-loading__title-block {
  min-width: 0;
  flex: 1;
}
.details-hero-loading {
  /* Match real DataCardStub row: equal flex cards, no max-width cap. */
}
.details-hero-loading__cards {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}
.details-hero-loading__card {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 88px;
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  box-sizing: border-box;
}
.details-hero-loading__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.details-tabs-loading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  /* Extra space under hero (page body gap is 16px). */
  margin-top: 8px;
}

.details-kv-loading {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 8px 0;
}
.details-kv-loading__row {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.details-locations-loading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 1 auto;
  min-height: 0;
}
.details-locations-loading__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.details-locations-loading__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  flex: 1 1 auto;
  min-height: 360px;
}
.details-locations-loading__box {
  min-height: 360px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: linear-gradient(90deg, var(--uem-color-muted, #f1f5f9) 25%, color-mix(in srgb, var(--uem-color-muted, #f1f5f9), white 40%) 50%, var(--uem-color-muted, #f1f5f9) 75%);
  background-size: 250% 100%;
  animation: details-loading-shimmer 1.6s ease-in-out infinite;
}

.details-vertical-tabs-loading {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  min-width: 0;
  min-height: 0;
  margin-top: 8px;
  overflow: hidden;
}
.details-vertical-tabs-loading__menu {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  width: 170px;
  padding: 0 10px 20px 0;
  border-right: 1px solid var(--hex-border-color, #e4e8eb);
  box-sizing: border-box;
}
.details-vertical-tabs-loading__content {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 28px 32px;
}

.device-details-shell-loading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding: 12px 20px 0;
  box-sizing: border-box;
}
.device-details-shell-loading__nav {
  display: flex;
  align-items: center;
  gap: 10px;
}
.device-details-shell-loading__body {
  display: grid;
  /* VTM panel ~170px; collapsed ActivityFeed ~50px. */
  grid-template-columns: 170px minmax(0, 1fr) 50px;
  gap: 0;
  min-height: 360px;
  margin-top: 8px;
}
.device-details-shell-loading__vert-tabs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 170px;
  padding: 0 10px 20px 0;
  border-right: 1px solid var(--hex-border-color, #e4e8eb);
  box-sizing: border-box;
}
.device-details-shell-loading__content {
  min-width: 0;
  padding: 0 28px 32px;
}
.device-details-shell-loading__feed {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  padding: 20px 0;
  border-left: 1px solid var(--hex-border-color, #e4e8eb);
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .details-hero-loading__cards {
    flex-wrap: wrap;
  }
  .details-hero-loading__card {
    flex: 1 1 calc(33.333% - 8px);
  }
}
@media (max-width: 960px) {
  .details-locations-loading__split {
    grid-template-columns: 1fr;
  }
  .device-details-shell-loading__body {
    grid-template-columns: 1fr;
  }
  .device-details-shell-loading__vert-tabs,
  .device-details-shell-loading__feed {
    width: 100%;
    border: 0;
  }
  .device-details-shell-loading__feed {
    align-items: flex-start;
    padding: 0;
  }
}
@media (max-width: 720px) {
  .details-hero-loading__card {
    flex: 1 1 100%;
  }
}
/* Directory Services first-load page shimmer */
.directory-service-page-loading {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  width: 100%;
  gap: 10px;
  overflow: hidden;
  background: var(--white-color, #ffffff);
  font-family: "Lato", sans-serif;
  box-sizing: border-box;
}
.directory-service-page-loading__breadcrumb {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-height: 34px;
  padding-top: 10px;
}
.directory-service-page-loading__workspace {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
.directory-service-page-loading__tree {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  width: 228px;
  min-height: 0;
  padding-right: 14px;
  border-right: 1px solid #e4e8eb;
  overflow: hidden;
}
.directory-service-page-loading__tree-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.directory-service-page-loading__tree-toolbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}
.directory-service-page-loading__tree-updated {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  width: 100%;
}
.directory-service-page-loading__tree-rows {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 5px;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
.directory-service-page-loading__detail {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  gap: 16px;
  margin-left: 25px;
  overflow: hidden;
}
.directory-service-page-loading__summary {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
  gap: 16px;
  width: 100%;
  padding: 16px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.directory-service-page-loading__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}
.directory-service-page-loading__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  min-height: 84px;
  padding: 14px 16px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 10px;
  background: #ffffff;
}
.directory-service-page-loading__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

@media (max-width: 768px) {
  .directory-service-page-loading {
    overflow: auto;
  }
  .directory-service-page-loading__workspace {
    flex-direction: column;
  }
  .directory-service-page-loading__tree {
    width: 100%;
    max-height: 280px;
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid #e4e8eb;
    padding-bottom: 12px;
  }
  .directory-service-page-loading__detail {
    margin-left: 0;
  }
}/* required styles */

.hex-leaflet-v1 .leaflet-pane, .hex-leaflet-v1 .leaflet-tile, .hex-leaflet-v1 .leaflet-marker-icon, .hex-leaflet-v1 .leaflet-marker-shadow, .hex-leaflet-v1 .leaflet-tile-container, .hex-leaflet-v1 .leaflet-pane > svg, .hex-leaflet-v1 .leaflet-pane > canvas, .hex-leaflet-v1 .leaflet-zoom-box, .hex-leaflet-v1 .leaflet-image-layer, .hex-leaflet-v1 .leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.hex-leaflet-v1 .leaflet-container {
	overflow: hidden;
	}
.hex-leaflet-v1 .leaflet-tile, .hex-leaflet-v1 .leaflet-marker-icon, .hex-leaflet-v1 .leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.hex-leaflet-v1 .leaflet-tile::-moz-selection {
	background: transparent;
}
.hex-leaflet-v1 .leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.hex-leaflet-v1 .leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.hex-leaflet-v1 .leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.hex-leaflet-v1 .leaflet-marker-icon, .hex-leaflet-v1 .leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.hex-leaflet-v1 .leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.hex-leaflet-v1 .leaflet-container .leaflet-marker-pane img, .hex-leaflet-v1 .leaflet-container .leaflet-shadow-pane img, .hex-leaflet-v1 .leaflet-container .leaflet-tile-pane img, .hex-leaflet-v1 .leaflet-container img.leaflet-image-layer, .hex-leaflet-v1 .leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.hex-leaflet-v1 .leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.hex-leaflet-v1 .leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.hex-leaflet-v1 .leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.hex-leaflet-v1 .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.hex-leaflet-v1 .leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.hex-leaflet-v1 .leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.hex-leaflet-v1 .leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.hex-leaflet-v1 .leaflet-tile-loaded {
	visibility: inherit;
	}
.hex-leaflet-v1 .leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.hex-leaflet-v1 .leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.hex-leaflet-v1 .leaflet-pane         { z-index: 400; }

.hex-leaflet-v1 .leaflet-tile-pane    { z-index: 200; }
.hex-leaflet-v1 .leaflet-overlay-pane { z-index: 400; }
.hex-leaflet-v1 .leaflet-shadow-pane  { z-index: 500; }
.hex-leaflet-v1 .leaflet-marker-pane  { z-index: 600; }
.hex-leaflet-v1 .leaflet-tooltip-pane   { z-index: 650; }
.hex-leaflet-v1 .leaflet-popup-pane   { z-index: 700; }

.hex-leaflet-v1 .leaflet-map-pane canvas { z-index: 100; }
.hex-leaflet-v1 .leaflet-map-pane svg    { z-index: 200; }

.hex-leaflet-v1 .leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.hex-leaflet-v1 .lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.hex-leaflet-v1 .leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.hex-leaflet-v1 .leaflet-top, .hex-leaflet-v1 .leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.hex-leaflet-v1 .leaflet-top {
	top: 0;
	}
.hex-leaflet-v1 .leaflet-right {
	right: 0;
	}
.hex-leaflet-v1 .leaflet-bottom {
	bottom: 0;
	}
.hex-leaflet-v1 .leaflet-left {
	left: 0;
	}
.hex-leaflet-v1 .leaflet-control {
	float: left;
	clear: both;
	}
.hex-leaflet-v1 .leaflet-right .leaflet-control {
	float: right;
	}
.hex-leaflet-v1 .leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.hex-leaflet-v1 .leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.hex-leaflet-v1 .leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.hex-leaflet-v1 .leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.hex-leaflet-v1 .leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.hex-leaflet-v1 .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.hex-leaflet-v1 .leaflet-zoom-animated {
	transform-origin: 0 0;
	}
.hex-leaflet-v1 svg.leaflet-zoom-animated {
	will-change: transform;
}

.hex-leaflet-v1 .leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.hex-leaflet-v1 .leaflet-zoom-anim .leaflet-tile, .hex-leaflet-v1 .leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.hex-leaflet-v1 .leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.hex-leaflet-v1 .leaflet-interactive {
	cursor: pointer;
	}
.hex-leaflet-v1 .leaflet-grab {
	cursor:         grab;
	}
.hex-leaflet-v1 .leaflet-crosshair, .hex-leaflet-v1 .leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.hex-leaflet-v1 .leaflet-popup-pane, .hex-leaflet-v1 .leaflet-control {
	cursor: auto;
	}
.hex-leaflet-v1 .leaflet-dragging .leaflet-grab, .hex-leaflet-v1 .leaflet-dragging .leaflet-grab .leaflet-interactive, .hex-leaflet-v1 .leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.hex-leaflet-v1 .leaflet-marker-icon, .hex-leaflet-v1 .leaflet-marker-shadow, .hex-leaflet-v1 .leaflet-image-layer, .hex-leaflet-v1 .leaflet-pane > svg path, .hex-leaflet-v1 .leaflet-tile-container {
	pointer-events: none;
	}

.hex-leaflet-v1 .leaflet-marker-icon.leaflet-interactive, .hex-leaflet-v1 .leaflet-image-layer.leaflet-interactive, .hex-leaflet-v1 .leaflet-pane > svg path.leaflet-interactive, .hex-leaflet-v1 svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.hex-leaflet-v1 .leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.hex-leaflet-v1 .leaflet-container a {
	color: #0078A8;
	}
.hex-leaflet-v1 .leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.hex-leaflet-v1 .leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.hex-leaflet-v1 .leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.hex-leaflet-v1 .leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.hex-leaflet-v1 .leaflet-bar a, .hex-leaflet-v1 .leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.hex-leaflet-v1 .leaflet-bar a:hover, .hex-leaflet-v1 .leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.hex-leaflet-v1 .leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.hex-leaflet-v1 .leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.hex-leaflet-v1 .leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.hex-leaflet-v1 .leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.hex-leaflet-v1 .leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.hex-leaflet-v1 .leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.hex-leaflet-v1 .leaflet-control-zoom-in, .hex-leaflet-v1 .leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.hex-leaflet-v1 .leaflet-touch .leaflet-control-zoom-in, .hex-leaflet-v1 .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.hex-leaflet-v1 .leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.hex-leaflet-v1 .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.hex-leaflet-v1 .leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.hex-leaflet-v1 .leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.hex-leaflet-v1 .leaflet-control-layers .leaflet-control-layers-list, .hex-leaflet-v1 .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.hex-leaflet-v1 .leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.hex-leaflet-v1 .leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.hex-leaflet-v1 .leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.hex-leaflet-v1 .leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.hex-leaflet-v1 .leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.hex-leaflet-v1 .leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.hex-leaflet-v1 .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}


/* attribution and scale controls */

.hex-leaflet-v1 .leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.hex-leaflet-v1 .leaflet-control-attribution, .hex-leaflet-v1 .leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.hex-leaflet-v1 .leaflet-control-attribution a {
	text-decoration: none;
	}
.hex-leaflet-v1 .leaflet-control-attribution a:hover, .hex-leaflet-v1 .leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.hex-leaflet-v1 .leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.hex-leaflet-v1 .leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.hex-leaflet-v1 .leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.hex-leaflet-v1 .leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.hex-leaflet-v1 .leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.hex-leaflet-v1 .leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.hex-leaflet-v1 .leaflet-touch .leaflet-control-attribution, .hex-leaflet-v1 .leaflet-touch .leaflet-control-layers, .hex-leaflet-v1 .leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.hex-leaflet-v1 .leaflet-touch .leaflet-control-layers, .hex-leaflet-v1 .leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.hex-leaflet-v1 .leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.hex-leaflet-v1 .leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.hex-leaflet-v1 .leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.hex-leaflet-v1 .leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.hex-leaflet-v1 .leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.hex-leaflet-v1 .leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.hex-leaflet-v1 .leaflet-popup-content-wrapper, .hex-leaflet-v1 .leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.hex-leaflet-v1 .leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.hex-leaflet-v1 .leaflet-container a.leaflet-popup-close-button:hover, .hex-leaflet-v1 .leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.hex-leaflet-v1 .leaflet-popup-scrolled {
	overflow: auto;
	}

.hex-leaflet-v1 .leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.hex-leaflet-v1 .leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.hex-leaflet-v1 .leaflet-oldie .leaflet-control-zoom, .hex-leaflet-v1 .leaflet-oldie .leaflet-control-layers, .hex-leaflet-v1 .leaflet-oldie .leaflet-popup-content-wrapper, .hex-leaflet-v1 .leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.hex-leaflet-v1 .leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.hex-leaflet-v1 .leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.hex-leaflet-v1 .leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.hex-leaflet-v1 .leaflet-tooltip-top:before, .hex-leaflet-v1 .leaflet-tooltip-bottom:before, .hex-leaflet-v1 .leaflet-tooltip-left:before, .hex-leaflet-v1 .leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.hex-leaflet-v1 .leaflet-tooltip-bottom {
	margin-top: 6px;
}
.hex-leaflet-v1 .leaflet-tooltip-top {
	margin-top: -6px;
}
.hex-leaflet-v1 .leaflet-tooltip-bottom:before, .hex-leaflet-v1 .leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.hex-leaflet-v1 .leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.hex-leaflet-v1 .leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.hex-leaflet-v1 .leaflet-tooltip-left {
	margin-left: -6px;
}
.hex-leaflet-v1 .leaflet-tooltip-right {
	margin-left: 6px;
}
.hex-leaflet-v1 .leaflet-tooltip-left:before, .hex-leaflet-v1 .leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.hex-leaflet-v1 .leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.hex-leaflet-v1 .leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.hex-leaflet-v1 .leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/* Device group locations tab — map + list split (mirrors directory-service locations) */
.device-group-locations {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.device-group-locations__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 35px;
  flex: 0 0 auto;
}

.device-group-locations__toolbar-spacer {
  flex: 1 1 auto;
  min-width: 0;
}

.device-group-locations__search {
  flex: 0 0 216px;
  width: 216px;
  max-width: 216px;
}

/* Collapsible Manage toolbar search (user details Locations tab). */
.device-group-locations__search--toolbar {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin-left: auto;
}

.device-group-locations__split {
  display: flex;
  align-items: stretch;
  gap: 40px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.device-group-locations-map {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  max-width: calc(100% - 389px);
  /* Fill the flex split height (above layout footer), not a fixed 441px. */
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #f7f7f7;
}

.device-group-locations-map__leaflet-wrap,
.device-group-locations-map__leaflet,
.device-group-locations-map__google {
  width: 100%;
  height: 100%;
}

/* Basemap toggle — same UX as Add Geofence (`geofence-map__basemap`). */
.device-group-locations-map__basemap {
  position: absolute;
  z-index: 600;
  left: 12px;
  bottom: 12px;
  display: block;
  width: 64px;
  height: 64px;
  padding: 0;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 6px;
  background: #1f2937;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.device-group-locations-map__basemap:hover, .device-group-locations-map__basemap:focus-visible {
  outline: 2px solid var(--uem-color-primary, #0449d1);
  outline-offset: 1px;
}

.device-group-locations-map__basemap-thumb {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Preview of the layer you switch TO on click. */
.device-group-locations-map__basemap.is-street .device-group-locations-map__basemap-thumb {
  background-image: url("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/3/2/3");
}

.device-group-locations-map__basemap.is-satellite .device-group-locations-map__basemap-thumb {
  background-image: url("https://tile.openstreetmap.org/3/2/3.png");
}

.device-group-locations-map__basemap-label {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2px 0;
  background: rgba(28, 37, 44, 0.78);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.01em;
  text-align: center;
}

.device-group-locations-map__status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.device-group-locations-map__empty-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 500;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 18%;
  pointer-events: none;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-shadow: 0 0 4px #fff, 0 0 8px #fff;
}

.device-group-locations-map__popup {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 120px;
  max-width: 260px;
  max-height: 220px;
  padding: 2px 0;
  overflow-y: auto;
  font-family: "Lato", sans-serif;
}

.device-group-locations-map__popup-count {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.device-group-locations-map__popup-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.device-group-locations-map__popup-item + .device-group-locations-map__popup-item {
  padding-top: 8px;
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}

.device-group-locations-map__popup-device {
  margin: 0;
  color: #191919;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  word-break: break-word;
}

.device-group-locations-map__popup-user {
  margin: 0;
  color: #788c9b;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  word-break: break-word;
}

.device-group-locations-map__leaflet-popup .leaflet-popup-content {
  margin: 10px 14px;
}

.device-group-locations-map__leaflet-popup .leaflet-popup-content-wrapper {
  border-radius: 5px;
}

/* Location-history pin tooltip — tighter than multi-device stack popups. */
.device-group-locations-map__leaflet-popup .device-location-history-tab__popup {
  gap: 2px;
  padding: 0;
  max-height: none;
  overflow: visible;
}
.device-group-locations-map__leaflet-popup .device-location-history-tab__popup p {
  margin: 0;
}

.device-group-locations__sidebar {
  box-sizing: border-box;
  flex: 0 0 349px;
  width: 349px;
  max-width: 349px;
  min-height: 0;
  height: 100%;
  padding: 15px;
  overflow: hidden;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #ffffff;
}

.device-group-locations-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.device-group-locations-list--empty {
  align-items: center;
  justify-content: center;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.device-group-locations-list--empty p {
  margin: 0;
}

.device-group-locations-list__item {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  box-sizing: border-box;
  width: 100%;
  min-height: 78px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.device-group-locations-list__item:hover, .device-group-locations-list__item--selected {
  background: rgba(4, 73, 209, 0.04);
}
.device-group-locations-list__item:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
}

.device-group-locations-list__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  width: 20px;
  color: var(--hex-active-tab-color, #0449d1);
}

.device-group-locations-list__item:hover .device-group-locations-list__rail,
.device-group-locations-list__item:focus-visible .device-group-locations-list__rail {
  color: var(--hex-active-tab-hover-color, #0339a5);
}

.device-group-locations-list__pin {
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: inherit;
}

.device-group-locations-list__line {
  flex: 1 1 auto;
  width: 1px;
  min-height: 8px;
  margin-top: 0;
  background: var(--hex-border-color, #e4e8eb);
}

.device-group-locations-list__item:last-child .device-group-locations-list__line {
  visibility: hidden;
}

.device-group-locations-list__body {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  padding-bottom: 12px;
}

.device-group-locations-list__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
}

.device-group-locations-list__title {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  /* Wrap long place names(no ellipsis) */
  overflow-wrap: anywhere;
  word-break: break-word;
}

.device-group-locations-list__device {
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.device-group-locations-list__time {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.device-group-locations-list__ago {
  flex: 0 0 64px;
  width: 64px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.device-group-locations-list__loading-more {
  padding: 12px 8px 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

@media only screen and (max-width: 1100px) {
  .device-group-locations__split {
    flex-direction: column;
  }
  .device-group-locations-map,
  .device-group-locations__sidebar {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    min-height: 240px;
  }
  .device-group-locations__sidebar {
    flex: 0 1 320px;
    max-height: 40%;
  }
}
.add-google-maps-api-key-dialog [class*=Modal_body] {
  padding-top: 28px;
}

.add-google-maps-api-key-modal {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.add-google-maps-api-key-modal__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.add-google-maps-api-key-modal__label label {
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.add-google-maps-api-key-modal__tooltip {
  color: var(--hex-color-secondary, #788c9b);
  cursor: help;
}
.add-google-maps-api-key-modal__tooltip:hover {
  color: var(--hex-active-tab-color, #0449d1);
}

body:has(.add-google-maps-api-key-dialog) [class*=Tooltip_floating] {
  z-index: 2400;
}

.add-google-maps-api-key-modal__field {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Figma: Main Content 1358:67970
   Breadcrumb 1358:67971 + workspace 1358:67981.
   Tree column 243px + #e4e8eb divider; detail fills remaining height. */
.directory-service-page {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  gap: 10px;
  overflow: hidden;
  background: var(--white-color, #ffffff);
  font-family: "Lato", sans-serif;
}

/* Figma 1358:67971 / 1358:67977 — page title */
.directory-service-page__breadcrumb {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-height: 34px;
  padding-top: 10px;
}

.directory-service-page__breadcrumb-label {
  color: var(--hex-color-basic, #191919);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  white-space: nowrap;
}

/* Figma 1358:67981 — workspace row */
.directory-service-page__workspace {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}

/* Figma 1358:67982 — hugs DomainHierarchy (228px); divider on right.
   Collapse 1358:72334 — column shrinks with tree so the divider moves.
   Tree body scrolls; Add Directory footer stays pinned at the bottom. */
.directory-service-page__tree-column {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  width: auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  padding-right: 14px;
  border-right: 1px solid #e4e8eb;
  overflow: hidden;
  transition: padding-right 0.15s ease;
}

/* Figma Collapse 1358:72334 — 30px rail; kit DomainHierarchy collapsed is 48px */
.directory-service-page__tree-column--collapsed {
  width: 48px;
  padding-right: 0;
  justify-content: flex-start;
}

.directory-service-tree {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 228px;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

/*
 * Kit DomainHierarchy: aside > body (header/toolbar/search/nav) + footer (Add Directory).
 * Make body fill remaining height and scroll only the tree nav so the footer stays put.
 */
.directory-service-tree .DomainHierarchy_body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.directory-service-tree .DomainHierarchy_header,
.directory-service-tree .DomainHierarchy_toolbar,
.directory-service-tree .DomainHierarchy_search {
  flex-shrink: 0;
}

.directory-service-tree .DomainHierarchy_body > nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.directory-service-tree .DomainHierarchy_footer {
  flex-shrink: 0;
  margin-top: auto;
}

.directory-service-tree__toolbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

.directory-service-tree__actions {
  align-self: flex-start;
}

.directory-service-tree__updated {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  width: 100%;
}

.directory-service-tree__updated-label {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

/* Sync icon stays visible when inactive; clicks blocked via pointer-events. */
.directory-service-tree__sync {
  flex-shrink: 0;
  color: var(--hex-color-secondary, #788c9b);
}

.directory-service-tree__sync--disabled {
  color: var(--hex-color-secondary, #788c9b);
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}

.directory-service-page__tree-column--collapsed .directory-service-tree {
  width: 48px;
}

/* Figma: detail 25px after tree column (expanded 268-243; collapsed 55-30) */
.directory-service-detail {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  gap: 16px;
  margin-left: 25px;
  overflow: hidden;
}

.directory-service-detail__side-rail {
  flex-shrink: 0;
  align-self: stretch;
  min-height: 0;
  max-height: 100%;
  overflow: visible;
  position: relative;
  z-index: 1;
}

.directory-service-detail--empty {
  align-items: center;
  justify-content: center;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  line-height: 21px;
}

.directory-service-detail__summary-panel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
  gap: 16px;
  width: 100%;
  padding: 16px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.directory-service-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}

.directory-service-detail__header-left {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
}

.directory-service-detail__title {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.directory-service-detail__rename {
  flex-shrink: 0;
  color: var(--hex-color-secondary, #788c9b);
}

.directory-service-detail__header-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
}

.directory-service-rename-popup {
  align-items: stretch;
  /* ui-kit Popup body defaults to align-items:flex-start (shrink-wraps input). */
}
.directory-service-rename-popup > div:nth-child(2) {
  align-items: stretch;
  width: 100%;
}

.directory-service-rename {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.directory-service-rename__label {
  color: var(--hex-color-basic, #191919);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.directory-service-rename__error {
  margin: 0;
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}

.directory-service-delete-ou-popup,
.directory-service-move-ou-popup,
.directory-service-move-ou-confirm-popup,
.directory-service-move-ou-warning-popup {
  align-items: stretch;
}
.directory-service-delete-ou-popup .Popup_body,
.directory-service-delete-ou-popup > div:nth-child(2),
.directory-service-move-ou-popup .Popup_body,
.directory-service-move-ou-popup > div:nth-child(2),
.directory-service-move-ou-confirm-popup .Popup_body,
.directory-service-move-ou-confirm-popup > div:nth-child(2),
.directory-service-move-ou-warning-popup .Popup_body,
.directory-service-move-ou-warning-popup > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  min-width: 0;
}

.directory-service-move-ou-popup {
  width: min(550px, 100vw - 48px);
}

.directory-service-delete-ou,
.directory-service-move-ou-confirm {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  gap: 12px;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
}
.directory-service-delete-ou p,
.directory-service-move-ou-confirm p {
  margin: 0;
  width: 100%;
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}

/* Figma 1358:66211 — Move OU destination picker */
.directory-service-move-ou {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 280px;
  max-height: 480px;
  width: 100%;
}

.directory-service-move-ou__loading {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
}

.directory-service-move-ou__tree {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 15px;
  min-height: 0;
  max-height: 320px;
  overflow: auto;
  padding: 20px 5px 10px;
  border-radius: 8px;
}

.directory-service-move-ou__node {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.directory-service-move-ou__children {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  min-width: 0;
}

.directory-service-move-ou__row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
}
.directory-service-move-ou__row--disabled .directory-service-move-ou__name {
  color: var(--text-color-Secondary, #788c9b);
}

.directory-service-move-ou__caret,
.directory-service-move-ou__caret-spacer {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-color-Secondary, #788c9b);
  line-height: 0;
}

.directory-service-move-ou__caret {
  cursor: pointer;
}
.directory-service-move-ou__caret--collapsed {
  transform: rotate(-90deg);
}
.directory-service-move-ou__caret:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
  border-radius: 2px;
}

.directory-service-move-ou__label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  cursor: pointer;
}
.directory-service-move-ou__row--disabled .directory-service-move-ou__label {
  cursor: default;
}

.directory-service-move-ou__name {
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
}
.directory-service-move-ou__name--root {
  font-weight: 600;
}
.directory-service-move-ou__name--branch {
  font-weight: 500;
}

.directory-service-move-ou__count {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  color: var(--text-color-Secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
}

.directory-service-move-ou__note {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 8px;
  background: #f5f8fd;
}

.directory-service-move-ou__note-icon {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--hex-active-tab-color, #0449d1);
}

.directory-service-move-ou__note-text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
}
.directory-service-move-ou__note-text p {
  margin: 0;
}
.directory-service-move-ou__note-text strong {
  font-weight: 700;
}

.directory-service-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  width: 100%;
  max-width: 100%;
}

.directory-service-summary__status {
  display: flex;
  align-items: center;
  grid-column: 1/-1;
  min-height: 84px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
}

.directory-service-summary__metric {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
  min-height: 84px;
  padding: 14px 16px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
}

.directory-service-summary__metric-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.directory-service-summary__metric-label {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.directory-service-summary__metric-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.directory-service-summary__metric-value {
  align-self: flex-start;
  color: var(--hex-color-basic, #191919);
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}

.directory-service-detail__lists {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}

/* Figma 1358:67525 — table toolbar/body + Activity Feed; tabs stay full width above. */
.directory-service-detail__table-row {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  min-width: 0;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}

.directory-service-detail__table-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding-right: 20px;
}

/* Production Associated Carts side panel → tab body (ASM school / location / class) */
.directory-service-carts {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  max-width: 420px;
  overflow: auto;
}

.directory-service-carts__status {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.directory-service-carts__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
}

.directory-service-carts__item,
.directory-service-carts__empty {
  padding: 10px 12px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.directory-service-carts__item:last-child,
.directory-service-carts__empty:last-child {
  border-bottom: 0;
}

.directory-service-carts__empty {
  color: var(--hex-color-secondary, #788c9b);
}

/* Figma 1358:72420 / 72422 — separator flush under tabs; 15px gap after the line */
.directory-service-tabs {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}

/* Figma 1358:68292 — table section */
.directory-service-table {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-height: 0;
  flex: 1 1 auto;
  width: 100%;
  overflow: hidden;
}

.directory-service-table--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  height: 100%;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  line-height: 21px;
}

.directory-service-table__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}

.directory-service-table__toolbar-left,
.directory-service-table__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.directory-service-table__toolbar-right {
  margin-left: auto;
  justify-content: flex-end;
}

.directory-service-table__table {
  flex: 1 1 auto;
  min-height: 240px;
  max-height: none;
}

.directory-service-table__mapping-chips {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.directory-service-table__row-remove {
  color: var(--hex-color-secondary, #788c9b);
}
.directory-service-table__row-remove:hover:not(:disabled) {
  color: #a30000;
}

@media (max-width: 1100px) {
  .directory-service-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .directory-service-page {
    overflow: auto;
  }
  .directory-service-page__workspace {
    flex-direction: column;
    overflow: visible;
  }
  .directory-service-detail__table-row {
    flex-direction: column;
  }
  .directory-service-detail__table-body {
    padding-right: 0;
  }
  .directory-service-detail__side-rail {
    width: 100%;
    max-height: 280px;
    border-left: 0;
    border-top: 1px solid var(--hex-border-color, #e4e8eb);
  }
  .directory-service-page__tree-column,
  .directory-service-page__tree-column--collapsed {
    width: 100%;
    max-height: 280px;
    padding-right: 0;
    border-right: none;
    border-bottom: 1px solid #e4e8eb;
    padding-bottom: 12px;
  }
  .directory-service-page__tree-column--collapsed .directory-service-tree,
  .directory-service-tree {
    width: 100%;
    max-height: 100%;
  }
  .directory-service-detail {
    margin-left: 0;
    overflow: visible;
  }
  .directory-service-detail__summary-panel {
    padding: 14px;
  }
  .directory-service-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .directory-service-detail__header {
    flex-direction: column;
    align-items: stretch;
  }
  .directory-service-detail__header-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .directory-service-table__toolbar {
    flex-wrap: wrap;
  }
}
/* Create OU page — Figma 1358:72656 / title row 1358:73003 */
.directory-service-create-ou {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  padding: 10px 0 20px;
  overflow: auto;
  font-family: "Lato", sans-serif;
}

.directory-service-create-ou__breadcrumb {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0;
  margin-bottom: 4px;
  min-height: 24px;
}

.directory-service-create-ou__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-shrink: 0;
  padding: 10px 0 20px;
  width: 100%;
  min-width: 0;
}

.directory-service-create-ou__title-fields {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  min-width: 0;
}

/* Figma 1358:73005 — confirmed / idle title */
.directory-service-create-ou__name-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
}

.directory-service-create-ou__name-display {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #101828;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  word-break: break-word;
}
.directory-service-create-ou__name-display:disabled {
  cursor: default;
}
.directory-service-create-ou__name-display:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Figma 1358:75859 — inline name editor */
.directory-service-create-ou__name-editor {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 7.5px;
  max-width: 100%;
  height: 28px;
  padding: 3px 10px;
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  border-radius: 6px;
  background: var(--white-color, #ffffff);
}

.directory-service-create-ou__name-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  outline: none;
}
.directory-service-create-ou__name-input::-moz-placeholder {
  color: var(--hex-color-basic, #191919);
  opacity: 0.35;
}
.directory-service-create-ou__name-input::placeholder {
  color: var(--hex-color-basic, #191919);
  opacity: 0.35;
}
.directory-service-create-ou__name-input:focus {
  outline: none;
}

.directory-service-create-ou__name-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
}

.directory-service-create-ou__name-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.directory-service-create-ou__name-action:disabled {
  cursor: default;
  opacity: 0.45;
}
.directory-service-create-ou__name-action:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Figma idle description under Create OU title */
.directory-service-create-ou__description-display {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-color-Secondary, #788c9b);
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  word-break: break-word;
}
.directory-service-create-ou__description-display:disabled {
  cursor: default;
}
.directory-service-create-ou__description-display:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Figma 1358:75247 — inline description editor */
.directory-service-create-ou__description-editor {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  max-width: 100%;
  min-height: 20px;
  padding: 2px 10px;
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  border-radius: 4px;
  background: var(--white-color, #ffffff);
}

.directory-service-create-ou__description-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  outline: none;
}
.directory-service-create-ou__description-input::-moz-placeholder {
  color: var(--text-color-Secondary, #788c9b);
}
.directory-service-create-ou__description-input::placeholder {
  color: var(--text-color-Secondary, #788c9b);
}
.directory-service-create-ou__description-input:focus {
  outline: none;
}

.directory-service-create-ou__actions {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 10px;
  height: 35px;
}

.directory-service-create-ou__error {
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}

.directory-service-create-ou__lists {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
}

.directory-service-create-ou__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 280px;
}

.directory-service-picker {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 320px;
  max-height: 420px;
  width: 100%;
  min-width: 0;
  align-self: stretch;
  box-sizing: border-box;
  overflow: hidden;
}

.directory-service-picker-popup {
  width: min(1400px, 100vw - 48px);
  min-width: 700px;
  max-height: calc(100vh - 48px);
  align-items: stretch;
  /* ui-kit Popup body defaults to align-items:flex-start, which shrink-wraps
     the table and prevents column headers from filling the dialog width. */
}
.directory-service-picker-popup > div:nth-child(2) {
  align-items: stretch;
  width: 100%;
  /* Figma: search strip + table body use 20px horizontal; keep body scrollable. */
  padding-top: 10px;
  padding-bottom: 16px;
  overflow: hidden;
}
.directory-service-picker-popup {
  /* Figma footer: 15px vertical padding, 10px button gap, right-aligned actions. */
}
.directory-service-picker-popup > footer {
  padding: 15px 20px;
  gap: 10px;
}
.directory-service-picker-popup > footer > div {
  gap: 10px;
}

.directory-service-confirm-popup {
  width: min(480px, 100vw - 48px);
  align-items: stretch;
}
.directory-service-confirm-popup > footer {
  padding: 15px 20px;
  gap: 10px;
}
.directory-service-confirm-popup > footer > div {
  gap: 10px;
}

.directory-service-picker__help {
  flex-shrink: 0;
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.directory-service-picker__help-link {
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  text-decoration: none;
}
.directory-service-picker__help-link:hover {
  text-decoration: underline;
}

.directory-service-picker__out-of-scope {
  color: var(--hex-color-secondary, #788c9b);
  cursor: default;
}

.directory-service-picker__tabs {
  display: flex;
  flex-shrink: 0;
  gap: 4px;
  width: 100%;
}

.directory-service-picker__toolbar {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
}

/* Figma search field — fixed 216×30, not full-bleed */
.directory-service-picker__search {
  box-sizing: border-box;
  flex: 0 0 216px;
  width: 216px;
  max-width: 216px;
}

.directory-service-picker__os {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-basic, #191919);
}

.directory-service-picker__user-cell {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.directory-service-picker__avatar {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d4efd1;
  color: #478c40;
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.directory-service-picker__user-name {
  overflow: hidden;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Create OU selected lists — fixed columns, full-width headers (no selector).
   Keep showHeaderActions + invisible headerActions so ui-kit distributes data
   columns across the container; hide the column-selector chrome. */
.directory-service-fixed-table {
  display: block;
  width: 100%;
  min-width: 0;
  align-self: stretch;
}
.directory-service-fixed-table > div {
  gap: 0;
  width: 100%;
}
.directory-service-fixed-table [class*=scrollOuter],
.directory-service-fixed-table [class*=tableShell],
.directory-service-fixed-table [class*=scroll] {
  width: 100%;
}
.directory-service-fixed-table [class*=tableShell] > [class*=scroll] {
  flex: 0 0 auto;
  min-height: auto;
  overflow-x: auto;
  overflow-y: visible;
}
.directory-service-fixed-table [class*=headerActionsFixed] {
  visibility: hidden;
  pointer-events: none;
}
.directory-service-fixed-table {
  /* Restore spacing before pagination after removing root gap. */
}
.directory-service-fixed-table [class*=footer] {
  margin-top: 12px;
}

.directory-service-picker__table {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
  /* Scroll lives on the row region only — not this wrapper. */
  overflow: hidden;
  /* Table root: fill height; banner / grid / pagination as flex children. */
}
.directory-service-picker__table > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
.directory-service-picker__table {
  /* Keep header-actions column for equal column fill, but hide the empty chrome. */
}
.directory-service-picker__table [class*=headerActionsFixed] {
  visibility: hidden;
  pointer-events: none;
}
.directory-service-picker__table [class*=scrollOuter] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.directory-service-picker__table [class*=scrollOuter] > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.directory-service-picker__table {
  /* ui-kit .scroll defaults to overflow-y: hidden — enable row scrolling only. */
}
.directory-service-picker__table [class*=scroll] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: auto !important;
}
.directory-service-picker__table thead th,
.directory-service-picker__table [class*=headerCell] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--white-color, #ffffff);
}
.directory-service-picker__table {
  /* Pagination pinned under the scroll region. */
}
.directory-service-picker__table [class*=footer] {
  flex-shrink: 0;
  overflow: visible;
  /*
    Page-size Select defaults to 40px; pagination bar is 32px.
    Prefer CSS (not Select size=) so ui-kit Pagination stays unchanged —
    same approach as passing a className onto the Select trigger.
  */
}
.directory-service-picker__table [class*=footer] [class*=controls] [class*=root] {
  width: auto;
  min-width: 64px;
  max-width: 72px;
}
.directory-service-picker__table [class*=footer] [class*=controls] [class*=trigger]:not([class*=triggerContent]):not([class*=triggerValue]):not([class*=triggerIcon]):not([class*=triggerChips]) {
  box-sizing: border-box;
  min-height: 28px;
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 18px;
}

.directory-service-picker__pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  box-sizing: border-box;
}

.directory-service-picker__status {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  width: 100%;
  color: var(--hex-color-secondary, #788c9b);
}

/* Location tab — Figma 1358:71221 (flex fill above layout footer, same as device-group) */
.directory-service-location {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.directory-service-location__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 35px;
  flex: 0 0 auto;
}

.directory-service-location__toolbar-left,
.directory-service-location__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.directory-service-location__toolbar-right {
  margin-left: auto;
  justify-content: flex-end;
}

.directory-service-location__split {
  display: flex;
  align-items: stretch;
  gap: 15px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.directory-service-location-map {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  /* Fill the flex split height (above layout footer), not a fixed 441px. */
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #f7f7f7;
}

.directory-service-location-map__leaflet-wrap,
.directory-service-location-map__leaflet,
.directory-service-location-map__google,
.directory-service-location-map .device-group-locations-map__leaflet,
.directory-service-location-map .device-group-locations-map__google {
  width: 100%;
  height: 100%;
}

.directory-service-location-map__status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.directory-service-location__sidebar {
  box-sizing: border-box;
  flex: 0 0 349px;
  width: 349px;
  max-width: 349px;
  min-height: 0;
  height: 100%;
  padding: 15px;
  overflow: hidden;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #ffffff;
}

.directory-service-location-timeline {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.directory-service-location-timeline--empty {
  align-items: center;
  justify-content: center;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.directory-service-location-timeline--empty p {
  margin: 0;
}

.directory-service-location-timeline__item {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  box-sizing: border-box;
  width: 100%;
  min-height: 78px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.directory-service-location-timeline__item:hover, .directory-service-location-timeline__item--selected {
  background: rgba(4, 73, 209, 0.04);
}

.directory-service-location-timeline__rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  width: 20px;
}

.directory-service-location-timeline__pin {
  flex-shrink: 0;
  color: var(--hex-active-tab-color, #0449d1);
}

.directory-service-location-timeline__line {
  flex: 1 1 auto;
  width: 1px;
  min-height: 8px;
  margin-top: 0;
  background: var(--hex-border-color, #e4e8eb);
}

.directory-service-location-timeline__item:last-child .directory-service-location-timeline__line {
  visibility: hidden;
}

.directory-service-location-timeline__body {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
  padding-bottom: 12px;
}

.directory-service-location-timeline__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.directory-service-location-timeline__title {
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  word-break: break-word;
}

.directory-service-location-timeline__times {
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 18px;
}

.directory-service-location-timeline__ago {
  flex: 0 0 70px;
  width: 70px;
  overflow: hidden;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.directory-service-location-timeline__loading-more {
  padding: 12px 8px 16px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

@media only screen and (max-width: 1100px) {
  .directory-service-location__split {
    flex-direction: column;
  }
  .directory-service-location-map,
  .directory-service-location__sidebar {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    min-height: 240px;
  }
  .directory-service-location__sidebar {
    flex: 0 1 320px;
    max-height: 40%;
    height: auto;
  }
}
/* Fixed portal tooltip — list overflow clips in-flow ::after labels. */
.manage-activity-feed-tooltip {
  position: fixed;
  z-index: 2400;
  transform: translateY(calc(-100% - 6px));
  padding: 6px 10px;
  border-radius: 6px;
  background: #191919;
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: normal;
  word-break: break-word;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  pointer-events: none;
}
/* Page chrome extracted from Device Details mock: #FFFFFF. */
body.manage-react-standalone:has(.device-details),
.manage-app-shell:has(.device-details),
#react-manage-root:has(.device-details) {
  background: #ffffff !important;
}

.manage-app-shell:has(.device-details) .manage-app-shell__content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #ffffff !important;
}

#react-manage-root:has(.device-details) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: calc(100vh - 45px);
}

.device-details {
  box-sizing: border-box;
  width: 100%;
  flex: 1 1 auto;
  min-height: calc(100vh - 45px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px 20px 0;
  background: #ffffff;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-details__nav-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 21px;
}
.device-details__history {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.device-details {
  /* Compact bordered chevron boxes (~text-line height in the mock) */
}
.device-details__history-btn {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid var(--hex-border-color, #e4e8eb) !important;
  border-radius: 4px !important;
  background: var(--white-color, #ffffff) !important;
  color: var(--Colors-border-input-border, #a3a9b3) !important;
}
.device-details__history-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1) !important;
  border-color: var(--hex-border-color, #e4e8eb) !important;
  background: #f5f7f9 !important;
}
.device-details__history-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.device-details__history-btn svg {
  width: 12px !important;
  height: 12px !important;
}
.device-details {
  /*
   * BreadcrumbItem always renders a leading "/". Hide it on the first
   * segment so the trail matches: All Endpoints / Device Name
   */
}
.device-details__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-height: 21px;
  font-family: "Lato", sans-serif;
}
.device-details__breadcrumbs > *:first-child > *:first-child {
  display: none;
}
.device-details__breadcrumbs {
  /* "All Endpoints /" — Body large 14px/regular */
}
.device-details__breadcrumbs button,
.device-details__breadcrumbs a,
.device-details__breadcrumbs [aria-hidden=true] {
  color: var(--Colors-border-input-border, #a3a9b3) !important;
  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 21px !important;
}
.device-details__breadcrumbs {
  /* "Newman's Ipad 12" — Body large 14px/semi bold */
}
.device-details__breadcrumbs [aria-current=page],
.device-details__breadcrumbs [aria-current=page] * {
  color: var(--text-color-Default, #191919) !important;
  font-family: "Lato", sans-serif !important;
  font-size: var(--text-size-body-large-14, 14px) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: var(--21, 21px) !important;
  letter-spacing: var(--0, 0) !important;
  cursor: default;
}
.device-details__breadcrumbs {
  /* Keep the slash before the current page in the muted parent color */
}
.device-details__breadcrumbs [aria-current=page] > [aria-hidden=true] {
  color: var(--Colors-border-input-border, #a3a9b3) !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
}
.device-details {
  /*
   * Top panel: Actions + identity + metrics on one white surface.
   * Light border only — no drop shadow.
   */
}
.device-details__summary-panel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.device-details__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 48px;
}
.device-details {
  /*
   * Angular ``.device-statusmsg`` sits absolutely in the header centre
   * (between identity and Actions). Mirror that placement.
   */
}
.device-details__status-banners {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: -moz-max-content;
  width: max-content;
  max-width: min(510px, 100% - 320px);
  pointer-events: none;
}
.device-details__status-banner {
  pointer-events: auto;
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 7px 12px !important;
  text-align: center;
  font-size: 13px !important;
  line-height: 18px !important;
  border-radius: 4px;
  /* Keep Note text compact like Bootstrap alert-info / alert-danger. */
}
.device-details__status-banner .Note_text {
  font-size: 13px !important;
  line-height: 18px !important;
  text-align: center;
}
.device-details__status-banner--long {
  max-width: min(510px, 100%);
}
.device-details__status-banner-link {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  pointer-events: auto;
}
.device-details__status-banner-link:hover {
  opacity: 0.85;
}
.device-details__identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
.device-details__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  background: var(--white-color, #ffffff);
  color: var(--hex-color-secondary, #788c9b);
  overflow: hidden;
}
.device-details__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.device-details__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: var(--hex-color-basic, #191919);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.device-details__name-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
}
.device-details__name-display {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.device-details__name-display:disabled {
  cursor: default;
}
.device-details__name-display:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
  border-radius: 4px;
}
.device-details__name-editor {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 7.5px;
  max-width: 100%;
  min-height: 28px;
  padding: 2px 8px;
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  border-radius: 6px;
  background: var(--white-color, #ffffff);
}
.device-details__name-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  outline: none;
}
.device-details__name-input::-moz-placeholder {
  color: var(--hex-color-basic, #191919);
  opacity: 0.35;
}
.device-details__name-input::placeholder {
  color: var(--hex-color-basic, #191919);
  opacity: 0.35;
}
.device-details__name-input:focus {
  outline: none;
}
.device-details__name-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
}
.device-details__name-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  line-height: 0;
}
.device-details__name-action:disabled {
  cursor: default;
  opacity: 0.45;
}
.device-details__name-action:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
  border-radius: 2px;
}
.device-details__name-error {
  margin: 0;
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}
.device-details__title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.device-details__edit-mode-badge {
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 2px 5px;
  border: 1px solid rgba(4, 73, 209, 0.1);
  border-radius: 6px;
  background: #f6f9ff;
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
}
.device-details__subtitle {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: var(--hex-color-secondary, #788c9b);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.device-details__subtitle--edit {
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  white-space: normal;
}
.device-details__subtitle-sep {
  margin: 0 6px;
}
.device-details__description-row {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
  margin-top: 4px;
}
.device-details__description-row:hover .device-details__description-btn--pen, .device-details__description-row:focus-within .device-details__description-btn--pen {
  opacity: 1;
  pointer-events: auto;
}
.device-details__description-row--editing .device-details__description-btn {
  opacity: 1;
  pointer-events: auto;
}
.device-details__description-row--editing .device-details__description-mirror {
  padding: 2px 6px;
}
.device-details__description-mirror {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  white-space: pre;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 2px 0;
}
.device-details {
  /* Kit Tooltip wraps the input; keep layout inline with the pen. */
}
.device-details__description-tooltip {
  display: inline-flex !important;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  justify-content: flex-start !important;
}
.device-details__description-tooltip .Tooltip_trigger {
  display: block;
  min-width: 0;
  max-width: 100%;
}
.device-details__description-input {
  box-sizing: border-box;
  flex: 0 1 auto;
  min-width: 100px;
  max-width: 250px;
  margin: 0;
  padding: 2px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  outline: none;
  box-shadow: none;
  color: var(--hex-color-secondary, #788c9b);
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.device-details__description-input::-moz-placeholder {
  color: var(--hex-color-secondary, #788c9b);
  opacity: 1;
}
.device-details__description-input::placeholder {
  color: var(--hex-color-secondary, #788c9b);
  opacity: 1;
}
.device-details__description-input--editing, .device-details__description-input--editing:focus {
  padding: 2px 6px;
  background: #ffffff;
  box-shadow: 0 0 0 1px var(--hex-border-color, #e4e8eb);
  color: var(--hex-color-basic, #191919);
  text-overflow: clip;
  overflow: hidden;
}
.device-details__description-input[readonly] {
  cursor: default;
}
.device-details__description-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.device-details__description-btn {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--hex-color-secondary, #788c9b) !important;
  box-shadow: none !important;
}
.device-details__description-btn--pen {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease;
}
.device-details__description-btn--pen:focus-visible {
  opacity: 1;
  pointer-events: auto;
}
.device-details__description-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1) !important;
  background: #f5f7f9 !important;
}
.device-details__description-btn:disabled {
  opacity: 0.45;
}
.device-details__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.device-details__edit-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 1px solid var(--hex-border-color, #e4e8eb) !important;
  border-radius: 8px !important;
  background: var(--white-color, #ffffff) !important;
  color: var(--hex-color-secondary, #788c9b) !important;
}
.device-details__edit-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1) !important;
  border-color: var(--hex-border-color, #e4e8eb) !important;
  background: #f5f7f9 !important;
}
.device-details__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 15px;
}
.device-details__metrics--editing {
  align-items: stretch;
}
.device-details__metric {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 20px;
  border-radius: 10px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  background: var(--white-color, #ffffff);
  min-height: 84px;
  box-sizing: border-box;
}
.device-details__metric--editing {
  padding: 10px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.device-details__metric--dragging {
  opacity: 0.85;
  z-index: 2;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.device-details__metric--add {
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-style: dashed;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  width: 100%;
}
.device-details__metric--add:hover {
  color: var(--hex-active-tab-color, #0449d1);
  border-color: rgba(4, 73, 209, 0.35);
  background: #f6f9ff;
}
.device-details__metric-drag {
  position: absolute;
  top: 11px;
  left: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: grab;
  touch-action: none;
}
.device-details__metric-drag:active {
  cursor: grabbing;
}
.device-details__metric-remove {
  position: absolute;
  top: -10px;
  right: -8px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #788c9b;
  cursor: pointer;
  opacity: 0;
}
.device-details__metric-remove:hover {
  color: #a30000;
}
.device-details__metric-remove:focus-visible {
  opacity: 1;
}
.device-details__metric--editing:hover .device-details__metric-remove, .device-details__metric--editing:focus-within .device-details__metric-remove {
  opacity: 1;
}
.device-details__metric-add-wrap {
  position: relative;
  min-width: 140px;
}
.device-details__metric-add-hint {
  font-size: 11px;
  font-weight: 400;
  color: var(--hex-color-secondary, #788c9b);
}
.device-details__metric-add-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 5;
  min-width: 160px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.device-details__metric-add-option {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
}
.device-details__metric-add-option:hover {
  background: #f5f7f9;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-details__metric-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.device-details__metric-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #1c1c1c;
}
.device-details__metric-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.device-details__metric-icon--battery {
  color: #409c35;
}
.device-details__metric-icon--storage {
  color: #d4a017;
}
.device-details__metric-icon--compliance {
  color: #0449d1;
}
.device-details__metric-icon--apps {
  color: #e87830;
}
.device-details__metric-icon--policy {
  color: #0449d1;
}
.device-details__metric-icon--active {
  color: #409c35;
}
.device-details__metric-icon--passcode {
  color: #788c9b;
}
.device-details__metric-icon--kiosk {
  color: #e87830;
}
.device-details__metric-icon--data-protection {
  color: #0449d1;
}
.device-details__metric-icon--last-seen {
  color: #0449d1;
}
.device-details__metric-value {
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  color: #1c1c1c;
}
.device-details {
  /* Tag low colors + chip-pill radius — matches Compliant badge in the mock */
}
.device-details__compliant-chip {
  gap: 2px;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  box-sizing: border-box;
  padding: 4px 8px;
  border: 1px solid rgba(51, 126, 43, 0.1019607843);
  border-radius: 6px;
  background: rgba(234, 247, 232, 0.5019607843);
  color: #337e2b;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
}
.device-details__compliant-chip--danger {
  border-color: rgba(163, 0, 0, 0.12);
  background: rgba(163, 0, 0, 0.08);
  color: #a30000;
}
.device-details__compliant-chip--neutral {
  border-color: rgba(120, 140, 155, 0.2);
  background: rgba(120, 140, 155, 0.08);
  color: #788c9b;
}
.device-details {
  /*
   * Details row fills the rest of the viewport so the left + right
   * dividers run all the way to the bottom of the page.
   */
}
.device-details__details-panel {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}
.device-details__tabs-shell {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.device-details__tabs {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0 !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden;
  align-items: stretch !important;
}
.device-details {
  /*
   * Left rail: tab list scrolls inside available height; Customise stays pinned
   * below (kit nav uses overflow:hidden, so override it here).
   */
}
.device-details__tabs-menu {
  --vtm-panel-bg: transparent !important;
  --vtm-panel-padding-top: 0 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100%;
  padding: 0 10px 56px 0 !important;
  border-right: 1px solid var(--hex-border-color, #e4e8eb) !important;
  background: transparent !important;
  overflow: hidden;
}
.device-details__tabs-menu > nav {
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.device-details {
  /* Pinned under the left tab column (kit has no menu footer slot). */
}
.device-details__customise-sidebar {
  position: absolute;
  left: 0;
  bottom: 16px;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 30px;
  padding: 7px 10px;
  border-radius: 8px;
  border: 0.696px solid #191919;
  background-color: #ffffff;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}
.device-details__customise-sidebar:hover {
  background-color: #f5f7f9;
}
.device-details__tab-content {
  --device-details-content-inset-x: 28px;
  padding: 0 var(--device-details-content-inset-x) 32px !important;
  background: transparent !important;
  align-self: stretch;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.device-details {
  /*
   * Kit ActivityFeed rail — layout only; kit owns collapsed/expanded chrome.
   * overflow visible so the divider-centered collapse control can overhang.
   */
}
.device-details__side-rail {
  flex: 0 0 auto;
  align-self: stretch;
  min-height: 100%;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.device-details__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  line-height: 21px;
}
.device-details__placeholder p {
  margin: 0;
}

@media (max-width: 1100px) {
  .device-details__metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .device-details {
    padding: 12px;
  }
  .device-details__summary-panel {
    padding: 14px;
  }
  .device-details__header {
    flex-direction: column;
    align-items: stretch;
  }
  .device-details__actions {
    justify-content: flex-end;
  }
  .device-details__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .device-details__tab-content {
    --device-details-content-inset-x: 16px;
    padding: 0 var(--device-details-content-inset-x) 24px !important;
  }
  .device-details__side-rail {
    flex-basis: auto;
  }
}
@media (max-width: 530px) {
  .device-details__metrics {
    grid-template-columns: 1fr;
  }
  .device-details__nav-row {
    flex-wrap: wrap;
  }
  .device-details__details-panel {
    flex-direction: column;
    min-height: 0;
  }
  .device-details__tabs {
    min-height: 0 !important;
    height: auto !important;
  }
  .device-details__side-rail {
    flex-basis: auto;
    width: 100%;
    max-height: 280px;
    border-left: 0;
    border-top: 1px solid var(--hex-border-color, #e4e8eb);
  }
}
/* Device Summary subtab — Figma layout (node 250:36171) */
.device-summary-tab {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-summary-tab--state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.device-summary-tab--state p {
  margin: 0;
}
.device-summary-tab__sections {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.device-summary-tab--with-dividers {
  /*
   * Full-bleed section dividers: section px (10px) + tab-content inset
   * (--device-details-content-inset-x) so lines meet left/right panel borders.
   */
}
.device-summary-tab--with-dividers .device-summary-tab__section + .device-summary-tab__section,
.device-summary-tab--with-dividers .device-summary-tab__bottom {
  position: relative;
}
.device-summary-tab--with-dividers .device-summary-tab__section + .device-summary-tab__section::before,
.device-summary-tab--with-dividers .device-summary-tab__bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-10px - var(--device-details-content-inset-x, 28px));
  right: calc(-10px - var(--device-details-content-inset-x, 28px));
  border-top: 1px solid var(--hex-border-color, #e4e8eb);
}
.device-summary-tab {
  /* Figma Content 4: pb 15px, px 10px */
}
.device-summary-tab__section {
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px 15px;
}
.device-summary-tab__section-header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 20px 10px 10px;
}
.device-summary-tab__section-info {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  cursor: default;
  color: var(--hex-color-secondary, #788c9b);
}
.device-summary-tab__section-info:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-summary-tab {
  /* Title small 16px/bold */
}
.device-summary-tab__section-title {
  margin: 0;
  flex: 0 1 auto;
  min-width: 0;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: var(--hex-color-basic, #191919);
  word-break: break-word;
}
.device-summary-tab__section-title--flush {
  padding: 0;
  margin-bottom: 0;
}
.device-summary-tab__subsection {
  margin-top: 8px;
  padding: 0 10px;
}
.device-summary-tab__subsection--status {
  margin-top: 12px;
}
.device-summary-tab__subsection-title {
  margin: 0 0 8px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  /* Production ``titlealt child-form`` Status sub-heading (#6e829b + underline). */
}
.device-summary-tab__subsection-title--status {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #6e829b;
  text-decoration: underline;
}
.device-summary-tab {
  /*
   * Figma field row: flex/grid wrap, up to 4 columns by viewport width.
   * minmax(max(160px, 1/4 width), 1fr) caps at 4 and drops columns as space shrinks.
   */
}
.device-summary-tab__field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(160px, (100% - 30px) / 4), 1fr));
  gap: 10px;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.device-summary-tab__field {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  padding: 5px 0;
  text-align: left;
}
.device-summary-tab__field-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  max-width: 100%;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 18px;
  color: #000000;
  text-align: left;
}
.device-summary-tab__field-label-link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.device-summary-tab__field-label-link:hover {
  text-decoration: underline;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-summary-tab__field-value-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  width: 100%;
  /*
   * Info on value: shrink-wrap the value so the icon sits next to the text
   * (e.g. "N/A" + info), not at the far edge of the grid cell.
   */
}
.device-summary-tab__field-value-wrap--with-info .device-summary-tab__value-tooltip,
.device-summary-tab__field-value-wrap--with-info .device-summary-tab__agent-value,
.device-summary-tab__field-value-wrap--with-info .device-summary-tab__reveal-value {
  flex: 0 1 auto;
  width: auto;
  max-width: calc(100% - 20px);
}
.device-summary-tab__field-value-wrap--with-info .device-summary-tab__field-value {
  width: auto;
  max-width: 100%;
}
.device-summary-tab__field-info {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: var(--hex-color-secondary, #788c9b);
  cursor: default;
}
.device-summary-tab__field-info:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-summary-tab__field-secondary {
  display: block;
  margin-top: 4px;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #999999;
}
.device-summary-tab__bool-icon {
  display: inline-flex;
  flex: 0 0 auto;
}
.device-summary-tab__bool-icon--ok {
  color: #409c35;
}
.device-summary-tab__bool-icon--deny {
  color: #a30000;
}
.device-summary-tab__compliance-violation-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.device-summary-tab__compliance-violation-btn:hover .device-summary-tab__bool-icon--deny {
  opacity: 0.85;
}
.device-summary-tab__info-link {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: underline;
  cursor: pointer;
}
.device-summary-tab__info-link:hover {
  color: var(--hex-active-tab-hover-color, #0339a5);
}
.device-summary-tab__reveal-value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.device-summary-tab__reveal-toggle {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
}
.device-summary-tab__reveal-toggle:hover, .device-summary-tab__reveal-toggle:focus-visible {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-summary-tab {
  /*
   * Override @hex/uem-ui-kit Tooltip_root/trigger (justify-content: center)
   * so label + value stay left-aligned like Figma.
   */
}
.device-summary-tab__value-tooltip {
  display: flex !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  justify-content: flex-start !important;
  align-items: stretch;
}
.device-summary-tab__value-tooltip .Tooltip_trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  justify-content: flex-start !important;
  text-align: left;
}
.device-summary-tab {
  /* Body large 14px/semi bold */
}
.device-summary-tab__field-value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  text-align: left;
}
.device-summary-tab__agent-value {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
  flex-wrap: wrap;
  /* Value first; icon + status sit immediately after without growing. */
}
.device-summary-tab__agent-value .device-summary-tab__value-tooltip {
  flex: 0 1 auto;
  width: auto;
  max-width: calc(100% - 28px);
}
.device-summary-tab__agent-value .device-info-tab__progress {
  flex: 1 1 auto;
  min-width: 0;
  max-width: calc(100% - 28px);
}
.device-summary-tab__agent-status {
  flex: 0 0 auto;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--hex-color-secondary, #788c9b);
  white-space: nowrap;
}
.device-summary-tab__agent-action {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #a30000;
  cursor: pointer;
}
.device-summary-tab__agent-action:disabled, .device-summary-tab__agent-action.is-busy {
  cursor: wait;
  opacity: 0.7;
}
.device-summary-tab__agent-action.is-busy .Icon, .device-summary-tab__agent-action.is-busy svg {
  animation: device-summary-agent-spin 0.8s linear infinite;
}
.device-summary-tab__agent-failed {
  font-weight: 400;
}
.device-summary-tab__agent-retry {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6e95c9;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.device-summary-tab__agent-retry:disabled {
  cursor: wait;
  opacity: 0.7;
}
@keyframes device-summary-agent-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.device-summary-tab {
  /* Bottom row: Health Pulse panel */
}
.device-summary-tab__bottom {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 0 10px 15px;
  box-sizing: border-box;
}
.device-summary-tab__bottom-panel {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
  min-width: 0;
  padding: 20px 10px 0;
}
.device-summary-tab__metrics {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.device-summary-tab__metric-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 15px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 10px;
  background: var(--white-color, #ffffff);
}
.device-summary-tab__metric-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: 20px;
}
.device-summary-tab__metric-label-wrap {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  flex-shrink: 1;
}
.device-summary-tab__metric-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.device-summary-tab__metric-label {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: #1c1c1c;
  white-space: nowrap;
}
.device-summary-tab__metric-value-tooltip {
  display: block;
  flex-shrink: 0;
  max-width: 45%;
  min-width: 0;
}
.device-summary-tab__metric-value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  color: #1c1c1c;
}
.device-summary-tab__progress-wrap {
  box-sizing: border-box;
  width: 100%;
  padding-left: 25px;
}
.device-summary-tab__progress-track {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background: rgba(228, 232, 235, 0.9);
  overflow: hidden;
}
.device-summary-tab__progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 2px;
  background: var(--hex-color-secondary, #788c9b);
  transition: width 0.2s ease;
}
.device-summary-tab__progress-fill.device-summary-tab__progress--battery {
  background: #409c35;
}
.device-summary-tab__progress-fill.device-summary-tab__progress--storage {
  background: #d4a017;
}
.device-summary-tab__metric-icon.device-summary-tab__progress--battery {
  color: #409c35;
}
.device-summary-tab__metric-icon.device-summary-tab__progress--storage {
  color: #d4a017;
}
.device-summary-tab__empty-card {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 71px;
  padding: 15px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 10px;
  background: var(--white-color, #ffffff);
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.device-summary-tab__empty-card p {
  margin: 0;
}
.device-summary-tab {
  /* Production Recent Location map panel */
}
.device-summary-tab__section--location {
  padding-bottom: 15px;
}
.device-summary-tab__location-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 20px 10px 10px;
  box-sizing: border-box;
}
.device-summary-tab__location-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.device-summary-tab__location-link {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}
.device-summary-tab__location-link:disabled {
  opacity: 0.6;
  cursor: default;
}
.device-summary-tab__location-link:hover:not(:disabled) {
  text-decoration: underline;
}
.device-summary-tab__location-sep {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
}
.device-summary-tab__location-map {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.device-summary-tab {
  /* Positioned map pane only — keeps the basemap toggle above the address caption. */
}
.device-summary-tab__location-map-canvas {
  position: relative;
  width: 100%;
}
.device-summary-tab__location-map-canvas .directory-service-location-map__leaflet,
.device-summary-tab__location-map-canvas .directory-service-location-map__google,
.device-summary-tab__location-map-canvas .directory-service-location-map__status,
.device-summary-tab__location-map-canvas .device-group-locations-map__leaflet,
.device-summary-tab__location-map-canvas .device-group-locations-map__google,
.device-summary-tab__location-map-canvas .device-group-locations-map__status {
  height: 200px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  overflow: hidden;
}
.device-summary-tab__location-map-canvas .device-group-locations-map__leaflet-wrap {
  height: 200px;
}
.device-summary-tab__location-caption {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 12px;
  padding-top: 2px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
}
.device-summary-tab__location-caption strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.device-summary-tab__location-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 120px;
  padding: 20px 10px;
  box-sizing: border-box;
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.device-summary-tab__location-empty p {
  margin: 0;
}
.device-summary-tab {
  /* Production Live Terminal / ChromeOS Remote Access */
}
.device-summary-tab__section--action {
  padding-bottom: 15px;
}
.device-summary-tab__action-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  min-height: 300px;
  padding: 20px 10px;
  box-sizing: border-box;
  text-align: center;
}
.device-summary-tab__action-secondary {
  padding: 0;
  border: none;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  cursor: pointer;
}
.device-summary-tab__action-secondary:disabled {
  opacity: 0.5;
  cursor: default;
}
.device-summary-tab__action-secondary:hover:not(:disabled) {
  text-decoration: underline;
}
.device-summary-tab__action-hint {
  margin: 0;
  max-width: 420px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.device-summary-tab__action-hint a {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.device-summary-tab__action-hint a:hover {
  text-decoration: underline;
}
.device-summary-tab__action-hint--error {
  color: #a30000;
}
.device-summary-tab__live-installing {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 24px 16px 40px;
  box-sizing: border-box;
  text-align: center;
}
.device-summary-tab__live-installing-banner {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 24px 20px;
  box-sizing: border-box;
  background-color: #e8f4fc;
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  border-radius: 5px;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  line-height: 24px;
}
.device-summary-tab__live-installing-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
}
.device-summary-tab__live-installing-heading p,
.device-summary-tab__live-installing-heading span {
  margin: 0;
}
.device-summary-tab__live-installing-banner p {
  margin: 0 auto;
  max-width: 520px;
  font-size: 14px;
  font-weight: 400;
}
.device-summary-tab__live-session-home {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  flex: 1;
}
.device-summary-tab__live-session {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  flex: 1;
}
.device-summary-tab__live-session--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  margin: 0;
  background: var(--white-color, #ffffff);
  box-sizing: border-box;
}
.device-summary-tab__live-session--fullscreen .device-summary-tab__live-iframe {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: none;
  border-radius: 0;
}
.device-summary-tab__live-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  flex-shrink: 0;
  box-sizing: border-box;
}
.device-summary-tab__live-iframe {
  display: block;
  width: 100%;
  min-height: 250px;
  height: 32vh;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #111;
  box-sizing: border-box;
}
.device-summary-tab__live-grant-body {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
}

@media (max-width: 768px) {
  .device-summary-tab__bottom {
    flex-direction: column;
  }
  .device-summary-tab__bottom-panel {
    flex: 1 1 auto;
    width: 100%;
  }
  .device-summary-tab__field-grid {
    grid-template-columns: repeat(auto-fill, minmax(max(140px, (100% - 10px) / 2), 1fr));
  }
}
@media (max-width: 530px) {
  .device-summary-tab__field-grid {
    grid-template-columns: 1fr;
  }
}
/* Device Details (`device_info`) — label info icons + reveal + section refresh */
.device-info-tab__field-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.device-info-tab__field-info {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: var(--hex-color-secondary, #788c9b);
  cursor: default;
}
.device-info-tab__field-info:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-info-tab__info-link {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: underline;
  cursor: pointer;
}
.device-info-tab__info-link:hover {
  color: var(--hex-active-tab-hover-color, #0339a5);
}
.device-info-tab__reveal-value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.device-info-tab {
  /*
   * Rich inline value (text + link), e.g. FileVault key unavailable message.
   * Same text style as other values; wraps so the inline link stays reachable.
   */
}
.device-info-tab__value-parts.device-summary-tab__field-value {
  white-space: normal;
  overflow-wrap: anywhere;
}
.device-info-tab__uem-password-value {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex-wrap: wrap;
}
.device-info-tab__reveal-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
}
.device-info-tab__reveal-btn:hover, .device-info-tab__reveal-btn.is-revealed {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-info-tab__section-action {
  display: inline-flex;
  margin-left: auto;
}
.device-info-tab__section-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
}
.device-info-tab__section-action-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-info-tab__section-action-btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.device-info-tab__progress {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
}
.device-info-tab__progress .device-summary-tab__progress-track {
  width: 80%;
}
.device-info-tab {
  /* Value row with a secondary action on its own line below (FileVault decrypt). */
}
.device-info-tab__value-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  width: 100%;
}
.device-info-tab__value-row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  /*
   * Info on value: keep the icon adjacent to the value text instead of
   * trailing at the cell edge (same pattern as summary --with-info).
   */
}
.device-info-tab__value-row--with-info .device-summary-tab__value-tooltip,
.device-info-tab__value-row--with-info .device-info-tab__reveal-value,
.device-info-tab__value-row--with-info .device-info-tab__progress,
.device-info-tab__value-row--with-info .device-info-tab__editable-value,
.device-info-tab__value-row--with-info .device-info-tab__uem-password-value {
  flex: 0 1 auto;
  width: auto;
  max-width: calc(100% - 20px);
}
.device-info-tab__value-row--with-info .device-summary-tab__field-value {
  width: auto;
  max-width: 100%;
}
.device-info-tab__editable-value, .device-info-tab__edit-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}
.device-info-tab__edit-input {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: 180px;
  padding: 2px 6px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 4px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
}
.device-info-tab__edit-btn, .device-info-tab__field-action-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
}
.device-info-tab__edit-btn:hover:not(:disabled), .device-info-tab__field-action-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-info-tab__edit-btn:disabled, .device-info-tab__field-action-btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.device-info-tab__text-action {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  cursor: pointer;
}
.device-info-tab__text-action:disabled {
  opacity: 0.5;
  cursor: default;
}
.device-info-tab__status-pill {
  display: inline-block;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.device-info-tab__status-pill--installed {
  background-color: #dcfce7;
  color: #409c35;
  border: 1px solid rgba(64, 156, 53, 0.35);
}
.device-info-tab__status-pill--failed {
  background-color: #ffd2d2;
  color: #a30000;
  border: 1px solid rgba(163, 0, 0, 0.25);
}
.device-info-tab__status-pill--pending {
  background-color: #f1f3f4;
  color: #5f6368;
  border: 1px solid rgba(95, 99, 104, 0.2);
}
.device-info-tab__status-pill--removed {
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid rgba(245, 158, 11, 0.35);
}

.device-security-tab__restriction-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 21px;
}
.device-security-tab__status-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}
.device-security-tab__status-icon {
  flex: 0 0 auto;
}
.device-security-tab__status-icon--allow {
  color: #409c35;
}
.device-security-tab__status-icon--deny {
  color: #a30000;
}
.device-security-tab__status-icon--na {
  color: var(--hex-color-secondary, #788c9b);
}
.device-security-tab {
  /* Production: click file icon → "Associated via" dropdown */
}
.device-security-tab__assoc {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.device-security-tab__assoc-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #bbbbbb;
  cursor: pointer;
}
.device-security-tab__assoc-trigger:hover, .device-security-tab__assoc-trigger[aria-expanded=true] {
  color: var(--hex-color-secondary, #788c9b);
}
.device-security-tab__assoc-count {
  position: absolute;
  top: -6px;
  right: -7px;
  font-size: 10px;
  line-height: 1;
  font-family: "Lato", sans-serif;
  color: #bbbbbb;
}
.device-security-tab__assoc-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 20;
  min-width: 160px;
  max-width: 260px;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  text-align: left;
}
.device-security-tab__assoc-heading {
  padding: 8px 12px;
  background: #f5f5f5;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
}
.device-security-tab__assoc-list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  max-height: 200px;
  overflow-y: auto;
}
.device-security-tab__assoc-list li {
  padding: 6px 12px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #a7a7a7;
  word-break: break-word;
}
.device-security-tab__assoc-empty {
  padding: 8px 12px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #a7a7a7;
}
.device-security-tab__restricted {
  margin: 0;
  padding: 0 10px;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.device-security-tab__table-wrap {
  width: 100%;
  overflow-x: auto;
  padding: 0 10px;
  box-sizing: border-box;
}
.device-security-tab__table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 13px;
}
.device-security-tab__table th,
.device-security-tab__table td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  text-align: left;
  vertical-align: middle;
  color: var(--hex-color-basic, #191919);
}
.device-security-tab__table th {
  font-weight: 600;
  font-size: 12px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-security-tab__table td.device-security-tab__table-empty {
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
  padding: 24px 10px;
}
.device-security-tab__table-empty {
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
}
.device-security-tab__table-actions {
  white-space: nowrap;
}
.device-security-tab__row-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
}
.device-security-tab__row-action:hover:not(:disabled) {
  color: #a30000;
}
.device-security-tab__row-action:disabled {
  opacity: 0.5;
  cursor: default;
}

.device-applications-tab {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-width: 0;
  padding-top: 15px;
  box-sizing: border-box;
}
.device-applications-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
}
.device-applications-tab__toolbar-left, .device-applications-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.device-applications-tab__toolbar-right {
  justify-content: flex-end;
  flex-wrap: wrap;
}
.device-applications-tab__category {
  position: relative;
}
.device-applications-tab__category-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: auto;
  z-index: 20;
  min-width: 174px;
  padding: 6px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.device-applications-tab__category-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  box-sizing: border-box;
}
.device-applications-tab__category-item:hover {
  background: #f6f9ff;
}
.device-applications-tab__category-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
}
.device-applications-tab__category-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 174px;
  height: 30px;
  padding: 2px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.device-applications-tab__category-label {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  white-space: nowrap;
}
.device-applications-tab__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-basic, #191919);
  line-height: 0;
}
.device-applications-tab__table {
  min-height: 240px;
  max-height: none;
}
.device-applications-tab__app-name {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.device-applications-tab__app-name:hover .device-applications-tab__more-btn {
  opacity: 1;
}
.device-applications-tab__app-name:hover .device-applications-tab__more-btn:disabled {
  opacity: 0.5;
}
.device-applications-tab__app-icon {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.device-applications-tab__app-icon--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f0f3f6;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 600;
}
.device-applications-tab__app-label {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-active-tab-color, #0449d1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.device-applications-tab__row-menu {
  position: relative;
  flex-shrink: 0;
  margin-left: 2px;
}
.device-applications-tab__more-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  color: var(--hex-color-secondary, #788c9b);
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.12s ease;
}
.device-applications-tab__more-btn:hover:not(:disabled) {
  color: var(--hex-color-basic, #191919);
  background: #f6f9ff;
}
.device-applications-tab__more-btn:focus-visible, .device-applications-tab__more-btn[aria-expanded=true] {
  opacity: 1;
}
.device-applications-tab__more-btn:disabled {
  cursor: not-allowed;
}
.device-applications-tab__row-menu-panel {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1300;
  min-width: 180px;
  padding: 6px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.device-applications-tab__row-menu-panel--portal {
  position: fixed;
  top: auto;
  left: auto;
  z-index: 1400;
}
.device-applications-tab__row-menu-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 8px 12px;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
}
.device-applications-tab__row-menu-item:hover:not(:disabled) {
  background: #f6f9ff;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-applications-tab__row-menu-item:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.device-applications-tab__row-menu-item--restricted {
  opacity: 0.45;
}
.device-applications-tab__uninstall-scope {
  min-width: 160px;
  height: 30px;
  padding: 2px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  color: var(--hex-color-basic, #191919);
}

.device-app-row-modal__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.device-app-row-modal__toolbar--end {
  justify-content: flex-end;
}
.device-app-row-modal__search {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
.device-app-row-modal__search-input {
  width: 200px;
  height: 32px;
  padding: 4px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  color: var(--hex-color-basic, #191919);
  box-sizing: border-box;
}
.device-app-row-modal__search-btn, .device-app-row-modal__search-clear, .device-app-row-modal__icon-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  padding: 4px;
}
.device-app-row-modal__search-btn:disabled, .device-app-row-modal__search-clear:disabled, .device-app-row-modal__icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.device-app-row-modal__search-clear {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 16px;
  line-height: 1;
}
.device-app-row-modal__sync-banner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px 15px;
  border-radius: 5px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
}
.device-app-row-modal__sync-banner button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  color: inherit;
}
.device-app-row-modal__sync-banner--success {
  background: #eef7ff;
  color: var(--hex-color-basic, #191919);
}
.device-app-row-modal__sync-banner--failed {
  background: #fdeeee;
  color: #a30000;
}
.device-app-row-modal__sort-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: left;
}
.device-app-row-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.device-app-row-modal__pager {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-app-row-modal__page-size {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.device-app-row-modal__page-size select {
  height: 30px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  padding: 2px 8px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
}
.device-app-row-modal__page-btns {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.device-app-row-modal__range {
  white-space: nowrap;
}
.device-app-row-modal__log-filter {
  height: 32px;
  min-width: 140px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  padding: 2px 8px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  color: var(--hex-color-basic, #191919);
  background: #ffffff;
}
.device-app-row-modal__log-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.device-app-row-modal__log-status-info {
  display: inline-flex;
  color: var(--hex-color-secondary, #788c9b);
  cursor: default;
}
.device-app-row-modal__log-status-info .Tooltip_trigger {
  color: inherit;
}
.device-app-row-modal__log-status-info:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-app-row-modal__spin {
  animation: device-app-row-modal-spin 0.8s linear infinite;
}
.device-app-row-modal__table-wrap {
  max-height: 360px;
  overflow: auto;
}
.device-app-row-modal__table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 12px;
}
.device-app-row-modal__table th,
.device-app-row-modal__table td {
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  vertical-align: top;
}
.device-app-row-modal__table th {
  color: var(--hex-color-secondary, #788c9b);
  font-weight: 600;
}
.device-app-row-modal__table td {
  color: var(--hex-color-basic, #191919);
}

@keyframes device-app-row-modal-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.device-file-explorer-tab {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  min-height: 320px;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}
.device-file-explorer-tab--state {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
}
.device-file-explorer-tab__banner {
  margin: 0;
  padding: 10px 12px;
  text-align: center;
  color: #a30000;
  background: #fde8e8;
  border: 1px solid #f5c2c2;
  border-radius: 5px;
  font-size: 13px;
  line-height: 18px;
  box-sizing: border-box;
}
.device-file-explorer-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  box-sizing: border-box;
}
.device-file-explorer-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.device-file-explorer-tab__idle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex: 1;
  padding: 40px 24px;
  text-align: center;
  box-sizing: border-box;
}
.device-file-explorer-tab__description {
  margin: 0;
  max-width: 480px;
  color: var(--hex-color-basic, #191919);
  font-size: 14px;
  line-height: 22px;
}
.device-file-explorer-tab__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 480px;
}
.device-file-explorer-tab__hint {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
}
.device-file-explorer-tab__hint a {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.device-file-explorer-tab__hint a:hover {
  text-decoration: underline;
}
.device-file-explorer-tab__hint--muted {
  color: var(--hex-color-secondary, #788c9b);
}
.device-file-explorer-tab__hint--error {
  color: #a30000;
}
.device-file-explorer-tab__iframe {
  display: block;
  width: 100%;
  height: 585px;
  border: none;
  box-sizing: border-box;
}

.device-policies-tab {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-width: 0;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}
.device-policies-tab__banner {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #b8d4f0;
  border-radius: 5px;
  background: #e8f3fc;
  color: var(--hex-color-basic, #191919);
  font-size: 13px;
  line-height: 18px;
}
.device-policies-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
}
.device-policies-tab__toolbar-left, .device-policies-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.device-policies-tab__toolbar-right {
  justify-content: flex-end;
  flex-wrap: wrap;
}
.device-policies-tab__table {
  min-height: 240px;
  max-height: none;
}
.device-policies-tab__name, .device-policies-tab__name-link {
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-active-tab-color, #0449d1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.device-policies-tab__name--out-of-scope {
  color: var(--hex-color-basic, #191919);
  cursor: default;
}
.device-policies-tab__name-link {
  text-decoration: none;
}
.device-policies-tab__name-link:hover {
  text-decoration: underline;
}
.device-policies-tab__mapping {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.device-policies-tab__mapping--parked {
  cursor: default;
}
.device-policies-tab__mapping-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  background: #e8f0fe;
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  text-transform: capitalize;
}
.device-policies-tab__mapping-chip--parked {
  background: #eceff1;
  color: var(--hex-color-secondary, #788c9b);
}
.device-policies-tab__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
}
.device-policies-tab__status-info-trigger {
  display: inline-flex;
  align-items: center;
  color: var(--hex-color-secondary, #788c9b);
  line-height: 0;
}
.device-policies-tab__status-info {
  max-width: 280px;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.device-policies-tab__status-info ul {
  margin: 0;
  padding-left: 16px;
}
.device-policies-tab__remove {
  color: var(--hex-color-secondary, #788c9b);
}

.device-policies-mapping-popup__body,
.device-policies-remove-popup__body {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--hex-color-secondary, #788c9b);
}

.device-policies-remove-popup__body p {
  margin: 0 0 12px;
}
.device-policies-remove-popup__body p:last-child {
  margin-bottom: 0;
}

.device-data-usage-tab {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  min-width: 0;
  padding: 15px 0 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}
.device-data-usage-tab__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  width: 100%;
}
@media (max-width: 1100px) {
  .device-data-usage-tab__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 530px) {
  .device-data-usage-tab__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
.device-data-usage-tab__card {
  min-width: 0;
  padding: 15px 20px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 10px;
  background: #ffffff;
  box-sizing: border-box;
}
.device-data-usage-tab__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-data-usage-tab__card-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #1c1c1c;
}
.device-data-usage-tab__card-info {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
}
.device-data-usage-tab__card-info:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-data-usage-tab__card-value {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  color: #1c1c1c;
}
.device-data-usage-tab__restriction-value {
  display: inline-flex;
  align-items: center;
  min-height: 33px;
}
.device-data-usage-tab__restriction-value--on {
  color: #409c35;
}
.device-data-usage-tab__restriction-value--off {
  color: #a30000;
}
.device-data-usage-tab__chip {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.device-data-usage-tab__chip--compliant {
  background: #e8f7e6;
  color: #409c35;
}
.device-data-usage-tab__chip--restricted {
  background: #fde8e8;
  color: #a30000;
}
.device-data-usage-tab__last-sync {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-data-usage-tab__banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #b8d4f0;
  border-radius: 5px;
  background: #e8f3fc;
  color: var(--hex-color-basic, #191919);
  font-size: 13px;
  line-height: 21px;
  box-sizing: border-box;
}
.device-data-usage-tab__banner a {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.device-data-usage-tab__banner a:hover {
  text-decoration: underline;
}
.device-data-usage-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
}
.device-data-usage-tab__toolbar-left, .device-data-usage-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.device-data-usage-tab__toolbar-right {
  justify-content: flex-end;
}
.device-data-usage-tab__refresh {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  font-family: inherit;
  font-size: 12px;
  line-height: 21px;
  cursor: pointer;
}
.device-data-usage-tab__refresh:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-data-usage-tab__refresh:disabled {
  opacity: 0.6;
  cursor: default;
}
.device-data-usage-tab__refresh-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.device-data-usage-tab__refresh-icon--spin {
  animation: device-data-usage-spin 0.8s linear infinite;
}
.device-data-usage-tab__mode-toggle {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  overflow: hidden;
}
.device-data-usage-tab__mode-btn {
  height: 30px;
  padding: 0 12px;
  border: 0;
  background: #ffffff;
  color: var(--hex-color-basic, #191919);
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}
.device-data-usage-tab__mode-btn--active {
  background: #e8f0fe;
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
}
.device-data-usage-tab__range {
  position: relative;
}
.device-data-usage-tab__range-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 140px;
  height: 30px;
  padding: 2px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #ffffff;
  color: var(--hex-color-basic, #191919);
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  box-sizing: border-box;
}
.device-data-usage-tab__range-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 20;
  min-width: 160px;
  padding: 6px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.device-data-usage-tab__range-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: inherit;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  box-sizing: border-box;
}
.device-data-usage-tab__range-item:hover {
  background: #f6f9ff;
}
.device-data-usage-tab__range-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
}
.device-data-usage-tab__custom-dates {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.device-data-usage-tab__date-input {
  height: 30px;
  padding: 2px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  font-family: inherit;
  font-size: 12px;
  color: var(--hex-color-basic, #191919);
  box-sizing: border-box;
}
.device-data-usage-tab__date-sep {
  font-size: 12px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-data-usage-tab__table {
  min-height: 240px;
  max-height: none;
}
.device-data-usage-tab__app-name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.device-data-usage-tab__app-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.device-data-usage-tab__app-icon--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8f0fe;
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 12px;
  font-weight: 600;
}
.device-data-usage-tab__app-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
}
.device-data-usage-tab__row-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
}
.device-data-usage-tab__row-info:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-data-usage-tab__row-info:disabled {
  opacity: 0.5;
  cursor: default;
}
.device-data-usage-tab__chevron {
  display: inline-flex;
  color: var(--hex-color-secondary, #788c9b);
}

.device-data-usage-apps-popup.Popup_popup {
  width: min(720px, 94vw);
  max-width: 94vw;
  align-items: stretch;
}

.device-data-usage-apps-popup .Popup_body {
  width: 100%;
  align-self: stretch;
  box-sizing: border-box;
}
.device-data-usage-apps-popup .Popup_header,
.device-data-usage-apps-popup .Popup_footer {
  width: 100%;
}

.device-data-usage-apps-popup__body {
  width: 100%;
  min-height: 160px;
  max-height: 360px;
  overflow: auto;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
  box-sizing: border-box;
  /* Force ui-kit table to consume the popup body width. */
}
.device-data-usage-apps-popup__body > * {
  width: 100%;
  max-width: 100%;
}
.device-data-usage-apps-popup__body table {
  width: 100% !important;
}

@keyframes device-data-usage-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.device-associated-groups-tab {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-width: 0;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}
.device-associated-groups-tab__banner {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #b8d4f0;
  border-radius: 5px;
  background: #e8f3fc;
  color: var(--hex-color-basic, #191919);
  font-size: 13px;
  line-height: 18px;
}
.device-associated-groups-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  box-sizing: border-box;
}
.device-associated-groups-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.device-associated-groups-tab__table {
  min-height: 240px;
  max-height: none;
}
.device-associated-groups-tab__name, .device-associated-groups-tab__name-link {
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-active-tab-color, #0449d1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.device-associated-groups-tab__name {
  color: var(--hex-color-basic, #191919);
}
.device-associated-groups-tab__name-link {
  text-decoration: none;
}
.device-associated-groups-tab__name-link:hover {
  text-decoration: underline;
}

.device-remote-view-tab {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  min-height: 420px;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab--state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
}
.device-remote-view-tab--state p {
  margin: 0;
}
.device-remote-view-tab__unauthorized-title {
  margin: 0 0 8px;
  font-family: "Lato", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  padding-bottom: 0;
}
.device-remote-view-tab__subnav-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 10px 14px;
  margin: 0;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.device-remote-view-tab__subnav-item:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-remote-view-tab__subnav-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}
.device-remote-view-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  box-sizing: border-box;
}
.device-remote-view-tab__idle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex: 1;
  padding: 40px 24px;
  text-align: center;
  box-sizing: border-box;
}
.device-remote-view-tab__description-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 480px;
}
.device-remote-view-tab__description {
  margin: 0;
  max-width: 480px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 480px;
}
.device-remote-view-tab__hints, .device-remote-view-tab__hint {
  margin: 0;
  max-width: 480px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__hints p, .device-remote-view-tab__hint p {
  margin: 0 0 8px;
}
.device-remote-view-tab__hints p:last-child, .device-remote-view-tab__hint p:last-child {
  margin-bottom: 0;
}
.device-remote-view-tab__hints a, .device-remote-view-tab__hint a {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.device-remote-view-tab__hints a:hover, .device-remote-view-tab__hint a:hover {
  text-decoration: underline;
}
.device-remote-view-tab__hint--muted {
  color: var(--hex-color-secondary, #788c9b);
}
.device-remote-view-tab__hint--error {
  color: #a30000;
}
.device-remote-view-tab__link-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.device-remote-view-tab__link-btn:hover {
  text-decoration: underline;
  color: var(--hex-active-tab-hover-color, #0339a5);
}
.device-remote-view-tab__link-btn:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  text-decoration: none;
}
.device-remote-view-tab__row-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.device-remote-view-tab__popup-panel {
  width: 100%;
  max-width: 480px;
  text-align: left;
  padding: 20px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: var(--white-color, #ffffff);
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__popup-panel p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__popup-panel p:last-child {
  margin-bottom: 0;
}
.device-remote-view-tab__popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.device-remote-view-tab__popup-header h2 {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__popup-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  color: var(--hex-color-secondary, #788c9b);
}
.device-remote-view-tab__popup-close:hover {
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__radio-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 12px 0;
}
.device-remote-view-tab__radio-group label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
}
.device-remote-view-tab__checkbox--disabled {
  opacity: 0.6;
}
.device-remote-view-tab__session {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.device-remote-view-tab__session[hidden] {
  display: none !important;
}
.device-remote-view-tab__session--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 0;
  padding: 10px;
  margin: 0;
  background: var(--white-color, #ffffff);
  box-sizing: border-box;
}
.device-remote-view-tab__session--fullscreen .device-remote-view-tab__toolbar {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.device-remote-view-tab__session--fullscreen .device-remote-view-tab__iframe {
  flex: 1 1 auto;
  width: 100%;
  height: calc(100dvh - 20px);
  min-height: calc(100dvh - 20px);
  margin-top: 30px;
  border: none;
  border-radius: 0;
}
.device-remote-view-tab__iframe {
  display: block;
  width: 100%;
  min-height: 480px;
  height: 65vh;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: #000;
  box-sizing: border-box;
}
.device-remote-view-tab__iframe--loading {
  background: #111;
}
.device-remote-view-tab__history, .device-remote-view-tab__recordings {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.device-remote-view-tab__table {
  min-height: 240px;
  max-height: none;
}

.device-logs-tab {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  min-height: 420px;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-logs-tab--state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
}
.device-logs-tab--state p {
  margin: 0;
}
.device-logs-tab__subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  padding-bottom: 0;
}
.device-logs-tab__subnav-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 10px 14px;
  margin: 0;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.device-logs-tab__subnav-item:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-logs-tab__subnav-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}
.device-logs-tab__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.device-logs-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 36px;
  box-sizing: border-box;
}
.device-logs-tab__toolbar-left, .device-logs-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.device-logs-tab__toolbar-right {
  justify-content: flex-end;
  margin-left: auto;
}
.device-logs-tab__filter {
  position: relative;
}
.device-logs-tab__filter-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 140px;
  height: 30px;
  padding: 2px 8px;
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  background-color: #ffffff;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.device-logs-tab__filter-trigger--active {
  border-color: #0449d1;
  background: #f6f9ff;
}
.device-logs-tab__filter-label {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
  white-space: nowrap;
}
.device-logs-tab__filter-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: #a3a9b3;
}
.device-logs-tab__filter-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 20;
  min-width: 174px;
  padding: 6px 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.device-logs-tab__filter-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  box-sizing: border-box;
}
.device-logs-tab__filter-item:hover {
  background: #f6f9ff;
}
.device-logs-tab__filter-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
}
.device-logs-tab__row-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.device-logs-tab__link-btn, .device-logs-tab__download-link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
}
.device-logs-tab__link-btn:hover, .device-logs-tab__download-link:hover {
  text-decoration: underline;
}
.device-logs-tab__link-btn:disabled, .device-logs-tab__download-link:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  text-decoration: none;
}
.device-logs-tab__status-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.device-logs-tab__status-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid var(--hex-color-secondary, #788c9b);
  color: var(--hex-color-secondary, #788c9b);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  cursor: default;
}
.device-logs-tab__chromeos-hint {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  line-height: 20px;
  cursor: default;
}
.device-logs-tab__table {
  min-height: 240px;
  max-height: none;
}

.device-scripts-tab {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  min-height: 420px;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-scripts-tab--state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  text-align: center;
}
.device-scripts-tab--state p {
  margin: 0;
}
.device-scripts-tab--state a {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-scripts-tab__subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.device-scripts-tab__subnav-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 10px 14px;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--hex-color-basic, #191919);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.device-scripts-tab__subnav-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}
.device-scripts-tab__panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.device-scripts-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 36px;
  box-sizing: border-box;
}
.device-scripts-tab__toolbar-left, .device-scripts-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.device-scripts-tab__toolbar-right {
  justify-content: flex-end;
  margin-left: auto;
}
.device-scripts-tab__refresh {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
}
.device-scripts-tab__refresh:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-scripts-tab__refresh:disabled {
  opacity: 0.6;
  cursor: default;
}
.device-scripts-tab__refresh--spinning svg {
  animation: device-activity-spin 0.8s linear infinite;
}
.device-scripts-tab__status-filter {
  position: relative;
}
.device-scripts-tab__status-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 174px;
  height: 35px;
  padding: 2px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: var(--hex-color-basic, #191919);
}
.device-scripts-tab__status-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.device-scripts-tab__chevron {
  display: inline-flex;
  flex-shrink: 0;
  color: var(--hex-color-secondary, #788c9b);
}
.device-scripts-tab__status-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: auto;
  z-index: 20;
  min-width: 174px;
  padding: 6px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.device-scripts-tab__status-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
}
.device-scripts-tab__status-item:hover, .device-scripts-tab__status-item--active {
  background: #f5f8fc;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-scripts-tab__link-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin-left: 8px;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.device-scripts-tab__status-cell {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.device-scripts-tab__expand-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  cursor: pointer;
}
.device-scripts-tab__nested {
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  overflow: auto;
}
.device-scripts-tab__nested table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.device-scripts-tab__nested th,
.device-scripts-tab__nested td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.device-scripts-tab__nested th {
  background: #f7f9fb;
  font-weight: 600;
}
.device-scripts-tab__child-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.device-scripts-tab__retry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
}
.device-scripts-tab__retry:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.device-scripts-tab__retry--spinning {
  animation: device-activity-spin 0.8s linear infinite;
}
.device-scripts-tab__output {
  margin: 0;
  max-height: 360px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  line-height: 1.45;
}
.device-scripts-tab__table {
  min-height: 240px;
}

.device-messenger-tab {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 420px;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-messenger-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 36px;
  box-sizing: border-box;
}
.device-messenger-tab__toolbar-left, .device-messenger-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.device-messenger-tab__toolbar-right {
  justify-content: flex-end;
  margin-left: auto;
}
.device-messenger-tab__filter {
  position: relative;
}
.device-messenger-tab__filter-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 140px;
  height: 30px;
  padding: 2px 8px;
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  background-color: #ffffff;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.device-messenger-tab__filter-trigger--active {
  border-color: #0449d1;
  background: #f6f9ff;
}
.device-messenger-tab__filter-label {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
  white-space: nowrap;
}
.device-messenger-tab__filter-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: #a3a9b3;
}
.device-messenger-tab__filter-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 20;
  min-width: 174px;
  padding: 6px 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.device-messenger-tab__filter-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  box-sizing: border-box;
}
.device-messenger-tab__filter-item:hover {
  background: #f6f9ff;
}
.device-messenger-tab__filter-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
}
.device-messenger-tab__status-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.device-messenger-tab__status-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-secondary, #788c9b);
  line-height: 0;
  cursor: default;
}
.device-messenger-tab__table {
  min-height: 240px;
  max-height: none;
}

.device-location-history-tab {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 420px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-location-history-tab--state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  gap: 8px;
}
.device-location-history-tab--state p {
  margin: 0;
}
.device-location-history-tab--state a {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-location-history-tab__subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  padding: 0 10px;
}
.device-location-history-tab__subnav-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 15px 10px;
  margin: 0;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
.device-location-history-tab__subnav-item:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-location-history-tab__subnav-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}
.device-location-history-tab__panel {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 0;
  padding: 15px 20px;
  box-sizing: border-box;
}
.device-location-history-tab__toolbar {
  position: relative;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 35px;
  box-sizing: border-box;
}
.device-location-history-tab__toolbar-left, .device-location-history-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.device-location-history-tab__toolbar-right {
  justify-content: flex-end;
  margin-left: auto;
}
.device-location-history-tab__map-switch {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 35px;
  padding: 5px 15px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  cursor: pointer;
  box-sizing: border-box;
}
.device-location-history-tab__map-switch:hover:not(:disabled) {
  background: #f6f9ff;
}
.device-location-history-tab__map-switch:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.device-location-history-tab__icon-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  box-sizing: border-box;
}
.device-location-history-tab__icon-btn:hover {
  background: #f6f9ff;
}
.device-location-history-tab__icon-btn.device-location-history-tab__filter-trigger--active {
  border-color: var(--hex-active-tab-color, #0449d1);
  background: #f6f9ff;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-location-history-tab__filter {
  position: relative;
  z-index: 1;
}
.device-location-history-tab__filter-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 140px;
  height: 35px;
  padding: 5px 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  box-sizing: border-box;
}
.device-location-history-tab__filter-trigger--active {
  border-color: var(--hex-active-tab-color, #0449d1);
  background: #f6f9ff;
}
.device-location-history-tab__filter-label {
  white-space: nowrap;
}
.device-location-history-tab__filter-chevron {
  display: inline-flex;
  color: #a3a9b3;
  line-height: 0;
}
.device-location-history-tab__filter-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 220px;
  padding: 12px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12.5px rgba(25, 25, 25, 0.16);
  box-sizing: border-box;
}
.device-location-history-tab__range {
  position: relative;
}
.device-location-history-tab__range-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 140px;
  height: 35px;
  padding: 5px 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  box-sizing: border-box;
}
.device-location-history-tab__range-label {
  white-space: nowrap;
}
.device-location-history-tab__chevron {
  display: inline-flex;
  color: #a3a9b3;
  line-height: 0;
}
.device-location-history-tab__range-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 1200;
  min-width: 160px;
  padding: 6px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.device-location-history-tab__range-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  box-sizing: border-box;
}
.device-location-history-tab__range-item:hover {
  background: #f6f9ff;
}
.device-location-history-tab__range-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
}
.device-location-history-tab__custom-dates {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.device-location-history-tab__date-input {
  height: 35px;
  padding: 5px 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
  box-sizing: border-box;
}
.device-location-history-tab__date-sep {
  font-size: 13px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-location-history-tab__date-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-location-history-tab__date-field input {
  height: 32px;
  padding: 4px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 6px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
}
.device-location-history-tab__filter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.device-location-history-tab__link-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  cursor: pointer;
}
.device-location-history-tab__map-shell {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 340px;
  min-height: 340px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-sizing: border-box;
}
.device-location-history-tab__leaflet-wrap, .device-location-history-tab__leaflet, .device-location-history-tab__google,
.device-location-history-tab .device-group-locations-map__leaflet,
.device-location-history-tab .device-group-locations-map__google {
  width: 100%;
  height: 100%;
}
.device-location-history-tab__map-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  text-align: center;
}
.device-location-history-tab__map-status p {
  margin: 0;
}
.device-location-history-tab__map-pending {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 500;
  padding: 6px 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  font-size: 12px;
  color: var(--hex-color-secondary, #788c9b);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.device-location-history-tab__legend {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px;
  list-style: none;
  background: #ffffff;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  box-sizing: border-box;
}
.device-location-history-tab__legend li {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #1c1c1c;
  white-space: nowrap;
}
.device-location-history-tab__legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.device-location-history-tab__legend-dot--start {
  background: #ef4444;
}
.device-location-history-tab__legend-dot--waypoint {
  background: #3b82f6;
}
.device-location-history-tab__legend-dot--clustered {
  background: #9ca3af;
}
.device-location-history-tab__popup {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 180px;
  max-width: 223px;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
  /* Override shared map popup gap (8px) used for multi-device stacks. */
}
.device-location-history-tab__popup.device-group-locations-map__popup {
  gap: 2px;
  padding: 0;
  max-height: none;
  overflow: visible;
}
.device-location-history-tab__popup p {
  margin: 0;
}
.device-location-history-tab__popup-address {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.device-location-history-tab__popup-row {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.device-location-history-tab__popup-device {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-location-history-tab__table {
  min-height: 240px;
}

.device-local-accounts-tab {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 420px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-local-accounts-tab--state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  gap: 8px;
}
.device-local-accounts-tab--state p {
  margin: 0;
}
.device-local-accounts-tab--state a {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-local-accounts-tab__subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  padding: 0 10px;
}
.device-local-accounts-tab__subnav-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 15px 10px;
  margin: 0;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
}
.device-local-accounts-tab__subnav-item:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-local-accounts-tab__subnav-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.device-local-accounts-tab__subnav-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}
.device-local-accounts-tab__panel {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 0;
  padding: 15px 20px;
  box-sizing: border-box;
}
.device-local-accounts-tab__info-banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  background: #f5f8fd;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-local-accounts-tab__info-banner svg {
  flex-shrink: 0;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-local-accounts-tab__info-banner-content {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 4px 16px;
  min-width: 0;
}
.device-local-accounts-tab__info-banner-content > span {
  overflow-wrap: anywhere;
}
.device-local-accounts-tab__toolbar {
  position: relative;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 35px;
  box-sizing: border-box;
}
.device-local-accounts-tab__toolbar-left, .device-local-accounts-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.device-local-accounts-tab__toolbar-right {
  justify-content: flex-end;
  margin-left: auto;
}
.device-local-accounts-tab__sync-wrap {
  display: inline-flex;
}
.device-local-accounts-tab__refresh {
  flex-shrink: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hex-color-basic, #191919);
}
.device-local-accounts-tab__refresh:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
  background: transparent !important;
}
.device-local-accounts-tab__refresh:disabled {
  opacity: 0.6;
  cursor: default;
}
.device-local-accounts-tab__refresh--spinning svg {
  animation: device-local-accounts-spin 0.8s linear infinite;
}
.device-local-accounts-tab__inactive-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 35px;
}
.device-local-accounts-tab__category {
  position: relative;
}
.device-local-accounts-tab__category-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 174px;
  height: 35px;
  padding: 2px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.device-local-accounts-tab__category-label {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  white-space: nowrap;
}
.device-local-accounts-tab__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-basic, #191919);
  line-height: 0;
}
.device-local-accounts-tab__category-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: auto;
  z-index: 1200;
  min-width: 174px;
  padding: 6px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.device-local-accounts-tab__category-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  box-sizing: border-box;
}
.device-local-accounts-tab__category-item:hover {
  background: #f6f9ff;
}
.device-local-accounts-tab__category-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
}
.device-local-accounts-tab__link-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
  white-space: nowrap;
}
.device-local-accounts-tab__link-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.device-local-accounts-tab__icon-link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  line-height: 0;
  display: inline-flex;
  align-items: center;
}
.device-local-accounts-tab__icon-link:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-local-accounts-tab__logout-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.device-local-accounts-tab__logout-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.device-local-accounts-tab__logout-btn img {
  display: block;
}
.device-local-accounts-tab__password-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}
.device-local-accounts-tab__password-text {
  display: inline-block;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  letter-spacing: 0.02em;
}
.device-local-accounts-tab__status-wrap {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
.device-local-accounts-tab__status-icon {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
.device-local-accounts-tab__status-icon--ok {
  color: #409c35;
}
.device-local-accounts-tab__status-icon--warning {
  color: #a30000;
}
.device-local-accounts-tab__status-icon--deny {
  color: #a30000;
}
.device-local-accounts-tab__retention-na {
  color: var(--hex-color-secondary, #788c9b);
  cursor: default;
}
.device-local-accounts-tab__row-actions {
  display: grid;
  grid-template-columns: 28px 28px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  justify-content: end;
  width: 100%;
}
.device-local-accounts-tab__row-actions-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
.device-local-accounts-tab__row-menu {
  position: relative;
}
.device-local-accounts-tab__more-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
  color: var(--hex-color-basic, #191919);
}
.device-local-accounts-tab__more-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.device-local-accounts-tab__row-menu-panel {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 1300;
  min-width: 200px;
  padding: 6px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.device-local-accounts-tab__row-menu-panel--portal {
  position: fixed;
  top: auto;
  right: auto;
  left: auto;
  z-index: 1400;
  width: -moz-max-content;
  width: max-content;
  min-width: 160px;
  padding: 4px 0;
}
.device-local-accounts-tab__row-menu-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 8px 12px;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
}
.device-local-accounts-tab__row-menu-item:hover:not(:disabled) {
  background: #f6f9ff;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-local-accounts-tab__row-menu-item:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.device-local-accounts-tab__row-menu-item .device-local-accounts-action-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.device-local-accounts-tab__table {
  min-height: 240px;
}

@keyframes device-local-accounts-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.device-local-accounts-popup {
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
  align-items: stretch;
}
.device-local-accounts-popup--form, .device-local-accounts-popup--details {
  width: min(680px, 100vw - 48px);
}
.device-local-accounts-popup__details-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 4px;
  width: 100%;
}
.device-local-accounts-popup__details-toolbar .device-local-accounts-popup__intro {
  margin-bottom: 0 !important;
  flex: 1 1 auto;
}
.device-local-accounts-popup__details-toolbar-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.device-local-accounts-popup__actions-menu {
  position: relative;
}
.device-local-accounts-popup__actions-panel {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 20;
  min-width: 220px;
  max-height: min(360px, 50vh);
  overflow: auto;
  padding: 4px 0;
  background: var(--white-color, #ffffff);
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.device-local-accounts-popup__actions-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 14px;
  border: none;
  background: transparent;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  text-align: left;
  cursor: pointer;
}
.device-local-accounts-popup__actions-item:hover:not(:disabled) {
  background: #f5f7f9;
}
.device-local-accounts-popup__actions-item:disabled {
  color: var(--hex-color-secondary, #788c9b);
  cursor: not-allowed;
  opacity: 0.65;
}
.device-local-accounts-popup__actions-item .device-local-accounts-action-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.device-local-accounts-popup__confirm-copy {
  margin: 0 0 12px !important;
  white-space: pre-wrap;
}
.device-local-accounts-popup__section-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0 !important;
  font-size: 13px;
  font-weight: 600;
  color: var(--hex-color-basic, #191919);
}
.device-local-accounts-popup__win-flags {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding-left: 0;
}
.device-local-accounts-popup__delete-folder {
  margin-top: 8px;
}
.device-local-accounts-popup__check--disabled {
  opacity: 0.55;
  pointer-events: none;
}
.device-local-accounts-popup__field--disabled {
  opacity: 0.55;
  pointer-events: none;
}
.device-local-accounts-popup__sync-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 5px;
  background: var(--white-color, #ffffff);
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
}
.device-local-accounts-popup__sync-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
  border-color: var(--hex-active-tab-color, #0449d1);
}
.device-local-accounts-popup__sync-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.device-local-accounts-popup__sync-btn--spin {
  animation: device-local-accounts-spin 0.8s linear infinite;
}
.device-local-accounts-popup__details {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 8px 0 0;
  font-family: "Lato", sans-serif;
  max-height: 420px;
  overflow: auto;
  text-align: left;
}
.device-local-accounts-popup__details-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.device-local-accounts-popup__details-row:last-child {
  border-bottom: none;
}
.device-local-accounts-popup__details-row dt {
  flex: 0 0 220px;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: var(--hex-color-secondary, #788c9b);
  text-align: left;
}
.device-local-accounts-popup__details-row dd {
  flex: 1 1 auto;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  word-break: break-word;
  text-align: left;
  min-height: 18px;
}
.device-local-accounts-popup--warning {
  width: min(520px, 100vw - 48px);
}
.device-local-accounts-popup--history {
  width: min(720px, 100vw - 48px);
}
.device-local-accounts-popup__body {
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
  text-align: left;
}
.device-local-accounts-popup__body p {
  margin: 0 0 12px;
  text-align: left;
}
.device-local-accounts-popup__body p:last-child {
  margin-bottom: 0;
}
.device-local-accounts-popup__body strong {
  color: var(--hex-color-basic, #191919);
  font-weight: 600;
}
.device-local-accounts-popup__body a {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.device-local-accounts-popup__body a:hover {
  text-decoration: underline;
}
.device-local-accounts-popup__empty {
  margin: 8px 0 !important;
  font-size: 14px;
  line-height: 20px;
  color: var(--hex-color-secondary, #788c9b);
  text-align: center !important;
}
.device-local-accounts-popup__intro {
  margin: 0 0 16px !important;
  font-size: 13px;
  line-height: 18px;
  color: var(--hex-color-secondary, #788c9b);
  text-align: left;
}
.device-local-accounts-popup__error {
  margin: 0 0 12px !important;
  font-size: 13px;
  line-height: 18px;
  color: #a30000;
  text-align: left;
}
.device-local-accounts-popup__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  margin-top: 0;
  text-align: left;
}
.device-local-accounts-popup__label {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  flex: 0 0 240px;
  width: 240px;
  max-width: 240px;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  white-space: normal;
  text-align: left;
}
.device-local-accounts-popup__label-info {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--hex-color-secondary, #788c9b);
  cursor: default;
}
.device-local-accounts-popup__label-info:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-local-accounts-popup__label-support {
  display: block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  margin-top: 2px;
  cursor: default;
}
.device-local-accounts-popup__field {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  text-align: left;
}
.device-local-accounts-popup__field--row, .device-local-accounts-popup__field--check-only, .device-local-accounts-popup__field--check-text {
  align-items: center;
}
.device-local-accounts-popup__control {
  flex: 0 0 200px;
  width: 200px;
  max-width: 200px;
  min-width: 0;
  box-sizing: border-box;
}
.device-local-accounts-popup__control--password {
  flex: 0 0 232px;
  width: 232px;
  max-width: 232px;
}
.device-local-accounts-popup__password {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
}
.device-local-accounts-popup__password-input {
  flex: 1 1 auto;
  min-width: 0;
}
.device-local-accounts-popup__check {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  text-align: left;
}
.device-local-accounts-popup__radio-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding-left: 252px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: var(--hex-color-basic, #191919);
  text-align: left;
}
.device-local-accounts-popup__radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
}
.device-local-accounts-popup__history-wrap {
  max-height: 340px;
  overflow: auto;
  width: 100%;
  margin-top: 4px;
}
.device-local-accounts-popup__history-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
}
.device-local-accounts-popup__history-table th,
.device-local-accounts-popup__history-table td {
  padding: 10px 12px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
}
.device-local-accounts-popup__history-table th {
  font-weight: 600;
  color: var(--hex-color-secondary, #788c9b);
  white-space: nowrap;
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 1;
}
.device-local-accounts-popup__history-table td:first-child,
.device-local-accounts-popup__history-table th:first-child {
  width: 40px;
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
}
.device-local-accounts-popup__history-table tbody tr:last-child td {
  border-bottom: none;
}

.device-patches-tab {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 420px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-patches-tab--state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  gap: 8px;
}
.device-patches-tab--state p {
  margin: 0;
}
.device-patches-tab--state a {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-patches-tab__subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
  border-bottom: 1px solid var(--hex-border-color, #e4e8eb);
  padding: 0 10px;
}
.device-patches-tab__subnav-item {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 15px 10px;
  margin: 0 0 -1px;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  border-bottom: 1px solid transparent;
}
.device-patches-tab__subnav-item:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-patches-tab__subnav-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  border-bottom-color: var(--hex-active-tab-color, #0449d1);
  font-weight: 600;
}
.device-patches-tab__panel {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 15px 0;
  box-sizing: border-box;
}
.device-patches-tab__info-banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  background: #f5f8fd;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-patches-tab__info-banner svg {
  flex-shrink: 0;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-patches-tab__info-banner-content {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 4px 16px;
  min-width: 0;
}
.device-patches-tab__info-banner-content > span {
  overflow-wrap: anywhere;
}
.device-patches-tab__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  width: 100%;
}
@media (max-width: 1100px) {
  .device-patches-tab__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 530px) {
  .device-patches-tab__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
.device-patches-tab__card {
  min-width: 0;
  padding: 15px 20px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 10px;
  background: #ffffff;
  box-sizing: border-box;
}
.device-patches-tab__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-patches-tab__card-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #1c1c1c;
}
.device-patches-tab__card-value {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  color: #1c1c1c;
}
.device-patches-tab__card-value--sm {
  font-size: 16px;
  line-height: 24px;
  overflow-wrap: anywhere;
}
.device-patches-tab__cards--window {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 768px) {
  .device-patches-tab__cards--window {
    grid-template-columns: minmax(0, 1fr);
  }
}
.device-patches-tab__section-title {
  margin: 0;
  padding: 0 2px;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--hex-color-basic, #191919);
  text-align: left;
}
.device-patches-tab__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 24px 16px;
  box-sizing: border-box;
  text-align: center;
}
.device-patches-tab__empty-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: var(--hex-color-basic, #191919);
}
.device-patches-tab__empty-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  width: 100%;
}
.device-patches-tab__empty-block {
  min-width: 140px;
}
.device-patches-tab__empty-label {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-patches-tab__empty-value {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
}
.device-patches-tab__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.device-patches-tab__status--success {
  color: #409c35;
}
.device-patches-tab__status--failed {
  color: #a30000;
}
.device-patches-tab__status-info {
  display: inline-flex;
  color: var(--hex-color-secondary, #788c9b);
  vertical-align: middle;
  cursor: default;
}
.device-patches-tab__status-info .Tooltip_trigger {
  color: inherit;
}
.device-patches-tab__status-info:hover {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-patches-tab {
  /* Match All Endpoints / Applications: actions left, filter + search right */
}
.device-patches-tab__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 35px;
  box-sizing: border-box;
}
.device-patches-tab__toolbar-left, .device-patches-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.device-patches-tab__toolbar-right {
  margin-left: auto;
  justify-content: flex-end;
}
.device-patches-tab__refresh {
  flex-shrink: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hex-color-basic, #191919);
}
.device-patches-tab__refresh:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1);
  background: transparent !important;
}
.device-patches-tab__refresh--spinning svg {
  animation: device-patches-spin 0.8s linear infinite;
}
.device-patches-tab__status-filter {
  position: relative;
}
.device-patches-tab__status-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: auto;
  z-index: 20;
  min-width: 174px;
  padding: 6px 0;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.device-patches-tab__status-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  box-sizing: border-box;
}
.device-patches-tab__status-item:hover {
  background: #f6f9ff;
}
.device-patches-tab__status-item--active {
  color: var(--hex-active-tab-color, #0449d1);
  font-weight: 500;
}
.device-patches-tab__status-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 174px;
  height: 30px;
  padding: 2px 8px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.device-patches-tab__status-label {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  white-space: nowrap;
}
.device-patches-tab__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-secondary, #788c9b);
}
.device-patches-tab__link, .device-patches-tab__link-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  color: var(--hex-active-tab-color, #0449d1);
  cursor: pointer;
  font: inherit;
  text-decoration: none;
}
.device-patches-tab__link:hover, .device-patches-tab__link-btn:hover {
  text-decoration: underline;
}
.device-patches-tab__table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 240px;
}

.device-patches-popup {
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.device-patches-popup__body {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}
.device-patches-popup__body p {
  margin: 0 0 12px;
}
.device-patches-popup__body .device-patches-popup__notes-label {
  margin: 0 0 8px;
  font-weight: 600;
}
.device-patches-popup__body ul {
  margin: 0;
  padding-left: 20px;
}
.device-patches-popup__body li {
  margin-bottom: 8px;
}

@keyframes device-patches-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.device-action-history-tab {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}
.device-action-history-tab__banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #b8d4f0;
  border-radius: 5px;
  background: #e8f3fc;
  color: var(--hex-color-basic, #191919);
  font-size: 13px;
  line-height: 18px;
}
.device-action-history-tab__banner-icon {
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--hex-active-tab-color, #0449d1);
}
.device-action-history-tab__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
}
.device-action-history-tab__toolbar-left, .device-action-history-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.device-action-history-tab__toolbar-right {
  justify-content: flex-end;
  flex-wrap: wrap;
}
.device-action-history-tab__synced {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
}
.device-action-history-tab__table {
  min-height: 240px;
  max-height: none;
}
.device-action-history-tab__action-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}
.device-action-history-tab__action {
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 12px;
  line-height: 18px;
}
.device-action-history-tab__details {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
}
.device-action-history-tab__remark {
  display: block;
  max-width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic, #191919);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.device-action-history-tab__remark--html {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.device-action-history-tab__remark--html p {
  margin: 0 0 4px;
}
.device-action-history-tab__remark--html p:last-child {
  margin-bottom: 0;
}
.device-action-history-tab__remark--html ul {
  margin: 4px 0 0;
  padding-left: 20px;
}
.device-action-history-tab__remark--html li {
  margin: 0;
}
.device-action-history-tab__remark--html a {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-action-history-tab__status-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  overflow: visible;
  flex-wrap: nowrap;
}
.device-action-history-tab__show-output {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: inherit;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
}
.device-action-history-tab__show-output:hover {
  text-decoration: underline;
}
.device-action-history-tab__output-body {
  margin: 0;
  max-height: 360px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: var(--hex-color-basic, #191919);
}
.device-action-history-tab__output-loading {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--hex-color-secondary, #788c9b);
}
.device-action-history-tab__status {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.device-action-history-tab__status--completed {
  background: #e8f6e8;
  color: #409c35;
}
.device-action-history-tab__status--failed {
  background: #fde8e8;
  color: #a30000;
}
.device-action-history-tab__status--pending, .device-action-history-tab__status--initiated, .device-action-history-tab__status--in-progress, .device-action-history-tab__status--partial, .device-action-history-tab__status--cancelled, .device-action-history-tab__status--default {
  background: #f0f3f6;
  color: var(--hex-color-secondary, #788c9b);
}
.device-action-history-tab__status--cancelled {
  color: var(--hex-color-basic, #191919);
}
.device-action-history-tab__status-hint {
  display: inline-flex;
  color: var(--hex-color-secondary, #788c9b);
  line-height: 0;
  cursor: help;
}
.device-action-history-tab__status-hint--danger {
  color: #a30000;
}
.device-action-history-tab__status-hint--info {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-action-history-tab__info-html {
  max-width: 280px;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.device-action-history-tab__info-html a {
  color: var(--hex-active-tab-color, #0449d1);
}
.device-action-history-tab__info-html ul {
  margin: 0;
  padding-left: 16px;
}
.device-action-history-tab__genie {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.device-action-history-tab__genie:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.device-action-history-tab__genie img {
  display: block;
}
.device-action-history-tab__cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-secondary, #788c9b);
}
.device-action-history-tab__cancel:hover {
  color: #a30000;
}

/*
 * Live Terminal fullscreen: prevent ancestor overflow clipping on fixed session.
 * Body scroll is locked via JS (overflow: hidden); ancestors need visible overflow.
 */
body.live-terminal-fullscreen-open {
  overflow: hidden;
}
body.live-terminal-fullscreen-open .device-details__tab-content,
body.live-terminal-fullscreen-open .device-details__details-panel,
body.live-terminal-fullscreen-open .device-details__tabs-shell,
body.live-terminal-fullscreen-open .device-details__tabs,
body.live-terminal-fullscreen-open .manage-app-shell__content {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}.hex-leaflet-v1 .leaflet-draw-section{position:relative}.hex-leaflet-v1 .leaflet-draw-toolbar{margin-top:12px}.hex-leaflet-v1 .leaflet-draw-toolbar-top{margin-top:0}.hex-leaflet-v1 .leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.hex-leaflet-v1 .leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.hex-leaflet-v1 .leaflet-draw-toolbar a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAeCAYAAACWuCNnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAbvSURBVHic7dtdbBxXFQfw/9nZ3SRKwAP7UFFUQOoHqGnUoEAoNghX9tyxVcpD1X0J+WgiUQmpfUB5ACSgG1qJIKASqBIUIauqAbWseIlqb+bOWHVR6y0FKZBEqdIUQROIREGRx3FFvR/38ODZst3a3nE8Ywfv+T2t7hzdM3fle/bOnWtACCGEEEIIIYQQQgghhBBCCCGEEEIIIcRa0EbfgBDdFItFKwzDAa3175LuWylVAvBIR/MxrXUp6Vxx9dp4VyObVEdKKW591lonXgiVUg6AHzPzk9ls9meVSmUh6RzXkz179uQKhcIgM+8CACI6U6vVnp+enm6knXt4ePiuTCbzWQAwxlSDIHg57ZwroDAMnwKwz3XdBzzPG08hxzsTNprQG2lTjtd13WFmfghAP4A+AJcATFiW9YNKpfL3uP0kUliiX4SG1pqUUpx0wXJd9/PMXAGwPWq6yMyPz8/P/7xarf4nyVwt7QV4JWkU52i8YwBu6bh0wRhzJAiCF5POCQCDg4N2Pp//NYDRjkuTxph9QRCESeYrFov5ubm5R5n5AIAPtV1aYOb7BgYGTpZKJeO67lFmPsbM9/i+/8Ja8y6zylhOYquPXhsvAJRKpczMzMwTAIaJ6LFGo+HNzs5eKRQKNxPRAWb+CoAjWuvn4vS35skWFasxAAdbbUlOYqVUPwAPwI4lLr8J4KeWZT1eqVTmksoZ5d2QghUVKx/AlmVCFph5yPf9l5LMCwBKqUksFqszRHQcAJj5GwB2MfOE7/tfTDKf4zjHiejrAE4CuNhqZ+bf2rY9FYbhGBH92/O8o47j3Oj7/uUk86+3XhsvACilHmPmgW3btn3pxIkTVzuvj4yMfNoY85wxZiQIglPd+lvTZIuq5xiAQwCe6evr218ul5tr6bNd9GiiAbyvS+hFrfVHk8oLbEzBih4Dz+G9K6t3IaLXFhYWdib5eBh911UA8wBu1lq/CQBDQ0M3WJb1OoAdRPQZz/NeSSqnUuofAKpa6/vb26MfwacA7AdwFcCdWuu/JpU3yl1C91VHoquNXhvvyMjIx4wxr1iWtbNSqfxruTjHcR4AcMj3/bu79XnNe1hpFyvHcXYT0QS6FysASHR1tVEKhcIguhQrAGDm23K53BcATCWV27KsAWYGgPOtYgUAU1NT/1RKnQewxxjzOQCJFSwANwI4297QtmLfD+AtZr43m83OJ5iz3bGU+l1OT43XGFNk5mdXKlYAYNv2eBiG31dK3aS1vrRSbOZabqRYLFppFisAIKJxAB+MGf56krk30O64gZlMJnZsHMxsoo8fHxoauqHVHn3+BAAQUaxV57Xq2F54i5nvIaJXm81mYoX5etID491JRH/sFlQul5tEdMoYc3u32FUXrLYvObViBQDM/MQqwi8knX8jEJHpHrXIGJNo8WDm1spph2VZgeu6+5RSX7YsK8D/Xnb8Psmcnebm5h7G4uS9ysxutOH8VQC70sy7UTb7eImImTnWlgkzUyaT6fr3v6qC1fGL8EytVjuQRrECANu2fwHg1TixzPyXNO5hvTHz6VWE/znJ3L7vzxBRa9PzDmb+FYBfArgjajvd39+f9vGGKwACZh5te6mwmc8KburxMvO5TCbzqW5xxWLRArDbsqyu8z32HtZSxSrNM0Hlcrnpum6JmZ+NEb4pHglrtdrz+Xz+AoBbu4Ser9fra37d3YEBfBvAkq+XmfmbpVIp9grwWnie9zSAp9PMcT3Z7OPNZrO/aTQaf1BKfbd9X7RTGIaHmPlcnPNYsVZYSikOw7AB4CAzj/f19e1fjwOMnueVEeMxJJfLbYqCNT093TDGHAGw0qHYBQBH0vj+Pc+bYOb3HFRk5nHf9yeTzgfgMhF9uEvMTQD+71/vR3pqvJOTk28AeBJAeXR09P1LxbiuuxfA9wB8LU6fsVdYrUOhtm0fTusxcAlMRN+KziUt5SqAM3v37r00OZnGfFp/QRC86DjOUCaTGWPm2zoun8fiIbuZtPLX6/UH8/n8rQDuippertfrD6aRKyqOR5VS81ji8Z+IbmfmgwB+mEb+9dZr4wWA/v7+R6rV6k+azeYpx3EezeVyJ7dv335lfn7+lkajcZCZDzPzYd/3/xSnv9gFq3UuaR2LFQDA87xAKVUB8BEAZ6N9nrNEdEZr/TcArLVOPG8aJ9jj8n3/pcHBwZ1btmx5519zmPl0vV5/Ie2V7fT09Nujo6Nus9kcA4CtW7ce1lq/nUYu27a/Mzs7CyI6gMVX/u/CzJeZ+Ue2bcc9pb1aXc8lJZms18YLANE2wkOu694N4OFGo3E8DMMPAHiDiCaY+ZOb4YCsEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhEjYfwGO+b5dFNs4OgAAAABJRU5ErkJggg==');background-image:linear-gradient(transparent,transparent),url('https://static.hexnodemdm.com/v109.3.0/frontend/assets/spritesheet-DpIxuf5L.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.hex-leaflet-v1 .leaflet-retina .leaflet-draw-toolbar a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAA8CAYAAAC6nMS5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAA16SURBVHic7d1/jBxneQfw7zNzvotdn+9sVQkxoRKoammBqqpbk6uT5mLfvHPn42yn1VFRVCEhoFH5IYpoSaUCKi1NcGkcfrbCVRFKEwG2aHLn83pmLvY2CTqT1AmCOBE0EOT4B0nBPw/snb2dp3/sLr6s77i923dud/a+H8ny7tzMo8f3eud99p133gGIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiFYGaXYCRETUPMYYrWe/MAzZX2QQ27d5OpqdABFROxgZGVlz5cqVrzuOc18QBJPNzofsYvvSYrVcgTVftZ2l6npgYODXHMc5oKoHHcfZHQTB2WbnRETpGRkZWVMoFA6IyO2qutX3/R1Z64TnO8fWOwLSzti+mSKDg4M3l0qlnSJyG4CbAFwP4ByAlwE8paoPX3fddcH4+PjP00yk5QqsrDPGvAZAHsBrReRNqvpeY8x/iMg9QRCcaXJ6ZIHv+xtUdReAHQBej/IHGABOAnhORMY6OjoempiYONe0JC3zPM84jjOqqrfi6r/3RQCPAdgXhmHUvOyaa3R01L1w4cJBALdVNq1W1THP87woir7ZzNyocWzf7PA8b4uI7E6S5A9Frqknb6j8eZOIvKNQKPzU9/1/dhznvlwuV0gjn5YbFapW09Vqu/Z9K9u2bdsNruvmUe50axUAfMV13X/I5XInlzcze2x/28lCu1b19fWt7u7u/hCAvwGwboHdL6jq7unp6T1TU1OXlyG9VAwODv5mkiR7Ady6wK6Plkqldz/yyCPfX468bBkaGuqamZm5E8DbReQNANYscMiLIrI1CILnZ280xrwHwL+hck4VkacBDLTS6HVaIxWt/Blm+zauldu3atOmTas2bNjwWRG5s7LplKp+VUQOuq77/bVr17589uzZ9SKy0XGcAVUdFZE/qOx7zHXdXWn0yy31i6sMw/4MyF6BZYy5XlWPiMhvL7BrrKpfcxznE7Uf4ixYqQWW53kbATw060NZr28nSbJzcnLyRBp5pcnzvNtE5CEAvXUecg7ArjAMH00xLWuGhoZuKpVKEwB+p85DXnRd9/ZcLvcDAOjv778un88XAChwtRMWkW+jxTpfYOV1wGxfO1q1fav6+vpWr1u3blxVtwH4uar+/fT09OcW+mJrjBkBcC+AXwdwBoAJw/AZm7m1zC+uUlyNA9g6189buZH7+/t/tbOz8wiANy7isKKqftV13U8eOnToe2nlZttKLLAqJ+qjAF69xBAnZ2Zmbj58+PApm3mlqTJydRTXFldHAUxVXvcBuLnm5+dU9c1RFP1v2jk2YmhoqKtUKj2B+jvfE0mS3D45OflD4OqcHADPh2H4F6h0wp7nva1YLOby+fz5dDKnerB9Vwzxff8BVX0bgFMAdoZheKzeg4eHh9cXi8WvAfAAvOC67ptzudz/WUvOVqBGVO7OmBCR/vn2adWOuL+/v7ezs3MSwKYlhkgAHBSRjwdB8JTF1FKx0gqsymXBxwH8XoOh/ieO41vz+fwVG3mlzRjzKF55WfA8gD8LwzA3ez/P87aLyIMAeqrbVDUfRdHty5Pp0hhjPgDgM9X3qnq/iNwPYM5RCdd1T1RPvLM63+q/ce/sTpiaj+27Mvi+f6eq/iuAi67r9uVyuWcXG6NSjB8B0KeqE1EUvcVWfk3v3OYZuXosjuPt+Xx+ull51WNgYKBHRKIlXDaaS6Kq+6Mo+lMLsVKz0gosz/M+KiKfsBTub8MwvMdSrNQYYzwAYc3m7bXFVZXv+8OqemD2NlUdiKLokbRybJQx5lsANlfefi4Mww/UedyvADgI4I9mbxeRDwdB8C92s0yHrc9wK3922b6Na+X2BYD+/v61nZ2dz6M8cX00DMP9S421ffv2V83MzDwHoNfmucuxEWSpslxcjYyMrHEcZ8xScQUAjoj8vqVYZIHv+xtE5MMWQ941PDy83mK8VIjIW2s2HZ2vuAKAIAgmADyxQIxWM3uu5J56DhgZGVkDYBw1nS+ApwB82VJeZAfbt82tWrXqPSgXV481UlwBwMGDB3+sqncDgIh81EZ+QBMLrKwXV5Uh5NoPYqMyN+m9nanqHVj4bsHF6InjeKfFeKmoLMUw+/2Ct6KLyOM1m2x/NmxbW30RhuGPFtp5jstGVU+JiNdqE57rEYahzB6lWOz7Fsf2be/2hYj8SeXlvTbiFYvFLwK4DOAWY8z1NmI2pcDKcnE1OjraWSgU9uPaD2LDRKSlJwavQCO2A4rIDtsxU7BxsQeoau2Jeak3BDTDL72kUm/n63neaFoJUkPYvm3G9/0NKN9gc7mrq6t2OsOSVGqPSQCuiAzaiLnsBVaWiysAuHDhwn4AQ2nEVtUfpBGXluwNKcRcaBmPVpDMfiMiW+o4pnafZM69MmYxnW9lsj9lCNs3m1T1tSjXL89aXo39WCX+62wEW9YCK+vFVcXLKcbmJcLW8qoUYmZhZOfFmvc3e563fb6djTFvwdUJxfPFyJx6O1/f999a6Xz5ZIwMYftm2o2Vv60+HUVETldeLnoUfy7LVmC1SXEFVf0YgFSeX5QkCQus9tfyIzsicnSObQ/6vj9cu71SXP1nPTGyplAo5FDT+arqk3Ecb5s9J0dV2flmENs3u0REgTmnJjRkVjwrd2Iuy3+adimuACCKotPGmC8A+GvLoZOZmZkXLMekBojIaVX9DcthTy+8S3MlSTIuIu+q2dyjqgeMMU8A+CYAUdUtAOa8izZJkvG081wG19xN5jjO4ByLTLrLlRBZxfbNrjMAICI3LrTjIlVHrqyMjKU+gtVOxVVVHMf/hHkWrGvAiawsQrlSqOqiF61rRkzbOjo6AsxfCG4G8FcAPvhLlih5qVgsWpl42kIyezcZ1YXtmy0/QvlqwG9V1i6zZRMAiIiV+dCpFljtWFwBQOUbzqcth+XlwdZjfRRGRMZsx7St8mT5zzcQ4r52+LKgqp9S1U8B+GTtZSPKPrZvdlXaagrAalU1NmJWCrVtAEqO4xyyETO1S4TtWlxVXbp06b7u7u6/BHCTjXiqygKrxYjIQ6p6L2Y9BqZB51etWtXyBRYAuK77hVKp9H5cnUxarzOu634xjZyWWxRFdzU7B0oP2zfbVPUbIrLFcZwPAfivRuOJyPtUdbWq5m09jzCVEax2L64AYGpq6rKq/qOteI7jsMBqMUEQnFXV3bbiqerdExMT52zFS1Mul7soIovugETkI7lc7mIaORERVRWLxS8BeElVb/F9v6EnR/i+f6Oq3gUAjuPYejSavQLLGKPVP4VC4Wd4ZXF1pKura7Bdiquq3t7efwfwnKVwLLBa0PT09B5U1kZp0BPFYvGzFuIsmyAI7kf5uWz1OhgEwTV3FLaoX5yLKosWLknNsZcayohsYvu2uUo98TEAUNW9vu8vad3CoaGhLlX9BoBeAONBEByxleNyLNPwWBzHOywvBtYS9u3bV1LVj1sKxwKrBU1NTV12XXcXgFMNhDmpqndkcF6SisifAzhRx76n4jh+Byzd3rwMjldfqOqSV+xPkmT2yvzH592RlhvbdwUIw3AvgAcArFPVcHBwcFHPBvZ9f0OpVDqA8qrwL8Rx/E6b+VkvsGqfZ9ROlwXnEkXRfgDfajCMXrx48Yc28iH7crncSVXdrKpPLvZYEXk6SZItURS1/PIMcwmC4KzjOCMAam9dn+0SgJ35fP4ny5SWDQ/Mer3HGLPoTtgYMyIiv3gOmqpmZfRuJWD7rgwax/G7UH7EzcYkSf7bGHNXX1/f6oUO9H1/Z+WcPoDysgw7bJ/DUl8Hq52LqwoVkb9T1WiRx8UoX158RlWfnJqaupxCbmRJFEWn+/r6buvu7v4ggI9g4Ynv50XknkKh8JkMjly9wqFDh77j+/6oqo4BqD1xXRaRPw6CwMZl1GXjuu6XSqXSOwH8LoD1AMaMMecA1PtF53WV4wCUC+menp699jOlpWD7rhz5fP5Kf3//UFdX132q+l4Ad3d3d7/fGPN1EZlQ1e/19PS8dPbs2fWu694kIgOqOqqqm4Dy4rKlUumOw4cPN3KVYk7WVkE1xsx5aSBLT+duhDEmQrkSnssZlIeXnxWRY6p6PI7j41nveFeq4eHh9XEc7xSRnQBej6t3kp5EuWh+OI7jh+dYsDDTfN/frKrjAKpPmv9pkiS7JicnH29mXku1devWV3d0dBxAuRNeMhF5ulgsjqRxgk7DfOfqxWr1czvbtzGt3r5zGRwc7FPV3ap6y0L7ishPAHx63bp1e/bt2xenkQ8LLEuMMZtE5JCqfhfAMwCeSZLkO2vWrDk+NjbGyZHUFjzP2yginwcAVX1fVi99Vo2OjnaeP3/+3SLydgBvBNBd56GXAHxXVR/s7e3dm9YJOg0rqQNm+y5dFtp3HmKM2QxgF8qr9b8GwA0AzgH4MYBjIjJ28eLFkFeOiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIhWgv8Hnffz4dmwY9cAAAAASUVORK5CYII=');background-image:linear-gradient(transparent,transparent),url('https://static.hexnodemdm.com/v109.3.0/frontend/assets/spritesheet-DpIxuf5L.svg')}
.hex-leaflet-v1 .leaflet-draw a{display:block;text-align:center;text-decoration:none}.hex-leaflet-v1 .leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hex-leaflet-v1 .leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-actions{left:32px}.hex-leaflet-v1 .leaflet-right .leaflet-draw-actions{right:26px;left:auto}.hex-leaflet-v1 .leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.hex-leaflet-v1 .leaflet-draw-actions li{display:inline-block}
.hex-leaflet-v1 .leaflet-draw-actions li:first-child a{border-left:0}.hex-leaflet-v1 .leaflet-draw-actions li:last-child a{border-radius:0 4px 4px 0}.hex-leaflet-v1 .leaflet-right .leaflet-draw-actions li:last-child a{border-radius:0}.hex-leaflet-v1 .leaflet-right .leaflet-draw-actions li:first-child a{border-radius:4px 0 0 4px}.hex-leaflet-v1 .leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.hex-leaflet-v1 .leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.hex-leaflet-v1 .leaflet-draw-actions-bottom{margin-top:0}.hex-leaflet-v1 .leaflet-draw-actions-top{margin-top:1px}.hex-leaflet-v1 .leaflet-draw-actions-top a, .hex-leaflet-v1 .leaflet-draw-actions-bottom a{height:27px;line-height:27px}.hex-leaflet-v1 .leaflet-draw-actions a:hover{background-color:#a0a098}.hex-leaflet-v1 .leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.hex-leaflet-v1 .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.hex-leaflet-v1 .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.hex-leaflet-v1 .leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.hex-leaflet-v1 .leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.hex-leaflet-v1 .leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.hex-leaflet-v1 .leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.hex-leaflet-v1 .leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.hex-leaflet-v1 .leaflet-draw-tooltip-single{margin-top:-12px}.hex-leaflet-v1 .leaflet-draw-tooltip-subtext{color:#f8d5e4}.hex-leaflet-v1 .leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.hex-leaflet-v1 .leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);border-radius:4px;box-sizing:content-box}
.hex-leaflet-v1 .leaflet-edit-move{cursor:move}.hex-leaflet-v1 .leaflet-edit-resize{cursor:pointer}.hex-leaflet-v1 .leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}
/* Device group details page + DataCard stub */
.device-group-details-page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  /* Fill Outlet; keep page footer (and map) inside the clipped main pane. */
  min-height: 0;
  padding: 16px 24px 0;
  background: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}
.device-group-details-page__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  min-height: 0;
  /* Clip to remaining space above the page footer; tabs own their scroll. */
  overflow: hidden;
}
.device-group-details-page__footer {
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.device-group-details-page__summary-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  box-sizing: border-box;
}
.device-group-details-page__nav-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 21px;
}
.device-group-details-page__history {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.device-group-details-page__history-btn {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid var(--hex-border-color, #e4e8eb) !important;
  border-radius: 4px !important;
  background: var(--white-color, #ffffff) !important;
  color: var(--Colors-border-input-border, #a3a9b3) !important;
}
.device-group-details-page__history-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1) !important;
  border-color: var(--hex-border-color, #e4e8eb) !important;
  background: #f5f7f9 !important;
}
.device-group-details-page__history-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.device-group-details-page__history-btn svg {
  width: 12px !important;
  height: 12px !important;
}
.device-group-details-page__breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 21px;
  font-family: "Lato", sans-serif;
}
.device-group-details-page__breadcrumb > *:first-child > .BreadcrumbItem_slash,
.device-group-details-page__breadcrumb > *:first-child > [aria-hidden=true]:first-child {
  display: none !important;
}
.device-group-details-page__breadcrumb button,
.device-group-details-page__breadcrumb a,
.device-group-details-page__breadcrumb [aria-hidden=true] {
  color: var(--Colors-border-input-border, #a3a9b3) !important;
  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 21px !important;
}
.device-group-details-page__breadcrumb [aria-current=page],
.device-group-details-page__breadcrumb [aria-current=page] * {
  color: var(--text-color-Default, #191919) !important;
  font-family: "Lato", sans-serif !important;
  font-size: var(--text-size-body-large-14, 14px) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: var(--21, 21px) !important;
  letter-spacing: var(--0, 0) !important;
  cursor: default;
}
.device-group-details-page__breadcrumb [aria-current=page] > [aria-hidden=true] {
  color: var(--Colors-border-input-border, #a3a9b3) !important;
  font-weight: 400 !important;
}
.device-group-details-page__header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.device-group-details-page {
  /*
   * Angular ``.device-statusmsg`` sits absolutely in the header centre
   * (between identity and Actions). Mirror device-details placement.
   */
}
.device-group-details-page__status-banners {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: -moz-max-content;
  width: max-content;
  max-width: min(510px, 100% - 320px);
  pointer-events: none;
}
.device-group-details-page__status-banner {
  pointer-events: auto;
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 7px 12px !important;
  text-align: center;
  font-size: 13px !important;
  line-height: 18px !important;
  border-radius: 4px;
}
.device-group-details-page__status-banner .Note_text {
  font-size: 13px !important;
  line-height: 18px !important;
  text-align: center;
}
.device-group-details-page__status-banner--long {
  max-width: min(510px, 100%);
}
.device-group-details-page__status-banner-link {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  pointer-events: auto;
}
.device-group-details-page__status-banner-link:hover {
  opacity: 0.85;
}
.device-group-details-page__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.device-group-details-page__title-block {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.device-group-details-page__type-chip {
  margin-top: 6px;
}
.device-group-details-page__title-line {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.device-group-details-page__title {
  margin: 0;
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
.device-group-details-page__description {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.4;
}
.device-group-details-page__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.device-group-details-page__edit-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 1px solid var(--hex-border-color, #e4e8eb) !important;
  border-radius: 8px !important;
  background: var(--white-color, #ffffff) !important;
  color: var(--hex-color-secondary, #788c9b) !important;
}
.device-group-details-page__edit-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1) !important;
  border-color: var(--hex-border-color, #e4e8eb) !important;
  background: #f5f7f9 !important;
}
.device-group-details-page__title-input, .device-group-details-page__description-input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: none;
  min-height: 0;
  padding: 2px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  outline: none;
  box-shadow: none;
  font-family: inherit;
  resize: none;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.device-group-details-page__title-input {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
.device-group-details-page__description-input {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.4;
}
.device-group-details-page__title-input:not([readonly]):focus, .device-group-details-page__description-input:not([readonly]):focus {
  background: #ffffff;
  box-shadow: 0 0 0 1px var(--uem-color-border, #d0d5dd);
}
.device-group-details-page__title-input--error, .device-group-details-page__title-input--error:focus {
  box-shadow: 0 0 0 1px var(--uem-color-danger, #dc2626);
}
.device-group-details-page__title-input[readonly], .device-group-details-page__description-input[readonly] {
  cursor: default;
}
.device-group-details-page__field-error {
  margin: 4px 0 0;
  color: var(--uem-color-danger, #dc2626);
  font-size: 12px;
  line-height: 1.3;
}
.device-group-details-page__nav-row, .device-group-details-page__breadcrumb, .device-group-details-page__summary-panel {
  flex: 0 0 auto;
}
.device-group-details-page__details-panel {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 8px;
  overflow: hidden;
}
.device-group-details-page__tabs-shell {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.device-group-details-page__tabs {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0 !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden;
  align-items: stretch !important;
}
.device-group-details-page__tabs-menu {
  --vtm-panel-bg: transparent !important;
  --vtm-panel-padding-top: 0 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100%;
  padding: 0 10px 0 0 !important;
  border-right: 1px solid var(--hex-border-color, #e4e8eb) !important;
  background: transparent !important;
  overflow: hidden;
}
.device-group-details-page__tabs-menu > nav {
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.device-group-details-page__tab-content {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 28px 32px !important;
  background: transparent !important;
  align-self: stretch;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.device-group-details-page__tab-content:has([data-tab=locations]) {
  overflow: hidden !important;
  padding-bottom: 0 !important;
}
.device-group-details-page__tab-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  min-width: 0;
  overflow: auto;
}
.device-group-details-page {
  /* Locations fills the tab; map/list scroll inside their own panes. */
}
.device-group-details-page__tab-panel[data-tab=locations] {
  overflow: hidden;
}
.device-group-details-page__criteria {
  display: flex;
  align-items: stretch;
  min-width: 0;
  min-height: 320px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
}
.device-group-details-page__criteria-nav {
  display: flex;
  flex: 0 0 220px;
  flex-direction: column;
  gap: 6px;
  padding: 16px 12px;
  border-right: 1px solid #e2e8f0;
  box-sizing: border-box;
}
.device-group-details-page__criteria-nav-item {
  display: block;
  width: 100%;
  margin: 0;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #191919;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
.device-group-details-page__criteria-nav-item:hover {
  border-color: #c5d4ef;
  background: #eef4ff;
}
.device-group-details-page__criteria-nav-item--active, .device-group-details-page__criteria-nav-item--active:hover {
  border-color: #c4d5f8;
  background: #e6eeff;
  color: #0449d1;
}
.device-group-details-page__criteria-nav-item:focus {
  outline: none;
}
.device-group-details-page__criteria-nav-item:focus-visible {
  outline: 2px solid #dae4f8;
  outline-offset: 2px;
}
.device-group-details-page__criteria-main {
  flex: 1 1 auto;
  min-width: 0;
  padding: 20px 24px;
  box-sizing: border-box;
}
.device-group-details-page__tab-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.device-group-details-page__tab-toolbar-left, .device-group-details-page__tab-toolbar-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.device-group-details-page__search {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 220px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--uem-color-border);
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
}
.device-group-details-page__search-icon {
  display: inline-flex;
  color: #98a2b3;
}
.device-group-details-page__search-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #101828;
  font-size: 13px;
}
.device-group-details-page__icon-control {
  flex: 0 0 auto;
}
.device-group-details-page {
  /* Hide UI that is not wired yet. Prefer wrapping the control — ui-kit
     IconButton sets display:inline-flex and can beat a single-class rule. */
}
.device-group-details-page__not-implemented {
  display: none;
}
.device-group-details-page {
  /* Beat ui-kit IconButton `border: transparent` (same class count loses on load order). */
}
.device-group-details-page__tab-toolbar-right .device-group-details-page__icon-control {
  border: 1px solid var(--uem-color-border, #e4e8eb);
  background-color: var(--uem-color-background, #fff);
  color: var(--uem-color-foreground, #191919);
}
.device-group-details-page__tab-toolbar-right .device-group-details-page__icon-control:hover:not(:disabled) {
  border: 1px solid var(--uem-color-border, #e4e8eb);
  background-color: var(--uem-color-secondary-hover, #f6f9ff);
  color: var(--uem-color-primary, #0449d1);
}
.device-group-details-page__remove-btn {
  color: #b42318;
}
.device-group-details-page__export {
  position: relative;
}
.device-group-details-page__compliance-ok {
  display: inline-flex;
  color: #409c35;
}
.device-group-details-page__compliance-bad {
  display: inline-flex;
  color: #c28800;
}
.device-group-details-page__table {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.device-group-details-page__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 16px;
}
.device-group-details-page__section-title {
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  font-weight: 600;
}
.device-group-details-page__kv-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 8px 0 0;
  padding: 0;
  max-width: 560px;
}
.device-group-details-page__kv-row {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  margin: 0;
}
.device-group-details-page__kv-row dt {
  margin: 0;
  color: #64748b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.device-group-details-page__kv-row dd {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.device-group-details-page__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.device-group-details-page__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}
.device-group-details-page__list-primary {
  color: #0f172a;
  font-size: 14px;
}
.device-group-details-page__list-meta {
  color: #64748b;
  font-size: 13px;
}
.device-group-details-page__connector {
  color: #0449d1;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.device-group-details-page__fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px 24px;
  margin: 0;
}
.device-group-details-page__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.device-group-details-page__field dt {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}
.device-group-details-page__field dd {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
}
.device-group-details-page__empty {
  margin: 0;
  color: #64748b;
  font-size: 14px;
}
.device-group-details-page__fields--stack {
  grid-template-columns: 1fr;
  max-width: 480px;
}
.device-group-details-page__user-value {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.device-group-details-page__user-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.device-group-details-page__user-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d1fae5;
  color: #065f46;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.device-group-details-page__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 280px;
  padding: 32px;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  text-align: center;
}
.device-group-details-page__placeholder-icon {
  color: #94a3b8;
}
.device-group-details-page__placeholder-title {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 600;
}
.device-group-details-page__placeholder-body {
  margin: 0;
  max-width: 360px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.45;
}

.data-card-group-stub {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}

.data-card-stub {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 88px;
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  box-sizing: border-box;
}
.data-card-stub__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.data-card-stub__label {
  color: #64748b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-card-stub__icon {
  display: inline-flex;
  flex: 0 0 auto;
}
.data-card-stub__value {
  color: #0f172a;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.data-card-stub__value--loading {
  color: #94a3b8;
  font-weight: 500;
}

@media (max-width: 1200px) {
  .data-card-group-stub {
    flex-wrap: wrap;
  }
  .data-card-stub {
    flex: 1 1 calc(33.333% - 8px);
  }
}
@media (max-width: 720px) {
  .device-group-details-page {
    padding: 12px 16px 0;
  }
  .device-group-details-page__title-row {
    flex-direction: column;
    align-items: stretch;
  }
  .device-group-details-page__kv-row {
    grid-template-columns: 1fr;
    row-gap: 4px;
  }
  .data-card-stub {
    flex: 1 1 calc(50% - 6px);
  }
}
.bulk-devices-csv-page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: calc(100vh - 45px);
  height: auto;
  padding: 16px 0 0;
  background: #ffffff;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}
.bulk-devices-csv-page__site-footer {
  flex: 0 0 auto;
  margin-top: auto;
}
.bulk-devices-csv-page__top {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px 16px;
  background: #ffffff;
}
.bulk-devices-csv-page__breadcrumb {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  min-height: 24px;
}
.bulk-devices-csv-page__breadcrumb > *:first-child > .BreadcrumbItem_slash,
.bulk-devices-csv-page__breadcrumb > *:first-child > [aria-hidden=true]:first-child {
  display: none !important;
}
.bulk-devices-csv-page__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  width: 100%;
  padding: 0 24px 32px;
  background: #ffffff;
}
.bulk-devices-csv-page__header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}
.bulk-devices-csv-page__heading {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.bulk-devices-csv-page__title {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.bulk-devices-csv-page__intro {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: none;
}
.bulk-devices-csv-page__intro p {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.bulk-devices-csv-page__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.bulk-devices-csv-page__stepper {
  width: 100%;
  max-width: none;
}
.bulk-devices-csv-page__panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: none;
}
.bulk-devices-csv-page__panel--table {
  flex: 1 1 auto;
  min-height: 0;
}
.bulk-devices-csv-page__table {
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
}
.bulk-devices-csv-page__table .bulk-devices-csv-page__manage-table,
.bulk-devices-csv-page__table .manage-list-table {
  width: 100%;
  max-width: none;
}
.bulk-devices-csv-page__table {
  /* Keep header-actions layout slot so columns flex-fill; hide selector chrome. */
}
.bulk-devices-csv-page__table [class*=headerActionsFixed] {
  visibility: hidden;
  pointer-events: none;
}
.bulk-devices-csv-page__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bulk-devices-csv-page__field--inline {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px 40px;
}
.bulk-devices-csv-page__label {
  flex: 0 0 200px;
  padding-top: 8px;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.bulk-devices-csv-page__control {
  flex: 1 1 auto;
  max-width: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.bulk-devices-csv-page__file-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.bulk-devices-csv-page__file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.bulk-devices-csv-page__file-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 13px;
}
.bulk-devices-csv-page__sample-link {
  align-self: flex-start;
}
.bulk-devices-csv-page__alert-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  word-break: break-all;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 13px;
  line-height: 20px;
}
.bulk-devices-csv-page__verify-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px 24px;
}
.bulk-devices-csv-page__check-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.bulk-devices-csv-page__members-cell {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.bulk-devices-csv-page__link-button {
  padding: 0;
  border: none;
  background: none;
  color: var(--hex-active-tab-color, #0449d1);
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
}
.bulk-devices-csv-page__link-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.bulk-devices-csv-page__error {
  margin: 0;
  color: #a30000;
  font-size: 13px;
  text-align: center;
}
.bulk-devices-csv-page__muted {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
}
.bulk-devices-csv-page__progress {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 0;
}
.bulk-devices-csv-page__progress-title {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-size: 14px;
  font-weight: 600;
}
.bulk-devices-csv-page__progress-track {
  position: relative;
  height: 22px;
  max-width: 523px;
  overflow: hidden;
  border-radius: 4px;
  background: #eef2f5;
}
.bulk-devices-csv-page__progress-bar {
  height: 100%;
  background: var(--hex-active-tab-color, #0449d1);
  transition: width 0.2s ease;
}
.bulk-devices-csv-page__progress-value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-basic, #191919);
  font-size: 12px;
  font-weight: 600;
}
.bulk-devices-csv-page__progress-event {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-size: 13px;
  font-weight: 600;
}
.bulk-devices-csv-page__manage-table {
  width: 100%;
}
.bulk-devices-csv-page__view-all {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.bulk-devices-csv-page__view-all-table {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden;
  /* Keep header-actions layout slot so the single column flex-fills. */
}
.bulk-devices-csv-page__view-all-table [class*=headerActionsFixed] {
  visibility: hidden;
  pointer-events: none;
}
.bulk-devices-csv-page__view-all-table [class*=scrollOuter],
.bulk-devices-csv-page__view-all-table [class*=tableShell] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}
.bulk-devices-csv-page__view-all-table {
  /* Only table rows scroll; header + pagination stay fixed. */
}
.bulk-devices-csv-page__view-all-table [class*=scroll] {
  flex: 1 1 auto;
  min-height: 0;
  max-height: min(360px, 100vh - 280px);
  overflow-x: hidden;
  overflow-y: auto !important;
}
.bulk-devices-csv-page__view-all-table [class*=footer] {
  flex-shrink: 0;
  margin-top: 12px;
  overflow: visible;
}
.bulk-devices-csv-page__view-all-table .Table_headerCell,
.bulk-devices-csv-page__view-all-table .Table_cellTitle,
.bulk-devices-csv-page__view-all-table .Table_headerLabel,
.bulk-devices-csv-page__view-all-table th,
.bulk-devices-csv-page__view-all-table td {
  text-align: center !important;
}
.bulk-devices-csv-page__view-all-table .Table_headerInner,
.bulk-devices-csv-page__view-all-table .Table_headerLabelGroup,
.bulk-devices-csv-page__view-all-table .Table_cellInner,
.bulk-devices-csv-page__view-all-table .Table_cellContent {
  justify-content: center;
  align-items: center;
}
.bulk-devices-csv-page__view-all-table .Table_headerLabel {
  white-space: normal;
}
.bulk-devices-csv-page__view-all-table .Table_cellTitle {
  flex: 0 1 auto;
  width: 100%;
}

.bulk-devices-map-keys-modal .bulk-devices-csv-page__field {
  margin-bottom: 12px;
}
.bulk-devices-map-keys-modal .bulk-devices-csv-page__label {
  flex-basis: 180px;
}

/* View All: dialog body must not scroll — only table rows scroll. */
.bulk-devices-view-all-modal .manage-modal__dialog {
  max-height: calc(100vh - 48px);
}
.bulk-devices-view-all-modal .manage-modal__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 12px;
}
/* User details page + shared DataCard stub styles (kept in sync with device-group-details.scss). */
.user-details-page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 16px 24px 0;
  background: var(--white-color, #ffffff);
  box-sizing: border-box;
  overflow: hidden;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.user-details-page__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.user-details-page__footer {
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.user-details-page__summary-panel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(228, 232, 235, 0.7);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.user-details-page__nav-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 21px;
}
.user-details-page__history {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.user-details-page {
  /* Compact bordered chevron boxes (~text-line height in the mock) */
}
.user-details-page__history-btn {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid var(--hex-border-color, #e4e8eb) !important;
  border-radius: 4px !important;
  background: var(--white-color, #ffffff) !important;
  color: var(--Colors-border-input-border, #a3a9b3) !important;
}
.user-details-page__history-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1) !important;
  border-color: var(--hex-border-color, #e4e8eb) !important;
  background: #f5f7f9 !important;
}
.user-details-page__history-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.user-details-page__history-btn svg {
  width: 12px !important;
  height: 12px !important;
}
.user-details-page {
  /*
   * BreadcrumbItem always renders a leading "/". Hide it on the first
   * segment so the trail matches: Users / Default User
   */
}
.user-details-page__breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 21px;
  font-family: "Lato", sans-serif;
}
.user-details-page__breadcrumb > *:first-child > .BreadcrumbItem_slash,
.user-details-page__breadcrumb > *:first-child > [aria-hidden=true]:first-child {
  display: none !important;
}
.user-details-page__breadcrumb button,
.user-details-page__breadcrumb a,
.user-details-page__breadcrumb [aria-hidden=true] {
  color: var(--Colors-border-input-border, #a3a9b3) !important;
  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 21px !important;
}
.user-details-page__breadcrumb [aria-current=page],
.user-details-page__breadcrumb [aria-current=page] * {
  color: var(--text-color-Default, #191919) !important;
  font-family: "Lato", sans-serif !important;
  font-size: var(--text-size-body-large-14, 14px) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: var(--21, 21px) !important;
  letter-spacing: var(--0, 0) !important;
  cursor: default;
}
.user-details-page__breadcrumb [aria-current=page] > [aria-hidden=true] {
  color: var(--Colors-border-input-border, #a3a9b3) !important;
  font-weight: 400 !important;
}
.user-details-page__header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-details-page {
  /*
   * Angular ``.device-statusmsg`` sits absolutely in the header centre
   * (between identity and Actions). Mirror device-details placement.
   */
}
.user-details-page__status-banners {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: -moz-max-content;
  width: max-content;
  max-width: min(510px, 100% - 320px);
  pointer-events: none;
}
.user-details-page__status-banner {
  pointer-events: auto;
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 7px 12px !important;
  text-align: center;
  font-size: 13px !important;
  line-height: 18px !important;
  border-radius: 4px;
}
.user-details-page__status-banner .Note_text {
  font-size: 13px !important;
  line-height: 18px !important;
  text-align: center;
}
.user-details-page__status-banner--long {
  max-width: min(510px, 100%);
}
.user-details-page__status-banner-link {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  pointer-events: auto;
}
.user-details-page__status-banner-link:hover {
  opacity: 0.85;
}
.user-details-page__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.user-details-page__title-block {
  min-width: 0;
}
.user-details-page__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.user-details-page__title {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
.user-details-page {
  /* Create OU–parity inline name edit (Figma 1358:73005 / 1358:75859). */
}
.user-details-page__name-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
}
.user-details-page__name-display {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
  word-break: break-word;
}
.user-details-page__name-display:disabled {
  cursor: default;
}
.user-details-page__name-display:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
  border-radius: 4px;
}
.user-details-page__name-editor {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 7.5px;
  max-width: 100%;
  min-height: 32px;
  padding: 3px 10px;
  border: 1px solid var(--hex-active-tab-color, #0449d1);
  border-radius: 6px;
  background: var(--white-color, #ffffff);
}
.user-details-page__name-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  outline: none;
}
.user-details-page__name-input::-moz-placeholder {
  color: var(--hex-color-basic, #191919);
  opacity: 0.35;
}
.user-details-page__name-input::placeholder {
  color: var(--hex-color-basic, #191919);
  opacity: 0.35;
}
.user-details-page__name-input:focus {
  outline: none;
}
.user-details-page__name-actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
}
.user-details-page__name-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-color-secondary, #788c9b);
  cursor: pointer;
  line-height: 0;
}
.user-details-page__name-action:disabled {
  cursor: default;
  opacity: 0.45;
}
.user-details-page__name-action:focus-visible {
  outline: 2px solid var(--hex-active-tab-color, #0449d1);
  outline-offset: 2px;
  border-radius: 2px;
}
.user-details-page__name-error {
  margin: 0;
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}
.user-details-page__description {
  margin: 6px 0 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  line-height: 1.4;
}
.user-details-page__nav-row, .user-details-page__summary-panel {
  flex: 0 0 auto;
}
.user-details-page__details-panel {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 8px;
  overflow: hidden;
}
.user-details-page__tabs-shell {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.user-details-page__tabs {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0 !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden;
  align-items: stretch !important;
}
.user-details-page__tabs-menu {
  --vtm-panel-bg: transparent !important;
  --vtm-panel-padding-top: 0 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100%;
  padding: 0 10px 0 0 !important;
  border-right: 1px solid var(--hex-border-color, #e4e8eb) !important;
  background: transparent !important;
  overflow: hidden;
}
.user-details-page__tabs-menu > nav {
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.user-details-page__tab-content {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 28px 32px !important;
  background: transparent !important;
  align-self: stretch;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.user-details-page__tab-content:has([data-tab=locations]) {
  overflow: hidden !important;
  padding-bottom: 0 !important;
}
.user-details-page__tab-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  min-width: 0;
  overflow: auto;
}
.user-details-page__tab-panel[data-tab=locations] {
  overflow: hidden;
}
.user-details-page {
  /* List tabs: ManageListTable owns scrolling (device-details subtab pattern). */
}
.user-details-page__tab-panel[data-tab=groups], .user-details-page__tab-panel[data-tab=policies], .user-details-page__tab-panel[data-tab=devices] {
  gap: 0;
  overflow: hidden;
}
.user-details-page__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 16px;
}
.user-details-page__section-title {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-size: 16px;
  font-weight: 600;
}
.user-details-page__kv-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 8px 0 0;
  padding: 0;
  max-width: 560px;
}
.user-details-page__kv-row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  margin: 0;
}
.user-details-page__kv-row dt {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.user-details-page__kv-row dd {
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.user-details-page__empty {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
}

/* Shared Manage list-tab chrome (parity with device-policies / device-associated-groups). */
.user-groups-tab,
.user-policies-tab,
.user-devices-tab {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding-top: 15px;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.user-groups-tab__toolbar,
.user-policies-tab__toolbar,
.user-devices-tab__toolbar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
}
.user-groups-tab__toolbar-left, .user-groups-tab__toolbar-right,
.user-policies-tab__toolbar-left,
.user-policies-tab__toolbar-right,
.user-devices-tab__toolbar-left,
.user-devices-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.user-groups-tab__toolbar-right,
.user-policies-tab__toolbar-right,
.user-devices-tab__toolbar-right {
  margin-left: auto;
  justify-content: flex-end;
}
.user-groups-tab__table,
.user-policies-tab__table,
.user-devices-tab__table {
  flex: 1 1 auto;
  min-height: 240px;
  max-height: none;
}
.user-groups-tab__name, .user-groups-tab__name-link,
.user-policies-tab__name,
.user-policies-tab__name-link,
.user-devices-tab__name,
.user-devices-tab__name-link {
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-groups-tab__name,
.user-policies-tab__name,
.user-devices-tab__name {
  color: var(--hex-color-basic, #191919);
}
.user-groups-tab__name-link,
.user-policies-tab__name-link,
.user-devices-tab__name-link {
  color: var(--hex-active-tab-color, #0449d1);
  text-decoration: none;
}
.user-groups-tab__name-link:hover,
.user-policies-tab__name-link:hover,
.user-devices-tab__name-link:hover {
  text-decoration: underline;
}

.user-policies-tab__mapping {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.data-card-group-stub {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}

.data-card-stub {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 88px;
  padding: 12px 14px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 10px;
  background: var(--white-color, #ffffff);
  box-sizing: border-box;
}
.data-card-stub__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.data-card-stub__label {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-card-stub__icon {
  display: inline-flex;
  flex: 0 0 auto;
}
.data-card-stub__value {
  color: var(--hex-color-basic, #191919);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.data-card-stub__value--loading {
  color: var(--hex-color-secondary, #788c9b);
  font-weight: 500;
}

@media (max-width: 1200px) {
  .data-card-group-stub {
    flex-wrap: wrap;
  }
  .data-card-stub {
    flex: 1 1 calc(33.333% - 8px);
  }
}
@media (max-width: 720px) {
  .user-details-page {
    padding: 12px 16px 0;
  }
  .user-details-page__nav-row {
    flex-wrap: wrap;
  }
  .user-details-page__title-row {
    flex-direction: column;
    align-items: stretch;
  }
  .user-details-page__kv-row {
    grid-template-columns: 1fr;
    row-gap: 4px;
  }
  .data-card-stub {
    flex: 1 1 calc(50% - 6px);
  }
}
.bulk-user-page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: calc(100vh - 45px);
  height: auto;
  padding: 16px 0 0;
  background: #ffffff;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}
.bulk-user-page__site-footer {
  flex: 0 0 auto;
  margin-top: auto;
}
.bulk-user-page__top {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px 16px;
  background: #ffffff;
}
.bulk-user-page__breadcrumb {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  min-height: 24px;
  /* BreadcrumbItem always renders a leading "/". Hide it on the first segment. */
}
.bulk-user-page__breadcrumb > *:first-child > .BreadcrumbItem_slash,
.bulk-user-page__breadcrumb > *:first-child > [aria-hidden=true]:first-child {
  display: none !important;
}
.bulk-user-page__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  width: 100%;
  padding: 0 24px 32px;
  background: #ffffff;
}
.bulk-user-page__header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}
.bulk-user-page__heading {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.bulk-user-page__title {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.bulk-user-page__subtitle {
  margin: 0;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.bulk-user-page__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.bulk-user-page__panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 720px;
  width: 100%;
}
.bulk-user-page__panel--table {
  max-width: none;
  flex: 1 1 auto;
  min-width: 0;
}
.bulk-user-page__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bulk-user-page__field--inline {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px 40px;
}
.bulk-user-page__field--checkbox {
  align-items: center;
}
.bulk-user-page__label {
  flex: 0 0 200px;
  padding-top: 8px;
  color: var(--text-color-Default, #191919);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.bulk-user-page__field--checkbox .bulk-user-page__label {
  padding-top: 0;
}
.bulk-user-page__control {
  flex: 1 1 auto;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.bulk-user-page__control--domain {
  flex: 0 0 auto;
  width: 180px;
  max-width: 180px;
}
.bulk-user-page__control--checkbox {
  flex: 0 0 auto;
  max-width: none;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 0;
}
.bulk-user-page__file-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.bulk-user-page__file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.bulk-user-page__file-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 13px;
}
.bulk-user-page__sample-link {
  align-self: flex-start;
}
.bulk-user-page__note, .bulk-user-page__invalid {
  width: 100%;
  max-width: none;
  margin: 0;
}
.bulk-user-page__invalid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bulk-user-page__alert-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  word-break: break-all;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 13px;
  line-height: 20px;
}
.bulk-user-page__table {
  width: 100%;
  min-width: 0;
  max-width: none;
  flex: 1 1 auto;
}
.bulk-user-page__table .bulk-user-page__manage-table,
.bulk-user-page__table .manage-list-table {
  width: 100%;
  max-width: none;
}
.bulk-user-page__table {
  /* Fixed columns — hide column-selector chrome but keep layout slot for fill. */
}
.bulk-user-page__table [class*=headerActionsFixed] {
  visibility: hidden;
  pointer-events: none;
}
.bulk-user-page__modal-copy, .bulk-user-page__modal-meta {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  line-height: 21px;
}
.bulk-user-page__modal-meta {
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 13px;
}
.bulk-user-page__check-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.bulk-map-keys-modal .bulk-user-page__field,
.bulk-replace-existing-modal .bulk-user-page__field {
  margin-bottom: 4px;
}

@media (max-width: 768px) {
  .bulk-user-page__header-row {
    flex-direction: column;
    align-items: stretch;
  }
  .bulk-user-page__actions {
    justify-content: flex-end;
  }
  .bulk-user-page__field--inline {
    flex-wrap: wrap;
    gap: 8px 16px;
  }
  .bulk-user-page__label {
    flex-basis: 100%;
    padding-top: 0;
  }
  .bulk-user-page__control--domain {
    width: 100%;
    max-width: 240px;
  }
}
/* User group details page + DataCard stub */
.user-group-details-page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  /* Fill Outlet; keep page footer (and map) inside the clipped main pane. */
  min-height: 0;
  padding: 16px 24px 0;
  background: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}
.user-group-details-page__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  min-height: 0;
  /* Clip to remaining space above the page footer; tabs own their scroll. */
  overflow: hidden;
}
.user-group-details-page__footer {
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.user-group-details-page__summary-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  box-sizing: border-box;
}
.user-group-details-page__nav-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 21px;
}
.user-group-details-page__history {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.user-group-details-page__history-btn {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid var(--hex-border-color, #e4e8eb) !important;
  border-radius: 4px !important;
  background: var(--white-color, #ffffff) !important;
  color: var(--Colors-border-input-border, #a3a9b3) !important;
}
.user-group-details-page__history-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1) !important;
  border-color: var(--hex-border-color, #e4e8eb) !important;
  background: #f5f7f9 !important;
}
.user-group-details-page__history-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.user-group-details-page__history-btn svg {
  width: 12px !important;
  height: 12px !important;
}
.user-group-details-page__breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 21px;
  font-family: "Lato", sans-serif;
}
.user-group-details-page__breadcrumb > *:first-child > .BreadcrumbItem_slash,
.user-group-details-page__breadcrumb > *:first-child > [aria-hidden=true]:first-child {
  display: none !important;
}
.user-group-details-page__breadcrumb button,
.user-group-details-page__breadcrumb a,
.user-group-details-page__breadcrumb [aria-hidden=true] {
  color: var(--Colors-border-input-border, #a3a9b3) !important;
  font-family: "Lato", sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 21px !important;
}
.user-group-details-page__breadcrumb [aria-current=page],
.user-group-details-page__breadcrumb [aria-current=page] * {
  color: var(--text-color-Default, #191919) !important;
  font-family: "Lato", sans-serif !important;
  font-size: var(--text-size-body-large-14, 14px) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: var(--21, 21px) !important;
  letter-spacing: var(--0, 0) !important;
  cursor: default;
}
.user-group-details-page__breadcrumb [aria-current=page] > [aria-hidden=true] {
  color: var(--Colors-border-input-border, #a3a9b3) !important;
  font-weight: 400 !important;
}
.user-group-details-page__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-group-details-page__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.user-group-details-page__title-block {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.user-group-details-page__type-chip {
  margin-top: 6px;
}
.user-group-details-page__title-line {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.user-group-details-page__title {
  margin: 0;
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
.user-group-details-page__description {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.4;
}
.user-group-details-page__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.user-group-details-page__edit-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 1px solid var(--hex-border-color, #e4e8eb) !important;
  border-radius: 8px !important;
  background: var(--white-color, #ffffff) !important;
  color: var(--hex-color-secondary, #788c9b) !important;
}
.user-group-details-page__edit-btn:hover:not(:disabled) {
  color: var(--hex-active-tab-color, #0449d1) !important;
  border-color: var(--hex-border-color, #e4e8eb) !important;
  background: #f5f7f9 !important;
}
.user-group-details-page__title-input, .user-group-details-page__description-input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: none;
  min-height: 0;
  padding: 2px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  outline: none;
  box-shadow: none;
  font-family: inherit;
  resize: none;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.user-group-details-page__title-input {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
.user-group-details-page__description-input {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.4;
}
.user-group-details-page__title-input:not([readonly]):focus, .user-group-details-page__description-input:not([readonly]):focus {
  background: #ffffff;
  box-shadow: 0 0 0 1px var(--uem-color-border, #d0d5dd);
}
.user-group-details-page__title-input--error, .user-group-details-page__title-input--error:focus {
  box-shadow: 0 0 0 1px var(--uem-color-danger, #dc2626);
}
.user-group-details-page__title-input[readonly], .user-group-details-page__description-input[readonly] {
  cursor: default;
}
.user-group-details-page__field-error {
  margin: 4px 0 0;
  max-width: none;
  color: var(--uem-color-danger, #dc2626);
  font-size: 12px;
  line-height: 18px;
}
.user-group-details-page__attr-value {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.user-group-details-page__attr-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 360px;
  padding: 2px 6px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  outline: none;
  font: inherit;
  color: inherit;
}
.user-group-details-page__attr-input:not([readonly]):focus {
  background: #ffffff;
  box-shadow: 0 0 0 1px var(--uem-color-border, #d0d5dd);
}
.user-group-details-page__nav-row, .user-group-details-page__breadcrumb, .user-group-details-page__summary-panel {
  flex: 0 0 auto;
}
.user-group-details-page__details-panel {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 8px;
  overflow: hidden;
}
.user-group-details-page__tabs-shell {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.user-group-details-page__tabs {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0 !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden;
  align-items: stretch !important;
}
.user-group-details-page__tabs-menu {
  --vtm-panel-bg: transparent !important;
  --vtm-panel-padding-top: 0 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100%;
  padding: 0 10px 0 0 !important;
  border-right: 1px solid var(--hex-border-color, #e4e8eb) !important;
  background: transparent !important;
  overflow: hidden;
}
.user-group-details-page__tabs-menu > nav {
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.user-group-details-page__tab-content {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 28px 32px !important;
  background: transparent !important;
  align-self: stretch;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.user-group-details-page__tab-content:has([data-tab=locations]) {
  overflow: hidden !important;
  padding-bottom: 0 !important;
}
.user-group-details-page__tab-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  min-width: 0;
  overflow: auto;
}
.user-group-details-page {
  /* Locations fills the tab; map/list scroll inside their own panes. */
}
.user-group-details-page__tab-panel[data-tab=locations] {
  overflow: hidden;
}
.user-group-details-page__criteria {
  display: flex;
  align-items: stretch;
  min-width: 0;
  min-height: 320px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
}
.user-group-details-page__criteria-nav {
  display: flex;
  flex: 0 0 220px;
  flex-direction: column;
  gap: 6px;
  padding: 16px 12px;
  border-right: 1px solid #e2e8f0;
  box-sizing: border-box;
}
.user-group-details-page__criteria-nav-item {
  display: block;
  width: 100%;
  margin: 0;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #191919;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}
.user-group-details-page__criteria-nav-item:hover {
  border-color: #c5d4ef;
  background: #eef4ff;
}
.user-group-details-page__criteria-nav-item--active, .user-group-details-page__criteria-nav-item--active:hover {
  border-color: #c4d5f8;
  background: #e6eeff;
  color: #0449d1;
}
.user-group-details-page__criteria-nav-item:focus {
  outline: none;
}
.user-group-details-page__criteria-nav-item:focus-visible {
  outline: 2px solid #dae4f8;
  outline-offset: 2px;
}
.user-group-details-page__criteria-main {
  flex: 1 1 auto;
  min-width: 0;
  padding: 20px 24px;
  box-sizing: border-box;
}
.user-group-details-page__tab-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.user-group-details-page__tab-toolbar-left, .user-group-details-page__tab-toolbar-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.user-group-details-page__search {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 220px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--uem-color-border);
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
}
.user-group-details-page__search-icon {
  display: inline-flex;
  color: #98a2b3;
}
.user-group-details-page__search-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #101828;
  font-size: 13px;
}
.user-group-details-page__icon-control {
  flex: 0 0 auto;
}
.user-group-details-page {
  /* Hide UI that is not wired yet. Prefer wrapping the control — ui-kit
     IconButton sets display:inline-flex and can beat a single-class rule. */
}
.user-group-details-page__not-implemented {
  display: none;
}
.user-group-details-page {
  /* Beat ui-kit IconButton `border: transparent` (same class count loses on load order). */
}
.user-group-details-page__tab-toolbar-right .user-group-details-page__icon-control {
  border: 1px solid var(--uem-color-border, #e4e8eb);
  background-color: var(--uem-color-background, #fff);
  color: var(--uem-color-foreground, #191919);
}
.user-group-details-page__tab-toolbar-right .user-group-details-page__icon-control:hover:not(:disabled) {
  border: 1px solid var(--uem-color-border, #e4e8eb);
  background-color: var(--uem-color-secondary-hover, #f6f9ff);
  color: var(--uem-color-primary, #0449d1);
}
.user-group-details-page__remove-btn {
  color: #b42318;
}
.user-group-details-page__export {
  position: relative;
}
.user-group-details-page__compliance-ok {
  display: inline-flex;
  color: #409c35;
}
.user-group-details-page__compliance-bad {
  display: inline-flex;
  color: #c28800;
}
.user-group-details-page__table {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.user-group-details-page__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 16px;
}
.user-group-details-page__section-title {
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  font-weight: 600;
}
.user-group-details-page__kv-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 8px 0 0;
  padding: 0;
  max-width: 560px;
}
.user-group-details-page__kv-row {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  margin: 0;
}
.user-group-details-page__kv-row dt {
  margin: 0;
  color: #64748b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.user-group-details-page__kv-row dd {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.user-group-details-page__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-group-details-page__list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  padding: 10px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}
.user-group-details-page__list-primary {
  color: #0f172a;
  font-size: 14px;
}
.user-group-details-page__list-meta {
  color: #64748b;
  font-size: 13px;
}
.user-group-details-page__connector {
  color: #0449d1;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.user-group-details-page__fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px 24px;
  margin: 0;
}
.user-group-details-page__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.user-group-details-page__field dt {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}
.user-group-details-page__field dd {
  margin: 0;
  color: #0f172a;
  font-size: 14px;
}
.user-group-details-page__empty {
  margin: 0;
  color: #64748b;
  font-size: 14px;
}
.user-group-details-page__fields--stack {
  grid-template-columns: 1fr;
  max-width: 480px;
}
.user-group-details-page__user-value {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.user-group-details-page__user-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-group-details-page__user-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d1fae5;
  color: #065f46;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.user-group-details-page__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 280px;
  padding: 32px;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
  text-align: center;
}
.user-group-details-page__placeholder-icon {
  color: #94a3b8;
}
.user-group-details-page__placeholder-title {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 600;
}
.user-group-details-page__placeholder-body {
  margin: 0;
  max-width: 360px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.45;
}

.data-card-group-stub {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}

.data-card-stub {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 88px;
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #ffffff;
  box-sizing: border-box;
}
.data-card-stub__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.data-card-stub__label {
  color: #64748b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-card-stub__icon {
  display: inline-flex;
  flex: 0 0 auto;
}
.data-card-stub__value {
  color: #0f172a;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.data-card-stub__value--loading {
  color: #94a3b8;
  font-weight: 500;
}

@media (max-width: 1200px) {
  .data-card-group-stub {
    flex-wrap: wrap;
  }
  .data-card-stub {
    flex: 1 1 calc(33.333% - 8px);
  }
}
@media (max-width: 720px) {
  .user-group-details-page {
    padding: 12px 16px 0;
  }
  .user-group-details-page__title-row {
    flex-direction: column;
    align-items: stretch;
  }
  .user-group-details-page__kv-row {
    grid-template-columns: 1fr;
    row-gap: 4px;
  }
  .data-card-stub {
    flex: 1 1 calc(50% - 6px);
  }
}
.manage-layout {
  display: flex;
  /* flex-start: avoid sidebar/main drift when the rail collapses (story fix). */
  justify-content: flex-start;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  height: calc(100vh - 45px);
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.manage-layout__main {
  /* min-height:0 + overflow:hidden: pin Footer at bottom; table owns its own scroll. */
  min-height: 0;
  display: flex;
  padding: 0 20px 0 25px;
  flex-direction: column;
  /* stretch: full-width list/smart-group pages (center left unused side gutters). */
  align-items: stretch;
  gap: 10px;
  flex: 1 0 0;
  min-width: 0;
  background-color: white;
  overflow: hidden;
}

.manage-page-spinner {
  display: block;
  width: 40px;
  height: 40px;
  margin: 40px auto;
}

.manage-list-page, .manage-list-page__mainsection, .manage-list-page__topsection {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
}
.manage-list-page__topsection {
  gap: 15px;
  flex: 0 0 auto;
}
.manage-layout__main > .manage-list-page, .manage-layout__main > .manage-list-page__topsection, .manage-layout__main > .manage-list-page__mainsection {
  padding-bottom: 16px;
}

/* Device-group lists use a different root class but sit in the same Outlet+Footer flex column. */
.manage-layout__main > .device-groups-list-page {
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: 16px;
}

/* Device group details: fill Outlet. Page renders its own Footer; hide the layout duplicate. */
.manage-layout__main > .device-group-details-page {
  flex: 1 1 auto;
  min-height: 0;
}

.manage-layout__main:has(> .device-group-details-page) > .manage-layout__footer {
  display: none;
}

.manage-layout__footer {
  flex: 0 0 auto;
}

.manage-ad-page {
  margin: 24px 16px 0;
}

.manage-list-header {
  margin-top: 10px;
}
.manage-list-header__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  width: 100%;
  margin: 0;
}
.manage-list-header__parent, .manage-list-header__separator {
  margin-right: 5px;
  padding: 0;
  border: none;
  background: transparent;
  color: #a3a9b3;
  font: inherit;
  font-weight: 400;
}
.manage-list-header__parent {
  cursor: pointer;
}
.manage-list-header__current {
  color: inherit;
}

.manage-list-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.manage-list-toolbar__left, .manage-list-toolbar__right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.manage-list-toolbar__right {
  margin-left: auto;
  justify-content: flex-end;
}
.manage-list-toolbar__item {
  font-family: "Lato", sans-serif;
  height: 30px;
  font-size: 13px;
  line-height: 20px;
  color: var(--hex-color-basic);
  padding: 6px 10px;
  border: 1px solid var(--hex-border-color);
  border-radius: 4px;
  background: var(--white-color);
}

.manage-list-skeleton {
  display: block;
  flex-shrink: 0;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--uem-color-muted, #f1f5f9) 25%, color-mix(in srgb, var(--uem-color-muted, #f1f5f9), white 40%) 50%, var(--uem-color-muted, #f1f5f9) 75%);
  background-size: 250% 100%;
  animation: manage-list-skeleton-shimmer 1.6s ease-in-out infinite;
  animation-delay: var(--uem-skeleton-delay, 0s);
}
.manage-list-skeleton--title {
  width: 200px;
  height: 21px;
  border-radius: var(--uem-radius-sm, 4px);
}
.manage-list-skeleton--btn {
  width: 88px;
  height: 30px;
}
.manage-list-skeleton--btn-sm {
  width: 30px;
  height: 30px;
}

@keyframes manage-list-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -50% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .manage-list-skeleton {
    animation: none;
  }
}
.manage-toolbar-filter {
  position: relative;
}
.manage-toolbar-filter__trigger {
  display: flex;
  height: 30px;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  border: 1px solid #e4e8eb;
  background-color: white;
  color: var(--hex-color-basic);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 20px;
  box-sizing: border-box;
}
.manage-toolbar-filter__trigger--active {
  border: 1px solid #0449d1;
  background: #f6f9ff;
}
.manage-toolbar-filter__trigger--selected .manage-toolbar-filter__label {
  color: #0449d1;
}
.manage-toolbar-filter__trigger-main, .manage-toolbar-filter__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
}
.manage-toolbar-filter__trigger-icon {
  display: flex;
  align-items: center;
  line-height: 0;
  color: #a3a9b3;
}
.manage-toolbar-filter__dropdown {
  position: absolute;
  padding: 5px 0px;
  top: calc(100% + 10px);
  right: 0;
  z-index: 20;
  display: flex;
  width: 250px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.manage-toolbar-filter__search-container {
  padding: 5px 10px 5px 10px;
  width: 100%;
}
.manage-toolbar-filter__search {
  display: flex;
  width: 100%;
  height: 35px;
  padding: 5px 10px;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid rgba(210, 215, 219, 0.9);
  box-sizing: border-box;
  background: #ffffff;
}
.manage-toolbar-filter__search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  color: #788c9b;
}
.manage-toolbar-filter__search-input {
  flex: 1 0 0;
  min-width: 0;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  outline: none;
}
.manage-toolbar-filter__search-input::-moz-placeholder {
  color: #788c9b;
}
.manage-toolbar-filter__search-input::placeholder {
  color: #788c9b;
}
.manage-toolbar-filter__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 300px;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  list-style: none;
}
.manage-toolbar-filter__list::-webkit-scrollbar {
  width: 5px;
}
.manage-toolbar-filter__list::-webkit-scrollbar-track {
  background: #eaeef0;
}
.manage-toolbar-filter__list::-webkit-scrollbar-thumb {
  background: #c5cdd3;
  border-radius: 4px;
}
.manage-toolbar-filter__list {
  scrollbar-width: thin;
  scrollbar-color: #c5cdd3 #eaeef0;
}
.manage-toolbar-filter__empty {
  padding: 8px 10px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-secondary);
}

.manage-toolbar-user__trigger-avatars {
  display: flex;
  align-items: center;
  position: relative;
}
.manage-toolbar-user__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  min-height: 64px;
}
.manage-toolbar-user__spinner img {
  display: block;
  width: 32px;
  height: 32px;
}
.manage-toolbar-user__spinner--inline {
  min-height: 0;
  padding: 8px 0;
}
.manage-toolbar-user__spinner--inline img {
  width: 24px;
  height: 24px;
}
.manage-toolbar-user__failed {
  margin: 0;
  padding: 16px 10px;
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.manage-toolbar-user__item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  font: inherit;
  color: inherit;
}
.manage-toolbar-user__item--selected {
  background: #f6f9ff;
}
.manage-toolbar-user__avatar {
  display: flex;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #ffd6cc;
  font-family: "Lato", sans-serif;
  font-size: 8px;
  line-height: 1;
  color: #ff7200;
}
.manage-toolbar-user__avatar--trigger {
  width: 18px;
  height: 18px;
}
.manage-toolbar-user__avatar--selected {
  background: #d4efd1;
  color: #2e7d32;
}
.manage-toolbar-user__avatar--count {
  position: relative;
  z-index: 1;
  margin-left: -3px;
  color: #c28800;
  background: #fff4db;
  box-shadow: 0 0 0 0.5px #f6f9ff;
}
.manage-toolbar-user__name {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: var(--hex-color-basic);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manage-toolbar-filter__chip {
  display: flex;
  padding: 2px 5px;
  align-items: center;
  gap: 2px;
  border-radius: 15px;
  background: #d9e6ff;
  color: #0449d1;
  font-family: "Lato", sans-serif;
  font-size: 10px;
  line-height: 15px;
  white-space: nowrap;
}

.manage-toolbar-enrollment__dropdown {
  width: 221px;
  box-sizing: border-box;
}
.manage-toolbar-enrollment__list {
  max-height: 300px;
}
.manage-toolbar-enrollment__group {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
}
.manage-toolbar-enrollment__subheading, .manage-toolbar-enrollment__item {
  display: flex;
  padding: 5px 0 5px 10px;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  box-sizing: border-box;
}
.manage-toolbar-enrollment__subheading {
  font-family: "Lato", sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #788c9b;
}
.manage-toolbar-enrollment__item {
  margin: 0;
  cursor: pointer;
}
.manage-toolbar-enrollment__item--selected {
  background: #f6f9ff;
}
.manage-toolbar-enrollment__item-label {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #191919;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.manage-toolbar-status__dropdown {
  width: 221px;
  box-sizing: border-box;
}
.manage-toolbar-status__list {
  max-height: none;
  overflow: visible;
}
.manage-toolbar-status__item {
  display: flex;
  padding: 5px 10px;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
}
.manage-toolbar-status__item:first-child {
  padding-bottom: 5px;
}
.manage-toolbar-status__item:last-child {
  padding-top: 5px;
}
.manage-toolbar-status__item--selected {
  background: #f6f9ff;
}
.manage-toolbar-status__badge {
  display: flex;
  padding: 0 5px;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.manage-toolbar-status__badge--parked {
  border: 1px solid rgba(4, 73, 209, 0.1);
  background: #e9f2ff;
  color: #0449d1;
}
.manage-toolbar-status__badge--lost-or-stolen {
  border: 1px solid rgba(255, 112, 112, 0.1);
  background: rgba(255, 235, 235, 0.5);
  color: #ff6161;
}

.manage-toolbar-user-type__item {
  display: flex;
  padding: 5px 10px;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
}
.manage-toolbar-user-type__item--selected {
  background: #f6f9ff;
}
.manage-toolbar-user-type__badge {
  display: flex;
  padding: 0 5px;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.save-new-view-popup {
  height: 480px;
  font-family: "Lato", sans-serif;
}
.save-new-view-popup footer button[aria-busy=true] {
  position: relative;
}
.save-new-view-popup footer button[aria-busy=true] > * {
  visibility: hidden;
}
.save-new-view-popup footer button[aria-busy=true]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 12px 0 0 #ffffff, -12px 0 0 #ffffff;
  animation: save-new-view-save-dots 0.6s ease-in-out infinite alternate;
}

@keyframes save-new-view-save-dots {
  0% {
    opacity: 0.35;
  }
  100% {
    opacity: 1;
  }
}
.save-new-view-popup__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  align-self: stretch;
}

.save-new-view-popup__error {
  margin: 0;
  color: #a30000;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.save-new-view-popup__field {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.save-new-view-popup__label {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

.save-new-view-popup__input,
.save-new-view-popup__textarea,
.save-new-view-popup__group-trigger {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: #ffffff;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #191919;
  outline: none;
}
.save-new-view-popup__input::-moz-placeholder, .save-new-view-popup__textarea::-moz-placeholder, .save-new-view-popup__group-trigger::-moz-placeholder {
  color: #acb3b7;
  font-family: "Lato", sans-serif;
}
.save-new-view-popup__input::placeholder,
.save-new-view-popup__textarea::placeholder,
.save-new-view-popup__group-trigger::placeholder {
  color: #acb3b7;
  font-family: "Lato", sans-serif;
}
.save-new-view-popup__input:focus,
.save-new-view-popup__textarea:focus,
.save-new-view-popup__group-trigger:focus {
  border-color: #0449d1;
}

.save-new-view-popup__textarea {
  resize: vertical;
  min-height: 150px;
}

.save-new-view-popup__group {
  position: relative;
  width: 100%;
}

.save-new-view-popup__group-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  text-align: left;
}

.save-new-view-popup__group-value {
  flex: 1;
  min-width: 0;
  color: #acb3b7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.save-new-view-popup__chip {
  display: flex;
  padding: 2px 5px;
  align-items: center;
  gap: 2px;
  border-radius: 15px;
  background: #e9f2ff;
  color: #0449d1;
  font-size: 12px;
  line-height: 18px;
  max-width: 100%;
  min-width: 0;
}

.save-new-view-popup__chip-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.save-new-view-popup__chip-clear {
  display: flex;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
  cursor: pointer;
}

.save-new-view-popup__group-chevron {
  display: flex;
  flex-shrink: 0;
  line-height: 0;
}

.save-new-view-popup__group-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.save-new-view-popup__group-search-container {
  display: flex;
  padding: 10px 10px 5px;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
}

.save-new-view-popup__group-search {
  display: flex;
  width: 100%;
  padding: 0 10px;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  border: 1px solid rgba(210, 215, 219, 0.9);
  box-sizing: border-box;
  background: #ffffff;
}
.save-new-view-popup__group-search:focus-within {
  border-color: var(--hex-active-tab-color, #0449d1);
}

.save-new-view-popup__group-search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  color: #788c9b;
}

.save-new-view-popup__group-search-input {
  flex: 1 0 0;
  min-width: 0;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #788c9b;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  outline: none;
}
.save-new-view-popup__group-search-input::-moz-placeholder {
  color: #788c9b;
}
.save-new-view-popup__group-search-input::placeholder {
  color: #788c9b;
}
.save-new-view-popup__group-search-input:focus {
  color: #191919;
}

.save-new-view-popup__group-heading {
  padding: 0 10px;
  color: #788c9b;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
}

.save-new-view-popup__group-list {
  display: flex;
  flex-direction: column;
  padding: 5px 10px 10px;
  gap: 0;
  align-self: stretch;
  max-height: 95px;
  overflow-y: auto;
}

.save-new-view-popup__group-empty {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  padding: 5px 0;
}

.save-new-view-popup__group-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  min-height: 48px;
}
.save-new-view-popup__group-spinner img {
  display: block;
  width: 32px;
  height: 32px;
}

.save-new-view-popup__group-failed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 8px;
  min-height: 48px;
  text-align: center;
}

.save-new-view-popup__group-failed-media {
  flex-shrink: 0;
}

.save-new-view-popup__group-failed-text {
  margin: 0;
  color: #788c9b;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.save-new-view-popup__group-option,
.save-new-view-popup__group-create {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
  color: #191919;
}

.save-new-view-popup__group-create {
  display: flex;
  align-items: center;
  gap: 4px;
}

.save-new-view-popup__group-create-label {
  color: #0449d1;
  font-weight: 500;
}

.manage-toolbar-icon-btn {
  display: flex;
  width: 30px;
  height: 30px;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #e4e8eb;
  background: #ffffff;
  box-sizing: border-box;
  color: #191919;
  cursor: pointer;
}
.manage-toolbar-icon-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.manage-toolbar-filter-dropdown {
  position: relative;
  display: inline-flex;
}

.manage-toolbar-filter-trigger {
  position: relative;
}
.manage-toolbar-filter-trigger__badge {
  position: absolute;
  top: -6px;
  right: -6px;
  margin-left: 0;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 1;
}

.manage-toolbar-search {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.manage-toolbar-search__field {
  display: flex;
  width: 300px;
  max-width: 100%;
  padding: 0 10px;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  border: 1px solid rgba(210, 215, 219, 0.9);
  box-sizing: border-box;
  background: #ffffff;
}
.manage-toolbar-search__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  color: #788c9b;
}
.manage-toolbar-search__input {
  flex: 1 0 0;
  min-width: 0;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #788c9b;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  outline: none;
}
.manage-toolbar-search__input:focus {
  outline: none;
  box-shadow: none;
}
.manage-toolbar-search__input::-moz-placeholder {
  color: #788c9b;
}
.manage-toolbar-search__input::placeholder {
  color: #788c9b;
}
.manage-toolbar-search__input--filled {
  color: #191919;
}

/* Align FilterDropdown panel with other manage toolbar dropdowns (Enrollment Type, User, etc.). */
.manage-toolbar-filter-panel {
  font-family: "Lato", sans-serif;
}
.manage-toolbar-filter-panel .hex-filter-heading {
  height: auto;
  min-height: 0;
  padding: 10px;
  border-bottom: 1px solid #e4e8eb;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #191919;
}
.manage-toolbar-filter-panel .hex-filter-content {
  padding: 5px 0px;
  gap: 0;
  max-height: 220px;
  overflow-y: scroll;
  background: #ffffff;
}
.manage-toolbar-filter-panel .hex-filter-content-gap {
  gap: 0;
}
.manage-toolbar-filter-panel .hex-filter-content-sub {
  gap: 0;
  max-height: 220px;
  overflow-y: scroll;
  padding: 5px 0px;
  background: #ffffff;
}
.manage-toolbar-filter-panel .hex-filter-content::-webkit-scrollbar,
.manage-toolbar-filter-panel .hex-filter-content-sub::-webkit-scrollbar {
  width: 5px;
}
.manage-toolbar-filter-panel .hex-filter-content::-webkit-scrollbar-track,
.manage-toolbar-filter-panel .hex-filter-content-sub::-webkit-scrollbar-track {
  background: #eaeef0;
}
.manage-toolbar-filter-panel .hex-filter-content::-webkit-scrollbar-thumb,
.manage-toolbar-filter-panel .hex-filter-content-sub::-webkit-scrollbar-thumb {
  background: #c5cdd3;
  border-radius: 4px;
}
.manage-toolbar-filter-panel .hex-filter-content,
.manage-toolbar-filter-panel .hex-filter-content-sub {
  scrollbar-width: thin;
  scrollbar-color: #c5cdd3 #eaeef0;
}
.manage-toolbar-filter-panel .hex-filter-footer {
  height: auto;
  min-height: 0;
  padding: 10px;
  border-top: 1px solid #e4e8eb;
  background: #ffffff;
}
.manage-toolbar-filter-panel .hex-filter-link {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.manage-toolbar-filter-panel .menu__item--wrapper,
.manage-toolbar-filter-panel .hex-filter-content-text {
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 5px 10px;
  grid-template-columns: 1fr 28px 16px !important;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #191919;
  transition: none;
}
.manage-toolbar-filter-panel .menu__item--wrapper:hover, .manage-toolbar-filter-panel .menu__item--wrapper:focus,
.manage-toolbar-filter-panel .hex-filter-content-text:hover,
.manage-toolbar-filter-panel .hex-filter-content-text:focus {
  color: #191919;
  background: #f6f9ff;
}
.manage-toolbar-filter-panel .menu__item--wrapper > div:first-child,
.manage-toolbar-filter-panel .hex-filter-content-text > div:first-child {
  display: none;
}
.manage-toolbar-filter-panel .menu__item--wrapper-active {
  color: #0449d1;
  background: #f6f9ff;
}
.manage-toolbar-filter-panel .menu__item--wrapper-active::before {
  display: none;
}
.manage-toolbar-filter-panel .menu__item--wrapper-active .item__label {
  color: #0449d1;
}
.manage-toolbar-filter-panel .item__label {
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: none;
}
.manage-toolbar-filter-panel .hex-filter-item-badge-cell {
  min-width: 28px;
  grid-column: 2;
}
.manage-toolbar-filter-panel .hex-filter-item-arrow {
  grid-column: 3;
  width: 12px;
  height: 12px;
  margin-right: 0;
  justify-self: end;
}
.manage-toolbar-filter-panel .hex-filter-number {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 600;
  margin-left: 0;
}
.manage-toolbar-filter-panel .hex-sub-filter-content-text {
  padding: 5px 10px;
  gap: 5px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #191919;
}
.manage-toolbar-filter-panel .hex-sub-filter-content-text:hover {
  background: #f6f9ff;
}
.manage-toolbar-filter-panel .hex-sub-filter-content-text > div:first-child {
  display: none;
}
.manage-toolbar-filter-panel .filter-checkbox img,
.manage-toolbar-filter-panel .hex-sub-filter-content-text > img.filter-checkbox {
  width: 14px;
  height: 14px;
}
.manage-toolbar-filter-panel .filter-option-text {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #191919;
}
.manage-toolbar-filter-panel .hex-filter-sub-string,
.manage-toolbar-filter-panel .hex-filter-sub-number,
.manage-toolbar-filter-panel .hex-filter-sub-range {
  padding: 10px !important;
}
.manage-toolbar-filter-panel .hex-filter-inline-input {
  height: 35px;
  padding: 5px 10px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid rgba(210, 215, 219, 0.9);
  border-radius: 8px;
}
.manage-toolbar-filter-panel .hex-filter-date-custom {
  padding: 5px 10px 10px !important;
  gap: 5px !important;
}
.manage-toolbar-filter-panel .hex-filter-date-sep,
.manage-toolbar-filter-panel .hex-filter-range-sep {
  font-size: 12px;
  line-height: 18px;
}
.manage-toolbar-filter-panel .hex-filter-range-inputs {
  gap: 5px;
}
.manage-toolbar-filter-panel .filter-back-arrow img {
  width: 16px;
  height: 16px;
}
.manage-toolbar-filter-panel.hex-filter-div {
  top: calc(100% + 10px);
  right: 0;
  left: unset;
  min-width: 0;
  width: 250px;
  margin-top: 0;
  padding: 0;
  background: #ffffff;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  z-index: 20;
}
.manage-toolbar-filter-panel.hex-filter-div.hex__fade_in_dropdown {
  animation: none;
}

.manage-toolbar-actions {
  display: flex;
  align-items: center;
}
.manage-toolbar-actions > button {
  padding: 5px 15px;
}

/*
 * Portaled ActionMenu panel for details pages (entityId set). Accordion submenu
 * defaults to muted text that looks like the list "no selection" disabled state;
 * details actions already target the open entity — use full-contrast labels.
 */
.manage-toolbar-actions__menu--details {
  max-height: min(360px, 100vh - 200px) !important;
}
.manage-toolbar-actions__menu--details [class*=accordionSubmenuButton]:not(:disabled) {
  color: var(--uem-color-foreground, #191919);
  opacity: 1;
}

.manage-list-table {
  width: 100%;
  flex: 0 1 auto;
  min-height: 320px;
  max-height: calc(100vh - 45px);
}
.manage-list-table [class*=tableShell] > [class*=scroll] {
  flex: 0 0 auto;
  min-height: auto;
  overflow-x: auto;
  overflow-y: visible;
}
.manage-list-table [class*=headerActionsFixed] {
  background: var(--uem-color-background, #ffffff);
}
.manage-list-table__status {
  margin: 0;
  padding: 24px 0;
  color: var(--hex-color-secondary);
  font-family: "Lato", sans-serif;
  font-size: 14px;
}
.manage-list-table__privacy-cell {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: inherit;
  line-height: inherit;
}
.manage-list-table__privacy-info {
  flex-shrink: 0;
  cursor: default;
}
.manage-list-table__bool-ok {
  display: inline-flex;
  color: #409c35;
}
.manage-list-table__bool-bad {
  display: inline-flex;
  color: #c28800;
}
.manage-list-table__group-chips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  max-width: 100%;
}

.manage-list-table .manage-list-table__link {
  font-size: 12px;
}

.manage-sidebar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  /* Match InternalLeftMenu: 190px expanded, 48px collapsed. */
  width: 190px;
  min-width: 190px;
  max-width: 190px;
  /* Clip to the rail; only __menu scrolls so Customise stays pinned at the bottom. */
  min-height: 0;
  overflow: hidden;
  margin: 5px 0 5px 5px;
  border-radius: 4px;
  border: 1px solid rgba(231, 238, 242, 0.5);
  background: #f9f9f9;
  box-sizing: border-box;
}
.manage-sidebar--collapsed {
  width: 48px;
  min-width: 48px;
  max-width: 48px;
}
.manage-sidebar__menu {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.manage-sidebar__button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  margin: 0;
  padding: 7px 10px;
  gap: 2px;
  border-radius: 8px;
  border: 0.696px solid #191919;
  background-color: white;
}

/* Override ui-kit InternalLeftMenu min-height so the rail can shrink and scroll. */
.manage-sidebar__menu {
  flex: 1 1 auto;
  min-height: 0 !important;
  height: auto !important;
  overflow-y: auto;
}

.customize-sidebar-popup {
  /* Clear Manage top bar (45px) so the dialog is not covered by nav chrome. */
  margin-top: 45px;
  max-height: calc(100vh - 48px - 45px);
  /* Popup kit already caps height; keep body scrollable for long tab lists. */
}
.customize-sidebar-popup > footer {
  padding: 15px 20px;
  gap: 10px;
}
.customize-sidebar-popup > footer > div {
  gap: 10px;
}
.customize-sidebar-popup footer button[aria-busy=true] {
  position: relative;
}
.customize-sidebar-popup footer button[aria-busy=true] > * {
  visibility: hidden;
}
.customize-sidebar-popup footer button[aria-busy=true]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 12px 0 0 #ffffff, -12px 0 0 #ffffff;
  animation: customize-sidebar-save-dots 0.6s ease-in-out infinite alternate;
}
.customize-sidebar-popup__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}
.customize-sidebar-popup__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  min-height: 80px;
}
.customize-sidebar-popup__spinner img {
  display: block;
  width: 40px;
  height: 40px;
}
.customize-sidebar-popup__failed {
  margin: 0;
  padding: 24px 0;
  text-align: center;
  color: var(--hex-color-secondary, #788c9b);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

@keyframes customize-sidebar-save-dots {
  0% {
    opacity: 0.35;
  }
  100% {
    opacity: 1;
  }
}
.customize-sidebar-item {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 4px 0;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--uem-radius-lg, 8px);
  border: 0.5px solid transparent;
  background: transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.customize-sidebar-item:hover {
  border-color: var(--uem-color-border, var(--hex-border-color));
  background: var(--uem-color-secondary-hover, #f5f7f9);
  box-shadow: 0 4px 25px 0 rgba(25, 25, 25, 0.16);
}

.customize-sidebar-item--hidden .customize-sidebar-item__label {
  color: var(--hex-color-secondary);
}

.customize-sidebar-item--unsupported {
  opacity: 0.45;
}
.customize-sidebar-item--unsupported:hover {
  opacity: 0.55;
}

.customize-sidebar-item--dragging {
  opacity: 0.85;
  z-index: 1;
  border-color: var(--uem-color-border, var(--hex-border-color));
  background: var(--uem-color-secondary-hover, #f5f7f9);
  box-shadow: 0 4px 25px 0 rgba(25, 25, 25, 0.16);
  cursor: grabbing;
}

.customize-sidebar-item--dragging-source {
  z-index: 0;
  box-shadow: none;
}

.customize-sidebar-item--unsupported.customize-sidebar-item--dragging {
  opacity: 0.7;
}

.customize-sidebar-item__content {
  display: flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
.customize-sidebar-item__drag {
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--uem-color-muted-foreground, var(--hex-color-secondary));
  cursor: grab;
}
.customize-sidebar-item__drag:active {
  cursor: grabbing;
}
.customize-sidebar-item__title {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}
.customize-sidebar-item__label {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: var(--hex-color-basic);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customize-sidebar-item__support {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  color: var(--hex-color-secondary);
  cursor: default;
  line-height: 0;
}
.customize-sidebar-item__support:hover {
  color: var(--hex-active-tab-color);
}
.customize-sidebar-item__visibility {
  flex-shrink: 0;
  color: var(--hex-color-secondary);
}
.customize-sidebar-item__visibility:hover {
  color: var(--hex-active-tab-color);
}

.customize-sidebar-item__label-tooltip.Tooltip_root,
.customize-sidebar-item__label-tooltip {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  min-width: 0;
  max-width: 100%;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
}
.customize-sidebar-item__label-tooltip.Tooltip_root > span,
.customize-sidebar-item__label-tooltip > span {
  display: block;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  max-width: 100%;
  justify-content: flex-start;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  cursor: inherit;
}

.customize-sidebar-item__label {
  display: block;
  width: auto;
  min-width: 0;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: var(--hex-color-basic);
  text-align: left;
}

/* Portal viewport: clear Hexnode top header (default top was 24px). */
.manage-toaster-viewport {
  top: calc(var(--uem-spacing-8, 24px) + 30px) !important;
}
.manage-toaster-viewport .Toast_closeButton {
  display: none !important;
}
.manage-toaster-viewport .Toast_success {
  background: #409c35;
}
.manage-toaster-viewport .Toast_iconBefore,
.manage-toaster-viewport .Toast_content {
  color: #ffffff;
}

.device-groups-list-page {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  min-width: 0;
  /* Fill Outlet height so manage-layout__footer pins to the bottom (same as .manage-list-page). */
  flex: 1 1 auto;
  min-height: 0;
  /* Rely on .manage-layout__main horizontal padding for alignment with other pages. */
  padding: 10px 0 0;
  background: #ffffff;
  box-sizing: border-box;
}
.device-groups-list-page__header {
  margin: 0;
  margin-bottom: 5px;
}
.device-groups-list-page__title {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
.device-groups-list-page__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0;
}
.device-groups-list-page__toolbar-left, .device-groups-list-page__toolbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  min-width: 0;
}
.device-groups-list-page__toolbar-right {
  margin-left: auto;
}
.device-groups-list-page__type-filter {
  width: 108px;
  flex: 0 0 108px;
}
.device-groups-list-page__search {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  border-radius: var(--uem-radius-lg, 8px);
  background: var(--uem-color-background, #fff);
  color: var(--uem-color-foreground, #191919);
  transition: width 0.15s ease, padding 0.15s ease, gap 0.15s ease, justify-content 0.15s ease;
}

/* Grow on hover or while focused; keep open if the field has text */
.device-groups-list-page__search:hover, .device-groups-list-page__search:focus-within, .device-groups-list-page__search--has-value {
  justify-content: flex-start;
  width: calc(20ch + 36px);
  padding: 0 8px;
  gap: 6px;
}
.device-groups-list-page__search-icon {
  display: inline-flex;
  flex: 0 0 14px;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: var(--uem-color-muted-foreground, #788c9b);
  pointer-events: none;
}

.device-groups-list-page__search-input {
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--uem-color-foreground, #191919);
  font-family: var(--uem-font-family, Lato, sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  /* Hide native search clear decoration that can break layout */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.device-groups-list-page__search-input::-moz-placeholder {
  color: var(--uem-color-muted-foreground, #788c9b);
}
.device-groups-list-page__search-input::placeholder {
  color: var(--uem-color-muted-foreground, #788c9b);
}
.device-groups-list-page__search-input::-webkit-search-decoration, .device-groups-list-page__search-input::-webkit-search-cancel-button, .device-groups-list-page__search-input::-webkit-search-results-button, .device-groups-list-page__search-input::-webkit-search-results-decoration {
  display: none;
}
.device-groups-list-page__search-icon svg {
  display: block;
  width: 14px;
  height: 14px;
}
.device-groups-list-page__search:not(:hover):not(:focus-within):not(.device-groups-list-page__search--has-value) .device-groups-list-page__search-input {
  flex: 0 0 0;
  width: 0;
  opacity: 0;
}
.device-groups-list-page__toolbar-right .device-groups-list-page__icon-control {
  flex: 0 0 32px;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  background-color: var(--uem-color-background, #fff);
  color: var(--uem-color-foreground, #191919);
}
.device-groups-list-page__toolbar-right .device-groups-list-page__icon-control:hover:not(:disabled) {
  border: 1px solid var(--uem-color-border, #e4e8eb);
  background-color: var(--uem-color-secondary-hover, #f6f9ff);
  color: var(--uem-color-primary, #0449d1);
}

/* Collapsed: keep a focusable input, but don't show/occupy text space */
.smart-group-wizard-page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  padding: 16px 0 0;
  background: #ffffff;
  box-sizing: border-box;
}
.smart-group-wizard-page__status {
  margin: 24px;
  color: #4a5568;
  font-size: 14px;
  line-height: 1.4;
}
.smart-group-wizard-page__status--error {
  color: #b42318;
}
.smart-group-wizard-page__footer-wrap {
  flex: 0 0 auto;
  margin-top: auto;
  /* Side inset lives here — ui-kit Footer `padding: N 0` overrides class padding. */
  padding-inline: 24px;
  width: 100%;
  box-sizing: border-box;
}
.smart-group-wizard-page__footer {
  width: 100%;
  box-sizing: border-box;
}

.smart-group-wizard-page--loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: calc(100vh - 45px);
}
.smart-group-wizard-page--loading .smart-group-wizard-page__loader {
  margin-top: auto;
  margin-bottom: auto;
}

.smart-group-wizard-page__loader {
  display: block;
  width: 40px;
  height: 40px;
}
.smart-group-wizard-page__chrome {
  position: relative;
  flex: 0 0 auto;
  z-index: 1;
  background: #ffffff;
}
.smart-group-wizard-page__chrome--elevated {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.smart-group-wizard-page__top {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 24px 16px;
  background: #ffffff;
}
.smart-group-wizard-page__breadcrumb {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  min-height: 24px;
}
.smart-group-wizard-page__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.smart-group-wizard-page__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: auto;
  background: #ffffff;
}

.smart-group-wizard-page__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
  padding: 8px 32px 32px;
  background: #ffffff;
}
.smart-group-wizard-page__heading {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 0 32px 8px;
  background: #ffffff;
}
.smart-group-wizard-page__heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}
.smart-group-wizard-page__heading-row .smart-group-wizard-page__title-input {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}
.smart-group-wizard-page__heading-row .smart-group-wizard-page__actions {
  flex: 0 0 auto;
}
.smart-group-wizard-page__title, .smart-group-wizard-page__title-input {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.smart-group-wizard-page__description, .smart-group-wizard-page__description-input {
  margin: 0;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 12px;
  line-height: 18px;
}
.smart-group-wizard-page__title-input, .smart-group-wizard-page__description-input {
  box-sizing: border-box;
  width: 100%;
  max-width: 720px;
  padding: 2px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  outline: none;
  box-shadow: none;
  font-family: inherit;
}
.smart-group-wizard-page__title-input::-moz-placeholder {
  color: var(--uem-color-foreground, #1a1a1a);
  font-weight: 600;
  opacity: 1;
}
.smart-group-wizard-page__title-input::placeholder {
  color: var(--uem-color-foreground, #1a1a1a);
  font-weight: 600;
  opacity: 1;
}
.smart-group-wizard-page__description-input::-moz-placeholder {
  color: var(--uem-color-muted-foreground, #6b7280);
  opacity: 1;
}
.smart-group-wizard-page__description-input::placeholder {
  color: var(--uem-color-muted-foreground, #6b7280);
  opacity: 1;
}
.smart-group-wizard-page__title-input:focus, .smart-group-wizard-page__description-input:focus {
  background: #ffffff;
  box-shadow: 0 0 0 1px var(--uem-color-border, #d0d5dd);
}
.smart-group-wizard-page__title-input--error, .smart-group-wizard-page__title-input--error:focus {
  box-shadow: 0 0 0 1px var(--uem-color-danger, #dc2626);
}
.smart-group-wizard-page__field-error {
  margin: 0;
  max-width: 720px;
  color: var(--uem-color-danger, #dc2626);
  font-size: 12px;
  line-height: 18px;
}
.smart-group-wizard-page__step {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.smart-group-wizard-page__step-title {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.smart-group-wizard-page__step-subtitle {
  margin: 0 0 16px;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 12px;
  line-height: 18px;
}
.smart-group-wizard-page__criteria {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 8px;
  align-items: start;
}
.smart-group-wizard-page__criteria-label {
  padding-top: 10px;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}
.smart-group-wizard-page__criteria-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  min-width: 0;
}
.smart-group-wizard-page__criteria-label span {
  color: var(--uem-color-danger, #dc2626);
  margin-left: 2px;
}

@media (max-width: 900px) {
  .smart-group-wizard-page__top {
    flex-direction: column;
    align-items: flex-start;
  }
  .smart-group-wizard-page__body {
    flex-direction: column;
  }
  .smart-group-wizard-page__main {
    padding: 8px 20px 20px;
  }
  .smart-group-wizard-page__heading {
    padding: 0 20px 8px;
  }
  .smart-group-wizard-page__heading-row {
    flex-wrap: wrap;
  }
  .smart-group-wizard-page__criteria {
    grid-template-columns: 1fr;
  }
}
.create-static-group-page,
.create-user-group-page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 0;
  /* Fill Outlet height under .manage-layout__main (overflow:hidden); table owns row scroll. */
  min-height: 0;
  padding: 16px 0 0;
  background: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}
.create-static-group-page__footer,
.create-user-group-page__footer {
  flex: 0 0 auto;
  margin-top: auto;
}
.create-static-group-page__top,
.create-user-group-page__top {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px 16px;
  background: #ffffff;
}
.create-static-group-page__breadcrumb,
.create-user-group-page__breadcrumb {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0;
  min-height: 24px;
}
.create-static-group-page__breadcrumb-link,
.create-user-group-page__breadcrumb-link {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--uem-color-muted-foreground, #6b7280);
  font: inherit;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}
.create-static-group-page__breadcrumb-link:hover,
.create-user-group-page__breadcrumb-link:hover {
  color: var(--uem-color-primary, #0046cc);
}
.create-static-group-page__main,
.create-user-group-page__main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  min-height: 0;
  padding: 0 24px 16px;
  background: #ffffff;
  overflow: hidden;
}
.create-static-group-page__header-row,
.create-user-group-page__header-row {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}
.create-static-group-page__actions,
.create-user-group-page__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.create-static-group-page__heading,
.create-user-group-page__heading {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.create-static-group-page__title-input,
.create-user-group-page__title-input {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.create-static-group-page__description-input,
.create-user-group-page__description-input {
  margin: 0;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 12px;
  line-height: 18px;
}
.create-static-group-page__title-input, .create-static-group-page__description-input,
.create-user-group-page__title-input,
.create-user-group-page__description-input {
  box-sizing: border-box;
  width: 100%;
  max-width: 720px;
  padding: 2px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  outline: none;
  box-shadow: none;
  font-family: inherit;
}
.create-static-group-page__title-input::-moz-placeholder, .create-user-group-page__title-input::-moz-placeholder {
  color: var(--uem-color-foreground, #1a1a1a);
  font-weight: 600;
  opacity: 1;
}
.create-static-group-page__title-input::placeholder,
.create-user-group-page__title-input::placeholder {
  color: var(--uem-color-foreground, #1a1a1a);
  font-weight: 600;
  opacity: 1;
}
.create-static-group-page__description-input::-moz-placeholder, .create-user-group-page__description-input::-moz-placeholder {
  color: var(--uem-color-muted-foreground, #6b7280);
  opacity: 1;
}
.create-static-group-page__description-input::placeholder,
.create-user-group-page__description-input::placeholder {
  color: var(--uem-color-muted-foreground, #6b7280);
  opacity: 1;
}
.create-static-group-page__title-input:focus, .create-static-group-page__description-input:focus,
.create-user-group-page__title-input:focus,
.create-user-group-page__description-input:focus {
  background: #ffffff;
  box-shadow: 0 0 0 1px var(--uem-color-border, #d0d5dd);
}
.create-static-group-page__title-input--error, .create-static-group-page__title-input--error:focus,
.create-user-group-page__title-input--error,
.create-user-group-page__title-input--error:focus {
  box-shadow: 0 0 0 1px var(--uem-color-danger, #dc2626);
}
.create-static-group-page__field-error,
.create-user-group-page__field-error {
  margin: 0;
  max-width: 720px;
  color: var(--uem-color-danger, #dc2626);
  font-size: 12px;
  line-height: 18px;
}
.create-static-group-page__table-toolbar,
.create-user-group-page__table-toolbar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.create-static-group-page__table-toolbar-left,
.create-user-group-page__table-toolbar-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.create-static-group-page__remove-btn,
.create-user-group-page__remove-btn {
  color: #b42318;
}
.create-static-group-page__table-toolbar-right,
.create-user-group-page__table-toolbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.create-static-group-page__device-search, .create-static-group-page__user-search,
.create-user-group-page__device-search,
.create-user-group-page__user-search {
  box-sizing: border-box;
  width: 216px;
  max-width: 216px;
}
.create-static-group-page__table,
.create-user-group-page__table {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.create-static-group-page__table > div,
.create-user-group-page__table > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
.create-static-group-page__table,
.create-user-group-page__table {
  /* Fixed columns — hide column-selector chrome but keep layout slot for fill. */
}
.create-static-group-page__table [class*=headerActionsFixed],
.create-user-group-page__table [class*=headerActionsFixed] {
  visibility: hidden;
  pointer-events: none;
}
.create-static-group-page__table [class*=scrollOuter],
.create-static-group-page__table [class*=tableShell],
.create-static-group-page__table [class*=scroll],
.create-user-group-page__table [class*=scrollOuter],
.create-user-group-page__table [class*=tableShell],
.create-user-group-page__table [class*=scroll] {
  width: 100%;
}
.create-static-group-page__table [class*=scrollOuter],
.create-user-group-page__table [class*=scrollOuter] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.create-static-group-page__table,
.create-user-group-page__table {
  /* Selected candidates scroll inside the table once rows exceed remaining viewport. */
}
.create-static-group-page__table [class*=scroll],
.create-user-group-page__table [class*=scroll] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: auto !important;
}

.static-group-device-name {
  color: var(--uem-color-primary, #0449d1);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.static-group-device-user {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.static-group-device-user__avatar {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.static-group-device-user__name {
  overflow: hidden;
  color: var(--uem-color-foreground, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.static-group-device-compliance {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #409c35;
}

.static-group-device-compliance--off {
  color: var(--uem-color-muted-foreground, #6b7280);
}

.static-group-device-os {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-basic, #191919);
}

.create-static-group-page__row-remove,
.create-user-group-page__row-remove {
  color: var(--hex-color-secondary, #788c9b);
}
.create-static-group-page__row-remove:hover:not(:disabled),
.create-user-group-page__row-remove:hover:not(:disabled) {
  color: #a30000;
}

/* .Popup_popup defaults to width:550px — beat that with higher specificity.
   Design: wide dialog with ~10 visible rows, margin so dimmed page stays around it.
   Height is content-driven (max-height only) so the table does not leave a blank
   stretched row under the last data row. */
.Popup_popup.static-group-add-devices-popup,
.Popup_popup.user-group-add-users-popup {
  box-sizing: border-box;
  width: min(1100px, 100vw - 64px);
  max-width: calc(100vw - 64px);
  height: auto;
  max-height: calc(100vh - 80px);
  align-items: stretch;
  overflow: hidden;
}
.Popup_popup.static-group-add-devices-popup > .Popup_body,
.Popup_popup.static-group-add-devices-popup > div:nth-child(2),
.Popup_popup.user-group-add-users-popup > .Popup_body,
.Popup_popup.user-group-add-users-popup > div:nth-child(2) {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  max-height: calc(100vh - 80px - 110px);
  padding: 12px 20px 18px;
  overflow-x: hidden;
  overflow-y: auto;
}
.Popup_popup.static-group-add-devices-popup > .Popup_footer,
.Popup_popup.static-group-add-devices-popup > footer,
.Popup_popup.user-group-add-users-popup > .Popup_footer,
.Popup_popup.user-group-add-users-popup > footer {
  flex: 0 0 auto;
  padding: 15px 20px;
  gap: 10px;
}
.Popup_popup.static-group-add-devices-popup > .Popup_footer > div,
.Popup_popup.static-group-add-devices-popup > footer > div,
.Popup_popup.user-group-add-users-popup > .Popup_footer > div,
.Popup_popup.user-group-add-users-popup > footer > div {
  gap: 10px;
}

.static-group-add-devices,
.user-group-add-users {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  max-height: 100%;
  align-self: stretch;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: visible;
}

.static-group-add-devices__toolbar,
.user-group-add-users__toolbar {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 30px;
}

.static-group-add-devices__search,
.user-group-add-users__search {
  box-sizing: border-box;
  flex: 0 0 216px;
  width: 216px;
  max-width: 216px;
  min-width: 216px;
}

.static-group-add-devices__filters,
.user-group-add-users__filters {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.static-group-add-devices__filters > *,
.user-group-add-users__filters > * {
  flex: 0 0 auto;
}

.static-group-add-devices-filter__dropdown {
  width: 260px;
}

.static-group-add-devices-filter__actions {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  border-bottom: 1px solid var(--uem-color-border, #e4e8eb);
  background: #ffffff;
  box-sizing: border-box;
}

.static-group-add-devices-filter__select-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}

.static-group-add-devices-filter__clear-all {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
}
.static-group-add-devices-filter__clear-all:hover {
  text-decoration: underline;
}

.static-group-add-devices-filter__list {
  width: 100%;
  max-height: 260px;
  overflow: auto;
}

.static-group-add-devices-filter__item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.static-group-add-devices-filter__item--selected {
  background: #f6f9ff;
}

.static-group-add-devices-filter__item-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.static-group-add-devices-filter__item-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.static-group-add-devices-filter__chip {
  display: inline-flex;
  align-items: center;
  max-width: 220px;
  min-width: 0;
  color: #0449d1;
  font-size: 12px;
  line-height: 18px;
}

.static-group-add-devices-filter__chip-platforms {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.static-group-add-devices-filter__chip-platform {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.static-group-add-devices-filter__chip-more {
  flex-shrink: 0;
}

.static-group-add-devices__status,
.user-group-add-users__status {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 24px;
  color: var(--hex-color-secondary);
  font-family: "Lato", sans-serif;
  font-size: 14px;
}

.static-group-add-devices__table,
.user-group-add-users__table {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
  /* Keep horizontal clip; allow pagination control borders to paint fully. */
  overflow-x: hidden;
  overflow-y: visible;
}
.static-group-add-devices__table > div,
.user-group-add-users__table > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: visible;
}
.static-group-add-devices__table,
.user-group-add-users__table {
  /* Fixed columns — hide column-selector chrome but keep layout slot for fill. */
}
.static-group-add-devices__table [class*=headerActionsFixed],
.user-group-add-users__table [class*=headerActionsFixed] {
  visibility: hidden;
  pointer-events: none;
}
.static-group-add-devices__table [class*=scrollOuter],
.static-group-add-devices__table [class*=tableShell],
.static-group-add-devices__table [class*=scroll],
.user-group-add-users__table [class*=scrollOuter],
.user-group-add-users__table [class*=tableShell],
.user-group-add-users__table [class*=scroll] {
  width: 100%;
}
.static-group-add-devices__table [class*=scrollOuter],
.user-group-add-users__table [class*=scrollOuter] {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
}
.static-group-add-devices__table,
.user-group-add-users__table {
  /* Size to rows (~10 × 35px + header); do not stretch an empty blank area. */
}
.static-group-add-devices__table [class*=scroll],
.user-group-add-users__table [class*=scroll] {
  flex: 0 1 auto;
  max-height: min(385px, 100vh - 320px);
  overflow-x: auto;
  overflow-y: auto !important;
}
.static-group-add-devices__table,
.user-group-add-users__table {
  /* Pagination pinned under the scroll region.
     Pagination_root is height:32px while the Page Size Select is ≥32px with a
     border — parent overflow:hidden was clipping the bottom border. */
}
.static-group-add-devices__table [class*=footer],
.user-group-add-users__table [class*=footer] {
  flex-shrink: 0;
  overflow: visible;
  padding-bottom: 2px;
  /*
    Page-size Select defaults to 40px; pagination bar is 32px.
  */
}
.static-group-add-devices__table [class*=footer] [class*=controls] [class*=root],
.user-group-add-users__table [class*=footer] [class*=controls] [class*=root] {
  width: auto;
  min-width: 64px;
  max-width: 72px;
}
.static-group-add-devices__table [class*=footer] [class*=controls] [class*=trigger]:not([class*=triggerContent]):not([class*=triggerValue]):not([class*=triggerIcon]):not([class*=triggerChips]),
.user-group-add-users__table [class*=footer] [class*=controls] [class*=trigger]:not([class*=triggerContent]):not([class*=triggerValue]):not([class*=triggerIcon]):not([class*=triggerChips]) {
  box-sizing: border-box;
  min-height: 28px;
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 18px;
}
.static-group-add-devices__table [class*=footerPagination],
.static-group-add-devices__table [class*=Pagination_root],
.user-group-add-users__table [class*=footerPagination],
.user-group-add-users__table [class*=Pagination_root] {
  height: auto !important;
  min-height: 32px;
  overflow: visible;
}
.static-group-add-devices__table [class*=Pagination_controls],
.user-group-add-users__table [class*=Pagination_controls] {
  height: auto;
  min-height: 28px;
  overflow: visible;
}

.user-group-user-name {
  display: inline-flex;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
}

.user-group-user-name__avatar {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  border-radius: 50%;
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.user-group-user-name__text {
  color: var(--uem-color-primary, #0449d1);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  /* Match Add Devices name: wrap long names onto multiple lines. */
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.user-group-plain-cell {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  color: var(--uem-color-foreground, #191919);
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .create-static-group-page__header-row,
  .create-user-group-page__header-row {
    flex-direction: column;
    align-items: stretch;
  }
  .create-static-group-page__actions,
  .create-user-group-page__actions {
    justify-content: flex-end;
  }
  .create-static-group-page__main,
  .create-user-group-page__main {
    padding: 0 20px 24px;
  }
  .create-static-group-page__table-toolbar,
  .create-user-group-page__table-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .create-static-group-page__table-toolbar-right,
  .create-user-group-page__table-toolbar-right {
    justify-content: flex-end;
  }
  .create-static-group-page__device-search, .create-static-group-page__user-search,
  .create-user-group-page__device-search,
  .create-user-group-page__user-search {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
  }
  .Popup_popup.static-group-add-devices-popup,
  .Popup_popup.user-group-add-users-popup {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    height: auto;
    max-height: calc(100vh - 32px);
  }
  .static-group-add-devices__toolbar,
  .user-group-add-users__toolbar {
    flex-wrap: nowrap;
  }
  .static-group-add-devices__search,
  .user-group-add-users__search {
    flex: 0 0 180px;
    width: 180px;
    max-width: 180px;
    min-width: 160px;
  }
  .static-group-add-devices__filters,
  .user-group-add-users__filters {
    flex-wrap: nowrap;
  }
}
.geofence-step__targets {
  min-width: 0;
}
.geofence-step__targets-title {
  margin: 0 0 8px;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.geofence-step__inclusion {
  margin: 0 0 24px;
  align-items: center;
}
.geofence-step__inclusion .smart-group-wizard-page__criteria-label {
  padding-top: 0;
}
.geofence-step__radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.geofence-step__error {
  margin: 0 0 12px;
  color: var(--uem-color-danger, #dc2626);
  font-size: 13px;
}

/* Keep picker search a normal horizontal field (icon left, typeable input). */
.geofence-step__search {
  width: 100%;
  min-height: 32px !important;
  max-height: 36px;
  height: 32px;
  aspect-ratio: auto !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.geofence-step__search svg {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  flex-shrink: 0;
  pointer-events: none;
}
.geofence-step__search input {
  width: 100%;
  min-width: 0;
  height: 18px;
  pointer-events: auto;
}

.exceptions-step__method {
  margin: 0 0 24px;
  align-items: center;
}
.exceptions-step__method .smart-group-wizard-page__criteria-label {
  padding-top: 0;
}
.exceptions-step__radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.exceptions-step__manual {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.exceptions-step__section-label {
  flex: 0 0 auto;
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.exceptions-step__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
.exceptions-step__card {
  position: relative;
  display: flex;
  flex: 1 1 280px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 180px;
  padding: 28px 24px;
  text-align: center;
  background: #ffffff;
  border: 1px dashed var(--uem-color-border, #d0d5dd);
  border-radius: 8px;
}
.exceptions-step__card-icon {
  width: 20px;
  height: 20px;
  color: var(--uem-color-foreground-muted, #667085);
}
.exceptions-step__card-title {
  margin: 4px 0 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.exceptions-step__card-subtitle {
  margin: 0 0 4px;
  color: var(--uem-color-foreground-muted, #667085);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.exceptions-step__file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 720px) {
  .exceptions-step__card {
    flex: 1 1 100%;
  }
}
.add-geofence-modal__map {
  min-width: 0;
  height: 400px;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  border-radius: 8px;
  overflow: hidden;
}
.add-geofence-modal__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.add-geofence-modal__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.add-geofence-modal__label {
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.add-geofence-modal__coord-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.add-geofence-modal__subfield {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 12px;
}
.add-geofence-modal__polygon-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 4px;
}
.add-geofence-modal__polygon-row {
  display: grid;
  grid-template-columns: 72px 1fr 1fr 28px;
  gap: 8px;
  align-items: end;
}
.add-geofence-modal__polygon-index {
  padding-bottom: 10px;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 12px;
  font-weight: 500;
}
.add-geofence-modal__delete {
  height: 36px;
  border: none;
  background: transparent;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.add-geofence-modal__add-centre {
  align-self: flex-start;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--uem-color-primary, #0449d1);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.add-geofence-modal__add-centre:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.add-geofence-modal__error {
  margin: 0;
  color: var(--uem-color-danger, #dc2626);
  font-size: 12px;
}
.add-geofence-modal__warning {
  margin: 0;
  color: #b45309;
  font-size: 12px;
}
.add-geofence-modal .add-geofence-modal__body, .add-geofence-modal__body {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 20px;
  width: 100%;
  min-width: 0;
}

.geofence-map {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}
.geofence-map__canvas {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: #e8eef5;
}

.geofence-map__float-tooltip {
  position: absolute;
  z-index: 650;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(28, 37, 44, 0.92);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  pointer-events: none;
  white-space: nowrap;
  transform: translate(12px, 12px);
}
.geofence-map__float-tooltip.is-invalid {
  background: rgba(185, 28, 28, 0.95);
}
.geofence-map__toolbar {
  position: absolute;
  z-index: 1100;
  right: 12px;
  bottom: 12px;
  left: auto;
  top: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}
.geofence-map__tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: 28px;
  padding: 0 10px;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  border-radius: 4px;
  background: #fff;
  color: var(--uem-color-foreground, #1a1a1a);
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}
.geofence-map__tool--icon {
  width: 28px;
  min-width: 28px;
  padding: 0;
  font-size: 16px;
  line-height: 1;
}
.geofence-map__tool-svg {
  display: inline-flex;
  width: 10px;
  height: 10px;
  color: inherit;
}

.geofence-map__tool:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.geofence-map__tool.is-active {
  border-color: var(--uem-color-primary, #0449d1);
  color: var(--uem-color-primary, #0449d1);
}
.geofence-map__hint {
  position: absolute;
  z-index: 500;
  /* Clear basemap thumb (left) and tool column (right). */
  left: 88px;
  right: 52px;
  bottom: 12px;
  margin: 0;
  padding: 6px 10px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 12px;
  line-height: 16px;
  pointer-events: none;
}
.geofence-map__search {
  position: absolute;
  z-index: 1100;
  top: 12px;
  right: 12px;
  left: auto;
  width: min(280px, 100% - 24px);
  transform: none;
}
.geofence-map__search-input {
  box-sizing: border-box;
  width: 100%;
  height: 36px;
  padding: 0 36px 0 12px;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  border-radius: 6px;
  background: #fff;
  font: inherit;
  font-size: 13px;
}
.geofence-map__search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: var(--uem-color-muted-foreground, #6b7280);
  cursor: pointer;
}
.geofence-map__search-results {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  border-radius: 6px;
  background: #fff;
  max-height: 220px;
  overflow: auto;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.geofence-map__basemap {
  position: absolute;
  z-index: 500;
  left: 12px;
  bottom: 12px;
  display: block;
  width: 64px;
  height: 64px;
  padding: 0;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 6px;
  background: #1f2937;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.geofence-map__basemap-thumb {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Preview of the layer you switch TO on click. */
.geofence-map__basemap-label {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2px 0;
  background: rgba(28, 37, 44, 0.78);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.01em;
  text-align: center;
}
.geofence-map__basemap:hover, .geofence-map__basemap:focus-visible {
  outline: 2px solid var(--uem-color-primary, #0449d1);
  outline-offset: 1px;
}
.geofence-map__canvas .leaflet-container {
  /* Leaflet sets pixel size via invalidateSize; avoid CSS stretch ovals. */
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}
.geofence-map__canvas .leaflet-overlay-pane svg, .geofence-map__canvas .leaflet-overlay-pane canvas {
  /* Do not let overlay panes get non-uniform CSS scaling. */
  transform-box: view-box;
}
.geofence-map__tool-svg svg {
  display: block;
  width: 10px;
  height: 10px;
}
.geofence-map__search-results button {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: none;
  background: transparent;
  text-align: left;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.geofence-map__search-results button:hover {
  background: var(--uem-color-secondary-hover, #f6f9ff);
}
.geofence-map__basemap.is-street .geofence-map__basemap-thumb {
  background-image: url("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/3/2/3");
}
.geofence-map__basemap.is-satellite .geofence-map__basemap-thumb {
  background-image: url("https://tile.openstreetmap.org/3/2/3.png");
}
.geofence-map .leaflet-draw-toolbar {
  display: none;
}
.geofence-map {
  /* Leaflet.draw mouse tooltip ("Click and drag to draw…") — hide; we use float radius tips. */
}
.geofence-map .leaflet-draw-tooltip {
  display: none !important;
}
.geofence-map .leaflet-editing-icon, .geofence-map .leaflet-div-icon.leaflet-editing-icon {
  width: 10px !important;
  height: 10px !important;
  margin-left: -5px !important;
  margin-top: -5px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: var(--uem-color-primary, #0449d1) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
  cursor: grab !important;
  pointer-events: auto !important;
}
.geofence-map .leaflet-editing-icon.leaflet-edit-resize, .geofence-map .leaflet-editing-icon.leaflet-edit-move {
  cursor: grab !important;
}
.geofence-map .leaflet-touch .leaflet-editing-icon, .geofence-map .leaflet-touch .leaflet-div-icon.leaflet-editing-icon {
  width: 14px !important;
  height: 14px !important;
  margin-left: -7px !important;
  margin-top: -7px !important;
}
.geofence-map .leaflet-marker-icon.leaflet-editing-icon {
  width: 10px !important;
  height: 10px !important;
}
.geofence-map .leaflet-marker-draggable {
  pointer-events: auto !important;
  cursor: grab !important;
}
.geofence-map.is-handle-dragging, .geofence-map.is-handle-dragging .leaflet-container, .geofence-map.is-handle-dragging .leaflet-container *, .geofence-map .leaflet-container.leaflet-dragging, .geofence-map .leaflet-container.leaflet-dragging * {
  cursor: grabbing !important;
}

/* Same grabbing / pinch hand as Leaflet map pan while dragging edit handles. */
@media (max-width: 900px) {
  .add-geofence-modal__body {
    grid-template-columns: 1fr;
  }
  .add-geofence-modal__polygon-row {
    grid-template-columns: 1fr 1fr 28px;
  }
  .add-geofence-modal__polygon-index {
    grid-column: 1/-1;
    padding-bottom: 0;
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Compact Edit (text + smaller pencil) — Criteria details + Review step */
.device-group-edit-btn span[aria-hidden=true] {
  width: 14px;
  height: 14px;
}
.device-group-edit-btn svg {
  width: 14px;
  height: 14px;
}

.review-step {
  gap: 0;
}
.review-step__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 20px;
  border-bottom: 1px solid var(--uem-color-border, #e4e8eb);
}
.review-step__pane {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.review-step__pane-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.review-step__pane-title {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.review-step__inclusion {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 24px;
}
.review-step__inclusion-label, .review-step__section-label {
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.review-step__inclusion-value {
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.review-step__fences, .review-step__manual {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.review-step__empty {
  margin: 0;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 14px;
  line-height: 20px;
}
.review-step__rule-criteria {
  grid-template-columns: max-content minmax(0, 1fr);
}
.review-step__stub-note {
  align-self: flex-start;
  padding: 2px 8px;
  border-radius: 4px;
  background: #fef3c7;
  color: #92400e;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.review-step__exceptions-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  font-size: 13px;
  line-height: 18px;
}

.review-step__exception-by {
  color: var(--uem-color-primary, #0449d1);
  font-weight: 500;
}
.review-step__exception-values--green {
  color: #409c35;
}
.review-step__exception-values--amber {
  color: #b45309;
}
.review-step__exceptions-table th, .review-step__exceptions-table td {
  padding: 10px 16px;
  border-bottom: 1px solid var(--uem-color-border, #e4e8eb);
  text-align: left;
  vertical-align: top;
}
.review-step__exceptions-table th {
  color: var(--uem-color-muted-foreground, #6b7280);
  font-weight: 500;
}
.review-step__exceptions-table tr:last-child td {
  border-bottom: none;
}

.throwaway-save-modal__note {
  margin: 0 0 12px;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-size: 13px;
}
.throwaway-save-modal__pre {
  margin: 0;
  max-height: 420px;
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  border-radius: 8px;
  background: #f8fafc;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
}

.leave-without-saving-modal__body {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  line-height: 20px;
}

.add-identifiers-modal {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.add-identifiers-modal__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.add-identifiers-modal__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.add-identifiers-modal__field--hidden {
  display: none;
}

.add-identifiers-modal__input--error::after {
  border-color: var(--uem-color-error, #dc2626) !important;
}
.add-identifiers-modal__field-label {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.add-identifiers-modal__error {
  margin: 0;
  color: var(--uem-color-danger, #dc2626);
  font-size: 12px;
  line-height: 16px;
}
.add-identifiers-modal__discard-body {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  line-height: 20px;
}
.add-identifiers-modal__field--green input {
  color: #409c35;
}
.add-identifiers-modal__field--amber input {
  color: #d97706;
}
.add-identifiers-modal__field--error > div, .add-identifiers-modal__input--error {
  border: 1px solid var(--uem-color-error, #dc2626) !important;
}
.add-identifiers-modal__field--error > div:focus-within, .add-identifiers-modal__input--error:focus-within {
  border-color: var(--uem-color-error, #dc2626) !important;
}

.manual-exceptions-table-wrap {
  width: 100%;
  min-width: 0;
  margin-top: 4px;
  border: 1px solid var(--uem-color-border, #e4e8eb);
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.manual-exceptions-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: none;
  background: transparent;
  font-size: 13px;
  line-height: 18px;
}

.manual-exceptions-table--with-actions th:first-child,
.manual-exceptions-table--with-actions td:first-child {
  width: 160px;
  padding-right: 8px;
}

.manual-exceptions-table--with-actions th:last-child,
.manual-exceptions-table--with-actions td:last-child {
  padding-left: 8px;
}

.manual-exceptions-table__actions-col {
  width: 40px;
  padding-left: 4px !important;
  padding-right: 4px !important;
  text-align: center;
  vertical-align: middle;
}
.manual-exceptions-table__actions-btn {
  opacity: 0;
  color: var(--uem-color-muted-foreground, #667085);
}

.manual-exceptions-table__menu {
  min-width: 120px;
  padding: 4px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.12), 0 1px 4px rgba(16, 24, 40, 0.08);
}
.manual-exceptions-table__menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 13px;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
}

.manual-exceptions-table__menu-item:hover, .manual-exceptions-table__menu-item:focus-visible {
  background: #f2f4f7;
  outline: none;
}

.exceptions-step__csv-overwrite-body {
  margin: 0;
  color: var(--uem-color-foreground, #1a1a1a);
  font-size: 14px;
  line-height: 20px;
}

.manual-exceptions-table__by {
  color: var(--uem-color-primary, #0449d1);
  font-weight: 500;
}
.manual-exceptions-table__values-cell {
  overflow: hidden;
  max-width: 0;
}
.manual-exceptions-table__tooltip-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  line-height: 18px;
}
.manual-exceptions-table__values {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
  font-size: 13px;
}
.manual-exceptions-table__values--green {
  color: #409c35;
}
.manual-exceptions-table__values--amber {
  color: #d97706;
}
.manual-exceptions-table__mouse-tooltip {
  position: fixed;
  z-index: 10000;
  box-sizing: border-box;
  max-width: min(360px, 100vw - 16px);
  max-height: min(240px, 100vh - 16px);
  overflow: auto;
  padding: 12px;
  border-radius: 8px;
  background: #ffffff;
  color: #1a1a1a;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.12), 0 1px 4px rgba(16, 24, 40, 0.08);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
  pointer-events: none;
}
.manual-exceptions-table th, .manual-exceptions-table td {
  padding: 10px 16px;
  border-bottom: 1px solid var(--uem-color-border, #e4e8eb);
  text-align: left;
  vertical-align: middle;
}
.manual-exceptions-table th:first-child, .manual-exceptions-table td:first-child {
  width: 180px;
  padding-right: 32px;
}
.manual-exceptions-table th:last-child, .manual-exceptions-table td:last-child {
  padding-left: 32px;
}
.manual-exceptions-table tbody tr:hover .manual-exceptions-table__actions-btn, .manual-exceptions-table tbody tr.is-menu-open .manual-exceptions-table__actions-btn, .manual-exceptions-table__actions-btn:focus-visible {
  opacity: 1;
}
.manual-exceptions-table__menu-item svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}
.manual-exceptions-table th {
  background: #f8fafc;
  color: var(--uem-color-muted-foreground, #6b7280);
  font-weight: 500;
}
.manual-exceptions-table tr:last-child td {
  border-bottom: none;
}

.manage-export-popup {
  width: min(560px, 100vw - 48px);
  max-height: none;
  align-items: stretch;
  /* Kit .Popup_popup defaults to overflow:hidden — keep columns menu visible. */
  overflow: visible !important;
  /* ui-kit Popup body defaults to overflow:auto (clips absolute menus). */
}
.manage-export-popup .Popup_body,
.manage-export-popup > div:nth-child(2) {
  align-items: stretch;
  width: 100%;
  min-width: 0;
  overflow: visible !important;
}
.manage-export-popup > footer {
  position: relative;
  z-index: 1;
  padding: 15px 20px;
  gap: 10px;
}
.manage-export-popup > footer > div {
  gap: 10px;
}

.manage-export {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  color: var(--hex-color-basic, #191919);
}
.manage-export__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.manage-export__row--columns {
  align-items: stretch;
}
@media (max-width: 640px) {
  .manage-export__row {
    flex-direction: column;
    gap: 6px;
  }
}
.manage-export__label {
  flex: 0 0 120px;
  width: 120px;
  max-width: 120px;
  box-sizing: border-box;
  min-height: 30px;
  margin: 0;
  padding-top: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
}
.manage-export__field {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
.manage-export__radios {
  flex-direction: row;
  align-items: center;
  gap: 20px;
  min-height: 30px;
}
.manage-export__radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  color: var(--hex-color-basic, #191919);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.manage-export {
  /* Production-parity multi-select: chips in trigger + dropdown options. */
}
.manage-export__columns-select {
  position: relative;
  width: 100%;
  min-width: 0;
}
.manage-export__columns-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 6px 10px;
  border: 1px solid var(--hex-border-color, #e4e8eb);
  border-radius: 8px;
  background: var(--white-color, #ffffff);
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
}
.manage-export__chips {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
  min-width: 0;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.manage-export__chips::-webkit-scrollbar {
  display: none;
}
.manage-export__chips-placeholder {
  color: var(--hex-color-secondary, #788c9b);
  font-size: 14px;
  line-height: 21px;
}
.manage-export__chip {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  max-width: 180px;
  padding: 2px 5px;
  border-radius: 15px;
  background: #e9f2ff;
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manage-export__chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--hex-active-tab-color, #0449d1);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.manage-export__columns-chevron {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: var(--hex-color-basic, #191919);
  line-height: 0;
  transition: transform 0.2s ease;
}
.manage-export__columns-chevron--open {
  transform: rotate(180deg);
}
.manage-export__columns-menu {
  position: absolute;
  /* Open upward — Columns sits above the footer; downward menus get clipped. */
  bottom: calc(100% + 4px);
  top: auto;
  left: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 268px;
  max-height: min(260px, 45vh);
  padding: 10px 0;
  border-radius: 15px;
  background: var(--white-color, #ffffff);
  box-shadow: 0 0 4px 0 rgba(184, 184, 184, 0.28);
  box-sizing: border-box;
  overflow: hidden;
}
.manage-export__columns-search {
  flex-shrink: 0;
  padding: 0 10px 8px;
}
.manage-export__columns-options {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.manage-export__column-option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 8px 16px;
  box-sizing: border-box;
  border: 0;
  background: transparent;
  color: var(--hex-color-basic, #191919);
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 21px;
  text-align: left;
  cursor: pointer;
}
.manage-export__column-option:hover {
  color: var(--hex-active-tab-color, #0449d1);
  background: #f0f7ff;
}
.manage-export__column-option--selected {
  color: var(--hex-active-tab-color, #0449d1);
  background: #f0f7ff;
}
.manage-export__column-option span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.manage-export__error {
  margin: 0;
  color: #a30000;
  font-size: 12px;
  line-height: 18px;
}
.manage-export__hint, .manage-export__empty {
  margin: 0;
  color: var(--hex-color-secondary, #788c9b);
  font-size: 12px;
  line-height: 18px;
}
.manage-export__empty {
  padding: 12px 16px;
}

.manage-toolbar-bulk-user__blocked {
  display: inline-flex;
}

.manage-toolbar-bulk-user__button--blocked {
  pointer-events: none;
}
/* XDR popups – exact Figma specs (Lato, tokens). Fixed px so popup/images match Figma size. */
:root {
  --xdr-surface-default: #fff;
  --xdr-surface-grey-medium: #eaeef0;
  --xdr-surface-blue-subtlest: #f6f9ff;
  --xdr-surface-blue-default: #0449d1;
  --xdr-text-default: #191919;
  --xdr-text-secondary: #788c9b;
  --xdr-text-disabled: #e4e8eb;
  --xdr-text-white: #fff;
  --xdr-border-separator: #e4e8eb;
  --xdr-shadow-modal: 0 14px 34px 0 rgba(189, 189, 189, 0.45);
  --xdr-shadow-card: 0 2px 11px 0 rgba(214, 216, 217, 0.47);
  --xdr-font-lato: 'Lato', sans-serif;
  /* Figma: popup 1108×714, radius 30px; blur layer 1128×734, radius 40px */
  --xdr-popup-radius: 30px;
  --xdr-modal-width: 1108px;
  --xdr-modal-height: 714px;
  --xdr-blur-width: 1128px;
  --xdr-blur-height: 734px;
  --xdr-blur-radius: 40px;
  --xdr-landing-left-width: 587px; /* 36.6875 × 16 */
  /* Start content area below UEM hometabs */
  --xdr-content-top: 112px;
  --xdr-viewport-padding: 1.5rem;
}

.xdr-tab-container {
  min-height: 12.5em;
}

.xdr-tab-content {
  padding: 1.5em;
  font-family: var(--xdr-font-lato);
  font-size: 0.875em;
  line-height: 1.3125;
  color: var(--xdr-text-default);
}

/* Full dashboard image below UEM hometabs – width stretched to full screen */
.xdr-page-background {
  position: fixed;
  top: var(--xdr-content-top);
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  filter: blur(8px);
  z-index: 1030;
}

/* Blurred rectangle – Figma 1128×734, radius 40px; offset down below hometabs */
.xdr-backdrop {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + 28px));
  width: var(--xdr-blur-width);
  height: var(--xdr-blur-height);
  min-width: 0;
  min-height: 0;
  max-width: calc(100vw - 2 * var(--xdr-viewport-padding));
  max-height: calc(100vh - var(--xdr-content-top) - 2 * var(--xdr-viewport-padding));
  border-radius: var(--xdr-blur-radius);
  background: rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  z-index: 1040;
  box-sizing: border-box;
}

/* Content rectangle – Figma 1108×714, radius 30px; offset down below hometabs */
.xdr-modal-shell {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + 28px));
  width: var(--xdr-modal-width);
  height: var(--xdr-modal-height);
  min-width: 0;
  min-height: 0;
  max-width: calc(100vw - 2 * var(--xdr-viewport-padding));
  max-height: calc(100vh - var(--xdr-content-top) - 2 * var(--xdr-viewport-padding));
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scroll-padding-block: 1rem;
  border-radius: var(--xdr-popup-radius);
  background: #fff;
  box-shadow: var(--xdr-shadow-modal);
  z-index: 1050;
  font-family: var(--xdr-font-lato);
  box-sizing: border-box;
}

/* Inner column for requested / active / expired / loading: same shell as landing, content centered */
.xdr-modal-shell > .xdr-modal-center {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.25em;
  text-align: center;
  box-sizing: border-box;
}

.xdr-modal-shell > .xdr-modal-center > .xdr-modal-center-inner {
  width: 100%;
  flex-shrink: 0;
  margin-block: auto;
}

/* Short viewport (e.g. code-server 1678×454): keep popup bounded so it doesn't fill the page */
@media (max-height: 520px) {
  .xdr-modal-shell,
  .xdr-backdrop {
    height: 82vh;
    max-height: 82vh;
    min-height: 320px;
  }
}
/* ========== Landing (trial request) – two frames aligned per Figma ========== */
.xdr-landing-inner {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-height: none;
  overflow: visible;
  box-sizing: border-box;
  min-width: 0;
  flex: 1 0 auto;
}

.xdr-landing-left {
  width: var(--xdr-landing-left-width);
  min-width: var(--xdr-landing-left-width);
  background: var(--xdr-surface-blue-subtlest);
  border-radius: var(--xdr-popup-radius) 0 0 var(--xdr-popup-radius);
  display: flex;
  padding: 1.875em 2.5em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25em;
  align-self: stretch;
  box-sizing: border-box;
}

.xdr-landing-left-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  align-self: stretch;
}

/* Figma left frame: "hexnode xdr" asset (logo/heading at top) – increased size */
.xdr-landing-hexnode-heading {
  font-family: var(--xdr-font-lato);
  font-weight: 700;
  font-size: 1.375em;
  line-height: 1.75;
  color: var(--xdr-text-default);
  margin: 0;
  letter-spacing: 0.02em;
  text-transform: lowercase;
}

.xdr-landing-title-block {
  display: flex;
  flex-direction: column;
  gap: 0.625em;
}

.xdr-landing-title {
  font-family: var(--xdr-font-lato);
  font-weight: 700;
  font-size: 2.25em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  margin: 0;
}

.xdr-landing-desc {
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  margin: 0;
}

.xdr-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* align-items: flex-end; */
  gap: 0.9375em;
  align-self: stretch;
}

.xdr-feature-item {
  display: flex;
  gap: 0.9375em;
  align-items: flex-start;
  padding-bottom: 0.9375em;
  margin: 0;
}

.xdr-feature-item + .xdr-feature-item {
  border-top: 1px solid var(--xdr-border-separator);
  padding-top: 0.9375em;
}

/* Landing feature icons – increased size (28×28) */
.xdr-feature-icon-img {
  width: 1.75em;
  height: 1.75em;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}

.xdr-feature-icon-img svg {
  width: 100%;
  height: 100%;
  display: block;
}

.xdr-feature-item-body {
  display: flex;
  flex-direction: column;
  gap: 0.125em;
  flex: 1;
  min-width: 0;
}

.xdr-feature-title {
  font-family: var(--xdr-font-lato);
  font-weight: 600;
  font-size: 1em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  margin: 0;
}

.xdr-feature-text {
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  margin: 0;
}

.xdr-more-features {
  display: inline-flex;
  align-items: center;
  gap: 0.3125em;
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.5;
  color: var(--xdr-surface-blue-default);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  align-self: center;
}

/* More Features icon – increased size */
.xdr-more-features-icon {
  flex-shrink: 0;
  width: 1.75em;
  height: 1.75em;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

/* Form (right column) – Figma 23409:17308: px 70px, gap 30px, align start */
.xdr-landing-right {
  padding: 0 3.5em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2.25rem;
  flex: 1 0 0;
  align-self: stretch;
  min-width: 0;
  box-sizing: border-box;
}

/* Form container: full width of right column; inputs + button w-full per Figma */
.xdr-landing-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5em;
  align-self: stretch;
}

.xdr-form-header {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.xdr-form-title {
  font-family: var(--xdr-font-lato);
  font-weight: 600;
  font-size: 1.375em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  margin: 0;
}

.xdr-form-subtitle {
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  color: var(--xdr-text-secondary);
  margin: 0;
}

/* Figma: flex flex-col gap-[15px] w-full */
.xdr-form-fields {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  width: 100%;
}

/* Figma: flex flex-col gap-[10px] w-full */
.xdr-form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin: 0;
  width: 100%;
}

.xdr-form-label {
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  margin: 0;
}

/* Form input – increased height and font */
.xdr-form-input {
  width: 100%;
  height: 2.5em;
  padding: 0.5em 0.75em;
  border: 1px solid var(--xdr-border-separator);
  border-radius: 0.5em;
  font-family: var(--xdr-font-lato);
  font-size: 0.9375em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  box-sizing: border-box;
}

.xdr-form-input::-moz-placeholder {
  color: var(--xdr-text-secondary);
}

.xdr-form-input::placeholder {
  color: var(--xdr-text-secondary);
}

.xdr-form-input:focus {
  outline: none;
  border-color: var(--xdr-surface-blue-default);
}

.xdr-form-input[readonly] {
  background: var(--xdr-surface-default);
  cursor: default;
}

.xdr-form-input--error {
  border-color: #c00;
}

.xdr-form-input--error:focus {
  border-color: #c00;
}

.xdr-form-error {
  margin: 0.25em 0 0;
  font-family: var(--xdr-font-lato);
  font-size: 0.8125em;
  line-height: 1.4;
  color: #c00;
}

.xdr-trial-error {
  margin-top: 0.5em;
}

/* Number input – keep increase/decrease spinners visible at all times */
.xdr-form-input-number::-webkit-outer-spin-button,
.xdr-form-input-number::-webkit-inner-spin-button {
  opacity: 1;
  display: block;
}

/* Password field with visibility toggle icon */
.xdr-form-password-wrap {
  position: relative;
  width: 100%;
}

.xdr-form-password-wrap .text-box-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  cursor: pointer;
  z-index: 1;
}

.xdr-form-password-wrap .xdr-form-input {
  padding-right: 2.5em;
}

.xdr-form-input-with-suffix {
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid var(--xdr-border-separator);
  border-radius: 0.5em;
  background: var(--xdr-surface-default);
  box-sizing: border-box;
}

.xdr-form-input-with-suffix .xdr-form-input {
  flex: 1;
  min-width: 0;
  border: none;
  border-radius: 0.5em 0 0 0.5em;
  background: transparent;
}

.xdr-form-input-with-suffix .xdr-form-input:focus {
  border: none;
  box-shadow: none;
}

.xdr-form-input-with-suffix:focus-within {
  border-color: var(--xdr-surface-blue-default);
  outline: none;
}

.xdr-form-input-with-suffix--error {
  border-color: #c00;
}

.xdr-form-input-with-suffix--error:focus-within {
  border-color: #c00;
}

.xdr-form-input-suffix {
  flex-shrink: 0;
  padding: 0 0.75em;
  font-family: var(--xdr-font-lato);
  font-size: 1em;
  line-height: 1.5;
  color: var(--xdr-text-secondary);
  white-space: nowrap;
}

/* Request Trial button – increased height and font */
.xdr-btn-request {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.75em;
  padding: 0.625em 1.25em;
  background: var(--xdr-surface-blue-default);
  color: var(--xdr-text-white);
  border: none;
  border-radius: 0.5em;
  font-family: var(--xdr-font-lato);
  font-weight: 500;
  font-size: 0.9375em;
  line-height: 1.5;
  cursor: pointer;
  margin: 0;
  box-sizing: border-box;
}

.xdr-btn-request:hover:not(:disabled) {
  opacity: 0.9;
}

.xdr-btn-request:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* .xdr-modal-center is only used inside .xdr-modal-shell (see rules above) */
/* Figma: gaps between icon, text, and content blocks (px) */
.xdr-modal-center-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 62.8125em;
  width: 100%;
  padding-inline: 1rem;
  box-sizing: border-box;
}

.xdr-modal-shell::-webkit-scrollbar {
  width: 0.5rem;
}

.xdr-modal-shell::-webkit-scrollbar-thumb {
  background: rgba(120, 140, 155, 0.35);
  border-radius: 999px;
}

.xdr-modal-shell::-webkit-scrollbar-track {
  background: transparent;
}

/* Requested: Figma gap 50px between icon and text, 60px between text and pills */
.xdr-modal-center-inner--requested {
  gap: 50px;
}

/* Accepted: Figma gap 40px */
.xdr-modal-center-inner--accepted {
  gap: 40px;
}

/* Expired: Figma gap 50px */
.xdr-modal-center-inner--expired {
  gap: 50px;
}

/* Icon + rectangle block */
.xdr-modal-icon-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

/* Wrapper so rectangle sits behind icon (Figma: rectangle absolute, icon on top) */
.xdr-modal-icon-block-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

/* Requested – Figma: icon 141×97, rectangle 196×80 at top 67px */
.xdr-modal-icon-block-inner--requested {
  min-height: 147px;
}

/* Accepted – Figma: icon 122×132, rectangle 98×61 at top 107px */
.xdr-modal-icon-block-inner--accepted {
  min-height: 168px;
}

/* Expired – Figma: icon 130×130, rectangle 206×51 at top 93px, rotated -4.52deg */
.xdr-modal-icon-block-inner--expired {
  min-height: 144px;
}

/* Figma: pill rectangle – fill gradient, stroke 2px #FFF, backdrop-filter blur(20px) */
.xdr-modal-icon-rectangle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
  background: linear-gradient(183deg, rgba(255, 255, 255, 0) -8.48%, rgba(255, 255, 255, 0.13) 87.27%);
  border: 2px solid #fff;
  border-radius: 9999px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 0;
}

/* SVG kept for layout; visual from container gradient + stroke */
.xdr-modal-icon-rectangle img,
.xdr-modal-icon-rectangle svg {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  display: block;
  visibility: hidden;
}

/* Figma: requested 12.25em × 5em, top 4.19756em */
.xdr-modal-icon-rectangle--requested {
  width: 12.25rem;
  height: 5rem;
  top: 4.19756rem;
}

/* Figma: accepted 98×61 → 6.125em × 3.8125em, top 6.6875em */
.xdr-modal-icon-rectangle--accepted {
  width: 6.125rem;
  height: 3.8125rem;
  top: 6.6875rem;
}

/* Figma: expired 206×51 → 12.875em × 3.1875em, top 5.8125em, rotated in SVG */
.xdr-modal-icon-rectangle--expired {
  width: 12.875rem;
  height: 3.1875rem;
  top: 5.8125rem;
}

/* Requested: paper plane – larger size (~1.4× Figma) */
.xdr-requested-icon-wrap {
  position: relative;
  z-index: 1;
  width: 200px;
  height: 137px;
  min-width: 200px;
  min-height: 137px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xdr-requested-icon-wrap img,
.xdr-requested-icon-wrap svg {
  width: 200px !important;
  height: 137px !important;
  min-width: 200px;
  min-height: 137px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

/* Figma: gap 10px between heading and subtext */
.xdr-requested-text-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* Figma: gap 60px from text block (50px + 10px), gap 20px between label and pills row */
.xdr-requested-pills-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 10px;
}

/* Figma: gap 10px between pill cards */
.xdr-requested-pills-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

/* Accepted: shield – larger size (~1.4× Figma) */
.xdr-accepted-icon-wrap {
  position: relative;
  z-index: 1;
  width: 171px;
  height: 185px;
  min-width: 171px;
  min-height: 185px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xdr-accepted-icon-wrap img,
.xdr-accepted-icon-wrap svg {
  width: 171px !important;
  height: 185px !important;
  min-width: 171px;
  min-height: 185px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

/* Figma: gap 10px between heading and subtext */
.xdr-accepted-text-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* Figma: gap 20px between text block, domain line, and CTA */
.xdr-accepted-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* Figma: horizontal line above domain line (Accepted modal) */
.xdr-modal-domain-sign {
  margin: 0;
  line-height: 1;
}

.xdr-domain-line-horizontal {
  display: block;
  width: 37em;
  height: 0.0625em;
  background: var(--Colors-border-seperator-1, #e4e8eb);
  border: none;
  border-radius: 0.0625em;
}

.xdr-domain-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3125em;
}

.xdr-domain-badge {
  display: inline-block;
  background: #f6f4f4;
  padding: 0.125em 0.375em;
  border-radius: 0.625em;
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 1.375em;
  line-height: 1.5;
  color: var(--xdr-text-default);
}

/* Expired: warning icon – larger size (~1.4× Figma) */
.xdr-expired-icon-wrap {
  position: relative;
  z-index: 1;
  width: 182px;
  height: 182px;
  min-width: 182px;
  min-height: 182px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xdr-expired-icon-wrap img,
.xdr-expired-icon-wrap svg {
  width: 182px !important;
  height: 182px !important;
  min-width: 182px;
  min-height: 182px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

/* Figma: gap 30px between text block and CTA */
.xdr-expired-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

/* Figma: gap 10px between heading and body text */
.xdr-expired-text-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* Shared typography for centered modals – increased size */
.xdr-modal-heading {
  font-family: var(--xdr-font-lato);
  font-weight: 500;
  font-size: 2.25em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  margin: 0;
  max-width: 62.8125em;
}

.xdr-modal-subtext {
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.5;
  color: var(--xdr-text-secondary);
  margin: 0;
  max-width: 62.8125em;
}

.xdr-modal-body-text {
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  margin: 0;
  max-width: 62.8125em;
}

.xdr-modal-body-text--secondary {
  color: var(--xdr-text-secondary);
}

/* Pill / link cards – increased padding and font */
.xdr-link-card {
  display: inline-flex;
  align-items: center;
  gap: 0.375em;
  padding: 0.5em 0.75em;
  background: var(--xdr-surface-default);
  border: 1px solid var(--xdr-text-disabled);
  border-radius: 0.625em;
  box-shadow: var(--xdr-shadow-card);
  font-family: var(--xdr-font-lato);
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  color: var(--xdr-text-default);
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
}

.xdr-link-card:hover {
  border-color: var(--xdr-surface-blue-default);
  color: var(--xdr-surface-blue-default);
}

.xdr-link-card--genie {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.xdr-link-card-genie-icon {
  width: 1.125em;
  height: 1em;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

/* CTA button – increased height and font */
.xdr-modal-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  padding: 0.75em 1.5625em;
  background: var(--xdr-surface-blue-default);
  color: var(--xdr-text-white);
  border: none;
  border-radius: 0.5em;
  font-family: var(--xdr-font-lato);
  font-weight: 500;
  font-size: 1em;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none;
  margin: 0;
  outline: none;
}

.xdr-modal-cta:hover,
.xdr-modal-cta:visited,
.xdr-modal-cta:focus,
.xdr-modal-cta:active {
  color: var(--xdr-text-white);
  text-decoration: none;
}

.xdr-loading {
  text-align: center;
  padding: 2.5em;
  font-family: var(--xdr-font-lato);
  font-size: 0.875em;
  color: var(--xdr-text-secondary);
}

@media (max-width: 1200px) {
  :root {
    --xdr-content-top: 96px;
    --xdr-viewport-padding: 1rem;
  }
  .xdr-landing-right {
    padding: 1.75rem 2.25rem;
  }
  .xdr-landing-left {
    padding: 1.75rem;
  }
  .xdr-landing-right {
    gap: 1.75rem;
  }
  .xdr-domain-line-horizontal {
    width: 100%;
    max-width: 37em;
  }
}
@media (max-width: 1024px) {
  :root {
    --xdr-modal-height: 46rem;
    --xdr-blur-height: 47rem;
  }
  .xdr-modal-shell,
  .xdr-backdrop {
    transform: translate(-50%, -50%);
  }
  .xdr-landing-inner {
    flex-direction: column;
  }
  .xdr-landing-left,
  .xdr-landing-right {
    width: 100%;
    min-width: 0;
  }
  .xdr-landing-left {
    border-radius: var(--xdr-popup-radius) var(--xdr-popup-radius) 0 0;
    padding: 1.5rem 1.75rem;
    justify-content: flex-start;
  }
  .xdr-landing-right {
    padding: 1.5rem 1.75rem 1.75rem;
    align-items: stretch;
    justify-content: flex-start;
  }
  .xdr-landing-left-content,
  .xdr-landing-form,
  .xdr-form-fields {
    width: 100%;
  }
  .xdr-modal-heading {
    font-size: 1.875em;
  }
  .xdr-form-title {
    font-size: 1.25em;
  }
  .xdr-modal-subtext,
  .xdr-modal-body-text {
    font-size: 1em;
  }
  .xdr-requested-icon-wrap,
  .xdr-requested-icon-wrap img,
  .xdr-requested-icon-wrap svg {
    width: 170px !important;
    height: 116px !important;
    min-width: 170px;
    min-height: 116px;
  }
  .xdr-accepted-icon-wrap,
  .xdr-accepted-icon-wrap img,
  .xdr-accepted-icon-wrap svg {
    width: 145px !important;
    height: 157px !important;
    min-width: 145px;
    min-height: 157px;
  }
  .xdr-expired-icon-wrap,
  .xdr-expired-icon-wrap img,
  .xdr-expired-icon-wrap svg {
    width: 154px !important;
    height: 154px !important;
    min-width: 154px;
    min-height: 154px;
  }
}
@media (max-width: 768px) {
  :root {
    --xdr-content-top: 80px;
    --xdr-viewport-padding: 0.75rem;
  }
  .xdr-page-background {
    background-size: cover;
  }
  /* Keep popup bounded so it never fills entire page (e.g. in code-server iframe) */
  .xdr-modal-shell,
  .xdr-backdrop {
    width: 92vw;
    max-width: var(--xdr-modal-width);
    height: 85vh;
    max-height: 720px;
    min-height: 400px;
  }
  .xdr-landing-left {
    padding: 1.25rem;
  }
  .xdr-landing-right {
    padding: 1.25rem;
    gap: 1.25rem;
  }
  .xdr-landing-left-content {
    gap: 1.25rem;
  }
  .xdr-landing-title {
    font-size: 1.75em;
    line-height: 1.3;
  }
  .xdr-landing-desc,
  .xdr-feature-text,
  .xdr-form-label,
  .xdr-form-input,
  .xdr-btn-request,
  .xdr-modal-subtext,
  .xdr-modal-body-text {
    font-size: 0.9375em;
  }
  .xdr-modal-shell > .xdr-modal-center {
    padding: 1.5rem 1rem;
  }
  .xdr-modal-center-inner--requested,
  .xdr-modal-center-inner--accepted,
  .xdr-modal-center-inner--expired {
    gap: 1.5rem;
  }
  .xdr-requested-pills-row {
    width: 100%;
  }
  .xdr-link-card {
    width: 100%;
    justify-content: center;
  }
  .xdr-domain-line-horizontal {
    width: 100%;
  }
  .xdr-domain-badge {
    font-size: 1.125em;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 480px) {
  :root {
    --xdr-content-top: 72px;
    --xdr-viewport-padding: 0.5rem;
  }
  /* Bounded popup size so it never fills entire page (code-server / small viewports) */
  .xdr-modal-shell,
  .xdr-backdrop {
    width: 94vw;
    max-width: 100%;
    height: 88vh;
    max-height: 680px;
    min-height: 380px;
    border-radius: 1.25rem;
  }
  .xdr-modal-shell {
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1.25rem;
  }
  .xdr-backdrop {
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1.5rem;
  }
  .xdr-landing-left {
    border-radius: 1.25rem 1.25rem 0 0;
    padding: 1.25rem;
  }
  .xdr-landing-right {
    padding: 1rem;
  }
  .xdr-modal-heading {
    font-size: 1.5em;
  }
  .xdr-landing-title {
    font-size: 1.5em;
  }
  .xdr-form-title {
    font-size: 1.125em;
  }
  .xdr-form-subtitle,
  .xdr-landing-desc,
  .xdr-feature-text {
    font-size: 0.875em;
  }
  .xdr-requested-icon-wrap,
  .xdr-requested-icon-wrap img,
  .xdr-requested-icon-wrap svg {
    width: 140px !important;
    height: 96px !important;
    min-width: 140px;
    min-height: 96px;
  }
  .xdr-accepted-icon-wrap,
  .xdr-accepted-icon-wrap img,
  .xdr-accepted-icon-wrap svg {
    width: 124px !important;
    height: 134px !important;
    min-width: 124px;
    min-height: 134px;
  }
  .xdr-expired-icon-wrap,
  .xdr-expired-icon-wrap img,
  .xdr-expired-icon-wrap svg {
    width: 132px !important;
    height: 132px !important;
    min-width: 132px;
    min-height: 132px;
  }
  .xdr-modal-icon-rectangle--requested {
    width: 9.5rem;
    height: 4rem;
    top: 3.5rem;
  }
  .xdr-modal-icon-rectangle--accepted {
    width: 5.25rem;
    height: 3.25rem;
    top: 4.8rem;
  }
  .xdr-modal-icon-rectangle--expired {
    width: 9.75rem;
    height: 2.75rem;
    top: 4.5rem;
  }
}/* =============================================================================
   GLOBALS.CSS - React Frontend Global Styles
   =============================================================================
   This file contains:
   1. Tailwind CSS directives
   2. CSS Variables (Design Tokens) - Single source of truth
   3. Base/Reset styles
   4. Utility classes
   5. Legacy component styles (for non-React components)

   NOTE: hex-ui components (Button, Tooltip, etc.) have their own scoped SCSS.
   These styles are for backward compatibility and non-React usage.
   ============================================================================= */

/* =============================================================================
   1. DESIGN TOKENS (CSS Variables)
   =============================================================================
   These are the single source of truth for colors, spacing, etc.
   Referenced by hex-ui/_tokens.scss and component styles.
   ============================================================================= */
:root {
  /* Brand Colors */
  --hex-active-tab-color: #0449d1;
  --hex-active-tab-hover-color: #0339a5;
  --hex-disabled-tab-color: #b7caee;
  --hex-active-tab-bg-color: #f6f9ff;
  /* Neutral Colors */
  --white-color: #fff;
  --hex-color-basic: #191919;
  --hex-color-secondary: #788c9b;
  /* Border Colors */
  --hex-border-color: #e4e8eb;
  --hex-input-border-color: #a3a9b3;
  --hex-border-color-error: #cc0000;
  /* State Colors */
  --hex-outline-color: #dae4f8;
  --hex-div-color-error: #ffd2d2;
  /* Button Colors */
  --hex-button-third-hover-color: #f5f5f5;
  --hex-button-primary-disable-color: #f3f5f6;
  /* Shadows */
  --hex-dialog-box-shadow-color: rgba(25, 25, 25, 0.15);

  /* Typography */
  --hex-font-family: 'Lato', sans-serif;
  --basic_font_size: 14px;
  --basic_font_weight: 400;
  --basic_line_height: 20px;
}

/* =============================================================================
   2. BASE / RESET STYLES
   =============================================================================
   IMPORTANT: html/body/scrollbar resets are scoped to .hex-react-standalone
   (added via main.tsx in standalone mode) so they do NOT leak into the
   Django/AngularJS admin layout when the React component is embedded.
   ============================================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html.hex-react-standalone {
  overflow: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
  height: 100%;
}

html.hex-react-standalone::-webkit-scrollbar,
.hex-react-standalone ::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

html.hex-react-standalone body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--hex-font-family);
  background-color: var(--white-color);
  color: var(--hex-color-basic);
  line-height: 1.5;
}

.hex-react-standalone #root {
  height: 100%;
}

/* =============================================================================
   3. UTILITY CLASSES
   ============================================================================= */

/* Flexbox utilities */
.hex-flex-display {
  display: flex;
}

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

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

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

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

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

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

/* Sizing utilities */
.max_width {
  width: 100%;
}

.padding_right_30 {
  padding-right: 30px;
}

/* =============================================================================
   4. LAYOUT COMPONENTS
   =============================================================================
   Styles for layout elements used across multiple pages.
   ============================================================================= */
.hex-details {
  background-color: var(--white-color);
  min-height: 100%;
}

.hex-topbar {
  position: relative;
  height: 62px;
}

.hex-topbar-fixed {
  background-color: var(--white-color);
  padding: 16px 40px;
  z-index: 3000;
  position: fixed;
  width: 100%;
}

.hex-topbar-logo {
  cursor: pointer;
  max-width: 300px;
  max-height: 42px;
}

.hex-topbar-info {
  color: var(--hex-color-basic);
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none !important;
  gap: 4px;
}

.hex-topbar-info:hover {
  color: var(--hex-color-basic);
}

.hex-topbar-footer {
  color: var(--hex-color-basic);
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 0 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 5px;
}

/* Link style */
.hex-link {
  color: var(--hex-active-tab-color) !important;
  cursor: pointer;
  text-decoration: none !important;
}

.hex-link:hover {
  color: var(--hex-active-tab-color);
}

/* =============================================================================
   5. FORM COMPONENTS (Legacy)
   =============================================================================
   These styles are for forms that haven't been migrated to React components.
   Once Input, Checkbox, etc. components are created, these can be removed.
   
   NOTE: Scoped under .hex-v2 to avoid conflicts with AngularJS confirmation modal
   which uses the same class names but relies on static hexui-v2 CSS.
   ============================================================================= */

/* Text Input - Scoped to .hex-v2 */
.hex-v2 .text-box {
  height: 40px;
  padding: 10px;
  border-radius: 8px;
  background-color: var(--white-color);
  outline: 1px solid var(--hex-border-color);
  outline-offset: -2px;
  border: 1px solid var(--white-color);
  width: 100%;
}

.hex-v2 .text-box::-moz-placeholder {
  color: var(--hex-color-secondary);
  opacity: 0.5;
}

.hex-v2 .text-box::placeholder {
  color: var(--hex-color-secondary);
  opacity: 0.5;
}

.hex-v2 .text-box:hover {
  border: 1px solid var(--hex-border-color);
  box-shadow: 0 0 0 2px var(--hex-outline-color);
}

.hex-v2 .text-box:focus,
.hex-v2 .text-box:active {
  border: 1px solid var(--hex-active-tab-color);
  box-shadow: 0 0 0 2px var(--hex-outline-color);
  outline: none;
}
.hex-v2 .text-box.error {
  outline: 1px solid var(--hex-border-color-error);
}
.hex-v2 .text-box.error:focus,
.hex-v2 .text-box.error:active {
  border: 1px solid var(--hex-border-color-error);
  outline: none;
}
.hex-v2 .field-error-text {
  color: var(--hex-border-color-error);
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
  line-height: 1.3;
  text-align: left;
}
.hex-v2 .text-box-text {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
.hex-v2 .text-box-text::-moz-placeholder {
  font-weight: 400;
  -webkit-text-stroke: 0.3px currentColor;
  -webkit-font-smoothing: antialiased;
  opacity: 0.5;
}
.hex-v2 .text-box-text::placeholder {
  font-weight: 400;
  -webkit-text-stroke: 0.3px currentColor;
  -webkit-font-smoothing: antialiased;
  opacity: 0.5;
}
.hex-v2 .text-box-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 1;
  right: 10px;
  opacity: 0.5;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

.hex-v2 .text-box-heading {
  color: var(--hex-color-basic);
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
}

/* Checkbox - Scoped to .hex-v2 */
.hex-v2 .checkbox-container {
  color: var(--hex-color-basic);
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.hex-v2 .checkbox-container label {
  margin: 0;
  font-weight: 400;
}

.hex-v2 .custom-checkbox {
  display: none;
}

.hex-v2 .custom-checkbox + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: left;
}

.hex-v2 .custom-checkbox + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--hex-input-border-color);
  border-radius: 5px;
  background-color: var(--white-color);
}

.hex-v2 .custom-checkbox:checked + label::before {
  background-color: var(--hex-active-tab-color);
  border-color: var(--hex-active-tab-color);
}

.hex-v2 .custom-checkbox:checked + label::after {
  content: '✓';
  font-family: system-ui;
  position: absolute;
  left: 5px;
  top: 0;
  font-size: 10px;
  color: var(--white-color);
  transition: opacity 0.3s;
}

.hex-v2 .custom-checkbox + label:hover::before {
  border-color: var(--hex-active-tab-color);
}

/* Error Box - Scoped to .hex-v2 */
.hex-v2 .error-box {
  min-height: 40px;
  padding: 10px 15px;
  background-color: var(--hex-div-color-error);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  color: var(--hex-border-color-error);
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  font-weight: 400;
  gap: 10px;
}

/* =============================================================================
   6. BUTTON STYLES (Legacy)
   =============================================================================
   DEPRECATED: Use <Button> component from @/hex-ui instead.
   These styles remain for backward compatibility with non-React code.
   ============================================================================= */
.hex-button-v2 {
  height: 45px;
  padding: 12px 25px;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  cursor: pointer;
  transition:
    background-color 0.2s,
    border-color 0.2s;
}

.hex-button-v2.button-md {
  height: 40px;
  padding: 9.5px 20px;
}

.hex-button-v2.button-sm {
  height: 35px;
  padding: 7px 16px;
}

.button-primary {
  border: 0;
  background-color: var(--hex-active-tab-color);
  color: var(--white-color);
}

.button-primary:hover {
  background-color: var(--hex-active-tab-hover-color);
  color: var(--white-color);
}

.button-secondary {
  border: 1px solid var(--hex-border-color);
  background-color: var(--white-color);
  color: var(--hex-active-tab-color);
}

.button-secondary:hover {
  border: 1px solid var(--hex-active-tab-color);
}

.button-third {
  border: 1px solid var(--hex-border-color);
  background-color: var(--white-color);
  color: var(--hex-active-tab-color);
}

.button-third:hover {
  border: 1px solid var(--hex-active-tab-color);
  background-color: var(--hex-button-third-hover-color);
}

.disbaled-primary-button {
  border: 0;
  background-color: var(--hex-button-primary-disable-color);
  color: var(--hex-border-color);
  cursor: not-allowed;
}

.disbaled-primary-button:hover {
  border: 0;
  background-color: var(--hex-button-primary-disable-color) !important;
  color: var(--hex-border-color) !important;
}

.button-loading {
  border: 0;
  background-color: var(--hex-active-tab-color);
  color: var(--white-color);
}

.button-loading:hover {
  background-color: var(--hex-active-tab-color);
}

/* =============================================================================
   7. RESPONSIVE STYLES
   ============================================================================= */
@media screen and (max-width: 530px) {
  .hex-topbar-fixed {
    padding: 8px 10px;
  }

  .hex-topbar-logo {
    width: 40%;
  }
}
.your-element-class {
  font-family: 'YourVariableFont', sans-serif;
  font-variation-settings: 'wght' 450;
}
*,*::before,*::after{box-sizing:border-box;}:root{--uem-spacing-0:0;--uem-spacing-1:4px;--uem-spacing-2:6px;--uem-spacing-3:10px;--uem-spacing-4:12px;--uem-spacing-5:16px;--uem-spacing-6:20px;--uem-spacing-8:24px;--uem-spacing-10:32px;--uem-spacing-12:40px;--uem-spacing-16:48px;--uem-font-family:'Lato',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--uem-font-size-heading-large:32px;--uem-font-size-title-large:22px;--uem-font-size-title-medium:20px;--uem-font-size-title-small:16px;--uem-font-size-body-large:14px;--uem-font-size-body-medium:12px;--uem-font-size-body-small:10px;--uem-font-size-body-extra-small:8px;--uem-font-weight-regular:400;--uem-font-weight-medium:500;--uem-font-weight-semibold:600;--uem-font-weight-bold:700;--uem-line-height-tight:1.25;--uem-line-height-normal:1.5;--uem-radius-none:0;--uem-radius-sm:4px;--uem-radius-md:6px;--uem-radius-lg:8px;--uem-radius-full:9999px;--uem-radius-chip-pill:16px;--uem-radius-checkbox:4px;--uem-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--uem-shadow-md:0 4px 6px rgba(0,0,0,0.1);--uem-shadow-lg:0 10px 15px rgba(0,0,0,0.1);--uem-shadow-card-hover:0 4px 25px rgba(25,25,25,0.16);--uem-z-dropdown:1000;--uem-z-modal:1100;--uem-z-popover:1150;--uem-z-toast:1200;}:root,[data-theme='light']{--uem-color-background:#ffffff;--uem-color-surface:#f8fafc;--uem-color-surface-tertiary:#f1f5f9;--uem-color-surface-hover:#f1f5f9;--uem-color-foreground:#191919;--uem-color-muted:#f1f5f9;--uem-color-muted-foreground:#788c9b;--uem-color-content-tertiary:#94a3b8;--uem-color-content-inverse:#ffffff;--uem-color-border:#e4e8eb;--uem-color-border-strong:#a3a9b3;--uem-color-primary:#0449d1;--uem-color-primary-hover:#0339a5;--uem-color-primary-active:#0339a5;--uem-color-primary-foreground:#ffffff;--uem-color-focus-ring:#1461fa;--uem-color-brand-surface:#eff4ff;--uem-color-brand-surface-hover:#dbe6ff;--uem-color-brand-text:#0449d1;--uem-color-brand-text-hover:#0339a8;--uem-color-secondary:transparent;--uem-color-secondary-hover:#f6f9ff;--uem-color-secondary-foreground:#0449d1;--uem-color-success:#337e2b;--uem-color-success-surface:#eaf7e8;--uem-color-error:#dc2626;--uem-color-error-foreground:#ffffff;--uem-color-error-surface:#fff0f0;--uem-color-warning:#b45309;--uem-color-warning-surface:#fff8eb;--uem-color-danger:#ff4747;--uem-color-danger-hover:#a30000;--uem-color-danger-foreground:#ffffff;--uem-color-danger-surface-hover:#ffebeb;--uem-color-counter-surface:#ffd2d2;--uem-color-counter-foreground:#ad1f1f;--uem-color-chip-default:#eaeef0;--uem-color-chip-new-subtle-bg:#f6f9ff;--uem-color-chip-new-subtle-fg:#0449d1;--uem-color-chip-new-strong-bg:#0449d1;--uem-color-chip-new-strong-fg:#ffffff;--uem-color-chip-default-subtle-bg:#e4e8eb;--uem-color-chip-default-subtle-fg:#788c9b;--uem-color-chip-default-strong-bg:#788c9b;--uem-color-chip-default-strong-fg:#ffffff;--uem-color-chip-removed-subtle-bg:#ffebeb;--uem-color-chip-removed-subtle-fg:#cc0000;--uem-color-chip-removed-strong-bg:#ff4747;--uem-color-chip-removed-strong-fg:#ffffff;--uem-color-chip-success-subtle-bg:#d4efd1;--uem-color-chip-success-subtle-fg:#409c35;--uem-color-chip-success-strong-bg:#409c35;--uem-color-chip-success-strong-fg:#ffffff;--uem-color-chip-inprogress-subtle-bg:#fffaee;--uem-color-chip-inprogress-subtle-fg:#ffc541;--uem-color-chip-inprogress-strong-bg:#ffc541;--uem-color-chip-inprogress-strong-fg:#ffffff;--uem-color-chip-filter-selected-bg:#e9f2ff;--uem-color-chip-filter-selected-fg:#0449d1;--uem-color-chip-filter-default-bg:transparent;--uem-color-chip-filter-default-fg:#788c9b;--uem-color-chip-filter-default-border:#e4e8eb;--uem-color-disabled-surface:#f3f5f6;--uem-color-disabled-foreground:#788c9b;--uem-color-overlay:rgba(0,0,0,0.5);--uem-color-note-general-surface:#f6f9ff;--uem-color-note-general-foreground:#0449d1;--uem-color-note-warning-surface:#fffaee;--uem-color-note-warning-foreground:#c28800;--uem-color-note-critical-surface:#ffebeb;--uem-color-note-critical-foreground:#a30000;--uem-color-selection-banner-surface:#c3d7fe;--uem-color-selection-banner-foreground:#0449d1;--uem-color-tooltip-dark-bg:#788c9b;--uem-color-tooltip-dark-fg:#ffffff;--uem-color-tooltip-medium-bg:#a3a9b3;--uem-color-tooltip-medium-fg:#191919;--uem-color-tooltip-light-bg:#ffffff;--uem-color-tooltip-light-fg:#191919;--uem-color-tag-critical-bg:#ffebeb;--uem-color-tag-critical-border:#ffd2d2;--uem-color-tag-critical-fg:#ff4747;--uem-color-tag-high-bg:#fffaee;--uem-color-tag-high-border:#ffe8b3;--uem-color-tag-high-fg:#c28800;--uem-color-tag-medium-bg:#fff7f5;--uem-color-tag-medium-border:#ffe9e3;--uem-color-tag-medium-fg:#de7000;--uem-color-tag-low-bg:#f9fff8;--uem-color-tag-low-border:#d4efd1;--uem-color-tag-low-fg:#409c35;--uem-color-tag-informational-bg:#f6f9ff;--uem-color-tag-informational-border:#c3d7fe;--uem-color-tag-informational-fg:#0449d1;--uem-color-tag-na-bg:#f8f8f8;--uem-color-tag-na-border:#d5d6d7;--uem-color-tag-na-fg:#788c9b;--uem-color-stepper-indicator-active:#0449d1;--uem-color-stepper-indicator-active-error:#cc0000;--uem-color-stepper-indicator-active-disabled:#f8f8f8;--uem-color-stepper-indicator-active-error-disabled:#ffd2d2;--uem-color-stepper-indicator-dot:#ffffff;--uem-color-stepper-indicator-inactive-bg:#f8f8f8;--uem-color-stepper-indicator-inactive-border:#a3a9b3;--uem-color-stepper-indicator-error-border:#cc0000;--uem-color-stepper-indicator-error-disabled-border:#ffd2d2;--uem-color-stepper-indicator-disabled-border:#e4e8eb;--uem-color-stepper-connector-complete:#c3d7fe;--uem-color-stepper-connector-pending:#a3a9b3;--uem-color-stepper-badge-active-bg:#0449d1;--uem-color-stepper-badge-active-fg:#f8f8f8;--uem-color-stepper-badge-inactive-border:#a3a9b3;--uem-color-stepper-label-active-fg:#191919;--uem-color-stepper-label-inactive-fg:#788c9b;--uem-color-stepper-vertical-title-current:#0449d1;--uem-color-stepper-vertical-title-default:#191919;--uem-color-stepper-vertical-description:#788c9b;--uem-color-stepper-vertical-description-completed:#409c35;--uem-color-stepper-vertical-connector:#e4e8eb;--uem-color-stepper-vertical-completed-bg:#409c35;--uem-color-stepper-vertical-completed-fg:#ffffff;--uem-color-form-step-nav-completed-bg:#409c35;--uem-color-form-step-nav-completed-fg:#ffffff;--uem-color-form-step-nav-current-bg:#0449d1;--uem-color-form-step-nav-current-fg:#ffffff;--uem-color-form-step-nav-upcoming-border:#a3a9b3;--uem-color-form-step-nav-upcoming-fg:#788c9b;--uem-color-form-step-nav-connector:#e4e8eb;--uem-color-form-step-nav-title-current:#0449d1;--uem-color-form-step-nav-title-default:#191919;--uem-color-form-step-nav-title-upcoming:#788c9b;--uem-color-form-step-nav-description:#788c9b;--uem-color-form-step-nav-description-completed:#409c35;--uem-color-form-step-nav-panel-bg:#ffffff;--uem-color-form-step-nav-panel-border:#e4e8eb;--uem-color-selectable-picker-border:#e4e8eb;--uem-color-selectable-picker-cell-bg:#ffffff;--uem-color-selectable-picker-cell-selected-bg:#f6f9ff;--uem-color-selectable-picker-label:#191919;--uem-color-selectable-picker-empty:#788c9b;--uem-color-selectable-picker-surface:#ffffff;--uem-color-radio-border:#a3a9b3;--uem-color-radio-border-checked:#0449d1;--uem-color-radio-border-disabled:#e4e8eb;--uem-color-radio-border-invalid:#cc0000;--uem-color-radio-dot:#0449d1;--uem-color-radio-dot-disabled:#a3a9b3;--uem-color-radio-dot-invalid:#cc0000;--uem-color-radio-fill-disabled:#e4e8eb;--uem-color-checkbox-border:#a3a9b3;--uem-color-checkbox-border-checked:#0449d1;--uem-color-checkbox-border-disabled:#e4e8eb;--uem-color-checkbox-border-invalid:#cc0000;--uem-color-checkbox-fill-checked:#0449d1;--uem-color-checkbox-fill-disabled:#e4e8eb;--uem-color-checkbox-fill-invalid:#cc0000;--uem-color-checkbox-mark:#ffffff;--uem-color-checkbox-mark-disabled:#a3a9b3;}[data-theme='dark']{--uem-color-background:#1e1e2e;--uem-color-surface:#181825;--uem-color-surface-tertiary:#313244;--uem-color-surface-hover:#313244;--uem-color-foreground:#cdd6f4;--uem-color-muted:#313244;--uem-color-muted-foreground:#a6adc8;--uem-color-content-tertiary:#7f849c;--uem-color-content-inverse:#1e1e2e;--uem-color-border:#45475a;--uem-color-border-strong:#6c7086;--uem-color-primary:#3b82f6;--uem-color-primary-hover:#60a5fa;--uem-color-primary-active:#2f6fd6;--uem-color-primary-foreground:#ffffff;--uem-color-focus-ring:#1461fa;--uem-color-brand-surface:#1e2a4a;--uem-color-brand-surface-hover:#263560;--uem-color-brand-text:#60a5fa;--uem-color-brand-text-hover:#93c5fd;--uem-color-secondary:transparent;--uem-color-secondary-hover:#1e2a4a;--uem-color-secondary-foreground:#60a5fa;--uem-color-success:#6fcf64;--uem-color-success-surface:#1a2e1a;--uem-color-error:#ff7b7b;--uem-color-error-foreground:#1e1e2e;--uem-color-error-surface:#2e1a1a;--uem-color-warning:#fbbf24;--uem-color-warning-surface:#2e271a;--uem-color-danger:#ff6b6b;--uem-color-danger-hover:#ff8a8a;--uem-color-danger-foreground:#1e1e2e;--uem-color-danger-surface-hover:#3a2020;--uem-color-counter-surface:#5a2a2a;--uem-color-counter-foreground:#ffd2d2;--uem-color-chip-default:#3a3a4a;--uem-color-chip-new-subtle-bg:#1e2a4a;--uem-color-chip-new-subtle-fg:#60a5fa;--uem-color-chip-new-strong-bg:#3b82f6;--uem-color-chip-new-strong-fg:#ffffff;--uem-color-chip-default-subtle-bg:#313244;--uem-color-chip-default-subtle-fg:#a6adc8;--uem-color-chip-default-strong-bg:#6c7086;--uem-color-chip-default-strong-fg:#ffffff;--uem-color-chip-removed-subtle-bg:#3a2020;--uem-color-chip-removed-subtle-fg:#ff8a8a;--uem-color-chip-removed-strong-bg:#ff6b6b;--uem-color-chip-removed-strong-fg:#1e1e2e;--uem-color-chip-success-subtle-bg:#1a2e1a;--uem-color-chip-success-subtle-fg:#6fcf64;--uem-color-chip-success-strong-bg:#409c35;--uem-color-chip-success-strong-fg:#ffffff;--uem-color-chip-inprogress-subtle-bg:#2e271a;--uem-color-chip-inprogress-subtle-fg:#fbbf24;--uem-color-chip-inprogress-strong-bg:#ffc541;--uem-color-chip-inprogress-strong-fg:#1e1e2e;--uem-color-chip-filter-selected-bg:#1e2a4a;--uem-color-chip-filter-selected-fg:#60a5fa;--uem-color-chip-filter-default-bg:transparent;--uem-color-chip-filter-default-fg:#a6adc8;--uem-color-chip-filter-default-border:#3a3a4a;--uem-color-disabled-surface:#313244;--uem-color-disabled-foreground:#7f849c;--uem-color-overlay:rgba(0,0,0,0.7);--uem-color-note-general-surface:#1e2a4a;--uem-color-note-general-foreground:#60a5fa;--uem-color-note-warning-surface:#2e271a;--uem-color-note-warning-foreground:#fbbf24;--uem-color-note-critical-surface:#3a2020;--uem-color-note-critical-foreground:#ff8a8a;--uem-color-selection-banner-surface:#263560;--uem-color-selection-banner-foreground:#93c5fd;--uem-color-tooltip-dark-bg:#788c9b;--uem-color-tooltip-dark-fg:#ffffff;--uem-color-tooltip-medium-bg:#a3a9b3;--uem-color-tooltip-medium-fg:#cdd6f4;--uem-color-tooltip-light-bg:#313244;--uem-color-tooltip-light-fg:#cdd6f4;--uem-color-tag-critical-bg:#3a2020;--uem-color-tag-critical-border:#5c3030;--uem-color-tag-critical-fg:#ff8a8a;--uem-color-tag-high-bg:#2e271a;--uem-color-tag-high-border:#4a3f24;--uem-color-tag-high-fg:#fbbf24;--uem-color-tag-medium-bg:#2e2218;--uem-color-tag-medium-border:#4a3520;--uem-color-tag-medium-fg:#f59e0b;--uem-color-tag-low-bg:#1f2e1d;--uem-color-tag-low-border:#2f4a2b;--uem-color-tag-low-fg:#86efac;--uem-color-tag-informational-bg:#1e2a4a;--uem-color-tag-informational-border:#263560;--uem-color-tag-informational-fg:#93c5fd;--uem-color-tag-na-bg:#313244;--uem-color-tag-na-border:#45475a;--uem-color-tag-na-fg:#a6adc8;--uem-color-stepper-indicator-active:#3b82f6;--uem-color-stepper-indicator-active-error:#ff8a8a;--uem-color-stepper-indicator-active-disabled:#313244;--uem-color-stepper-indicator-active-error-disabled:#5c3030;--uem-color-stepper-indicator-dot:#ffffff;--uem-color-stepper-indicator-inactive-bg:#313244;--uem-color-stepper-indicator-inactive-border:#6c7086;--uem-color-stepper-indicator-error-border:#ff8a8a;--uem-color-stepper-indicator-error-disabled-border:#5c3030;--uem-color-stepper-indicator-disabled-border:#45475a;--uem-color-stepper-connector-complete:#263560;--uem-color-stepper-connector-pending:#6c7086;--uem-color-stepper-badge-active-bg:#3b82f6;--uem-color-stepper-badge-active-fg:#ffffff;--uem-color-stepper-badge-inactive-border:#6c7086;--uem-color-stepper-label-active-fg:#cdd6f4;--uem-color-stepper-label-inactive-fg:#a6adc8;--uem-color-stepper-vertical-title-current:#60a5fa;--uem-color-stepper-vertical-title-default:#cdd6f4;--uem-color-stepper-vertical-description:#a6adc8;--uem-color-stepper-vertical-description-completed:#6fcf64;--uem-color-stepper-vertical-connector:#45475a;--uem-color-stepper-vertical-completed-bg:#409c35;--uem-color-stepper-vertical-completed-fg:#ffffff;--uem-color-form-step-nav-completed-bg:#409c35;--uem-color-form-step-nav-completed-fg:#ffffff;--uem-color-form-step-nav-current-bg:#3b82f6;--uem-color-form-step-nav-current-fg:#ffffff;--uem-color-form-step-nav-upcoming-border:#6c7086;--uem-color-form-step-nav-upcoming-fg:#a6adc8;--uem-color-form-step-nav-connector:#45475a;--uem-color-form-step-nav-title-current:#60a5fa;--uem-color-form-step-nav-title-default:#cdd6f4;--uem-color-form-step-nav-title-upcoming:#a6adc8;--uem-color-form-step-nav-description:#a6adc8;--uem-color-form-step-nav-description-completed:#6fcf64;--uem-color-form-step-nav-panel-bg:#181825;--uem-color-form-step-nav-panel-border:#45475a;--uem-color-selectable-picker-border:#45475a;--uem-color-selectable-picker-cell-bg:#181825;--uem-color-selectable-picker-cell-selected-bg:#1e2a4a;--uem-color-selectable-picker-label:#cdd6f4;--uem-color-selectable-picker-empty:#a6adc8;--uem-color-selectable-picker-surface:#181825;--uem-color-radio-border:#6c7086;--uem-color-radio-border-checked:#3b82f6;--uem-color-radio-border-disabled:#45475a;--uem-color-radio-border-invalid:#ff8a8a;--uem-color-radio-dot:#3b82f6;--uem-color-radio-dot-disabled:#6c7086;--uem-color-radio-dot-invalid:#ff8a8a;--uem-color-radio-fill-disabled:#45475a;--uem-color-checkbox-border:#6c7086;--uem-color-checkbox-border-checked:#3b82f6;--uem-color-checkbox-border-disabled:#45475a;--uem-color-checkbox-border-invalid:#ff8a8a;--uem-color-checkbox-fill-checked:#3b82f6;--uem-color-checkbox-fill-disabled:#45475a;--uem-color-checkbox-fill-invalid:#ff8a8a;--uem-color-checkbox-mark:#ffffff;--uem-color-checkbox-mark-disabled:#6c7086;}.Icon_icon{display:inline-block;flex-shrink:0;color:inherit;max-width:none;max-height:none;box-sizing:content-box;}.Icon_foreground{color:var(--uem-color-foreground);}.Button_button{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--uem-spacing-1);min-width:100px;max-width:600px;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:var(--uem-line-height-normal);border-radius:var(--uem-radius-lg);border:1px solid transparent;cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;}.Button_fullWidth{width:100%;}.Button_iconOnly{min-width:auto;max-width:none;width:32px;height:32px;padding:0;}.Button_iconOnly.Button_sm{width:28px;height:28px;}.Button_iconOnly.Button_lg{width:36px;height:36px;}.Button_iconOnly .Button_container{gap:0;}.Button_container{display:flex;align-items:center;gap:var(--uem-spacing-1);}.Button_label{text-align:center;}.Button_iconLeft,.Button_iconRight{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;}.Button_iconRight{transition:transform 0.25s ease;}.Button_iconRightRotated{transform:rotate(-180deg);}.Button_iconLeft>*,.Button_iconRight>*{width:100%;height:100%;}.Button_counter{position:absolute;top:-4px;right:-4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--uem-spacing-1);box-sizing:border-box;min-width:16px;height:16px;padding:0 4px;border-radius:12px;background:var(--uem-color-counter-surface);color:var(--uem-color-counter-foreground);font-size:var(--uem-font-size-body-medium);line-height:1;}.Button_button:focus-visible{outline:none;}.Button_button:focus-visible::after{content:"";position:absolute;inset:0;border-radius:var(--uem-radius-lg);border:2px solid var(--uem-color-focus-ring);opacity:0.15;pointer-events:none;}.Button_sm{height:28px;padding:0 var(--uem-spacing-3);}.Button_md{height:32px;padding:0 var(--uem-spacing-4);}.Button_lg{height:36px;padding:0 var(--uem-spacing-4);}.Button_primary{background-color:var(--uem-color-primary);color:var(--uem-color-primary-foreground);}.Button_primary:hover:not(:disabled){background-color:var(--uem-color-primary-hover);}.Button_primary:active:not(:disabled){background-color:var(--uem-color-primary-active);}.Button_secondary{background-color:transparent;color:var(--uem-color-secondary-foreground);border-color:var(--uem-color-border);}.Button_secondary:hover:not(:disabled){background-color:var(--uem-color-secondary-hover);}.Button_secondary:active:not(:disabled){background-color:var(--uem-color-secondary-hover);}.Button_secondary:focus-visible::after{border-color:var(--uem-color-primary);}.Button_secondary:disabled{background-color:transparent;color:var(--uem-color-border);border-color:var(--uem-color-border);}.Button_loading.Button_secondary:disabled{background-color:transparent;color:var(--uem-color-border);}.Button_subtle{background-color:transparent;color:var(--uem-color-primary);border-color:transparent;}.Button_subtle:hover:not(:disabled){background-color:var(--uem-color-secondary-hover);}.Button_subtle:active:not(:disabled){background-color:var(--uem-color-secondary-hover);}.Button_subtle:focus-visible::after{border-color:var(--uem-color-primary);}.Button_subtle:disabled{background-color:transparent;color:var(--uem-color-border);border-color:transparent;}.Button_loading.Button_subtle:disabled{background-color:transparent;color:var(--uem-color-border);}.Button_danger-primary{background-color:var(--uem-color-danger);color:var(--uem-color-danger-foreground);border-color:transparent;}.Button_danger-primary:hover:not(:disabled){background-color:var(--uem-color-danger-hover);}.Button_danger-primary:active:not(:disabled){background-color:var(--uem-color-danger-hover);}.Button_danger-primary:focus-visible::after{border-color:var(--uem-color-danger);}.Button_danger-primary:disabled{background-color:transparent;color:var(--uem-color-border);border-color:transparent;}.Button_loading.Button_danger-primary:disabled{background-color:var(--uem-color-danger-hover);color:var(--uem-color-danger-foreground);}.Button_danger-secondary{background-color:transparent;color:var(--uem-color-danger);border-color:var(--uem-color-danger);}.Button_danger-secondary:hover:not(:disabled){background-color:var(--uem-color-danger-surface-hover);color:var(--uem-color-danger-hover);border-color:var(--uem-color-danger-hover);}.Button_danger-secondary:active:not(:disabled){background-color:var(--uem-color-danger-surface-hover);color:var(--uem-color-danger-hover);border-color:var(--uem-color-danger-hover);}.Button_danger-secondary:focus-visible::after{border-color:var(--uem-color-danger);}.Button_danger-secondary:disabled{background-color:transparent;color:var(--uem-color-border);border-color:var(--uem-color-border);}.Button_loading.Button_danger-secondary:disabled{background-color:transparent;color:var(--uem-color-border);}.Button_danger-subtle{background-color:transparent;color:var(--uem-color-danger);border-color:transparent;}.Button_danger-subtle:hover:not(:disabled){background-color:var(--uem-color-danger-surface-hover);}.Button_danger-subtle:active:not(:disabled){background-color:var(--uem-color-danger-surface-hover);}.Button_danger-subtle:focus-visible::after{border-color:var(--uem-color-danger);}.Button_danger-subtle:disabled{background-color:transparent;color:var(--uem-color-border);border-color:transparent;}.Button_loading.Button_danger-subtle:disabled{background-color:transparent;color:var(--uem-color-border);}.Button_button:disabled{background-color:var(--uem-color-disabled-surface);color:var(--uem-color-disabled-foreground);border-color:transparent;cursor:not-allowed;}.Button_loading{cursor:progress;}.Button_loading.Button_primary:disabled{background-color:var(--uem-color-primary);color:var(--uem-color-primary-foreground);}.Button_loading .Button_label,.Button_loading .Button_iconLeft,.Button_loading .Button_iconRight{color:var(--uem-color-muted-foreground);}.Popover_popover{position:fixed;z-index:var(--uem-z-popover,1150);box-shadow:var(--uem-shadow-md);border-radius:16px;overflow:auto;box-sizing:border-box;}.ActionMenu_panel{--am-active:var(--uem-color-primary);--am-active-bg:#e6eeff;--am-divider:var(--uem-color-border);--am-muted:var(--uem-color-muted-foreground);--am-fg:var(--uem-color-foreground);box-sizing:border-box;display:flex;width:-moz-max-content;width:max-content;max-width:min(512px,calc(100vw - 24px));max-height:min(360px,calc(100vh - 24px));overflow:hidden;border:1px solid var(--am-divider);border-radius:12px;background:var(--uem-color-background);font-family:var(--uem-font-family);color:var(--am-fg);}.ActionMenu_accordionPanel{--am-active:var(--uem-color-primary);--am-active-bg:#e6eeff;--am-divider:var(--uem-color-border);--am-muted:var(--uem-color-muted-foreground);--am-fg:var(--uem-color-foreground);box-sizing:border-box;display:flex;flex-direction:column;width:300px;max-width:min(300px,calc(100vw - 24px));max-height:min(480px,calc(100vh - 24px));overflow:hidden;border:1px solid var(--am-divider);border-radius:12px;background:var(--uem-color-background);font-family:var(--uem-font-family);color:var(--am-fg);}.ActionMenu_leftPane{box-sizing:border-box;display:flex;flex-direction:column;width:280px;flex-shrink:0;border-right:1px solid var(--am-divider);min-height:0;}.ActionMenu_rightPane{box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;width:230px;min-width:0;min-height:0;}.ActionMenu_searchWrap{flex-shrink:0;padding:var(--uem-spacing-3);}.ActionMenu_searchField{position:relative;display:flex;align-items:center;gap:var(--uem-spacing-1);height:30px;padding:0 var(--uem-spacing-3);border:1px solid var(--uem-color-chip-default);border-radius:var(--uem-radius-lg);background:var(--uem-color-background);}.ActionMenu_searchIcon{display:inline-flex;flex-shrink:0;color:var(--am-muted);}.ActionMenu_searchInput{flex:1;min-width:0;border:none;background:transparent;color:var(--am-fg);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);line-height:18px;}.ActionMenu_searchInput:focus{outline:none;}.ActionMenu_searchInput::-moz-placeholder{color:var(--am-muted);}.ActionMenu_searchInput::placeholder{color:var(--am-muted);}.ActionMenu_categoryList{display:flex;flex-direction:column;flex:1 1 auto;margin:0;padding:0 0 var(--uem-spacing-2);overflow-y:auto;list-style:none;}.ActionMenu_categoryItem{display:flex;width:100%;}.ActionMenu_categoryButton{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px 8px 16px;border:none;background:transparent;color:var(--am-fg);font-family:inherit;font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);text-align:left;cursor:pointer;}.ActionMenu_categoryButton:hover,.ActionMenu_categoryButton[data-active=true]{color:var(--am-active);background:var(--am-active-bg);}.ActionMenu_categoryButton[data-active=true]::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--am-active);}.ActionMenu_categoryButton:focus{outline:none;}.ActionMenu_categoryButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:-2px;}.ActionMenu_categoryIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;}.ActionMenu_categoryLabel{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ActionMenu_categoryChevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--am-muted);transition:transform 0.25s ease;}.ActionMenu_categoryChevronExpanded{transform:rotate(-180deg);}.ActionMenu_categoryButton[data-active=true] .ActionMenu_categoryChevron{color:var(--am-active);}.ActionMenu_submenuHeader{flex-shrink:0;margin:0;padding:12px 16px 12px;border-bottom:1px solid var(--am-divider);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-semibold);line-height:20px;}.ActionMenu_submenuList{display:flex;flex-direction:column;flex:1 1 auto;margin:0;padding:var(--uem-spacing-2) 0;overflow-y:auto;list-style:none;}.ActionMenu_submenuItem{display:flex;width:100%;}.ActionMenu_submenuButton{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:8px 12px 8px 16px;border:none;background:transparent;color:var(--am-fg);font-family:inherit;font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);text-align:left;cursor:pointer;}.ActionMenu_submenuButton:hover:not(:disabled),.ActionMenu_submenuButton[data-highlighted=true]:not(:disabled){background:var(--am-active-bg);color:var(--am-active);}.ActionMenu_submenuButton:disabled{cursor:not-allowed;opacity:0.5;}.ActionMenu_submenuButton:focus{outline:none;}.ActionMenu_submenuButton:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--uem-color-focus-ring);}.ActionMenu_emptyState{padding:16px;color:var(--am-muted);font-size:var(--uem-font-size-body-medium);}.ActionMenu_accordionList{display:flex;flex-direction:column;flex:1 1 auto;margin:0;padding:0 0 var(--uem-spacing-2);overflow-y:auto;list-style:none;}.ActionMenu_accordionSection{display:flex;flex-direction:column;width:100%;}.ActionMenu_accordionCategoryButton{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px 8px 16px;border:none;background:transparent;color:var(--am-fg);font-family:inherit;font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-regular);line-height:20px;text-align:left;cursor:pointer;}.ActionMenu_accordionCategoryButton:hover,.ActionMenu_accordionCategoryButton[data-expanded=true]{color:var(--am-active);}.ActionMenu_accordionCategoryButton[data-expanded=true] .ActionMenu_categoryChevron{color:var(--am-active);}.ActionMenu_accordionCategoryButton:focus{outline:none;}.ActionMenu_accordionCategoryButton:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--uem-color-focus-ring);}.ActionMenu_accordionSubmenuWrapper{display:grid;grid-template-rows:0fr;width:100%;transition:grid-template-rows 0.25s ease;}.ActionMenu_accordionSubmenuWrapperExpanded{grid-template-rows:1fr;}.ActionMenu_accordionSubmenuInner{overflow:hidden;min-height:0;}.ActionMenu_accordionSubmenuList{display:flex;flex-direction:column;margin:0 0 4px 23px;padding:0 0 0 12px;border-left:1px solid var(--am-divider);list-style:none;}.ActionMenu_accordionSubmenuButton{box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:30px;padding:5px 16px 5px 8px;border:none;background:transparent;color:var(--am-muted);font-family:inherit;font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;text-align:left;cursor:pointer;}.ActionMenu_accordionSubmenuButton:hover:not(:disabled),.ActionMenu_accordionSubmenuButton[data-highlighted=true]:not(:disabled){color:var(--am-active);background:var(--am-active-bg);}.ActionMenu_accordionSubmenuButton:disabled{cursor:not-allowed;opacity:0.5;}.ActionMenu_accordionSubmenuButton:focus{outline:none;}.ActionMenu_accordionSubmenuButton:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--uem-color-focus-ring);}.ChangeLog_changeLog{display:flex;padding:var(--uem-spacing-12) var(--uem-spacing-12) var(--uem-spacing-5) var(--uem-spacing-12);flex-direction:column;align-items:flex-start;gap:var(--uem-spacing-8);align-self:stretch;background:var(--uem-color-background);}.ChangeLog_entry{display:flex;padding-bottom:var(--uem-spacing-8);flex-direction:column;align-items:flex-start;gap:var(--uem-spacing-8);align-self:stretch;border-bottom:1px solid var(--uem-color-border);}.ChangeLog_entry:last-child{border-bottom:none;padding-bottom:0;}.ChangeLog_header{display:flex;justify-content:space-between;align-items:center;align-self:stretch;}.ChangeLog_chip{display:flex;padding:var(--uem-spacing-1) var(--uem-spacing-4);justify-content:center;align-items:center;gap:var(--uem-spacing-1);border-radius:6px;font-family:var(--uem-font-family);font-size:var(--uem-font-size-title-small);font-weight:var(--uem-font-weight-medium);line-height:var(--uem-line-height-normal);}.ChangeLog_chipDefault{background:var(--uem-color-chip-default);color:var(--uem-color-foreground);}.ChangeLog_chipFeature{background:var(--uem-color-brand-surface);color:var(--uem-color-primary);}.ChangeLog_chipBugfix{background:var(--uem-color-success-surface);color:var(--uem-color-success);}.ChangeLog_chipBreaking{background:var(--uem-color-danger-surface-hover);color:var(--uem-color-danger);}.ChangeLog_date{color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:var(--uem-line-height-normal);}.ChangeLog_body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--uem-spacing-4);align-self:stretch;}.ChangeLog_contentList{align-self:stretch;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-regular);line-height:var(--uem-line-height-normal);margin:0;padding-left:var(--uem-spacing-6);}.ChangeLog_contentList li{margin-bottom:var(--uem-spacing-2);}.ChangeLog_contentList li:last-child{margin-bottom:0;}.Chip_chip{display:inline-flex;align-items:center;gap:2px;box-sizing:border-box;padding:2px 5px;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:18px;color:var(--uem-chip-fg);background:var(--uem-chip-bg);}.Chip_shapeRounded{border-radius:var(--uem-radius-sm);}.Chip_shapePill{border-radius:var(--uem-radius-chip-pill);}.Chip_shapeText{background:transparent;}.Chip_appearanceNew.Chip_emphasisSubtle{--uem-chip-bg:var(--uem-color-chip-new-subtle-bg);--uem-chip-fg:var(--uem-color-chip-new-subtle-fg);}.Chip_appearanceNew.Chip_emphasisStrong{--uem-chip-bg:var(--uem-color-chip-new-strong-bg);--uem-chip-fg:var(--uem-color-chip-new-strong-fg);}.Chip_appearanceDefault.Chip_emphasisSubtle{--uem-chip-bg:var(--uem-color-chip-default-subtle-bg);--uem-chip-fg:var(--uem-color-chip-default-subtle-fg);}.Chip_appearanceDefault.Chip_emphasisStrong{--uem-chip-bg:var(--uem-color-chip-default-strong-bg);--uem-chip-fg:var(--uem-color-chip-default-strong-fg);}.Chip_appearanceRemoved.Chip_emphasisSubtle{--uem-chip-bg:var(--uem-color-chip-removed-subtle-bg);--uem-chip-fg:var(--uem-color-chip-removed-subtle-fg);}.Chip_appearanceRemoved.Chip_emphasisStrong{--uem-chip-bg:var(--uem-color-chip-removed-strong-bg);--uem-chip-fg:var(--uem-color-chip-removed-strong-fg);}.Chip_appearanceSuccess.Chip_emphasisSubtle{--uem-chip-bg:var(--uem-color-chip-success-subtle-bg);--uem-chip-fg:var(--uem-color-chip-success-subtle-fg);}.Chip_appearanceSuccess.Chip_emphasisStrong{--uem-chip-bg:var(--uem-color-chip-success-strong-bg);--uem-chip-fg:var(--uem-color-chip-success-strong-fg);}.Chip_appearanceInprogress.Chip_emphasisSubtle{--uem-chip-bg:var(--uem-color-chip-inprogress-subtle-bg);--uem-chip-fg:var(--uem-color-chip-inprogress-subtle-fg);}.Chip_appearanceInprogress.Chip_emphasisStrong{--uem-chip-bg:var(--uem-color-chip-inprogress-strong-bg);--uem-chip-fg:var(--uem-color-chip-inprogress-strong-fg);}.Chip_shapeText.Chip_appearanceNew{--uem-chip-fg:var(--uem-color-chip-new-subtle-fg);}.Chip_shapeText.Chip_appearanceDefault{--uem-chip-fg:var(--uem-color-chip-default-subtle-fg);}.Chip_shapeText.Chip_appearanceRemoved{--uem-chip-fg:var(--uem-color-chip-removed-subtle-fg);}.Chip_shapeText.Chip_appearanceSuccess{--uem-chip-fg:var(--uem-color-chip-success-subtle-fg);}.Chip_shapeText.Chip_appearanceInprogress{--uem-chip-fg:var(--uem-color-chip-inprogress-subtle-fg);}.Chip_noBackground{border:1px solid transparent;}.Chip_noBackground.Chip_shapeRounded{border-radius:var(--uem-radius-md);}.Chip_noBackground.Chip_appearanceNew.Chip_emphasisSubtle{--uem-chip-bg:var(--uem-color-chip-filter-selected-bg);--uem-chip-fg:var(--uem-color-chip-filter-selected-fg);}.Chip_noBackground.Chip_appearanceDefault.Chip_emphasisSubtle{--uem-chip-bg:var(--uem-color-chip-filter-default-bg);--uem-chip-fg:var(--uem-color-chip-filter-default-fg);border-color:var(--uem-color-chip-filter-default-border);}.Chip_icon{flex-shrink:0;color:inherit;}.Chip_text{white-space:nowrap;}.IconButton_iconButton{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--uem-spacing-2);border:1px solid transparent;border-radius:var(--uem-radius-lg);background-color:transparent;color:var(--uem-color-foreground);cursor:pointer;background-color:white;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;}.IconButton_iconButton:hover:not(:disabled){background-color:var(--uem-color-secondary-hover);color:var(--uem-color-primary);}.IconButton_iconButton:active:not(:disabled){background-color:var(--uem-color-secondary-hover);color:var(--uem-color-primary);}.IconButton_iconButton:focus{outline:none;}.IconButton_iconButton:focus-visible::after{content:"";position:absolute;inset:0;border-radius:var(--uem-radius-lg);border:2px solid var(--uem-color-primary);opacity:0.15;pointer-events:none;}.IconButton_iconButton:disabled{background-color:transparent;color:var(--uem-color-border);border-color:transparent;cursor:not-allowed;}.IconButton_icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.ColumnSelector_columnSelector{box-sizing:border-box;display:flex;width:280px;max-height:420px;flex-direction:column;border-radius:var(--uem-radius-lg);border:1px solid var(--uem-color-border);background:var(--uem-color-background);box-shadow:var(--uem-shadow-card-hover);overflow:hidden;}.ColumnSelector_header{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-3) var(--uem-spacing-4);align-items:center;gap:var(--uem-spacing-3);border-bottom:1px solid var(--uem-color-border);flex-shrink:0;}.ColumnSelector_title{flex:1 0 0;margin:0;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-semibold);line-height:21px;letter-spacing:0;}.ColumnSelector_closeButton{width:24px;height:24px;padding:0;flex-shrink:0;}.ColumnSelector_list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--uem-spacing-1) 0;}.ColumnSelector_item{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-2) var(--uem-spacing-4);align-items:center;gap:var(--uem-spacing-3);background:transparent;touch-action:none;}.ColumnSelector_itemDragging{background:var(--uem-color-secondary-hover);opacity:0.95;z-index:1;}.ColumnSelector_checkbox{width:16px;height:16px;flex-shrink:0;}.ColumnSelector_label{flex:1 1 auto;min-width:0;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ColumnSelector_trailing{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;flex-shrink:0;color:var(--uem-color-muted-foreground);}.ColumnSelector_dragHandle{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--uem-radius-sm);background:transparent;color:var(--uem-color-muted-foreground);cursor:grab;}.ColumnSelector_dragHandle:focus{outline:none;}.ColumnSelector_dragHandle:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:1px;}.ColumnSelector_dragHandle:active{cursor:grabbing;}.ColumnSelector_lockIcon{color:var(--uem-color-muted-foreground);}.ColumnSelector_footer{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-3) var(--uem-spacing-4);align-items:center;border-top:1px solid var(--uem-color-border);flex-shrink:0;}.ColumnSelector_resetButton{padding:0;border:none;background:transparent;color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:18px;cursor:pointer;transition:color 0.15s ease;}.ColumnSelector_resetButton:hover{color:var(--uem-color-primary);}.ColumnSelector_resetButton:focus{outline:none;}.ColumnSelector_resetButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;border-radius:var(--uem-radius-sm);}.controlPrimitive_controlRoot{--control-scale:1;--control-size:calc(20px * var(--control-scale));--control-inner:calc(16.67px * var(--control-scale));--control-inset:calc(1.67px * var(--control-scale));--radio-dot-size:calc(8px * var(--control-scale));--check-width:calc(8px * var(--control-scale));--check-height:calc(6.43px * var(--control-scale));--indeterminate-width:calc(6px * var(--control-scale));}.controlPrimitive_sizeSm{--control-scale:0.8;}.controlPrimitive_sizeMd{--control-scale:1;}.controlPrimitive_sizeLg{--control-scale:1.2;}.controlPrimitive_sizeXl{--control-scale:1.4;}.Checkbox_root{position:relative;display:inline-flex;flex-shrink:0;align-self:center;width:var(--control-size);height:var(--control-size);}.Checkbox_rootDisabled{cursor:not-allowed;}.Checkbox_input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}.Checkbox_input:disabled{cursor:not-allowed;}.Checkbox_control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--control-size);height:var(--control-size);pointer-events:none;}.Checkbox_box{position:absolute;top:var(--control-inset);left:var(--control-inset);box-sizing:border-box;width:var(--control-inner);height:var(--control-inner);border:1px solid var(--uem-color-checkbox-border);border-radius:var(--uem-radius-checkbox);background:transparent;}.Checkbox_markCheck,.Checkbox_markIndeterminate{position:absolute;color:var(--uem-color-checkbox-mark);opacity:0;transition:opacity 0.15s ease;}.Checkbox_markCheck{top:50%;left:50%;width:var(--check-width);height:var(--check-height);transform:translate(-50%,-50%);}.Checkbox_markIndeterminate{top:50%;left:50%;width:var(--indeterminate-width);height:1px;transform:translate(-50%,-50%);}.Checkbox_input:checked+.Checkbox_control .Checkbox_box,.Checkbox_input:indeterminate+.Checkbox_control .Checkbox_box{background:var(--uem-color-checkbox-fill-checked);border-color:var(--uem-color-checkbox-border-checked);}.Checkbox_input:checked:not(:indeterminate)+.Checkbox_control .Checkbox_markCheck{opacity:1;}.Checkbox_input:indeterminate+.Checkbox_control .Checkbox_markIndeterminate{opacity:1;}.Checkbox_input:focus-visible+.Checkbox_control .Checkbox_box{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.Checkbox_input:disabled+.Checkbox_control .Checkbox_box{border-color:var(--uem-color-checkbox-border-disabled);}.Checkbox_input:checked:disabled+.Checkbox_control .Checkbox_box,.Checkbox_input:indeterminate:disabled+.Checkbox_control .Checkbox_box{background:var(--uem-color-checkbox-fill-disabled);border-color:var(--uem-color-checkbox-border-disabled);}.Checkbox_input:checked:disabled+.Checkbox_control .Checkbox_markCheck,.Checkbox_input:indeterminate:disabled+.Checkbox_control .Checkbox_markIndeterminate{color:var(--uem-color-checkbox-mark-disabled);}.Checkbox_input[aria-invalid=true]:not(:checked):not(:indeterminate)+.Checkbox_control .Checkbox_box{border-color:var(--uem-color-checkbox-border-invalid);}.Checkbox_input[aria-invalid=true]:checked+.Checkbox_control .Checkbox_box,.Checkbox_input[aria-invalid=true]:indeterminate+.Checkbox_control .Checkbox_box{background:var(--uem-color-checkbox-fill-invalid);border-color:var(--uem-color-checkbox-border-invalid);}.Checkbox_input:disabled[aria-invalid=true]:not(:checked):not(:indeterminate)+.Checkbox_control .Checkbox_box{border-color:var(--uem-color-checkbox-border-invalid);}.Tag_tag{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;padding:0 4px;border:1px solid var(--uem-tag-border);border-radius:var(--uem-radius-sm);background:var(--uem-tag-bg);color:var(--uem-tag-fg);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.Tag_stateCritical{--uem-tag-bg:var(--uem-color-tag-critical-bg);--uem-tag-border:var(--uem-color-tag-critical-border);--uem-tag-fg:var(--uem-color-tag-critical-fg);}.Tag_stateHigh{--uem-tag-bg:var(--uem-color-tag-high-bg);--uem-tag-border:var(--uem-color-tag-high-border);--uem-tag-fg:var(--uem-color-tag-high-fg);}.Tag_stateMedium{--uem-tag-bg:var(--uem-color-tag-medium-bg);--uem-tag-border:var(--uem-color-tag-medium-border);--uem-tag-fg:var(--uem-color-tag-medium-fg);}.Tag_stateLow{--uem-tag-bg:var(--uem-color-tag-low-bg);--uem-tag-border:var(--uem-color-tag-low-border);--uem-tag-fg:var(--uem-color-tag-low-fg);}.Tag_stateInformational{--uem-tag-bg:var(--uem-color-tag-informational-bg);--uem-tag-border:var(--uem-color-tag-informational-border);--uem-tag-fg:var(--uem-color-tag-informational-fg);}.Tag_stateNa{--uem-tag-bg:var(--uem-color-tag-na-bg);--uem-tag-border:var(--uem-color-tag-na-border);--uem-tag-fg:var(--uem-color-tag-na-fg);}.Tag_indicator{flex-shrink:0;width:5px;height:5px;border-radius:var(--uem-radius-full);background:var(--uem-tag-fg);}.Tag_text{white-space:nowrap;}.Badge_badge{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;padding:2px 5px;border:1px solid var(--uem-badge-border);border-radius:var(--uem-radius-md);background:var(--uem-badge-bg,color-mix(in srgb,var(--uem-badge-fg) 4%,white));color:var(--uem-badge-fg);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.Badge_text{white-space:nowrap;}.CatalogItem_card{box-sizing:border-box;display:flex;flex-direction:row;align-items:stretch;gap:10px;width:100%;padding:15px;border:1px solid #e4e8eb;border-radius:10px;background:#ffffff;font-family:var(--uem-font-family);}.CatalogItem_card[data-draggable]{cursor:grab;touch-action:none;}.CatalogItem_card[data-draggable]:active{cursor:grabbing;}.CatalogItem_cardVacated{position:absolute;width:0;height:0;margin:0;padding:0;border:none;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden;}.CatalogItem_thumbnail{box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;align-items:center;justify-content:flex-start;gap:0;width:60px;border:1px solid transparent;border-radius:8px;overflow:hidden;}.CatalogItem_toneDefault{background:#f3f5f6;border-color:#f3f5f6;}.CatalogItem_toneKpi{background:#dbe7fe;border-color:#dbe7fe;}.CatalogItem_toneTable{background:#ffe9e3;border-color:#ffe9e3;}.CatalogItem_toneGraph{background:#ffebeb;border-color:#ffebeb;}.CatalogItem_toneChart{background:#dbe7fe;border-color:#dbe7fe;}.CatalogItem_thumbnailMedia{display:flex;align-items:center;justify-content:center;width:60px;height:32px;overflow:hidden;border-radius:8px 8px 0 0;}.CatalogItem_thumbnailMedia>*{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;}.CatalogItem_typeLabel{margin:0;padding:4px 4px 8px;font-size:10px;font-weight:400;line-height:15px;text-align:center;}.CatalogItem_toneTable .CatalogItem_typeLabel{color:#de7000;}.CatalogItem_toneGraph .CatalogItem_typeLabel{color:#c6307d;}.CatalogItem_toneChart .CatalogItem_typeLabel{color:#0449d1;}.CatalogItem_toneDefault .CatalogItem_typeLabel{color:#788c9b;}.CatalogItem_toneKpi .CatalogItem_typeLabel{color:#0449d1;}.CatalogItem_content{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;}.CatalogItem_titleRow{display:flex;flex-direction:row;align-items:center;gap:15px;width:100%;}.CatalogItem_title{flex:1;margin:0;min-width:0;color:#1c1c1c;font-size:12px;font-weight:500;line-height:18px;}.CatalogItem_addButton{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border:none;border-radius:6px;background:#0449d1;color:#ffffff;font-family:inherit;font-size:10px;font-weight:500;line-height:15px;cursor:pointer;}.CatalogItem_addButton:hover{filter:brightness(1.05);}.CatalogItem_addButton:disabled{opacity:0.5;cursor:not-allowed;}.CatalogItem_description{margin:0;color:#788c9b;font-size:10px;font-weight:400;line-height:15px;}.Stepper_root{display:flex;width:100%;align-items:center;margin:0;padding:0;list-style:none;}.Stepper_rootNavigation{gap:11px;}.Stepper_stepItem{display:flex;align-items:center;min-width:0;}.Stepper_stepItemWithConnector{flex:1;}.Stepper_stepButton{display:inline-flex;align-items:center;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;color:inherit;text-align:left;}.Stepper_stepButton:disabled{cursor:not-allowed;}.Stepper_stepButton:focus{outline:none;}.Stepper_stepButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;border-radius:var(--uem-radius-sm);}.Stepper_stepControl{display:inline-flex;flex-shrink:0;align-items:center;}.Stepper_indicatorWrap{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:5px;box-sizing:border-box;}.Stepper_indicator{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:14px;height:14px;border-radius:var(--uem-radius-full);box-sizing:border-box;}.Stepper_indicatorDot{width:4px;height:4px;border-radius:var(--uem-radius-full);background:var(--uem-color-stepper-indicator-dot);}.Stepper_indicatorActive{background:var(--uem-color-stepper-indicator-active);border:none;}.Stepper_indicatorActiveError{background:var(--uem-color-stepper-indicator-active-error);}.Stepper_indicatorActiveDisabled{background:var(--uem-color-stepper-indicator-active-disabled);}.Stepper_indicatorActiveErrorDisabled{background:var(--uem-color-stepper-indicator-active-error-disabled);}.Stepper_indicatorInactive{background:var(--uem-color-stepper-indicator-inactive-bg);border:1px solid var(--uem-color-stepper-indicator-inactive-border);}.Stepper_indicatorInactiveError{border-color:var(--uem-color-stepper-indicator-error-border);}.Stepper_indicatorInactiveDisabled{border-color:var(--uem-color-stepper-indicator-disabled-border);}.Stepper_indicatorInactiveErrorDisabled{border-color:var(--uem-color-stepper-indicator-error-disabled-border);}.Stepper_connector{flex:1;min-width:0;height:3px;border-radius:1.5px;}.Stepper_connectorComplete{background:var(--uem-color-stepper-connector-complete);}.Stepper_connectorPending{background:var(--uem-color-stepper-connector-pending);}.Stepper_navigationStep{display:inline-flex;align-items:center;gap:5px;min-width:0;}.Stepper_badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;padding:4px;box-sizing:border-box;border-radius:12px;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-medium);line-height:15px;}.Stepper_badgeActive{background:var(--uem-color-stepper-badge-active-bg);color:var(--uem-color-stepper-badge-active-fg);border:1px solid var(--uem-color-stepper-badge-active-bg);}.Stepper_badgeInactive{background:transparent;color:var(--uem-color-stepper-label-inactive-fg);border:1px solid var(--uem-color-stepper-badge-inactive-border);}.Stepper_badgeDisabled{opacity:0.5;}.Stepper_navigationLabel{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);line-height:21px;}.Stepper_navigationLabelActive{color:var(--uem-color-stepper-label-active-fg);font-weight:var(--uem-font-weight-semibold);}.Stepper_navigationLabelInactive{color:var(--uem-color-stepper-label-inactive-fg);font-weight:var(--uem-font-weight-medium);}.Stepper_rootVertical{flex-direction:column;align-items:stretch;width:auto;gap:0;}.Stepper_stepItemVertical{display:flex;width:100%;min-width:0;align-items:stretch;}.Stepper_stepControlVertical{display:flex;width:100%;min-width:0;padding-left:var(--uem-spacing-3);box-sizing:border-box;}.Stepper_stepButton.Stepper_stepControlVertical{align-items:stretch;}.Stepper_verticalStep{display:flex;align-items:stretch;gap:5px;width:100%;min-width:0;}.Stepper_verticalMarkerColumn{display:flex;flex-direction:column;flex-shrink:0;align-items:center;align-self:stretch;}.Stepper_verticalBadge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;box-sizing:border-box;border-radius:15px;font-family:var(--uem-font-family);font-size:11px;line-height:1;}.Stepper_verticalBadgeCompleted{background:var(--uem-color-stepper-vertical-completed-bg);color:var(--uem-color-stepper-vertical-completed-fg);border:none;}.Stepper_verticalBadgeCurrent{background:var(--uem-color-stepper-badge-active-bg);color:var(--uem-color-stepper-badge-active-fg);border:none;font-weight:var(--uem-font-weight-semibold);}.Stepper_verticalBadgeUpcoming{background:transparent;color:var(--uem-color-stepper-label-inactive-fg);border:1px solid var(--uem-color-stepper-badge-inactive-border);font-weight:var(--uem-font-weight-regular);}.Stepper_verticalBadgeDisabled{opacity:0.5;}.Stepper_verticalCheckIcon{display:block;width:8px !important;height:8px !important;max-width:8px;max-height:8px;color:var(--uem-color-stepper-vertical-completed-fg);}.Stepper_verticalConnector{flex:1 1 auto;width:1px;min-height:8px;margin-top:0;background:var(--uem-color-stepper-vertical-connector);}.Stepper_verticalTextBlock{display:flex;flex-direction:column;flex:1 1 auto;gap:3px;min-width:0;padding-bottom:8px;}.Stepper_stepItemVertical:last-child .Stepper_verticalTextBlock{padding-bottom:0;}.Stepper_verticalTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;}.Stepper_verticalTitleCurrent{color:var(--uem-color-stepper-vertical-title-current);}.Stepper_verticalTitleDefault{color:var(--uem-color-stepper-vertical-title-default);}.Stepper_verticalDescription{overflow:hidden;text-overflow:ellipsis;color:var(--uem-color-stepper-vertical-description);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-regular);line-height:18px;}.Stepper_verticalDescriptionCompleted{color:var(--uem-color-stepper-vertical-description-completed);font-weight:var(--uem-font-weight-medium);}.Illustration_root{display:inline-flex;line-height:0;}.CelebrationIllustration_wrap{display:inline-flex;overflow:visible;}.CelebrationIllustration_image{display:block;max-width:none;}.CelebrationIllustration_animated{display:block;}.CelebrationIllustration_static{display:none;}@media (prefers-reduced-motion:reduce){.CelebrationIllustration_animated{display:none;}.CelebrationIllustration_static{display:block;}}.DashboardEmptyIllustration_wrap{display:inline-flex;overflow:visible;}.DashboardEmptyIllustration_svg{display:block;overflow:visible;}.DashboardEmptyIllustration_sparkles{transform-box:fill-box;transform-origin:center;animation:DashboardEmptyIllustration_sparkleFloat 0.85s ease-in-out infinite;}@keyframes DashboardEmptyIllustration_sparkleFloat{0%,100%{transform:translateY(1px);}50%{transform:translateY(-2px);}}@media (prefers-reduced-motion:reduce){.DashboardEmptyIllustration_sparkles{animation:none;transform:none;}}.LockIllustration_wrap{display:inline-flex;overflow:visible;}.LockIllustration_svg{display:block;overflow:visible;}.LockIllustration_hand{transform-origin:51.55px 49.57px;animation:LockIllustration_handReach 2.4s ease-in-out infinite;}@keyframes LockIllustration_handReach{0%,100%{transform:translate(12px,-10px);}38%,52%{transform:translate(0,0);}}@media (prefers-reduced-motion:reduce){.LockIllustration_hand{animation:none;transform:none;}}.MailBoxIllustration_wrap{display:inline-flex;overflow:visible;padding-top:4px;margin-top:-4px;}.MailBoxIllustration_svg{display:block;overflow:visible;}.MailBoxIllustration_sparkles{animation:MailBoxIllustration_sparkleFloat 0.85s ease-in-out infinite;}@keyframes MailBoxIllustration_sparkleFloat{0%,100%{transform:translateY(1px);}50%{transform:translateY(-2px);}}@media (prefers-reduced-motion:reduce){.MailBoxIllustration_sparkles{animation:none;transform:none;}}.NoNotificationIllustration_wrap{display:inline-flex;overflow:visible;padding-top:4px;margin-top:-4px;}.NoNotificationIllustration_svg{display:block;overflow:visible;}.NoNotificationIllustration_sparkles{animation:NoNotificationIllustration_sparkleFloat 0.85s ease-in-out infinite;}@keyframes NoNotificationIllustration_sparkleFloat{0%,100%{transform:translateY(1px);}50%{transform:translateY(-2px);}}@media (prefers-reduced-motion:reduce){.NoNotificationIllustration_sparkles{animation:none;transform:none;}}.NotFoundIllustration_wrap{display:inline-flex;overflow:visible;padding-top:4px;margin-top:-4px;}.NotFoundIllustration_svg{display:block;overflow:visible;}.NotFoundIllustration_sparkles{animation:NotFoundIllustration_sparkleFloat 0.85s ease-in-out infinite;}@keyframes NotFoundIllustration_sparkleFloat{0%,100%{transform:translateY(1px);}50%{transform:translateY(-2px);}}@media (prefers-reduced-motion:reduce){.NotFoundIllustration_sparkles{animation:none;transform:none;}}.TableEmptyIllustration_wrap{display:inline-flex;overflow:visible;}.TableEmptyIllustration_svg{display:block;overflow:visible;}.Field_shell{position:relative;box-sizing:border-box;display:flex;width:100%;min-width:0;min-height:40px;align-items:center;gap:var(--uem-spacing-1);padding:var(--uem-spacing-3);border:1px solid var(--uem-color-border);border-radius:var(--uem-radius-lg);background:var(--uem-color-background);color:var(--uem-color-foreground);transition:border-color 0.15s ease,background-color 0.15s ease;}.Field_shellMultiline{align-items:flex-start;min-height:136px;}.Field_shell::after{content:"";position:absolute;inset:0;border:2px solid var(--uem-color-primary);border-radius:var(--uem-radius-lg);opacity:0;pointer-events:none;transition:opacity 0.15s ease;}.Field_shell:hover:not(.Field_disabled):not(:focus-within)::after{opacity:0.15;}.Field_shell:focus-within:not(.Field_shellError){border-color:var(--uem-color-primary);}.Field_shellFilled:not(:focus-within):not(.Field_shellError){border-color:var(--uem-color-border);}.Field_shellError{border-color:var(--uem-color-error);}.Field_shellError:focus-within{border-color:var(--uem-color-error);}.Field_shellDisabled{background:var(--uem-color-disabled-surface);border-color:var(--uem-color-border);cursor:not-allowed;}.Field_shell.Field_shellCounter{display:inline-flex;width:100px;max-width:100px;}.Field_shellCounter .Field_content{display:flex;align-items:center;flex:1 1 0;min-width:0;}.Field_shellCounter .Field_stepper{display:flex;align-items:center;align-self:center;margin-left:0;}.Field_icon{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;width:auto;height:auto;max-width:none;line-height:0;color:var(--uem-color-muted-foreground);pointer-events:none;}.Field_icon svg{display:block;flex-shrink:0;width:auto;height:auto;max-width:none;}.Field_shellDisabled .Field_icon{color:var(--uem-color-border);}.Field_chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0;}.Field_chipContent{display:inline-flex;align-items:center;gap:2px;}.Field_chipRemove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;line-height:0;}.Field_chipRemove svg{display:block;}.Field_chipRemove:hover{opacity:0.85;}.Field_content{flex:1 1 auto;min-width:0;}.Field_contentMultiline{display:flex;width:100%;min-height:116px;}.Field_stepper{display:inline-flex;align-items:center;align-self:center;flex-shrink:0;margin-left:auto;}.FieldStepper_root{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;align-self:center;gap:2px;padding:4px 2px;line-height:0;box-sizing:border-box;}.FieldStepper_button{display:inline-flex;align-items:center;justify-content:center;width:6px;height:3px;padding:0;border:0;background:transparent;color:var(--uem-color-muted-foreground);cursor:pointer;line-height:0;}.FieldStepper_button:hover:not(:disabled){color:var(--uem-color-primary);}.FieldStepper_button:disabled{color:var(--uem-color-border);cursor:not-allowed;}.FieldStepper_chevron{display:block;flex-shrink:0;width:6px;height:3px;}.FieldStepper_chevronUp{transform:rotate(180deg);transform-origin:50% 50%;}.Input_input{display:block;width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.Input_input::-moz-placeholder{color:var(--uem-color-muted-foreground);}.Input_input::placeholder{color:var(--uem-color-muted-foreground);}.Input_input:focus{outline:none;}.Input_input:disabled{color:var(--uem-color-disabled-foreground);cursor:not-allowed;}.Input_input:disabled::-moz-placeholder{color:var(--uem-color-border);}.Input_input:disabled::placeholder{color:var(--uem-color-border);}.Input_sm{font-size:var(--uem-font-size-body-medium);line-height:18px;}.Input_sm::-moz-placeholder{font-size:var(--uem-font-size-body-medium);line-height:18px;}.Input_sm::placeholder{font-size:var(--uem-font-size-body-medium);line-height:18px;}.Input_lg{font-size:var(--uem-font-size-body-large);line-height:21px;}.Input_shellSm{min-height:32px;padding:var(--uem-spacing-1) var(--uem-spacing-3);}.Input_shellLg{min-height:48px;padding:var(--uem-spacing-4) var(--uem-spacing-3);}.Input_counterInput{height:18px;line-height:18px;padding:0;margin:0;-moz-appearance:textfield;}.Input_counterInput::-webkit-outer-spin-button,.Input_counterInput::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;}.Label_label{display:inline-block;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:var(--uem-line-height-normal);color:var(--uem-color-foreground);margin-bottom:var(--uem-spacing-1);}.Label_interactive{cursor:pointer;}.Label_inline{display:inline-flex;align-items:center;margin-bottom:0;line-height:18px;}.Label_interactive[data-disabled=true]{cursor:not-allowed;}.Label_required{color:var(--uem-color-error);margin-left:var(--uem-spacing-1);}.Radio_root{position:relative;display:inline-flex;flex-shrink:0;align-self:center;width:var(--control-size);height:var(--control-size);}.Radio_rootDisabled{cursor:not-allowed;}.Radio_input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}.Radio_input:disabled{cursor:not-allowed;}.Radio_control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--control-size);height:var(--control-size);pointer-events:none;}.Radio_control::before,.Radio_control::after{content:"";position:absolute;box-sizing:border-box;border-radius:var(--uem-radius-full);}.Radio_control::before{top:var(--control-inset);left:var(--control-inset);width:var(--control-inner);height:var(--control-inner);border:1px solid var(--uem-color-radio-border);background:transparent;}.Radio_control::after{top:calc((var(--control-size) - var(--radio-dot-size)) / 2);left:calc((var(--control-size) - var(--radio-dot-size)) / 2);width:var(--radio-dot-size);height:var(--radio-dot-size);background:var(--uem-color-radio-dot);opacity:0;transform:scale(0);transition:opacity 0.15s ease,transform 0.15s ease;}.Radio_input:checked+.Radio_control::after{opacity:1;transform:scale(1);}.Radio_input:checked+.Radio_control::before{border-color:var(--uem-color-radio-border-checked);}.Radio_input:focus-visible+.Radio_control::before{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.Radio_input:disabled+.Radio_control::before{border-color:var(--uem-color-radio-border-disabled);}.Radio_input:checked:disabled+.Radio_control::before{background:var(--uem-color-radio-fill-disabled);border-color:var(--uem-color-radio-border);}.Radio_input:checked:disabled+.Radio_control::after{background:var(--uem-color-radio-dot-disabled);}.Radio_input[aria-invalid=true]+.Radio_control::before{border-color:var(--uem-color-radio-border-invalid);}.Radio_input:checked[aria-invalid=true]+.Radio_control::before{border-color:var(--uem-color-radio-border-invalid);}.Radio_input:checked[aria-invalid=true]+.Radio_control::after{background:var(--uem-color-radio-dot-invalid);}.Radio_input:disabled[aria-invalid=true]+.Radio_control::before{border-color:var(--uem-color-radio-border-invalid);}.Toggle_root{position:relative;display:inline-flex;vertical-align:middle;cursor:pointer;}.Toggle_rootDisabled{cursor:not-allowed;}.Toggle_input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;}.Toggle_track{position:relative;display:block;flex-shrink:0;border-radius:var(--uem-radius-full);background:var(--uem-color-border);transition:background-color 0.15s ease;}.Toggle_track::after{content:"";position:absolute;inset:-2px;border:2px solid var(--uem-color-primary);border-radius:var(--uem-radius-full);opacity:0;pointer-events:none;transition:opacity 0.15s ease;}.Toggle_input:focus-visible+.Toggle_track::after{opacity:0.15;}.Toggle_regular .Toggle_track{width:32px;height:16px;}.Toggle_large .Toggle_track{width:40px;height:20px;}.Toggle_triState .Toggle_input:not(:checked):not(:indeterminate)+.Toggle_track{background:var(--uem-color-selection-banner-surface);}.Toggle_input:checked+.Toggle_track,.Toggle_input:indeterminate+.Toggle_track{background:var(--uem-color-primary);}.Toggle_rootDisabled .Toggle_input:checked+.Toggle_track,.Toggle_rootDisabled .Toggle_input:indeterminate+.Toggle_track{background:var(--uem-color-border);}.Toggle_rootDisabled.Toggle_triState .Toggle_input:not(:checked):not(:indeterminate)+.Toggle_track{background:var(--uem-color-selection-banner-surface);}.Toggle_thumb{position:absolute;top:2px;left:2px;border-radius:50%;background:var(--uem-color-border-strong);transition:transform 0.15s ease,background-color 0.15s ease,opacity 0.15s ease;}.Toggle_regular .Toggle_thumb{width:12px;height:12px;}.Toggle_large .Toggle_thumb{width:16px;height:16px;}.Toggle_input:checked:not(:indeterminate)+.Toggle_track .Toggle_thumb{background:var(--uem-color-background);}.Toggle_regular .Toggle_input:checked:not(:indeterminate)+.Toggle_track .Toggle_thumb{transform:translateX(16px);}.Toggle_large .Toggle_input:checked:not(:indeterminate)+.Toggle_track .Toggle_thumb{transform:translateX(20px);}.Toggle_input:indeterminate+.Toggle_track .Toggle_thumb{opacity:0;}.Toggle_rootDisabled .Toggle_thumb{background:var(--uem-color-border-strong);}.Toggle_minus{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;color:var(--uem-color-background);opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity 0.15s ease;}.Toggle_input:indeterminate+.Toggle_track .Toggle_minus{opacity:1;}.Toggle_rootDisabled .Toggle_input:indeterminate+.Toggle_track .Toggle_minus{color:var(--uem-color-border-strong);}.Textarea_textarea{display:block;width:100%;min-width:0;min-height:116px;padding:0;border:0;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-regular);line-height:21px;resize:vertical;}.Textarea_textarea::-moz-placeholder{color:var(--uem-color-muted-foreground);}.Textarea_textarea::placeholder{color:var(--uem-color-muted-foreground);}.Textarea_textarea:focus{outline:none;}.Textarea_textarea:disabled{color:var(--uem-color-disabled-foreground);cursor:not-allowed;}.Textarea_textarea:disabled::-moz-placeholder{color:var(--uem-color-border);}.Textarea_textarea:disabled::placeholder{color:var(--uem-color-border);}.Textarea_sm{min-height:80px;font-size:var(--uem-font-size-body-medium);line-height:18px;}.Textarea_lg{min-height:140px;font-size:var(--uem-font-size-title-small);line-height:24px;}.Textarea_shellSm{min-height:96px;}.Textarea_shellLg{min-height:160px;}.Select_root{position:relative;display:inline-flex;width:100%;min-width:0;}.Select_trigger{position:relative;box-sizing:border-box;display:flex;width:100%;min-height:40px;padding:var(--uem-spacing-3);align-items:center;gap:var(--uem-spacing-3);border:1px solid var(--uem-color-border);border-radius:var(--uem-radius-lg);background:var(--uem-color-background);color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-regular);line-height:21px;text-align:left;cursor:pointer;transition:border-color 0.15s ease,color 0.15s ease,background-color 0.15s ease;}.Select_trigger::after{content:"";position:absolute;inset:0;border-radius:var(--uem-radius-lg);border:2px solid var(--uem-color-primary);opacity:0;pointer-events:none;transition:opacity 0.15s ease;}.Select_trigger:hover:not(:disabled):not(.Select_triggerOpen){border-color:var(--uem-color-border);}.Select_trigger:hover:not(:disabled):not(.Select_triggerOpen)::after,.Select_trigger:focus-visible:not(.Select_triggerOpen)::after,.Select_triggerOpen.Select_triggerFilled::after{opacity:0.15;}.Select_trigger:focus{outline:none;}.Select_triggerFilled:not(.Select_triggerOpen){color:var(--uem-color-foreground);}.Select_triggerOpen:not(.Select_triggerFilled){border-color:var(--uem-color-primary);color:var(--uem-color-primary);}.Select_triggerOpen.Select_triggerFilled{border-color:var(--uem-color-border);color:var(--uem-color-foreground);}.Select_triggerError{border-color:var(--uem-color-error);}.Select_triggerError::after{border-color:var(--uem-color-error);}.Select_triggerError:hover:not(:disabled):not(.Select_triggerOpen)::after,.Select_triggerError:focus-visible:not(.Select_triggerOpen)::after,.Select_triggerError.Select_triggerOpen.Select_triggerFilled::after{opacity:0.15;}.Select_triggerDisabled,.Select_triggerDisabled:hover{border-color:var(--uem-color-border);background:var(--uem-color-disabled-surface);color:var(--uem-color-disabled-foreground);cursor:not-allowed;}.Select_triggerDisabled::after{opacity:0;}.Select_rootButton{width:auto;}.Select_triggerButton{width:auto;min-width:100px;min-height:32px;height:32px;padding:0 var(--uem-spacing-4);justify-content:center;gap:var(--uem-spacing-1);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;}.Select_triggerButton .Select_triggerContent{flex:0 1 auto;justify-content:center;}.Select_triggerButton .Select_triggerValue{color:inherit;text-align:center;}.Select_triggerButtonPrimary{border:1px solid transparent;background:var(--uem-color-primary);color:var(--uem-color-primary-foreground);}.Select_triggerButtonPrimary::after{border-color:var(--uem-color-focus-ring);}.Select_triggerButtonPrimary:hover:not(:disabled):not(.Select_triggerOpen){background:var(--uem-color-primary-hover);border-color:transparent;color:var(--uem-color-primary-foreground);}.Select_triggerButtonPrimary:active:not(:disabled){background:var(--uem-color-primary-active);}.Select_triggerButtonPrimary.Select_triggerOpen,.Select_triggerButtonPrimaryOpen{background:var(--uem-color-primary-hover);border-color:transparent;color:var(--uem-color-primary-foreground);}.Select_triggerButtonPrimary.Select_triggerDisabled,.Select_triggerButtonPrimary.Select_triggerDisabled:hover{background:var(--uem-color-disabled-surface);color:var(--uem-color-disabled-foreground);border-color:transparent;}.Select_triggerButtonSecondary{border:1px solid var(--uem-color-border);background:transparent;color:var(--uem-color-secondary-foreground);}.Select_triggerButtonSecondary::after{border-color:var(--uem-color-primary);}.Select_triggerButtonSecondary:hover:not(:disabled):not(.Select_triggerOpen){background:var(--uem-color-secondary-hover);border-color:var(--uem-color-border);color:var(--uem-color-secondary-foreground);}.Select_triggerButtonSecondary:active:not(:disabled){background:var(--uem-color-secondary-hover);}.Select_triggerButtonSecondary.Select_triggerOpen,.Select_triggerButtonSecondaryOpen{background:var(--uem-color-secondary-hover);border-color:var(--uem-color-border);color:var(--uem-color-secondary-foreground);}.Select_triggerButtonSecondary.Select_triggerDisabled,.Select_triggerButtonSecondary.Select_triggerDisabled:hover{background:transparent;color:var(--uem-color-border);border-color:var(--uem-color-border);}.Select_chevronButton{color:inherit;}.Select_triggerContent{display:flex;flex:1;min-width:0;align-items:center;gap:var(--uem-spacing-1);}.Select_triggerValue{display:inline-flex;max-width:100%;min-width:0;align-items:center;gap:var(--uem-spacing-2);overflow:hidden;}.Select_triggerIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:inherit;}.Select_triggerValueText{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.Select_triggerChips{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:var(--uem-spacing-1);max-height:72px;overflow-y:auto;}.Select_chipRemove{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--uem-spacing-1);padding:0;border:none;background:transparent;color:inherit;cursor:pointer;}.Select_chipRemove:focus-visible{outline:2px solid var(--uem-color-primary);outline-offset:1px;border-radius:var(--uem-radius-sm);}.Select_chevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:inherit;transition:transform 0.25s ease;}.Select_chevronOpen{transform:rotate(-180deg);}.Select_sm .Select_labelResting{font-size:var(--uem-font-size-body-medium);}.Select_lg .Select_labelResting{font-size:var(--uem-font-size-title-small);}.Select_sm{min-height:32px;font-size:var(--uem-font-size-body-medium);}.Select_lg{min-height:48px;font-size:var(--uem-font-size-title-small);}.Select_panelWrap{box-sizing:border-box;width:100%;}.Select_selectPopoverButton{box-shadow:none;border-radius:0;background:transparent;overflow:visible;}.Select_panelWrapButton .Select_panel{padding-bottom:0;overflow:hidden;border-radius:8px;box-shadow:0 6px 16px rgba(25,25,25,0.25);}.Select_panelWrapButton .Select_option{width:auto;min-width:100%;padding:5px 10px 5px 10px;gap:5px;}.Select_panelWrapButton .Select_option:first-child{padding-top:10px;}.Select_panelWrapButton .Select_option:last-child{padding-bottom:10px;}.Select_panelWrapButton .Select_optionContent{flex:0 1 auto;}.Select_panelWrapButton .Select_optionLabel{font-weight:var(--uem-font-weight-medium);line-height:18px;}.Select_panel{box-sizing:border-box;display:flex;width:100%;max-height:320px;flex-direction:column;overflow:hidden;border-radius:var(--uem-radius-lg);background:var(--uem-color-background);box-shadow:var(--uem-shadow-card-hover);}.Select_searchWrap{padding:var(--uem-spacing-3);border-bottom:1px solid var(--uem-color-border);}.Select_searchField{position:relative;display:flex;align-items:center;gap:var(--uem-spacing-1);height:40px;padding:0 var(--uem-spacing-3);border:1px solid var(--uem-color-chip-default);border-radius:var(--uem-radius-lg);background:var(--uem-color-background);}.Select_searchIcon{display:inline-flex;flex-shrink:0;color:var(--uem-color-muted-foreground);}.Select_searchInput{flex:1;min-width:0;border:none;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);line-height:18px;}.Select_searchInput:focus{outline:none;}.Select_searchInput::-moz-placeholder{color:var(--uem-color-muted-foreground);}.Select_searchInput::placeholder{color:var(--uem-color-muted-foreground);}.Select_list{display:flex;flex-direction:column;overflow-y:auto;}.Select_selectAllRow{display:flex;align-items:center;gap:var(--uem-spacing-3);padding:var(--uem-spacing-3);border:none;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);color:var(--uem-color-primary);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);cursor:pointer;}.Select_selectAllRow:hover{background:var(--uem-color-background);color:var(--uem-color-primary-hover);}.Select_option{display:flex;width:100%;padding:var(--uem-spacing-3);align-items:center;gap:var(--uem-spacing-3);border:none;background:var(--uem-color-background);text-align:left;cursor:pointer;transition:background-color 0.15s ease,color 0.15s ease;}.Select_optionChild{padding-left:calc(var(--uem-spacing-3) + 24px);}.Select_optionParent{font-weight:var(--uem-font-weight-medium);}.Select_parentChevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:inherit;transition:transform 0.2s ease;transform:rotate(-90deg);}.Select_parentChevronOpen{transform:rotate(0deg);}.Select_optionHint{flex-shrink:0;margin-left:auto;color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);line-height:18px;}.Select_option:hover:not(:disabled){color:var(--uem-color-primary);}.Select_optionSelected{background:var(--uem-color-secondary-hover);color:var(--uem-color-primary);}.Select_optionHighlighted:not(.Select_optionSelected){background:var(--uem-color-surface-hover);}.Select_optionDisabled,.Select_optionDisabled:hover{color:var(--uem-color-disabled-foreground);cursor:not-allowed;}.Select_optionDisabled.Select_optionHighlighted,.Select_optionDisabled.Select_optionHighlighted:hover{background:transparent;color:var(--uem-color-disabled-foreground);}.Select_optionDisabled .Select_optionIcon{color:var(--uem-color-disabled-foreground);}.Select_optionDelete:hover:not(:disabled){background:var(--uem-color-danger-surface-hover);color:var(--uem-color-danger-hover);}.Select_optionContent{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;}.Select_optionLabel{overflow:hidden;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);text-overflow:ellipsis;white-space:nowrap;}.Select_optionBody{color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.Select_optionSelected .Select_optionBody{color:var(--uem-color-primary);}.Select_optionIcon{display:inline-flex;flex-shrink:0;color:inherit;}.Select_optionCheckbox{flex-shrink:0;pointer-events:none;}.Select_footer{padding:var(--uem-spacing-3);border-top:1px solid var(--uem-color-border);border-radius:0 0 var(--uem-radius-lg) var(--uem-radius-lg);}.Select_footerButton{min-width:auto;width:100%;}.Select_empty{padding:var(--uem-spacing-3);color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);line-height:18px;}.floatingFieldLabel_label{position:absolute;left:var(--uem-spacing-3);z-index:1;max-width:calc(100% - var(--uem-spacing-3) * 2 - 32px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-family:var(--uem-font-family);font-weight:var(--uem-font-weight-regular);transition:top 0.2s ease,transform 0.2s ease,font-size 0.2s ease,line-height 0.2s ease,color 0.15s ease,background-color 0.2s ease,padding 0.2s ease;}.floatingFieldLabel_labelInteractive{pointer-events:auto;cursor:pointer;}.floatingFieldLabel_labelResting{top:50%;transform:translateY(-50%);padding:0;border-radius:0;background:transparent;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-large);line-height:21px;}.floatingFieldLabel_labelFloating{top:-9px;transform:none;z-index:1;padding:0 var(--uem-spacing-1);border-radius:var(--uem-radius-sm);background:var(--uem-color-background);color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-small);line-height:15px;}.floatingFieldLabel_labelFocused{color:var(--uem-color-primary);}.floatingFieldLabel_labelDisabled{color:var(--uem-color-chip-default);}.floatingFieldLabel_required{color:var(--uem-color-error);margin-left:var(--uem-spacing-1);}.FormField_root{display:flex;flex-direction:column;width:100%;min-width:0;}.FormField_stackLabel{margin-bottom:5px;}.FormField_message{margin:0;padding-top:2px;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:var(--uem-line-height-normal);color:var(--uem-color-error);}.FormField_floatingControl{position:relative;display:inline-flex;width:100%;min-width:0;}.Link_link{color:var(--uem-color-primary);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:var(--uem-line-height-normal);text-decoration:none;cursor:pointer;transition:color 0.2s ease;}.Link_link:hover{color:var(--uem-color-primary-hover);}.Footer_footer{display:flex;width:100%;padding:var(--uem-spacing-3) 0;justify-content:space-between;align-items:center;background:var(--uem-color-background);}.Footer_leftContent{flex:1 1 0;display:flex;align-items:center;gap:var(--uem-spacing-2);color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:var(--uem-line-height-normal);}.Footer_leftContent .Footer_privacyLink{font-size:12px;}.Footer_rightContent{display:flex;height:36px;align-items:center;flex:1 1 0;justify-content:flex-end;}.Footer_contactItem{display:flex;padding:var(--uem-spacing-5);justify-content:center;align-items:center;gap:var(--uem-spacing-3);color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:var(--uem-line-height-normal);text-decoration:none;transition:color 0.2s ease;}.Footer_contactItem .Footer_icon{color:inherit;transition:color 0.2s ease;}.Footer_contactItem:hover{color:var(--uem-color-primary);}.Footer_divider{width:1px;height:var(--uem-spacing-8);background-color:var(--uem-color-border);margin:0 var(--uem-spacing-3);}.FormStepNav_root{box-sizing:border-box;font-family:var(--uem-font-family);background:var(--uem-color-form-step-nav-panel-bg);}.FormStepNav_rootVertical{display:flex;flex-direction:column;width:100%;max-width:220px;height:100%;max-height:100%;padding:var(--uem-spacing-6) var(--uem-spacing-5);border-right:1px solid var(--uem-color-form-step-nav-panel-border);overflow-x:hidden;overflow-y:auto;}.FormStepNav_rootHorizontal{display:flex;width:100%;max-width:100%;padding:var(--uem-spacing-5) var(--uem-spacing-6);border-bottom:1px solid var(--uem-color-form-step-nav-panel-border);overflow-x:auto;overflow-y:hidden;}.FormStepNav_list{display:flex;margin:0;padding:0;list-style:none;}.FormStepNav_listVertical{flex-direction:column;width:100%;}.FormStepNav_listHorizontal{flex-direction:row;align-items:flex-start;width:100%;min-width:-moz-max-content;min-width:max-content;}.FormStepNav_stepItem{display:flex;width:100%;min-width:0;}.FormStepNav_stepItemHorizontal{flex:1 1 0;width:auto;min-width:112px;}.FormStepNav_stepControl{display:flex;align-items:flex-start;gap:var(--uem-spacing-4);width:100%;min-width:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;}.FormStepNav_stepButton{cursor:pointer;}.FormStepNav_stepButton:focus{outline:none;}.FormStepNav_stepButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;border-radius:var(--uem-radius-sm);}.FormStepNav_stepDisabled{opacity:0.5;cursor:not-allowed;}.FormStepNav_markerColumn{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:center;width:24px;align-self:stretch;}.FormStepNav_marker{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;overflow:hidden;border-radius:var(--uem-radius-full);box-sizing:border-box;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-semibold);line-height:1;}.FormStepNav_markerCompleted{background:var(--uem-color-form-step-nav-completed-bg);color:var(--uem-color-form-step-nav-completed-fg);border:none;}.FormStepNav_markerCurrent{background:var(--uem-color-form-step-nav-current-bg);color:var(--uem-color-form-step-nav-current-fg);border:none;}.FormStepNav_markerUpcoming{background:transparent;color:var(--uem-color-form-step-nav-upcoming-fg);border:1.5px solid var(--uem-color-form-step-nav-upcoming-border);}.FormStepNav_markerNumber{display:inline-flex;align-items:center;justify-content:center;}.FormStepNav_checkIcon{display:block;width:10px !important;height:10px !important;max-width:10px;max-height:10px;color:var(--uem-color-form-step-nav-completed-fg);}.FormStepNav_connector{flex:1 1 auto;width:1.5px;min-height:20px;margin:4px 0;background:var(--uem-color-form-step-nav-connector);border-radius:1px;}.FormStepNav_listHorizontal .FormStepNav_stepControl{flex-direction:column;align-items:stretch;gap:var(--uem-spacing-2);}.FormStepNav_listHorizontal .FormStepNav_markerColumn{flex-direction:row;align-items:center;align-self:stretch;width:100%;}.FormStepNav_listHorizontal .FormStepNav_connector{flex:1 1 auto;width:auto;min-width:16px;height:1.5px;min-height:0;margin:0 0 0 8px;}.FormStepNav_listHorizontal .FormStepNav_stepItem:last-child .FormStepNav_markerColumn{width:24px;flex:0 0 auto;}.FormStepNav_listHorizontal .FormStepNav_textBlock{padding:0;max-width:none;padding-right:var(--uem-spacing-4);}.FormStepNav_listHorizontal .FormStepNav_stepItem:last-child .FormStepNav_textBlock{padding-right:0;}.FormStepNav_textBlock{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:2px;padding-bottom:var(--uem-spacing-5);}.FormStepNav_stepItem:last-child .FormStepNav_textBlock{padding-bottom:0;}.FormStepNav_title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-medium);line-height:21px;}.FormStepNav_titleCompleted{color:var(--uem-color-form-step-nav-title-default);font-weight:var(--uem-font-weight-medium);}.FormStepNav_titleCurrent{color:var(--uem-color-form-step-nav-title-current);font-weight:var(--uem-font-weight-semibold);}.FormStepNav_titleUpcoming{color:var(--uem-color-form-step-nav-title-upcoming);font-weight:var(--uem-font-weight-medium);}.FormStepNav_description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--uem-color-form-step-nav-description);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.FormStepNav_descriptionCompleted{color:var(--uem-color-form-step-nav-description-completed);}.Pagination_root{display:flex;height:32px;justify-content:space-between;align-items:center;align-self:stretch;}.Pagination_controls{display:flex;height:28px;align-items:center;gap:var(--uem-spacing-3);}.Pagination_pageSizeLabel,.Pagination_rangeStats{color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:18px;letter-spacing:0;white-space:nowrap;}.Pagination_nav{display:inline-flex;align-items:center;gap:var(--uem-spacing-3);}.Pagination_pages{display:inline-flex;align-items:center;gap:var(--uem-spacing-3);}.Pagination_arrow{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--uem-color-foreground);cursor:pointer;transition:color 0.15s ease;}.Pagination_arrow:hover:not(:disabled){color:var(--uem-color-primary);}.Pagination_arrow:focus{outline:none;}.Pagination_arrow:focus-visible{border-radius:var(--uem-radius-sm);outline:1px solid var(--uem-color-primary);outline-offset:2px;}.Pagination_arrow:disabled{color:var(--uem-color-chip-default);cursor:not-allowed;}.Pagination_ellipsis{display:flex;width:32px;height:28px;align-items:center;justify-content:center;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-regular);line-height:21px;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.PaginationNumber_number{box-sizing:border-box;display:flex;width:32px;height:28px;padding:var(--uem-spacing-3);flex-direction:column;justify-content:center;align-items:center;gap:0;border:1px solid transparent;border-radius:var(--uem-radius-lg);background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:21px;cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;}.PaginationNumber_number:hover:not(:disabled):not(.PaginationNumber_selected){color:var(--uem-color-primary);}.PaginationNumber_selected{border-radius:var(--uem-radius-lg);background:var(--uem-color-secondary-hover);color:var(--uem-color-primary);}.PaginationNumber_number:disabled{border-radius:var(--uem-radius-lg);background:var(--uem-color-background);color:var(--uem-color-chip-default);cursor:not-allowed;}.PaginationNumber_number:focus{outline:none;}.PaginationNumber_number:focus-visible{border-radius:var(--uem-radius-lg);border:1px solid var(--uem-color-primary);background:var(--uem-color-background);color:var(--uem-color-primary);}.Table_root{display:flex;flex-direction:column;gap:var(--uem-spacing-3);width:100%;min-height:0;}.Table_borderless{box-sizing:border-box;gap:0;width:100%;height:100%;min-width:0;min-height:0;align-self:stretch;}.Table_heightCapped{height:auto;}.Table_heightCapped.Table_borderless{height:auto;}.Table_heightCapped .Table_scrollOuter,.Table_heightCapped .Table_scrollBody,.Table_heightCapped .Table_tableFrame{height:auto;flex:0 1 auto;}.Table_heightCapped .Table_scroll{height:auto;flex:0 1 auto;}.Table_borderless .Table_scrollOuter{display:flex;flex:1 1 auto;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;}.Table_borderless .Table_tableFrame{display:flex;flex:1 1 auto;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;}.Table_borderless .Table_tableShell{border:none;border-radius:0;overflow:hidden;background:transparent;}.Table_borderless .Table_scroll{flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;overflow-x:auto;overflow-y:auto;border:none;border-radius:0;}.Table_borderless .Table_table{width:100%;}.Table_borderless .Table_headerCell,.Table_borderless .Table_cell,.Table_borderless .Table_headerActionsColumn{border-bottom:none;}.Table_borderless .Table_cellTitle{color:var(--uem-color-foreground);}.Table_scrollOuter{position:relative;width:100%;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;}.Table_scrollBody{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;}.Table_tableFrame{width:100%;}.Table_tableShell{width:100%;border:1px solid var(--uem-color-border);border-radius:8px;background:var(--uem-color-background);overflow:hidden;}.Table_scroll{position:relative;overflow-x:auto;overflow-y:auto;flex:1 1 auto;min-height:0;width:100%;border:1px solid var(--uem-color-border);border-radius:8px;}.Table_tableShell .Table_scroll{border:none;border-radius:0;}.Table_emptyBody{display:flex;width:100%;padding:80px var(--uem-spacing-3) 80px var(--uem-spacing-6);justify-content:center;align-items:center;}.Table_table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);}.Table_row{height:35px;}.Table_rowHovered .Table_cell,.Table_rowHovered .Table_headerCell,.Table_rowHovered .Table_headerActionsColumn{background:var(--uem-color-secondary-hover);}.Table_borderless .Table_rowHovered>.Table_cell,.Table_borderless .Table_rowHovered>.Table_headerActionsColumn{position:relative;z-index:0;background:var(--uem-color-background);}.Table_borderless .Table_rowHovered>.Table_cell::before,.Table_borderless .Table_rowHovered>.Table_headerActionsColumn::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--uem-color-secondary-hover);pointer-events:none;}.Table_borderless .Table_rowHovered>.Table_cell:first-child::before,.Table_borderless .Table_rowHovered>.Table_headerActionsColumn:first-child::before{left:10px;border-radius:8px 0 0 8px;}.Table_borderless .Table_rowHovered>.Table_cell:last-child::before,.Table_borderless .Table_rowHovered>.Table_headerActionsColumn:last-child::before{right:10px;border-radius:0 8px 8px 0;}.Table_borderless .Table_rowHovered>.Table_cell:first-child:last-child::before,.Table_borderless .Table_rowHovered>.Table_headerActionsColumn:first-child:last-child::before{left:10px;right:10px;border-radius:8px;}.Table_borderless .Table_rowHovered>.Table_cell>*,.Table_borderless .Table_rowHovered>.Table_headerActionsColumn>*{position:relative;z-index:1;}.Table_headerRow{height:35px;}.Table_headerCell{padding:5px 20px;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);color:var(--uem-color-muted-foreground);font-weight:var(--uem-font-weight-semibold);text-align:left;vertical-align:middle;position:sticky;top:0;z-index:2;}.Table_headerCellCheckbox{width:68px;padding:5px 10px 5px 20px;}.Table_headerCellElevated{z-index:3;}.Table_headerCellEmpty{width:60px;min-width:60px;}.Table_headerInner{display:flex;align-items:center;justify-content:space-between;gap:var(--uem-spacing-2);min-height:25px;}.Table_headerLabelGroup{display:flex;align-items:center;gap:var(--uem-spacing-2);min-width:0;}.Table_headerSelectionDropdown{position:relative;display:inline-flex;}.Table_headerSelectionChevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;transition:transform 0.25s ease;}.Table_headerSelectionChevronOpen{transform:rotate(-180deg);}.Table_headerSelectionPopover{box-shadow:none;border-radius:0;background:transparent;overflow:visible;}.Table_headerSelectionMenu{min-width:120px;padding:var(--uem-spacing-1);border:1px solid var(--uem-color-border);border-radius:var(--uem-radius-md);background:var(--uem-color-background);box-shadow:var(--uem-shadow-md);}.Table_headerSelectionMenuItem{display:block;width:100%;padding:var(--uem-spacing-2) var(--uem-spacing-4);border:none;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);text-align:left;cursor:pointer;}.Table_headerSelectionMenuItem:hover{background:var(--uem-color-secondary-hover);}.Table_headerLabel{color:inherit;font-size:var(--uem-font-size-body-medium);font-weight:inherit;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.Table_sortButton{display:inline-flex;align-items:center;gap:var(--uem-spacing-2);padding:0;border:none;background:transparent;cursor:pointer;min-width:0;}.Table_sortButton:disabled{cursor:not-allowed;}.Table_sortHeaderTrigger{display:inline-flex;align-items:center;gap:var(--uem-spacing-2);min-width:0;padding:0;border:none;background:transparent;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:left;cursor:pointer;}.Table_sortHeaderTrigger:disabled{cursor:not-allowed;}.Table_headerCellDraggable{cursor:grab;}.Table_headerCellDragging{cursor:grabbing;}.Table_resizeHandle{position:absolute;top:0;width:8px;height:100%;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;}.Table_resizeHandleRight{right:-4px;}.Table_headerCell:hover .Table_resizeHandleRight::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:var(--uem-color-border-strong,#a3a9b3);box-shadow:0 0 4px rgba(25,25,25,0.28);pointer-events:none;}.Table_resizeHandle:hover,.Table_resizeHandleActive{background:color-mix(in srgb,var(--uem-color-primary) 12%,transparent);}.Table_headerCell:hover .Table_resizeHandleRight:hover::before,.Table_headerCell:hover .Table_resizeHandleActive::before{background:var(--uem-color-primary);box-shadow:0 0 6px color-mix(in srgb,var(--uem-color-primary) 45%,transparent);}.Table_resizeGuide,.Table_dropGuide{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--uem-color-primary);pointer-events:none;z-index:2;}.Table_cell{padding:5px 20px;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);vertical-align:middle;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Table_cell a{text-decoration:none;}.Table_cellCheckbox{width:68px;padding:5px 10px 5px 20px;}.Table_cellInner{display:flex;align-items:center;gap:5px;min-width:0;}.Table_cellContent{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;}.Table_cellTitleRow{display:flex;align-items:center;gap:var(--uem-spacing-2);min-width:0;}.Table_cellTitle{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Table_cellBody{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Table_chipGroup{display:flex;align-items:center;gap:var(--uem-spacing-1);flex-wrap:wrap;flex-shrink:0;}.Table_branchGroup{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;}.Table_branchCount{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.Table_passwordDots{display:inline-flex;align-items:center;gap:4px;height:24px;}.Table_passwordDot{width:6px;height:6px;border-radius:var(--uem-radius-full);background:var(--uem-color-foreground);}.Table_leading{display:inline-flex;align-items:center;flex-shrink:0;}.Table_avatar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:var(--uem-radius-full);background:var(--uem-color-chip-success-subtle-bg);color:var(--uem-color-success);font-family:var(--uem-font-family);font-size:8px;font-weight:var(--uem-font-weight-medium);line-height:12.5px;}.Table_avatarName{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Table_platform{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--uem-color-foreground);}.Table_compliance{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}.Table_skeletonBar,.Table_skeletonCheckbox,.Table_skeletonExpand{display:block;background:linear-gradient( 90deg,var(--uem-color-muted) 25%,color-mix(in srgb,var(--uem-color-muted),white 40%) 50%,var(--uem-color-muted) 75%);background-size:250% 100%;animation:Table_tableSkeletonShimmer 1.6s ease-in-out infinite;animation-delay:var(--uem-skeleton-delay,0s);}.Table_skeletonBar{height:14px;border-radius:var(--uem-radius-sm);}.Table_skeletonCheckbox{width:16px;height:16px;border-radius:var(--uem-radius-sm);}.Table_skeletonExpand{width:20px;height:20px;border-radius:var(--uem-radius-full);}@keyframes Table_tableSkeletonShimmer{0%{background-position:200% 0;}100%{background-position:-50% 0;}}@media (prefers-reduced-motion:reduce){.Table_skeletonBar,.Table_skeletonCheckbox,.Table_skeletonExpand{animation:none;}}.Table_leadingImage{width:24px;height:24px;border-radius:var(--uem-radius-sm);-o-object-fit:cover;object-fit:cover;}.Table_expandButton{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--uem-color-muted-foreground);cursor:pointer;transition:transform 0.15s ease;}.Table_expandButtonExpanded{transform:rotate(90deg);}.Table_expandedRow .Table_cell{background:var(--uem-color-surface);padding:var(--uem-spacing-4) var(--uem-spacing-6);height:auto;}.Table_selectionBanner{display:flex;flex-shrink:0;align-items:center;gap:5px;box-sizing:border-box;min-height:31px;padding:5px 20px 5px 10px;border-radius:10px 10px 0 0;background:var(--uem-color-selection-banner-surface);color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);}.Table_selectionBannerContent{display:flex;flex:1;align-items:center;justify-content:space-between;gap:var(--uem-spacing-3);}.Table_selectionBannerLabel{font-size:inherit;font-weight:var(--uem-font-weight-medium);line-height:21px;}.Table_selectionBannerClose{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;}.Table_selectionBanner+.Table_scrollOuter{margin-top:calc(-1 * var(--uem-spacing-3));}.Table_selectionBanner+.Table_scrollOuter .Table_scroll,.Table_selectionBanner+.Table_scrollOuter .Table_tableShell{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.Table_toolbar{display:flex;align-items:center;gap:var(--uem-spacing-3);}.Table_toolbarDropdown{position:relative;display:inline-flex;}.Table_toolbarMenu{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--uem-z-dropdown);min-width:160px;padding:var(--uem-spacing-1);border:1px solid var(--uem-color-border);border-radius:var(--uem-radius-md);background:var(--uem-color-background);box-shadow:var(--uem-shadow-md);}.Table_toolbarMenuItem{display:block;width:100%;padding:var(--uem-spacing-2) var(--uem-spacing-4);border:none;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);text-align:left;cursor:pointer;}.Table_toolbarMenuItem:hover{background:var(--uem-color-secondary-hover);}.Table_footer{display:flex;width:100%;min-width:0;}.Table_footerPagination{width:100%;}.Table_empty{padding:var(--uem-spacing-8);text-align:center;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);}.Table_headerActionsFixed{position:absolute;top:1px;right:1px;z-index:4;display:flex;align-items:center;justify-content:center;width:40px;height:35px;pointer-events:auto;}.Table_columnSelectorPopover{box-shadow:none;border-radius:0;background:transparent;}.Table_columnSelectorType2Placeholder{box-sizing:border-box;width:280px;min-height:48px;}.Table_headerActionsCell{width:40px;padding:0;text-align:center;vertical-align:middle;}.Table_headerActionsColumn{width:40px;padding:0;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);vertical-align:middle;height:35px;}.Table_columnDragOverlay{position:fixed;z-index:var(--uem-z-dropdown);pointer-events:none;opacity:0.92;box-shadow:var(--uem-shadow-md);border:1px solid var(--uem-color-border);border-radius:var(--uem-radius-sm);overflow:hidden;background:var(--uem-color-background);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);}.Table_columnDragOverlayHeader{display:flex;align-items:center;height:35px;padding:5px 20px;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);color:var(--uem-color-muted-foreground);font-weight:var(--uem-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.Table_columnDragOverlayRow{display:flex;align-items:center;height:35px;padding:5px 20px;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);color:var(--uem-color-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.Table_columnDragOverlayMore{display:flex;align-items:center;justify-content:center;height:35px;padding:5px 20px;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-surface);color:var(--uem-color-muted-foreground);}.Tooltip_root{position:relative;display:inline-flex;align-items:center;justify-content:center;}.Tooltip_trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--uem-color-muted-foreground);cursor:default;line-height:normal;}.Tooltip_trigger:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;border-radius:var(--uem-radius-lg);}.Tooltip_content{max-width:293px;width:-moz-max-content;width:max-content;padding:var(--uem-spacing-3);border-radius:var(--uem-radius-lg);box-shadow:var(--uem-shadow-card-hover);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;pointer-events:none;}.Tooltip_appearanceDark{background:var(--uem-color-tooltip-dark-bg);color:var(--uem-color-tooltip-dark-fg);}.Tooltip_appearanceMedium{background:var(--uem-color-tooltip-medium-bg);color:var(--uem-color-tooltip-medium-fg);}.Tooltip_appearanceLight{background:var(--uem-color-tooltip-light-bg);color:var(--uem-color-tooltip-light-fg);}.Tooltip_truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Tooltip_content:not(.Tooltip_truncated){white-space:pre-line;}.Tooltip_floating{position:fixed;z-index:var(--uem-z-dropdown);}.SortIcon_root{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;line-height:0;}.SortIcon_arrow{display:block;width:6px;height:3px;color:var(--uem-color-muted-foreground);}.SortIcon_active{color:var(--uem-color-primary);}.SortIcon_disabled{color:var(--uem-color-border);}.TableEmptyState_root{display:flex;width:100%;justify-content:center;align-items:center;}.TableEmptyState_content{display:flex;flex-direction:column;align-items:center;gap:var(--uem-spacing-6);width:100%;max-width:100%;}.TableEmptyState_image{display:block;width:74px;min-height:60px;height:auto;flex-shrink:0;overflow:visible;-o-object-fit:contain;object-fit:contain;}.TableEmptyState_description{margin:0;width:100%;color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-regular);line-height:21px;text-align:center;}.TableEmptyState_actionSelect{width:auto;}.SelectablePicker_root{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--uem-spacing-3);width:100%;font-family:var(--uem-font-family);background:var(--uem-color-selectable-picker-surface);}.SelectablePicker_title{width:100%;min-width:0;color:var(--uem-color-selectable-picker-label);font-size:var(--uem-font-size-title-small);font-weight:var(--uem-font-weight-semibold);line-height:24px;}.SelectablePicker_title:where(h1,h2,h3,h4,h5,h6,p){margin:0;color:inherit;font:inherit;}.SelectablePicker_header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--uem-spacing-4);width:100%;min-width:0;}.SelectablePicker_headerLeft,.SelectablePicker_headerRight{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--uem-spacing-3);min-width:0;}.SelectablePicker_headerLeft{flex:0 0 auto;justify-content:flex-start;}.SelectablePicker_headerRight{flex:0 1 280px;max-width:min(280px,45%);justify-content:flex-end;margin-left:auto;}.SelectablePicker_headerRight>*{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:auto;max-height:none;aspect-ratio:auto;}.SelectablePicker_selectAll{display:inline-flex;align-items:center;gap:var(--uem-spacing-2);}.SelectablePicker_selectAllLabel{color:var(--uem-color-selectable-picker-label);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-medium);line-height:21px;}.SelectablePicker_tableStack{box-sizing:border-box;display:flex;flex-direction:column;width:100%;min-height:0;}.SelectablePicker_banner{flex-shrink:0;margin:0;border-radius:var(--uem-radius-lg) var(--uem-radius-lg) 0 0;overflow:hidden;}.SelectablePicker_panel{box-sizing:border-box;flex:1 1 auto;width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;border:1px solid var(--uem-color-selectable-picker-border);border-radius:0 0 var(--uem-radius-lg) var(--uem-radius-lg);background:var(--uem-color-selectable-picker-cell-bg);}.SelectablePicker_panelStandalone{border-radius:var(--uem-radius-lg);}.SelectablePicker_items{display:grid;width:100%;}.SelectablePicker_itemsGrid{grid-template-columns:1fr;}@media (min-width:640px){.SelectablePicker_itemsGrid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width:768px){.SelectablePicker_itemsGrid{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (min-width:1024px){.SelectablePicker_itemsGrid{grid-template-columns:repeat(5,minmax(0,1fr));}}.SelectablePicker_itemsList{grid-template-columns:1fr;}.SelectablePicker_item{box-sizing:border-box;display:flex;align-items:center;gap:var(--uem-spacing-2);min-width:0;padding:var(--uem-spacing-3) var(--uem-spacing-4);border-right:1px solid var(--uem-color-selectable-picker-border);border-bottom:1px solid var(--uem-color-selectable-picker-border);background:var(--uem-color-selectable-picker-cell-bg);}.SelectablePicker_itemList{border-right:none;}.SelectablePicker_itemSelected{background:var(--uem-color-selectable-picker-cell-selected-bg);}.SelectablePicker_itemDisplay{background:var(--uem-color-selectable-picker-cell-bg);}.SelectablePicker_itemLabel{min-width:0;overflow:hidden;color:var(--uem-color-selectable-picker-label);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-regular);line-height:21px;text-overflow:ellipsis;white-space:nowrap;}.SelectablePicker_empty{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--uem-spacing-6);color:var(--uem-color-selectable-picker-empty);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-medium);line-height:21px;text-align:center;}.Tab_tab{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;border-bottom:1px solid transparent;box-sizing:border-box;}.Tab_selected{border-bottom-color:var(--uem-color-primary);}.Tab_control{display:flex;height:auto;padding:15px var(--uem-spacing-3);justify-content:center;align-items:center;border:0;border-radius:0;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;line-height:21px;letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:color 0.15s ease;}.Tab_label{display:inline-grid;align-items:center;justify-items:center;}.Tab_labelMeasure,.Tab_labelText{grid-area:1 / 1;white-space:nowrap;}.Tab_labelMeasure{font-weight:var(--uem-font-weight-semibold);visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.Tab_labelText{font-weight:var(--uem-font-weight-regular);}.Tab_tab:not(.Tab_selected) .Tab_control:hover{color:var(--uem-color-primary);}.Tab_tab:not(.Tab_selected) .Tab_control:hover .Tab_labelText{font-weight:var(--uem-font-weight-regular);}.Tab_tab:not(.Tab_selected) .Tab_control:active{color:var(--uem-color-primary);}.Tab_tab:not(.Tab_selected) .Tab_control:active .Tab_labelText{font-weight:var(--uem-font-weight-semibold);}.Tab_selected .Tab_control{color:var(--uem-color-primary);}.Tab_selected .Tab_labelText{font-weight:var(--uem-font-weight-semibold);}.Tab_tab:focus-within:not(.Tab_selected){border-bottom-color:transparent;}.Tab_control:focus{outline:none;}.Tab_control:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.Header_header{display:flex;width:100%;min-height:var(--uem-spacing-16);padding:0 var(--uem-spacing-6) 0 var(--uem-spacing-5);justify-content:space-between;align-items:center;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);box-sizing:border-box;}.Header_logoContainer{display:flex;align-items:center;gap:var(--uem-spacing-4);flex:1 1 0;align-self:stretch;min-width:0;}.Header_logo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--uem-spacing-3);align-self:stretch;flex-shrink:0;}.Header_logoImage{display:block;max-height:var(--uem-spacing-8);width:auto;-o-object-fit:contain;object-fit:contain;}.Header_navigation{display:flex;align-items:center;gap:var(--uem-spacing-2);flex:1 1 0;align-self:stretch;min-width:0;}.Header_actions{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--uem-spacing-3);flex-shrink:0;}.Header_profileButton{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--uem-spacing-2);border:1px solid transparent;border-radius:var(--uem-radius-lg);background-color:transparent;color:var(--uem-color-foreground);cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;}.Header_profileButton:hover:not(:disabled){background-color:var(--uem-color-secondary-hover);color:var(--uem-color-primary);}.Header_profileButton:active:not(:disabled){background-color:var(--uem-color-secondary-hover);color:var(--uem-color-primary);}.Header_profileButton:focus{outline:none;}.Header_profileButton:focus-visible::after{content:"";position:absolute;inset:0;border-radius:var(--uem-radius-lg);border:2px solid var(--uem-color-primary);opacity:0.15;pointer-events:none;}.Header_profileButton:disabled{cursor:not-allowed;}.Header_profileAvatar{width:20px;height:20px;border-radius:var(--uem-radius-full);-o-object-fit:cover;object-fit:cover;}.DetailsTopbar_detailsTopbar{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;width:100%;padding:20px;border:1px solid var(--uem-color-border);border-radius:10px;background:var(--uem-color-background);box-shadow:0 0 10px rgba(0,0,0,0.05);font-family:var(--uem-font-family);}.DetailsTopbar_header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}.DetailsTopbar_headerStart{display:flex;align-items:center;gap:5px;min-width:0;}.DetailsTopbar_media{display:flex;flex-shrink:0;align-items:center;justify-content:center;}.DetailsTopbar_titleBlock{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;}.DetailsTopbar_titleRow{display:flex;align-items:center;gap:5px;min-width:0;}.DetailsTopbar_title{margin:0;overflow:hidden;font-size:var(--uem-font-size-title-small);font-weight:var(--uem-font-weight-bold);line-height:24px;color:var(--uem-color-foreground);white-space:nowrap;text-overflow:ellipsis;}.DetailsTopbar_description{display:flex;align-items:center;gap:5px;overflow:hidden;font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;color:var(--uem-color-muted-foreground);white-space:nowrap;text-overflow:ellipsis;}.DetailsTopbar_headerEnd{display:flex;flex-shrink:0;align-items:center;gap:10px;}.DetailsTopbar_cardsRow{display:flex;align-items:stretch;gap:15px;}.DetailsTopbar_cardSlotFlexible{flex:1 1 0%;min-width:0;}.DetailsTopbar_detailsTopbar .DetailsTopbar_cardSlotFlexible>*{width:100%;}.DetailsTopbar_cardSlotFixed{flex:0 1 auto;min-width:0;}.Sidebar_sidebar{--uem-sidebar-bg:#111111;--uem-sidebar-item-fg:rgba(255,255,255,0.6);--uem-sidebar-item-fg-active:#ffffff;--uem-sidebar-shadow:0 3px 20px rgba(0,0,0,0.05);display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;width:58px;min-height:100%;padding:var(--uem-spacing-3) 5px var(--uem-spacing-6);border-radius:var(--uem-radius-sm);background:var(--uem-sidebar-bg);box-shadow:var(--uem-sidebar-shadow);}.Sidebar_navGroup{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;padding-bottom:15px;}.Sidebar_nav{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;margin:0;padding:0;list-style:none;}.Sidebar_footer{display:flex;flex-direction:column;align-items:center;width:100%;}.Sidebar_item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:48px;border-radius:var(--uem-radius-lg);}.Sidebar_control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:48px;padding:0;border:0;border-radius:var(--uem-radius-lg);background:transparent;color:var(--uem-sidebar-item-fg);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-regular);line-height:15px;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:color 0.15s ease,background-color 0.15s ease;}.Sidebar_icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:inherit;}.Sidebar_label{width:100%;white-space:nowrap;}.Sidebar_item.Sidebar_selected .Sidebar_control{color:var(--uem-sidebar-item-fg-active);font-weight:var(--uem-font-weight-medium);}.Sidebar_item:not(.Sidebar_selected) .Sidebar_control:hover{color:var(--uem-sidebar-item-fg-active);}.Sidebar_control:focus{outline:none;}.Sidebar_control:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.InternalLeftMenu_menu{--ilm-panel-bg:#f9f9f9;--ilm-foreground:#191919;--ilm-active:#0449d1;--ilm-highlight-bg:#e6eeff;--ilm-tree-line:#e4e8eb;box-sizing:border-box;display:flex;flex-direction:column;width:190px;min-height:100%;padding:var(--uem-spacing-3) 0;background:var(--ilm-panel-bg);font-family:var(--uem-font-family);}.InternalLeftMenu_menu.InternalLeftMenu_collapsed{width:48px;align-items:center;}.InternalLeftMenu_header{display:flex;flex-direction:column;gap:var(--uem-spacing-3);width:100%;}.InternalLeftMenu_sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--uem-spacing-3);padding:0 10px 0 15px;}.InternalLeftMenu_sectionHeaderLabel{color:var(--uem-color-muted-foreground,#788c9b);font-family:var(--uem-font-family,Lato);font-size:var(--uem-font-size-body-small,10px);font-style:normal;font-weight:var(--uem-font-weight-regular,400);line-height:15px;letter-spacing:0;}.InternalLeftMenu_sectionHeaderAction{display:inline-flex;flex-shrink:0;}.InternalLeftMenu_headerAction{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--uem-radius-lg);background:transparent;color:var(--uem-color-muted-foreground,#788c9b);cursor:pointer;transition:color 0.15s ease,background-color 0.15s ease;}.InternalLeftMenu_headerAction:hover{color:var(--ilm-active);background-color:var(--ilm-highlight-bg);}.InternalLeftMenu_headerAction:focus{outline:none;}.InternalLeftMenu_headerAction:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.InternalLeftMenu_tree{display:flex;flex-direction:column;gap:4px;width:100%;margin:0;padding:0 5px;list-style:none;}.InternalLeftMenu_savedSection{display:flex;flex-direction:column;gap:10px;width:100%;padding-top:10px;}.InternalLeftMenu_savedSection .InternalLeftMenu_sectionHeader{padding-right:15px;}.InternalLeftMenu_savedSectionAction{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;background:transparent;color:var(--uem-color-muted-foreground,#788c9b);cursor:pointer;flex-shrink:0;}.InternalLeftMenu_savedSectionAction:hover{color:var(--ilm-active);background-color:transparent;}.InternalLeftMenu_savedSectionAction:focus{outline:none;}.InternalLeftMenu_savedSectionAction:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.InternalLeftMenu_groupItem{display:flex;flex-direction:column;gap:5px;width:100%;}.InternalLeftMenu_branchControl:hover,.InternalLeftMenu_branchControl:focus,.InternalLeftMenu_branchControl.InternalLeftMenu_controlAncestor:hover,.InternalLeftMenu_branchControl.InternalLeftMenu_controlAncestor:focus{background-color:transparent;color:var(--ilm-active);}.InternalLeftMenu_groupHeader{gap:5px;padding:4px 10px;font-size:14px;font-weight:var(--uem-font-weight-medium);line-height:21px;}.InternalLeftMenu_groupHeader .InternalLeftMenu_chevron{width:16px;height:16px;margin-left:auto;}.InternalLeftMenu_contentWrapper{padding:0 10px;}.InternalLeftMenu_contentPanel{padding-left:8px;border-left:1px solid var(--ilm-tree-line);}.InternalLeftMenu_contentList{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;}.InternalLeftMenu_contentList .InternalLeftMenu_level2>.InternalLeftMenu_control:not(.InternalLeftMenu_controlActive){gap:5px;padding:4px 0 4px 10px;}.InternalLeftMenu_contentList .InternalLeftMenu_level2>.InternalLeftMenu_control.InternalLeftMenu_controlActive{gap:4px;padding:4px 10px;}.InternalLeftMenu_groupLeaf>.InternalLeftMenu_control{gap:5px;padding:0;font-size:12px;font-weight:var(--uem-font-weight-regular);line-height:18px;}.InternalLeftMenu_groupLeaf>.InternalLeftMenu_control.InternalLeftMenu_controlActive,.InternalLeftMenu_groupLeaf>.InternalLeftMenu_control:hover:not(.InternalLeftMenu_controlActive):not(.InternalLeftMenu_branchControl){background-color:transparent;border-radius:0;}.InternalLeftMenu_groupLeafRow{display:flex;box-sizing:border-box;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--uem-radius-sm);transition:background-color 0.15s ease;}.InternalLeftMenu_groupLeafRow:hover,.InternalLeftMenu_groupLeafRow:focus-within,.InternalLeftMenu_groupLeafRow.InternalLeftMenu_itemActive{background-color:var(--ilm-highlight-bg);}.InternalLeftMenu_groupLeafRow>.InternalLeftMenu_control{flex:1 1 auto;width:auto;min-width:0;}.InternalLeftMenu_groupLeafRow:hover>.InternalLeftMenu_control:not(.InternalLeftMenu_controlActive),.InternalLeftMenu_groupLeafRow:focus-within>.InternalLeftMenu_control:not(.InternalLeftMenu_controlActive){color:var(--ilm-active);}.InternalLeftMenu_groupLeafRow .InternalLeftMenu_savedItemTrigger{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:var(--uem-radius-sm);background:transparent;color:var(--uem-color-muted-foreground,#788c9b);cursor:pointer;opacity:0;transition:opacity 0.15s ease,color 0.15s ease,background-color 0.15s ease;}.InternalLeftMenu_groupLeafRow:hover .InternalLeftMenu_savedItemTrigger,.InternalLeftMenu_groupLeafRow:focus-within .InternalLeftMenu_savedItemTrigger,.InternalLeftMenu_groupLeafRow .InternalLeftMenu_savedItemTriggerActive{opacity:1;color:var(--ilm-active);}.InternalLeftMenu_groupLeafRow .InternalLeftMenu_savedItemTrigger:hover:not(:disabled),.InternalLeftMenu_groupLeafRow .InternalLeftMenu_savedItemTrigger:active:not(:disabled){background-color:transparent;}.InternalLeftMenu_groupLeafRow .InternalLeftMenu_savedItemTrigger:focus{outline:none;}.InternalLeftMenu_groupLeafRow .InternalLeftMenu_savedItemTrigger:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:1px;opacity:1;}.InternalLeftMenu_savedItemMenu{display:flex;flex-direction:column;min-width:140px;margin:0;padding:var(--uem-spacing-1) 0;border:1px solid var(--uem-color-border);border-radius:var(--uem-radius-lg);background:var(--uem-color-background);box-shadow:var(--uem-shadow-card-hover);list-style:none;}.InternalLeftMenu_savedItemMenuButton{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:0;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;text-align:left;cursor:pointer;}.InternalLeftMenu_savedItemMenuButton:hover:not(:disabled){background-color:var(--uem-color-surface-hover);}.InternalLeftMenu_savedItemMenuButton:disabled{color:var(--uem-color-disabled-foreground);cursor:not-allowed;}.InternalLeftMenu_savedItemMenuButton:focus{outline:none;}.InternalLeftMenu_savedItemMenuButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:-2px;}.InternalLeftMenu_renameRow{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:3px 10px;border:1px solid var(--ilm-active);border-radius:var(--uem-radius-sm);background:var(--uem-color-background);}.InternalLeftMenu_renameInput{flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;color:var(--ilm-foreground);font-family:inherit;font-size:12px;line-height:18px;}.InternalLeftMenu_renameInput:focus{outline:none;}.InternalLeftMenu_renameCancelButton{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:0;border-radius:var(--uem-radius-sm);background:transparent;color:var(--ilm-active);cursor:pointer;}.InternalLeftMenu_renameCancelButton:focus{outline:none;}.InternalLeftMenu_renameCancelButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:1px;}.InternalLeftMenu_item{display:flex;flex-direction:column;width:100%;}.InternalLeftMenu_control{display:flex;align-items:center;gap:4px;width:100%;padding:4px 10px;border:0;border-radius:var(--uem-radius-lg);background:transparent;color:var(--ilm-foreground);font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:color 0.15s ease,background-color 0.15s ease;}.InternalLeftMenu_level1>.InternalLeftMenu_control{font-size:14px;font-weight:var(--uem-font-weight-medium);line-height:21px;}.InternalLeftMenu_level2>.InternalLeftMenu_control,.InternalLeftMenu_level3>.InternalLeftMenu_control{font-size:12px;font-weight:var(--uem-font-weight-regular);line-height:18px;}.InternalLeftMenu_controlActive{border-radius:var(--uem-radius-sm);background-color:var(--ilm-highlight-bg);color:var(--ilm-active);}.InternalLeftMenu_controlAncestor{color:var(--ilm-active);background-color:transparent;}.InternalLeftMenu_control:hover:not(.InternalLeftMenu_controlActive):not(.InternalLeftMenu_branchControl){background-color:var(--ilm-highlight-bg);color:var(--ilm-active);}.InternalLeftMenu_itemLabel{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.InternalLeftMenu_leadingIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:13px;height:13px;color:inherit;}.InternalLeftMenu_chevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;margin-left:auto;color:inherit;}.InternalLeftMenu_nestedList{display:flex;flex-direction:column;gap:2px;margin:0;padding:0 0 0 15px;list-style:none;}.InternalLeftMenu_level3>.InternalLeftMenu_control{padding:4px 0 4px 10px;}.InternalLeftMenu_collapsed .InternalLeftMenu_sectionHeaderLabel,.InternalLeftMenu_collapsed .InternalLeftMenu_tree,.InternalLeftMenu_collapsed .InternalLeftMenu_savedSection{display:none;}.InternalLeftMenu_collapsed .InternalLeftMenu_sectionHeader{justify-content:center;padding:0;}.InternalLeftMenu_skeletonRow{display:flex;align-items:center;gap:4px;width:100%;padding:4px 10px;box-sizing:border-box;}.InternalLeftMenu_skeletonIcon,.InternalLeftMenu_skeletonBar{display:block;flex-shrink:0;background:linear-gradient( 90deg,var(--uem-color-muted) 25%,color-mix(in srgb,var(--uem-color-muted),white 40%) 50%,var(--uem-color-muted) 75%);background-size:250% 100%;animation:InternalLeftMenu_ilmSkeletonShimmer 1.6s ease-in-out infinite;animation-delay:var(--uem-skeleton-delay,0s);}.InternalLeftMenu_skeletonIcon{width:13px;height:13px;border-radius:var(--uem-radius-full);}.InternalLeftMenu_skeletonBar{height:14px;border-radius:var(--uem-radius-sm);}@keyframes InternalLeftMenu_ilmSkeletonShimmer{0%{background-position:200% 0;}100%{background-position:-50% 0;}}@media (prefers-reduced-motion:reduce){.InternalLeftMenu_skeletonIcon,.InternalLeftMenu_skeletonBar{animation:none;}}.VerticalTabMenu_root{display:flex;align-items:stretch;width:100%;height:100%;min-height:100%;}.VerticalTabMenu_content{flex:1 1 auto;min-width:0;}.VerticalTabMenu_menu{flex-shrink:0;align-self:stretch;--vtm-panel-bg:#ffffff;--vtm-border:#e4e8eb;--vtm-foreground:#191919;--vtm-active:#0449d1;--vtm-highlight-bg:#e6eeff;--vtm-highlight-border:rgba(4,73,209,0.15);--vtm-highlight-shadow:0 0 20px 3px rgba(0,0,0,0.05);--vtm-toggle-shadow:0 0 4px rgba(0,0,0,0.07);--vtm-panel-padding-top:20px;--vtm-item-min-height:31px;--vtm-transition-duration:0.25s;--vtm-transition-easing:ease;position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;width:170px;padding:var(--vtm-panel-padding-top) 10px 20px 0;border-right:1px solid var(--vtm-border);background:var(--vtm-panel-bg);font-family:var(--uem-font-family);transition:width var(--vtm-transition-duration) var(--vtm-transition-easing),padding var(--vtm-transition-duration) var(--vtm-transition-easing);}.VerticalTabMenu_menu.VerticalTabMenu_collapsed{width:52px;padding-right:10px;}.VerticalTabMenu_nav{width:100%;overflow:hidden;}.VerticalTabMenu_list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;}.VerticalTabMenu_item{display:flex;width:100%;}.VerticalTabMenu_control{display:inline-flex;align-items:center;gap:4px;width:100%;min-height:var(--vtm-item-min-height);padding:5px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--vtm-foreground);font-family:inherit;font-size:var(--uem-font-size-body-large,14px);font-weight:var(--uem-font-weight-medium,500);line-height:21px;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:color 0.15s ease,background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease,gap var(--vtm-transition-duration) var(--vtm-transition-easing),padding var(--vtm-transition-duration) var(--vtm-transition-easing);}.VerticalTabMenu_control:hover:not(:disabled){color:var(--vtm-active);}.VerticalTabMenu_control:disabled{cursor:not-allowed;opacity:0.5;}.VerticalTabMenu_control:focus{outline:none;}.VerticalTabMenu_control:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.VerticalTabMenu_item.VerticalTabMenu_selected .VerticalTabMenu_control{min-height:var(--vtm-item-min-height);padding:4px 10px;border-color:var(--vtm-highlight-border);background:var(--vtm-highlight-bg);box-shadow:var(--vtm-highlight-shadow);color:var(--vtm-active);}.VerticalTabMenu_icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;}.VerticalTabMenu_label{flex:1 1 auto;min-width:0;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:opacity var(--vtm-transition-duration) var(--vtm-transition-easing),max-width var(--vtm-transition-duration) var(--vtm-transition-easing);}.VerticalTabMenu_menu.VerticalTabMenu_collapsed .VerticalTabMenu_control{justify-content:center;padding-inline:10px;gap:0;}.VerticalTabMenu_menu.VerticalTabMenu_collapsed .VerticalTabMenu_label{flex:0 0 auto;max-width:0;opacity:0;}.VerticalTabMenu_toggle{position:absolute;top:calc(var(--vtm-panel-padding-top) + var(--vtm-item-min-height) / 2);right:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:5px;background:var(--vtm-panel-bg);color:var(--uem-color-muted-foreground,#788c9b);box-shadow:var(--vtm-toggle-shadow);cursor:pointer;transform:translate(50%,-50%);transition:color 0.15s ease,background-color 0.15s ease;}.VerticalTabMenu_toggle:hover{color:var(--vtm-active);}.VerticalTabMenu_toggle:focus{outline:none;}.VerticalTabMenu_toggle:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.VerticalTabMenu_toggleIcon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--vtm-transition-duration) var(--vtm-transition-easing);}.VerticalTabMenu_toggleIcon.VerticalTabMenu_collapsed{transform:rotate(180deg);}.ActivityFeed_feed{--af-panel-bg:var(--uem-color-background);--af-border:var(--uem-color-border);--af-foreground:var(--uem-color-foreground);--af-muted:var(--uem-color-muted-foreground);--af-active:var(--uem-color-primary);--af-transition-duration:0.25s;--af-transition-easing:ease;box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:250px;height:100%;--af-padding-inline-start:20px;padding:15px 15px 20px var(--af-padding-inline-start);border-left:1px solid var(--af-border);background:var(--af-panel-bg);font-family:var(--uem-font-family);overflow:visible;transition:width var(--af-transition-duration) var(--af-transition-easing),padding var(--af-transition-duration) var(--af-transition-easing);}.ActivityFeed_feed.ActivityFeed_collapsed{width:50px;align-items:center;padding:20px 15px;}.ActivityFeed_header{position:relative;display:flex;align-items:center;gap:5px;flex-shrink:0;width:100%;min-height:24px;}.ActivityFeed_headerIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--af-foreground);}.ActivityFeed_headerTitle{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--af-foreground);font-size:14px;font-weight:var(--uem-font-weight-semibold);line-height:21px;}.ActivityFeed_list,.ActivityFeed_empty{--af-foreground:var(--uem-color-foreground);--af-muted:var(--uem-color-muted-foreground);--af-active:var(--uem-color-primary);}.ActivityFeed_list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;margin:10px 0 0;padding:0 0 15px;overflow-y:auto;list-style:none;}.ActivityFeed_item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:5px;border-radius:8px;min-height:41px;height:auto;flex-shrink:0;box-sizing:border-box;}.ActivityFeed_itemHighlightOnHover:hover{background:var(--uem-color-secondary-hover);}.ActivityFeed_itemDot{flex-shrink:0;width:6px;height:6px;margin-top:8.5px;border-radius:var(--uem-radius-full);background:transparent;}.ActivityFeed_itemDotSuccess{background:var(--uem-color-success);}.ActivityFeed_itemDotWarning{background:var(--uem-color-warning);}.ActivityFeed_itemDotCritical{background:var(--uem-color-error);}.ActivityFeed_itemDotInfo{background:var(--af-active);}.ActivityFeed_itemContent{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 auto;}.ActivityFeed_itemTitle{color:var(--af-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ActivityFeed_itemMeta{display:flex;align-items:center;gap:5px;min-width:0;color:var(--af-muted);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.ActivityFeed_itemMetaTimeEnd{justify-content:space-between;width:100%;gap:var(--uem-spacing-2);}.ActivityFeed_itemDescription{min-width:0;max-width:154px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ActivityFeed_itemMetaTimeEnd .ActivityFeed_itemDescription{max-width:none;flex:1 1 auto;}.ActivityFeed_itemDescriptionWrap{display:block;max-width:none;overflow:hidden;text-overflow:unset;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}.ActivityFeed_itemMetaWrap{align-items:flex-start;flex-wrap:nowrap;}.ActivityFeed_itemTimeGroup{display:inline-flex;flex-shrink:0;align-items:center;gap:5px;min-width:0;}.ActivityFeed_itemMetaDot{flex-shrink:0;width:4px;height:4px;border-radius:var(--uem-radius-full);background:var(--af-muted);}.ActivityFeed_itemTime{flex-shrink:0;white-space:nowrap;}.ActivityFeed_empty{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:var(--uem-spacing-8) 0;color:var(--af-muted);font-size:var(--uem-font-size-body-medium);text-align:center;}.ActivityFeed_viewAllButton{flex-shrink:0;color:var(--af-active);}.ActivityFeed_toggle{position:absolute;top:50%;left:calc(-1 * var(--af-padding-inline-start));z-index:2;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:5px;background:transparent;cursor:pointer;transform:translate(-50%,-50%);}.ActivityFeed_toggle:focus{outline:none;}.ActivityFeed_toggle:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.ActivityFeed_toggleGlyph{display:block;width:32px;height:32px;margin:-4px;transform:rotate(-90deg) scaleY(-1);pointer-events:none;}.ActivityFeed_feed.ActivityFeed_collapsed .ActivityFeed_toggle{display:none;}.ActivityFeed_collapsedIcon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--af-border);border-radius:50%;background:transparent;color:var(--af-foreground);cursor:pointer;transition:border-color 0.15s ease,color 0.15s ease;}.ActivityFeed_collapsedIcon:hover{border-color:var(--af-active);color:var(--af-active);}.ActivityFeed_collapsedIcon:focus{outline:none;}.ActivityFeed_collapsedIcon:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.ActivityFeed_badge{position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 4px;border:1px solid #ff7070;border-radius:var(--uem-radius-full);background:#fff2f2;color:#ff6161;font-family:var(--uem-font-family);font-size:8px;font-weight:var(--uem-font-weight-regular);line-height:normal;box-sizing:border-box;}.ActivityFeed_skeletonDot{flex-shrink:0;width:6px;height:6px;margin-top:8.5px;border-radius:var(--uem-radius-full);background:linear-gradient( 90deg,var(--uem-color-muted) 25%,color-mix(in srgb,var(--uem-color-muted),white 40%) 50%,var(--uem-color-muted) 75%);background-size:250% 100%;animation:ActivityFeed_afSkeletonShimmer 1.6s ease-in-out infinite;animation-delay:var(--uem-skeleton-delay,0s);}.ActivityFeed_skeletonBar{display:block;height:14px;border-radius:var(--uem-radius-sm);background:linear-gradient( 90deg,var(--uem-color-muted) 25%,color-mix(in srgb,var(--uem-color-muted),white 40%) 50%,var(--uem-color-muted) 75%);background-size:250% 100%;animation:ActivityFeed_afSkeletonShimmer 1.6s ease-in-out infinite;animation-delay:var(--uem-skeleton-delay,0s);}@keyframes ActivityFeed_afSkeletonShimmer{0%{background-position:200% 0;}100%{background-position:-50% 0;}}@media (prefers-reduced-motion:reduce){.ActivityFeed_skeletonDot,.ActivityFeed_skeletonBar{animation:none;}}.AlertList_list,.AlertList_empty{--al-foreground:var(--uem-color-foreground);--al-muted:var(--uem-color-muted-foreground);--al-meta-dot:#d9d9d9;box-sizing:border-box;font-family:var(--uem-font-family);}.AlertList_list{display:flex;flex-direction:column;flex:1 1 auto;gap:5px;align-self:stretch;width:100%;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none;}.AlertList_item{display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;width:100%;min-height:51px;margin:0;padding:5px;border:none;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;}.AlertList_itemButton{cursor:pointer;}.AlertList_itemHighlightOnHover:hover,.AlertList_itemButton:hover{background:var(--uem-color-secondary-hover);}.AlertList_itemButton:focus{outline:none;}.AlertList_itemButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.AlertList_itemDot{flex-shrink:0;width:6px;height:6px;margin-top:8.5px;border-radius:var(--uem-radius-full);background:transparent;}.AlertList_itemContent{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0;}.AlertList_itemTitleRow{display:flex;align-items:center;gap:15px;min-width:0;width:100%;}.AlertList_itemTitle{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--al-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;text-overflow:ellipsis;white-space:nowrap;}.AlertList_itemTag{flex-shrink:0;}.AlertList_itemMeta{display:flex;align-items:flex-end;gap:8px;width:100%;min-width:0;min-height:18px;color:var(--al-muted);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.AlertList_itemDevice{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.AlertList_itemTimeGroup{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;min-width:0;}.AlertList_itemMetaDot{flex-shrink:0;width:4px;height:4px;border-radius:var(--uem-radius-full);background:var(--al-meta-dot);}.AlertList_itemTime{flex-shrink:0;white-space:nowrap;}.AlertList_empty{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--uem-spacing-8) 0;color:var(--al-muted);font-size:var(--uem-font-size-body-medium);text-align:center;}.AlertList_skeletonDot{flex-shrink:0;width:6px;height:6px;margin-top:8.5px;border-radius:var(--uem-radius-full);background:linear-gradient( 90deg,var(--uem-color-muted) 25%,color-mix(in srgb,var(--uem-color-muted),white 40%) 50%,var(--uem-color-muted) 75%);background-size:250% 100%;animation:AlertList_alSkeletonShimmer 1.6s ease-in-out infinite;animation-delay:var(--uem-skeleton-delay,0s);}.AlertList_skeletonBar{display:block;height:14px;border-radius:var(--uem-radius-sm);background:linear-gradient( 90deg,var(--uem-color-muted) 25%,color-mix(in srgb,var(--uem-color-muted),white 40%) 50%,var(--uem-color-muted) 75%);background-size:250% 100%;animation:AlertList_alSkeletonShimmer 1.6s ease-in-out infinite;animation-delay:var(--uem-skeleton-delay,0s);}.AlertList_skeletonTag{flex-shrink:0;width:64px;height:18px;border-radius:6px;background:linear-gradient( 90deg,var(--uem-color-muted) 25%,color-mix(in srgb,var(--uem-color-muted),white 40%) 50%,var(--uem-color-muted) 75%);background-size:250% 100%;animation:AlertList_alSkeletonShimmer 1.6s ease-in-out infinite;animation-delay:var(--uem-skeleton-delay,0s);}@keyframes AlertList_alSkeletonShimmer{0%{background-position:200% 0;}100%{background-position:-50% 0;}}@media (prefers-reduced-motion:reduce){.AlertList_skeletonDot,.AlertList_skeletonBar,.AlertList_skeletonTag{animation:none;}}.DomainHierarchy_menu{--dh-panel-bg:#ffffff;--dh-foreground:#191919;--dh-foreground-bold:#000000;--dh-muted:#788c9b;--dh-active:#0449d1;--dh-highlight-bg:#f6f9ff;--dh-border:rgba(231,238,242,0.9);--dh-button-border:#e4e8eb;--dh-caret:#c1c1c1;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:228px;padding:0;background:var(--dh-panel-bg);font-family:var(--uem-font-family);color:var(--dh-foreground);}.DomainHierarchy_menu.DomainHierarchy_collapsed{width:48px;align-items:center;}.DomainHierarchy_body{display:flex;flex-direction:column;gap:10px;width:100%;}.DomainHierarchy_header{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;}.DomainHierarchy_headerLabelTooltip{flex:1;min-width:0;max-width:100%;justify-content:flex-start;color:inherit;line-height:inherit;font-size:inherit;}.DomainHierarchy_headerLabelTooltip>span{display:block;min-width:0;max-width:100%;overflow:hidden;color:inherit;line-height:inherit;font-size:inherit;cursor:default;}.DomainHierarchy_headerLabel{display:block;min-width:0;color:var(--dh-muted);font-size:12px;font-weight:var(--uem-font-weight-regular,400);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.DomainHierarchy_headerLabelSpacer{flex:1;min-width:0;}.DomainHierarchy_headerAction{display:inline-flex;align-items:center;justify-content:center;width:14px;height:18px;padding:0;border:0;border-radius:var(--uem-radius-sm);background:transparent;color:var(--dh-muted);cursor:pointer;flex-shrink:0;}.DomainHierarchy_headerAction:hover{color:var(--dh-active);}.DomainHierarchy_headerAction:focus{outline:none;}.DomainHierarchy_headerAction:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.DomainHierarchy_toolbar{display:flex;flex-direction:column;align-items:stretch;width:100%;}.DomainHierarchy_search{display:flex;align-items:center;gap:5px;width:100%;height:28px;padding:0 10px;border:1px solid var(--dh-border);border-radius:8px;background:#ffffff;box-sizing:border-box;}.DomainHierarchy_searchIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--dh-muted);overflow:hidden;}.DomainHierarchy_searchInput{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--dh-foreground);font-family:inherit;font-size:10px;font-weight:var(--uem-font-weight-regular,400);line-height:15px;}.DomainHierarchy_searchInput::-moz-placeholder{color:var(--dh-muted);}.DomainHierarchy_searchInput::placeholder{color:var(--dh-muted);}.DomainHierarchy_searchInput:focus{outline:none;}.DomainHierarchy_tree{display:flex;flex-direction:column;gap:5px;width:100%;margin:0;padding:0;list-style:none;}.DomainHierarchy_emptyState{margin:0;padding:12px 10px;color:var(--dh-muted);font-size:12px;line-height:18px;text-align:center;}.DomainHierarchy_item{display:flex;flex-direction:column;width:100%;}.DomainHierarchy_nestedList{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;}.DomainHierarchy_control{display:flex;align-items:center;gap:5px;width:100%;min-height:31px;padding-block:5px;padding-inline-end:10px;border:0;border-radius:8px;background:transparent;color:var(--dh-foreground);font-family:inherit;text-align:left;box-sizing:border-box;transition:color 0.15s ease,background-color 0.15s ease;}.DomainHierarchy_labelButton{display:flex;flex:1;align-items:center;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;}.DomainHierarchy_labelButton:disabled{cursor:not-allowed;}.DomainHierarchy_labelButton:focus{outline:none;}.DomainHierarchy_labelButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;border-radius:2px;}.DomainHierarchy_levelRoot{font-size:14px;line-height:21px;color:var(--dh-foreground-bold);}.DomainHierarchy_levelBranch{font-size:14px;line-height:18px;}.DomainHierarchy_levelChild{font-size:13px;line-height:18px;}.DomainHierarchy_controlActive{background-color:var(--dh-highlight-bg);color:var(--dh-active);}.DomainHierarchy_controlAncestor{color:var(--dh-active);background-color:transparent;}.DomainHierarchy_control:hover:not(.DomainHierarchy_controlActive):not(.DomainHierarchy_controlDisabled){background-color:var(--dh-highlight-bg);}.DomainHierarchy_controlDisabled{opacity:0.5;cursor:not-allowed;}.DomainHierarchy_caretButton,.DomainHierarchy_caretSpacer,.DomainHierarchy_checkboxSlot,.DomainHierarchy_checkboxSpacer,.DomainHierarchy_leadingIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;}.DomainHierarchy_caretButton{padding:0;border:0;background:transparent;color:var(--dh-caret);cursor:pointer;transition:transform 0.15s ease;}.DomainHierarchy_caretCollapsed{transform:rotate(-90deg);}.DomainHierarchy_caretButton:disabled{cursor:not-allowed;}.DomainHierarchy_caretButton:focus{outline:none;}.DomainHierarchy_caretButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:1px;border-radius:2px;}.DomainHierarchy_leadingIcon{color:inherit;}.DomainHierarchy_truncatedTooltip{flex:1;min-width:0;max-width:100%;justify-content:flex-start;color:inherit;line-height:inherit;font-size:inherit;}.DomainHierarchy_truncatedTooltip>span{display:block;min-width:0;max-width:100%;overflow:hidden;color:inherit;line-height:inherit;font-size:inherit;cursor:inherit;}.DomainHierarchy_itemLabel{display:block;min-width:0;font-size:inherit;font-weight:var(--uem-font-weight-regular,400);line-height:inherit;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.DomainHierarchy_count{display:inline-flex;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;color:var(--dh-muted);}.DomainHierarchy_countValue{font-size:10px;font-weight:var(--uem-font-weight-regular,400);line-height:18px;}.DomainHierarchy_footer{width:100%;}.DomainHierarchy_addButton{width:100%;border-color:var(--dh-button-border);color:var(--dh-active);font-weight:var(--uem-font-weight-medium,500);}.DomainHierarchy_collapsed .DomainHierarchy_header{justify-content:center;}.Accordion_accordion{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0;border:1px solid var(--uem-color-border);border-radius:0;background:var(--uem-color-background);}.Accordion_item{display:flex;flex-direction:column;width:100%;align-self:stretch;}.Accordion_item:not(:first-child) .Accordion_trigger{border-top:1px solid var(--uem-color-border);}.Accordion_trigger{display:flex;align-items:flex-end;gap:var(--uem-spacing-5);box-sizing:border-box;width:100%;padding:var(--uem-spacing-5);border:none;background:var(--uem-color-background);font-family:var(--uem-font-family);cursor:pointer;text-align:left;transition:background-color 0.15s ease,color 0.15s ease;}.Accordion_trigger:hover{background:var(--uem-color-secondary-hover);}.Accordion_triggerExpanded{background:var(--uem-color-secondary-hover);}.Accordion_trigger:focus{outline:none;}.Accordion_trigger:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--uem-color-primary) 25%,transparent);}.Accordion_title{flex:1 0 0;color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:21px;letter-spacing:0;transition:color 0.15s ease;}.Accordion_triggerExpanded .Accordion_title{color:var(--uem-color-primary);}.Accordion_icon{width:20px;height:20px;flex-shrink:0;color:var(--uem-color-foreground);transition:transform 0.25s ease;}.Accordion_triggerExpanded .Accordion_icon{color:var(--uem-color-primary);}.Accordion_iconExpanded{transform:rotate(-180deg);}.Accordion_slotWrapper{display:grid;grid-template-rows:0fr;width:100%;transition:grid-template-rows 0.25s ease;}.Accordion_slotWrapperExpanded{grid-template-rows:1fr;}.Accordion_slot{overflow:hidden;width:100%;box-sizing:border-box;background:var(--uem-color-background);}.Accordion_slotInner{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;gap:var(--uem-spacing-5);width:100%;box-sizing:border-box;min-height:0;padding:var(--uem-spacing-5);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);line-height:21px;color:var(--uem-color-foreground);}.Popup_overlay{position:fixed;inset:0;z-index:var(--uem-z-modal);display:flex;align-items:center;justify-content:center;background:var(--uem-color-overlay);}.Popup_popup{box-sizing:border-box;display:flex;width:550px;height:auto;max-height:calc(100vh - 48px);flex-direction:column;align-items:flex-start;border-radius:var(--uem-radius-lg);background:var(--uem-color-background);overflow:hidden;}.Popup_header{box-sizing:border-box;display:flex;width:100%;padding:15px var(--uem-spacing-6);align-items:center;gap:var(--uem-spacing-6);border-radius:var(--uem-radius-lg) var(--uem-radius-lg) 0 0;border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);flex-shrink:0;}.Popup_title{flex:1 0 0;margin:0;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-title-small);font-style:normal;font-weight:var(--uem-font-weight-semibold);line-height:24px;letter-spacing:0;}.Popup_body{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-6);flex-direction:column;align-items:flex-start;gap:var(--uem-spacing-3);flex:1 1 auto;min-height:0;overflow:auto;background:var(--uem-color-background);}.Popup_footer{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-3) var(--uem-spacing-6);justify-content:flex-end;align-items:flex-start;gap:var(--uem-spacing-3);align-self:stretch;border-top:1px solid var(--uem-color-border);flex-shrink:0;}.Popup_buttonList{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--uem-spacing-3);}.Modal_overlay{position:fixed;inset:0;z-index:var(--uem-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--uem-spacing-6);background:var(--uem-color-overlay);}.Modal_modal{box-sizing:border-box;display:flex;width:100%;max-height:calc(100vh - 48px);flex-direction:column;align-items:stretch;border-radius:var(--uem-radius-lg);background:var(--uem-color-background);overflow:hidden;box-shadow:var(--uem-shadow-lg,0 16px 40px rgba(0,0,0,0.18));}.Modal_sizeMd{max-width:560px;}.Modal_sizeLg{max-width:800px;}.Modal_sizeXl{max-width:1100px;}.Modal_header{box-sizing:border-box;display:flex;width:100%;padding:15px var(--uem-spacing-6);align-items:center;gap:var(--uem-spacing-6);border-bottom:1px solid var(--uem-color-border);background:var(--uem-color-background);flex-shrink:0;}.Modal_title{flex:1 0 0;margin:0;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-title-small);font-style:normal;font-weight:var(--uem-font-weight-medium);line-height:24px;letter-spacing:0;}.Modal_header button{width:20px;height:20px;padding:0;}.Modal_body{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-6);flex-direction:column;align-items:stretch;gap:var(--uem-spacing-3);flex:1 1 auto;min-height:0;overflow:auto;background:var(--uem-color-background);}.Modal_footer{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-3) var(--uem-spacing-6);justify-content:flex-end;align-items:center;gap:var(--uem-spacing-3);border-top:1px solid var(--uem-color-border);flex-shrink:0;background:var(--uem-color-background);}.Note_note{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-3);align-items:center;gap:5px;border-radius:var(--uem-radius-lg);}.Note_general{background:var(--uem-color-note-general-surface);color:var(--uem-color-note-general-foreground);}.Note_warning{background:var(--uem-color-note-warning-surface);color:var(--uem-color-note-warning-foreground);}.Note_critical{background:var(--uem-color-note-critical-surface);color:var(--uem-color-note-critical-foreground);}.Note_iconFrame{display:flex;padding:3px 0;align-items:flex-start;gap:var(--uem-spacing-3);align-self:stretch;flex-shrink:0;}.Note_icon{width:16px;height:16px;aspect-ratio:1 / 1;flex-shrink:0;color:inherit;}.Note_text{flex:1 0 0;font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:21px;}.Toast_toast{display:flex;align-items:center;gap:var(--uem-spacing-3);max-width:min(480px,calc(100vw - 32px));padding:var(--uem-spacing-3) 15px;border-radius:var(--uem-radius-lg);color:var(--uem-color-content-inverse);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;box-shadow:var(--uem-shadow-md);}.Toast_success{background:var(--uem-color-chip-success-subtle-fg);}.Toast_error{background:var(--uem-color-chip-removed-subtle-fg);}.Toast_warning{background:var(--uem-color-note-warning-foreground);}.Toast_information{background:var(--uem-color-primary);}.Toast_secondary{background:var(--uem-color-muted-foreground);}.Toast_iconBefore,.Toast_closeButton{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:inherit;}.Toast_closeButton{padding:0;border:0;background:transparent;cursor:pointer;line-height:0;}.Toast_closeButton:hover{opacity:0.85;}.Toast_closeButton:focus-visible{outline:2px solid var(--uem-color-content-inverse);outline-offset:2px;border-radius:var(--uem-radius-sm);}.Toast_content{flex:1 1 auto;min-width:0;}.Toast_highlight{text-decoration:underline;}.Toaster_viewport{position:fixed;z-index:var(--uem-z-toast);display:flex;flex-direction:column;gap:var(--uem-spacing-4);max-width:calc(100vw - 32px);pointer-events:none;}.Toaster_topLeft{top:var(--uem-spacing-8);left:var(--uem-spacing-8);align-items:flex-start;}.Toaster_topCenter{top:var(--uem-spacing-8);left:50%;transform:translateX(-50%);align-items:center;}.Toaster_topRight{top:var(--uem-spacing-8);right:var(--uem-spacing-8);align-items:flex-end;}.Toaster_center{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;}.Toaster_bottomLeft{bottom:var(--uem-spacing-8);left:var(--uem-spacing-8);align-items:flex-start;}.Toaster_bottomCenter{bottom:var(--uem-spacing-8);left:50%;transform:translateX(-50%);align-items:center;}.Toaster_bottomRight{bottom:var(--uem-spacing-8);right:var(--uem-spacing-8);align-items:flex-end;}.Toaster_toastItem{pointer-events:auto;}.Dragger_dragger{box-sizing:border-box;display:flex;width:100%;padding:var(--uem-spacing-3);justify-content:space-between;align-items:center;border-radius:var(--uem-radius-lg);border:0.5px solid transparent;background:transparent;transition:background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;}.Dragger_dragger:hover{border-color:var(--uem-color-border);background:var(--uem-color-secondary-hover);box-shadow:0 4px 25px 0 rgba(25,25,25,0.16);}.Dragger_active{background:var(--uem-color-secondary-hover);}.Dragger_content{display:flex;align-items:center;gap:3px;flex-shrink:0;min-width:0;}.Dragger_dragHandle{display:flex;width:18px;height:18px;align-items:center;justify-content:center;aspect-ratio:1 / 1;flex-shrink:0;color:var(--uem-color-muted-foreground);}.Dragger_labelGroup{display:flex;align-items:center;gap:5px;min-width:0;}.Dragger_checkbox{width:20px;height:20px;flex-shrink:0;}.Dragger_text{color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:18px;}.Dragger_removeButton{flex-shrink:0;}.ConditionFilter_conditionFilter{display:flex;flex-direction:column;gap:var(--uem-spacing-3);width:100%;min-width:0;}.ConditionFilter_rowsScroller{overflow-x:auto;overflow-y:visible;width:100%;}.ConditionFilter_rows{display:flex;flex-direction:column;gap:var(--uem-spacing-3);width:-moz-max-content;width:max-content;min-width:100%;}.ConditionFilter_row{display:flex;align-items:center;gap:10px;width:-moz-max-content;width:max-content;min-width:100%;}.ConditionFilter_rowDragging{opacity:0.6;}.ConditionFilter_dragHandle{flex:0 0 40px;width:40px;height:40px;min-width:40px;max-width:40px;color:var(--uem-color-muted-foreground);}.ConditionFilter_dragHandle:hover:not(:disabled),.ConditionFilter_dragHandle:active:not(:disabled){color:var(--uem-color-muted-foreground);}.ConditionFilter_dragHandle:disabled{color:var(--uem-color-chip-default);}.ConditionFilter_operatorControl{flex:0 0 90px;width:90px;}.ConditionFilter_fieldControl,.ConditionFilter_comparatorControl,.ConditionFilter_valueControl{flex:0 0 256px;width:256px;}.ConditionFilter_actions{display:flex;align-items:center;gap:var(--uem-spacing-1);flex:0 0 auto;}.ConditionFilter_footer{display:flex;align-items:center;}.ConditionFilter_addRootButton{min-width:auto;}.ConditionFilter_disabledControl{width:100%;}.CriteriaBuilder_wrapper{--cb-blue:#2f6fed;--cb-blue-soft:#e8f0fe;--cb-field:#a5407e;--cb-operator:#409c35;--cb-draft-operator:#1a7f37;--cb-token-border:#d3d3d3;--cb-badge-bg:#ececec;--cb-badge-fg:#4a4a4a;--cb-value:#1a1a1a;--cb-muted:#8a8a8a;--cb-border:#e0e0e0;--cb-surface:#f4f4f4;display:flex;width:100%;flex-direction:column;gap:var(--uem-spacing-2);}.CriteriaBuilder_root{box-sizing:border-box;display:flex;width:100%;min-height:48px;align-items:center;gap:var(--uem-spacing-2);padding:var(--uem-spacing-3) var(--uem-spacing-4);border:1px solid var(--cb-border);border-radius:var(--uem-radius-lg);background:var(--uem-color-background);color:var(--cb-value);font-family:var(--uem-font-family);cursor:text;transition:border-color 0.15s ease,box-shadow 0.15s ease,min-height 0.15s ease;}.CriteriaBuilder_root:hover:not(.CriteriaBuilder_disabled){border-color:#d0d0d0;}.CriteriaBuilder_rootFocused{border-color:var(--cb-blue);box-shadow:0 0 0 3px rgba(47,111,237,0.12);background:#fff;}.CriteriaBuilder_rootExpanded{min-height:120px;align-items:flex-start;}.CriteriaBuilder_disabled{opacity:0.6;cursor:not-allowed;}.CriteriaBuilder_tokens{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:var(--uem-spacing-2);min-width:0;}.CriteriaBuilder_rootExpanded .CriteriaBuilder_tokens{padding-top:2px;}.CriteriaBuilder_lineBreak{flex-basis:100%;width:100%;height:0;}.CriteriaBuilder_wrapMark{display:inline-flex;flex-shrink:0;width:auto;height:auto;align-items:center;justify-content:center;margin:0 calc(var(--uem-spacing-2) * -1);padding:0;border:none;background:transparent;color:var(--cb-muted);font-family:inherit;font-size:10px;font-weight:400;line-height:1;cursor:pointer;opacity:0.4;}.CriteriaBuilder_wrapMark:hover:not(:disabled),.CriteriaBuilder_wrapMarkPreview:not(:disabled),.CriteriaBuilder_wrapMarkActive{opacity:1;background:transparent;color:var(--cb-blue);}.CriteriaBuilder_wrapMark:disabled{cursor:not-allowed;opacity:0.35;}.CriteriaBuilder_tokenPreview{box-shadow:0 0 0 2px rgba(47,111,237,0.28);}.CriteriaBuilder_boxActions{display:flex;flex-shrink:0;align-items:center;align-self:flex-start;gap:var(--uem-spacing-1);padding-top:2px;}.CriteriaBuilder_actionButton{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:var(--uem-radius-md);background:transparent;color:var(--cb-muted);cursor:pointer;}.CriteriaBuilder_actionButton:hover:not(:disabled){background:var(--cb-surface);color:var(--cb-badge-fg);}.CriteriaBuilder_actionButtonActive{color:var(--cb-blue);}.CriteriaBuilder_actionButton:disabled{cursor:not-allowed;opacity:0.5;}.CriteriaBuilder_placeholder{display:inline-flex;align-items:center;gap:var(--uem-spacing-2);color:#a8a8a8;font-size:var(--uem-font-size-body-large);line-height:21px;}.CriteriaBuilder_plusIcon{display:inline-flex;flex-shrink:0;width:18px;height:18px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;}.CriteriaBuilder_badge{display:inline-flex;flex-shrink:0;align-items:center;padding:5px 10px;border-radius:4px;background:var(--cb-badge-bg);color:var(--cb-badge-fg);font-size:12px;font-weight:600;line-height:1.4;}.CriteriaBuilder_badgeButton{border:none;font:inherit;cursor:pointer;}.CriteriaBuilder_badgeButton:hover:not(:disabled){background:var(--cb-blue-soft);color:var(--cb-blue);}.CriteriaBuilder_badgeButton:disabled{cursor:not-allowed;opacity:0.6;}.CriteriaBuilder_badgeParen{font-family:var(--uem-font-family-mono,ui-monospace,Menlo,Consolas,monospace);font-size:14px;font-weight:600;padding:2px 8px;}.CriteriaBuilder_condition{display:inline-flex;max-width:100%;align-items:center;gap:6px;padding:4px 7px;border:1px solid var(--cb-token-border);border-radius:6px;background:#fff;color:var(--cb-value);font-family:inherit;font-size:13px;line-height:1.4;white-space:nowrap;cursor:pointer;text-align:left;}.CriteriaBuilder_condition:hover:not(:disabled){border-color:var(--cb-blue);background:var(--cb-blue-soft);}.CriteriaBuilder_conditionField{color:var(--cb-field);font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:500;}.CriteriaBuilder_conditionOperator{color:var(--cb-operator);font-weight:500;}.CriteriaBuilder_conditionValue{display:inline-flex;max-width:100%;min-width:0;align-items:center;gap:4px;overflow:hidden;color:var(--cb-value);font-weight:700;}.CriteriaBuilder_conditionValueIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:inherit;}.CriteriaBuilder_conditionValueText{overflow:hidden;text-overflow:ellipsis;}.CriteriaBuilder_draft{display:inline-flex;align-items:center;gap:6px;padding:0;font-size:13px;line-height:1.4;}.CriteriaBuilder_draftField{color:var(--cb-value);font-weight:500;}.CriteriaBuilder_draftOperator{color:var(--cb-draft-operator);font-weight:500;}.CriteriaBuilder_inputAnchor{display:inline-flex;max-width:100%;vertical-align:middle;}.CriteriaBuilder_inlineInput{min-width:72px;max-width:640px;flex:0 1 auto;padding:2px 0;border:none;background:transparent;color:var(--cb-value);caret-color:var(--cb-blue);font-family:inherit;font-size:var(--uem-font-size-body-large);line-height:21px;}.CriteriaBuilder_inlineInput:focus{outline:none;}.CriteriaBuilder_inlineInput::-moz-placeholder{color:#a8a8a8;opacity:1;}.CriteriaBuilder_inlineInput::placeholder{color:#a8a8a8;opacity:1;}.CriteriaBuilder_hint{color:var(--cb-muted);font-size:var(--uem-font-size-body-medium);line-height:18px;}.CriteriaBuilder_shortcuts{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;color:var(--cb-muted);font-size:11px;line-height:16px;}.CriteriaBuilder_shortcutKey{display:inline-block;padding:0 4px;border:1px solid var(--cb-border);border-radius:3px;background:var(--cb-surface);font-family:inherit;font-size:11px;font-weight:600;}.CriteriaBuilder_menuPanel{min-width:260px;max-width:360px;}.CriteriaBuilder_menuHeader{box-sizing:border-box;margin:0;border-bottom:1px solid var(--uem-color-border,#e0e0e0);background:transparent;font-weight:400;text-align:left;}.Breadcrumb_root{display:block;}.Breadcrumb_list{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding:0;list-style:none;}.Breadcrumb_item{display:flex;align-items:center;}.BreadcrumbNavItem_cell{display:inline-flex;align-items:center;gap:5px;}.BreadcrumbNavItem_control{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;border:none;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:18px;text-decoration:none;cursor:pointer;transition:color 0.15s ease;}.BreadcrumbNavItem_control:hover{color:var(--uem-color-muted-foreground);}.BreadcrumbNavItem_control:active{color:var(--uem-color-foreground);}.BreadcrumbNavItem_control:focus{outline:none;}.BreadcrumbNavItem_control:focus-visible{outline:2px solid var(--uem-color-primary);outline-offset:2px;border-radius:3px;}.BreadcrumbNavItem_active{color:var(--uem-color-primary);}.BreadcrumbNavItem_active:hover,.BreadcrumbNavItem_active:active{color:var(--uem-color-primary);}.BreadcrumbNavItem_current{color:var(--uem-color-muted-foreground);cursor:default;}.BreadcrumbNavItem_disabled{color:var(--uem-color-chip-default);cursor:not-allowed;pointer-events:none;}.BreadcrumbNavItem_icon{flex-shrink:0;color:var(--uem-color-muted-foreground);}.BreadcrumbItem_item{display:inline-flex;align-items:center;gap:5px;min-height:24px;}.BreadcrumbItem_item:first-child>.BreadcrumbItem_slash{display:none;}.BreadcrumbItem_item:not(.BreadcrumbItem_header)+.BreadcrumbItem_item:not(.BreadcrumbItem_header){margin-inline-start:5px;}.BreadcrumbItem_slash{flex-shrink:0;color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:21px;}.BreadcrumbItem_container{display:inline-flex;align-items:center;gap:5px;min-height:24px;position:relative;}.BreadcrumbItem_control{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;border:none;background:transparent;color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:18px;text-decoration:none;cursor:pointer;transition:color 0.15s ease;}.BreadcrumbItem_header .BreadcrumbItem_control,.BreadcrumbItem_header .BreadcrumbItem_current{font-size:var(--uem-font-size-body-large);line-height:21px;}.BreadcrumbItem_control:hover{color:var(--uem-color-muted-foreground);}.BreadcrumbItem_control:active{color:var(--uem-color-foreground);}.BreadcrumbItem_control:focus{outline:none;}.BreadcrumbItem_control:focus-visible{outline:2px solid var(--uem-color-primary);outline-offset:2px;border-radius:3px;}.BreadcrumbItem_current{color:var(--uem-color-foreground);cursor:default;}.BreadcrumbItem_disabled{color:var(--uem-color-chip-default);cursor:not-allowed;pointer-events:none;}.BreadcrumbItem_label{min-width:0;}.BreadcrumbItem_truncate .BreadcrumbItem_label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.BreadcrumbItem_icon{flex-shrink:0;color:var(--uem-color-muted-foreground);}.HeaderBreadcrumb_root{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:24px;}.HeaderBreadcrumb_rootSegment{display:inline-flex;align-items:center;gap:5px;min-height:24px;}.HeaderBreadcrumb_control{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;border:none;background:transparent;color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:21px;text-decoration:none;cursor:pointer;transition:color 0.15s ease;}.HeaderBreadcrumb_control:hover{color:var(--uem-color-muted-foreground);}.HeaderBreadcrumb_control:active{color:var(--uem-color-foreground);}.HeaderBreadcrumb_control:focus{outline:none;}.HeaderBreadcrumb_control:focus-visible{outline:2px solid var(--uem-color-primary);outline-offset:2px;border-radius:3px;}.HeaderBreadcrumb_icon{flex-shrink:0;color:var(--uem-color-muted-foreground);}.HeaderBreadcrumb_static{display:inline-flex;align-items:center;gap:5px;color:var(--uem-color-muted-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:21px;}.Calendar_calendar{box-sizing:border-box;width:321px;padding:15px;border-radius:16px;background:var(--uem-color-background);}.Calendar_header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 15px;}.Calendar_monthLabel{flex:1;margin:0;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-bold);line-height:21px;text-align:center;}.Calendar_headerLabelGroup{display:flex;flex:1;align-items:center;justify-content:center;gap:4px;min-width:0;}.Calendar_headerButton,.Calendar_headerLabel{margin:0;padding:0;border:none;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-bold);line-height:21px;text-align:center;}.Calendar_headerButton{cursor:pointer;border-radius:4px;}.Calendar_headerButton:hover{background:var(--uem-color-brand-surface);}.Calendar_headerButton:focus{outline:none;}.Calendar_headerButton:focus-visible{outline:2px solid var(--uem-color-primary);outline-offset:-2px;}.Calendar_weekdays{display:grid;grid-template-columns:repeat(7,41px);justify-content:center;height:32px;margin-bottom:0;}.Calendar_weekday{display:flex;align-items:center;justify-content:center;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-small);font-style:normal;font-weight:var(--uem-font-weight-bold);line-height:15px;text-transform:uppercase;}.Calendar_weeks{display:flex;flex-direction:column;gap:16px;}.Calendar_week{display:grid;grid-template-columns:repeat(7,41px);justify-content:center;}.Calendar_pickerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px;padding:0 10px;}.Calendar_pickerRow{display:contents;}.CalendarDay_day{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:41px;height:32px;margin:0;padding:0;border:none;border-radius:3px;background:transparent;color:var(--uem-color-foreground);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-large);font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:21px;cursor:pointer;transition:background-color 0.15s ease,color 0.15s ease;}.CalendarDay_day:hover:not(:disabled){background:var(--uem-color-brand-surface);border-radius:4px;font-weight:var(--uem-font-weight-bold);}.CalendarDay_day:active:not(:disabled){background:var(--uem-color-brand-surface);border-radius:4px;font-weight:var(--uem-font-weight-bold);}.CalendarDay_day:focus{outline:none;}.CalendarDay_day:focus-visible{outline:2px solid var(--uem-color-primary);outline-offset:-2px;border-radius:5px;}.CalendarDay_outside{color:var(--uem-color-border);cursor:default;}.CalendarDay_outside:hover{background:transparent;font-weight:var(--uem-font-weight-regular);}.CalendarDay_disabled{color:var(--uem-color-chip-default);cursor:not-allowed;}.CalendarDay_disabled:hover{background:transparent;font-weight:var(--uem-font-weight-regular);}.CalendarDay_today{color:var(--uem-color-primary);font-weight:var(--uem-font-weight-bold);}.CalendarDay_todayIndicator{position:absolute;bottom:0;left:0;width:100%;height:2px;border-radius:1px;background:var(--uem-color-primary);}.CalendarDay_today:hover:not(:disabled) .CalendarDay_todayIndicator,.CalendarDay_today:active:not(:disabled) .CalendarDay_todayIndicator{background:var(--uem-color-foreground);}.CalendarDay_selected,.CalendarDay_rangeStart,.CalendarDay_rangeEnd{border-radius:5px;background:var(--uem-color-primary);color:var(--uem-color-primary-foreground);font-weight:var(--uem-font-weight-regular);}.CalendarDay_selected.CalendarDay_today,.CalendarDay_rangeStart.CalendarDay_today,.CalendarDay_rangeEnd.CalendarDay_today{font-weight:var(--uem-font-weight-bold);}.CalendarDay_selected .CalendarDay_todayIndicator,.CalendarDay_rangeStart .CalendarDay_todayIndicator,.CalendarDay_rangeEnd .CalendarDay_todayIndicator{background:var(--uem-color-primary-foreground);}.CalendarDay_selected:hover:not(:disabled),.CalendarDay_rangeStart:hover:not(:disabled),.CalendarDay_rangeEnd:hover:not(:disabled),.CalendarDay_selected:active:not(:disabled),.CalendarDay_rangeStart:active:not(:disabled),.CalendarDay_rangeEnd:active:not(:disabled){background:var(--uem-color-primary-hover);color:var(--uem-color-primary-foreground);border-radius:4px;font-weight:var(--uem-font-weight-bold);}.CalendarDay_selected:hover:not(:disabled) .CalendarDay_todayIndicator,.CalendarDay_rangeStart:hover:not(:disabled) .CalendarDay_todayIndicator,.CalendarDay_rangeEnd:hover:not(:disabled) .CalendarDay_todayIndicator,.CalendarDay_selected:active:not(:disabled) .CalendarDay_todayIndicator,.CalendarDay_rangeStart:active:not(:disabled) .CalendarDay_todayIndicator,.CalendarDay_rangeEnd:active:not(:disabled) .CalendarDay_todayIndicator{background:var(--uem-color-primary-foreground);}.CalendarDay_inRange,.CalendarDay_rangePreview{border-radius:5px;background:var(--uem-color-brand-surface);}.CalendarDay_inRange:hover,.CalendarDay_rangePreview:hover{background:var(--uem-color-brand-surface);}.CalendarDay_pickerCell{width:100%;min-width:0;padding:0 4px;font-size:var(--uem-font-size-body-large);line-height:21px;}.DatePicker_wrapper{position:relative;display:block;width:100%;cursor:pointer;}.DatePicker_wrapper input{cursor:pointer;}.DatePicker_wrapperDisabled{cursor:not-allowed;}.DatePicker_wrapperDisabled input{cursor:not-allowed;}.DatePicker_input{padding-right:40px;}.DatePicker_inputWithClear{padding-right:72px;}.DatePicker_actions{position:absolute;top:50%;right:6px;display:flex;align-items:center;gap:2px;transform:translateY(-50%);}.DatePicker_iconButton{position:static;transform:none;}.DatePicker_clearButton{position:static;width:32px;height:32px;padding:0;}.DatePicker_clearButton svg{width:var(--uem-font-size-body-medium);height:var(--uem-font-size-body-medium);}.DatePicker_popoverPanel{border:1px solid var(--uem-color-border);background:var(--uem-color-background);}.DateRangePicker_wrapper{position:relative;display:block;width:100%;cursor:pointer;}.DateRangePicker_wrapper input{cursor:pointer;}.DateRangePicker_wrapperDisabled{cursor:not-allowed;}.DateRangePicker_wrapperDisabled input{cursor:not-allowed;}.DateRangePicker_input{padding-right:40px;}.DateRangePicker_inputWithClear{padding-right:72px;}.DateRangePicker_actions{position:absolute;top:50%;right:6px;display:flex;align-items:center;gap:2px;transform:translateY(-50%);}.DateRangePicker_iconButton{position:static;transform:none;}.DateRangePicker_clearButton{position:static;width:32px;height:32px;padding:0;}.DateRangePicker_clearButton svg{width:var(--uem-font-size-body-medium);height:var(--uem-font-size-body-medium);}.DateRangePicker_popoverPanel{border:1px solid var(--uem-color-border);background:var(--uem-color-background);}.Card_card{--uem-card-accent-border:var(--uem-color-primary);--uem-card-accent-surface:var(--uem-color-brand-surface);position:relative;box-sizing:border-box;display:inline-flex;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:0;border:1px solid var(--uem-color-border);border-radius:16px;background:var(--uem-color-background);color:var(--uem-color-foreground);font-family:var(--uem-font-family);text-align:left;text-decoration:none;cursor:pointer;transition:background-color 0.15s ease,border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease,padding 0.15s ease,opacity 0.15s ease;}.Card_card:focus{outline:none;}.Card_card:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.Card_card:disabled,.Card_card[aria-disabled=true]{cursor:not-allowed;opacity:0.5;}.Card_fullWidth{width:100%;}.Card_cardAction{flex-direction:row;align-items:center;gap:10px;padding:30px;}.Card_cardAction:hover:not(:disabled):not([aria-disabled=true]),.Card_cardAction:active:not(:disabled):not([aria-disabled=true]){border-color:var(--uem-card-accent-border);background:var(--uem-card-accent-surface);}.Card_cardSelectableRoot{display:inline-flex;flex-direction:column;align-items:stretch;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:0 0 10px;border:none;background:transparent;cursor:pointer;}.Card_cardSelectableRoot:focus{outline:none;}.Card_cardSelectableRoot:focus-visible .Card_cardSelectableSurface{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.Card_cardSelectableRoot:disabled{cursor:not-allowed;}.Card_cardSelectableRoot:disabled .Card_cardSelectableSurface{opacity:0.5;}.Card_cardSelectableSurface{position:relative;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;padding:25px 20px;border:1px solid var(--uem-color-border);border-radius:16px;background:var(--uem-color-background);color:var(--uem-color-foreground);font-family:var(--uem-font-family);transition:background-color 0.15s ease,border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease;}.Card_cardSelectableRoot.Card_fullWidth,.Card_cardSelectableRoot.Card_fullWidth .Card_cardSelectableSurface{width:100%;}.Card_cardSelectableRoot:hover:not(:disabled):not([data-selected=true]) .Card_cardSelectableSurface,.Card_cardSelectableRoot:active:not(:disabled):not([data-selected=true]) .Card_cardSelectableSurface{border-color:var(--uem-card-accent-border);background:var(--uem-card-accent-surface);box-shadow:var(--uem-shadow-card-hover);transform:translateY(-10px);}.Card_cardSelectableRoot[data-selected=true] .Card_cardSelectableSurface{border-color:var(--uem-card-accent-border);background:var(--uem-card-accent-surface);}.Card_contentIcon{flex-shrink:0;color:var(--uem-color-foreground);}.Card_summarySurface{align-items:flex-start;justify-content:flex-start;gap:8px;padding:15px;border-radius:10px;text-align:left;}.Card_cardSelectableRoot[data-selected=true] .Card_summarySurface{box-shadow:0 6px 16px rgba(25,25,25,0.1);}.Card_summaryHeader{display:inline-flex;flex-direction:row;align-items:center;gap:5px;}.Card_summaryContentIcon{flex-shrink:0;color:var(--uem-color-foreground);}.Card_summaryTitle{font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-semibold);line-height:21px;color:var(--uem-color-foreground);}.Card_summaryText{width:100%;font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;color:var(--uem-color-muted-foreground);}.Card_selectedIcon{position:absolute;top:10px;right:10px;color:var(--uem-card-accent-border);}.Card_group{display:flex;flex-wrap:wrap;gap:20px;}.Card_card[data-color=blue],.Card_cardSelectableRoot[data-color=blue]{--uem-card-accent-border:#0449d1;--uem-card-accent-surface:#f6f9ff;}.Card_card[data-color=purple],.Card_cardSelectableRoot[data-color=purple]{--uem-card-accent-border:#6a45ff;--uem-card-accent-surface:#eeecff;}.Card_card[data-color=green],.Card_cardSelectableRoot[data-color=green]{--uem-card-accent-border:#409c35;--uem-card-accent-surface:#f9fff8;}.Card_card[data-color=brown],.Card_cardSelectableRoot[data-color=brown]{--uem-card-accent-border:#844516;--uem-card-accent-surface:#fff9f5;}.Card_card[data-color=orange],.Card_cardSelectableRoot[data-color=orange]{--uem-card-accent-border:#de7000;--uem-card-accent-surface:#fff7f5;}.Card_card[data-color=pink],.Card_cardSelectableRoot[data-color=pink]{--uem-card-accent-border:#c6307d;--uem-card-accent-surface:#fff9fc;}.Card_card[data-color=yellow],.Card_cardSelectableRoot[data-color=yellow]{--uem-card-accent-border:#c28800;--uem-card-accent-surface:#fffaee;}.Card_cardStat{--uem-card-accent-border:var(--uem-color-primary);position:relative;box-sizing:border-box;display:inline-flex;flex-direction:column;gap:10px;width:-moz-fit-content;width:fit-content;padding:15px 20px;border:1px solid var(--uem-color-border);border-radius:10px;background:var(--uem-color-background);color:var(--uem-color-foreground);font-family:var(--uem-font-family);}.Card_cardStat.Card_fullWidth{width:100%;}.Card_cardStatHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;}.Card_cardStatTitle{margin:0;overflow:hidden;font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-medium);line-height:21px;color:var(--uem-color-foreground);white-space:nowrap;text-overflow:ellipsis;}.Card_cardStatIcon{flex-shrink:0;color:var(--uem-card-accent-border);}.Card_cardStatContent{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:33px;font-size:var(--uem-font-size-title-large);font-weight:var(--uem-font-weight-medium);line-height:33px;}.Card_cardStat[data-color=blue]{--uem-card-accent-border:#0449d1;}.Card_cardStat[data-color=purple]{--uem-card-accent-border:#6a45ff;}.Card_cardStat[data-color=green]{--uem-card-accent-border:#409c35;}.Card_cardStat[data-color=brown]{--uem-card-accent-border:#844516;}.Card_cardStat[data-color=orange]{--uem-card-accent-border:#de7000;}.Card_cardStat[data-color=pink]{--uem-card-accent-border:#c6307d;}.Card_cardStat[data-color=yellow]{--uem-card-accent-border:#c28800;}.Card_cardStatResizeHandle{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.Card_cardStatResizeHandle:hover,.Card_cardStatResizeHandleActive{background:color-mix(in srgb,var(--uem-card-accent-border) 12%,transparent);}.KpiCard_frame{--uem-kpicard-accent:#844516;--uem-kpicard-accent-border:#8445164d;position:relative;box-sizing:border-box;display:inline-block;max-width:none;vertical-align:top;container-type:inline-size;container-name:KpiCard_uem-kpicard;}.KpiCard_frameFullWidth{display:block;width:100%;}.KpiCard_frameFullHeight{height:100%;min-height:-moz-fit-content;min-height:fit-content;}.KpiCard_root{--uem-kpicard-title-color:#1c1c1c;--uem-kpicard-value-color:#1c1c1c;--uem-kpicard-summary-primary:#377e36;--uem-kpicard-summary-secondary:#788c9b;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0;padding:15px 20px;border:1px solid var(--uem-kpicard-accent-border);border-radius:10px;background:#ffffff;color:var(--uem-kpicard-title-color);font-family:var(--uem-font-family);box-shadow:0 0 20px 3px rgba(0,0,0,0.1);text-decoration:none;}.KpiCard_noShadow{box-shadow:none;}.KpiCard_clickable{cursor:pointer;}.KpiCard_clickable:focus{outline:none;}.KpiCard_clickable:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.KpiCard_fullWidth{width:100%;max-width:none;}.KpiCard_fullHeight{height:100%;min-height:-moz-fit-content;min-height:fit-content;}.KpiCard_header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;gap:8px;min-width:0;}.KpiCard_title{margin:0;min-width:0;overflow:hidden;color:var(--uem-kpicard-title-color);font-size:12px;font-weight:var(--uem-font-weight-medium);line-height:18px;text-overflow:ellipsis;white-space:nowrap;}.KpiCard_headerIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--uem-kpicard-accent);}.KpiCard_headerIcon>svg{display:block;width:100%;height:100%;}.KpiCard_content{display:flex;flex-flow:row wrap;align-items:flex-end;justify-content:space-between;align-self:stretch;gap:8px;min-width:0;}.KpiCard_contentTruncate{flex-wrap:nowrap;}@container KpiCard_uem-kpicard (max-width:205px){.KpiCard_content,.KpiCard_contentTruncate{flex-wrap:wrap;}.KpiCard_summary,.KpiCard_summaryTruncate{flex:1 1 100%;max-width:100%;}}.KpiCard_value{margin:0;flex-shrink:0;color:var(--uem-kpicard-value-color);font-size:22px;font-weight:var(--uem-font-weight-medium);line-height:33px;}.KpiCard_summary{display:inline-flex;flex-flow:row wrap;align-items:center;gap:2px;max-width:100%;padding-bottom:2.5px;}.KpiCard_summaryTruncate{flex:1 1 auto;flex-wrap:nowrap;min-width:0;overflow:hidden;}.KpiCard_summaryIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:14px;height:14px;color:var(--uem-kpicard-summary-primary);}.KpiCard_summaryIcon>svg{display:block;width:100%;height:100%;}.KpiCard_summaryText{display:inline-flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:3px;min-width:0;}.KpiCard_summaryTextSlot{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;}.KpiCard_summaryTextTruncate{display:block;overflow:hidden;font-size:10px;font-weight:var(--uem-font-weight-regular);line-height:18px;text-overflow:ellipsis;white-space:nowrap;}.KpiCard_summaryTextTruncate .KpiCard_summaryPrimary,.KpiCard_summaryTextTruncate .KpiCard_summarySecondary{display:inline;}.KpiCard_summaryTextTruncate .KpiCard_summarySecondary{margin-left:3px;}.KpiCard_summaryTooltip{position:absolute;inset:0;z-index:1;display:block;width:auto;height:auto;min-width:0;max-width:none;opacity:0;}.KpiCard_summaryTooltipTrigger{display:block;box-sizing:border-box;width:100%;height:100%;min-height:18px;}.KpiCard_summaryPrimary{color:var(--uem-kpicard-summary-primary);font-size:10px;font-weight:var(--uem-font-weight-regular);line-height:18px;}.KpiCard_summarySecondary{color:var(--uem-kpicard-summary-secondary);font-size:10px;font-weight:var(--uem-font-weight-regular);line-height:18px;}.KpiCard_frame[data-accent=brown]{--uem-kpicard-accent:#844516;--uem-kpicard-accent-border:#8445164d;}.KpiCard_frame[data-accent=magenta],.KpiCard_frame[data-accent=rose]{--uem-kpicard-accent:#c6307d;--uem-kpicard-accent-border:#c6307d4d;}.KpiCard_frame[data-accent=purple]{--uem-kpicard-accent:#6a45ff;--uem-kpicard-accent-border:#6a45ff4d;}.KpiCard_frame[data-accent=orange]{--uem-kpicard-accent:#de7000;--uem-kpicard-accent-border:#de70004d;}.KpiCard_frame[data-accent=pink]{--uem-kpicard-accent:#cd519d;--uem-kpicard-accent-border:#cd519d4d;}.KpiCard_loading{overflow:hidden;border-color:transparent;background:#f8f8f8;pointer-events:none;}.KpiCard_loading::after{position:absolute;inset:0;pointer-events:none;background:linear-gradient( 105deg,rgba(248,248,248,0) 0%,rgba(248,248,248,0) 35%,rgba(255,255,255,0.7) 50%,rgba(248,248,248,0) 65%,rgba(248,248,248,0) 100%);background-size:200% 100%;animation:KpiCard_uem-kpicard-shimmer 1.6s ease-in-out infinite;content:"";}.KpiCard_loadingSurface{display:block;width:100%;min-height:61px;}@keyframes KpiCard_uem-kpicard-shimmer{0%{background-position:100% 0;}100%{background-position:-100% 0;}}@media (prefers-reduced-motion:reduce){.KpiCard_loading::after{animation:none;background:linear-gradient( 90deg,#f1f1f1 0%,#f8f8f8 40%,#f8f8f8 100%);}}.KpiCardGroup_root{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:center;align-self:stretch;justify-self:stretch;width:100%;height:100%;min-width:0;min-height:0;margin:0;font-family:var(--uem-font-family);gap:15px;}.KpiCardGroup_grid{display:grid;flex:1 1 auto;align-content:center;width:100%;height:100%;min-width:0;min-height:0;}.KpiCardGroup_cell{min-width:0;min-height:0;height:100%;}.KpiCardGroup_blank{display:block;width:100%;height:100%;min-height:0;pointer-events:none;}.KpiCardGroup_caption{align-self:stretch;margin:0;color:#788c9b;font-size:10px;font-weight:var(--uem-font-weight-medium);line-height:15px;}.DonutChart_root{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--uem-font-family);}.DonutChart_rootFitContainer{display:flex;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;align-items:center;justify-content:center;padding:10px 20px 20px;}.DonutChart_rootFitContainerEmpty{padding:20px;}.DonutChart_rootFitContainerWithSummary{padding:0 20px 11px;}.DonutChart_content{display:inline-flex;align-items:center;justify-content:center;}.DonutChart_contentWithSummary{gap:15px;}.DonutChart_contentFit{flex-shrink:0;transform-origin:center center;}.DonutChart_contentFitWithSummary{width:430px;}.DonutChart_chartFrame{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;}.DonutChart_chart{display:block;}.DonutChart_slice{cursor:pointer;transition:opacity 0.15s ease;}.DonutChart_sliceInactive{opacity:0.72;}.DonutChart_centerLabel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;pointer-events:none;text-align:center;}.DonutChart_centerValue{margin:0;color:var(--uem-color-foreground);font-size:var(--uem-font-size-title-large);font-weight:var(--uem-font-weight-semibold);line-height:33px;}.DonutChart_centerText{margin:0;color:var(--uem-color-foreground);font-size:var(--uem-font-size-title-small);font-weight:var(--uem-font-weight-regular);line-height:24px;}.DonutChart_summary{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:5px;margin:0;padding:0;list-style:none;background:transparent;font-family:var(--uem-font-family);}.DonutChart_contentFitWithSummary .DonutChart_summary{flex:1 1 auto;min-width:0;}.DonutChart_summaryColumn{display:grid;grid-template-columns:100px max-content max-content;align-items:center;justify-items:start;row-gap:15px;-moz-column-gap:0;column-gap:0;margin:0;padding:0;list-style:none;}.DonutChart_summaryColumnLabelsOnly{grid-template-columns:100px;}.DonutChart_summaryItem,.DonutChart_summaryValueGroup{display:contents;}.DonutChart_summaryLabelGroup{display:flex;box-sizing:border-box;width:100px;align-items:center;justify-content:flex-start;margin-inline-end:20px;padding:2px 8px 2px 4px;}.DonutChart_summarySwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.DonutChart_summarySwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.DonutChart_summaryLabel{min-width:0;overflow:hidden;color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;text-align:left;text-overflow:ellipsis;white-space:nowrap;}.DonutChart_summaryValue{margin-inline-end:15px;color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-large);font-weight:var(--uem-font-weight-medium);font-variant-numeric:tabular-nums;line-height:24px;text-align:left;white-space:nowrap;}.DonutChart_summaryPercentage{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);font-variant-numeric:tabular-nums;line-height:18px;text-align:center;white-space:nowrap;}.DonutChart_tooltip{position:fixed;z-index:var(--uem-z-dropdown);display:flex;flex-direction:column;gap:var(--uem-spacing-1);padding:5px;border-radius:var(--uem-radius-lg);background:var(--uem-color-background);filter:drop-shadow(0 6px 8px rgba(25,25,25,0.25));font-family:var(--uem-font-family);pointer-events:none;transform:translate(-22px,calc(-100% - 18px));}.DonutChart_tooltipCaret{position:absolute;bottom:-7px;left:17px;width:10px;height:8px;background:var(--uem-color-background);clip-path:polygon(0 0,100% 0,50% 100%);}.DonutChart_tooltipRow{display:flex;align-items:center;gap:0;}.DonutChart_tooltipLabelGroup{display:flex;align-items:center;padding:2px 8px 2px 0;}.DonutChart_tooltipValueGroup{display:flex;align-items:center;gap:var(--uem-spacing-1);padding:2px 8px 2px 4px;white-space:nowrap;}.DonutChart_tooltipSwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.DonutChart_tooltipSwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.DonutChart_tooltipLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.DonutChart_tooltipValue{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.DonutChart_tooltipPercentage{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-regular);line-height:15px;}.DonutChart_tooltipOthers{display:flex;max-height:160px;flex-direction:column;gap:var(--uem-spacing-1);margin:0;padding:0;overflow-y:auto;list-style:none;}.DonutChart_tooltipOthersItem{display:flex;align-items:center;justify-content:space-between;gap:0;margin:0;padding:2px 8px 2px 16px;}.chartValueAxis_valueAxis{display:grid;box-sizing:border-box;height:100%;min-height:0;padding:9px 0;grid-template:minmax(0,1fr) / minmax(0,1fr);}.chartValueAxis_valueAxisTrack{position:relative;grid-area:1 / 1;width:100%;height:100%;min-width:0;min-height:0;}.chartValueAxis_valueTick{position:absolute;right:0;line-height:18px;transform:translateY(50%);}.chartValueAxis_valuePlotPad{box-sizing:border-box;height:100%;min-height:0;padding:9px 0;}.chartValueAxis_gridTrack{position:relative;width:100%;height:100%;}.chartValueAxis_gridLineHorizontal{position:absolute;left:0;right:0;height:0;border-top:1px solid rgba(28,28,28,0.05);}.chartValueAxis_valueAxisHorizontal{display:grid;position:relative;box-sizing:border-box;width:100%;min-width:0;min-height:18px;grid-template:minmax(18px,max-content) / 1fr;}.chartValueAxis_valueAxisTrackHorizontal{position:relative;grid-area:1 / 1;width:100%;height:100%;min-width:0;min-height:0;}.chartValueAxis_valueTickHorizontal{position:absolute;top:0;line-height:18px;transform:translateX(-50%);}.chartValueAxis_valuePlotPadHorizontal{box-sizing:border-box;width:100%;height:100%;min-width:0;padding:10px 0;}.chartValueAxis_categoryAxis{position:relative;box-sizing:border-box;height:100%;min-height:0;padding:10px 0;}.chartValueAxis_categoryAxisTrack{position:relative;width:100%;height:100%;}.chartValueAxis_categoryTickVertical{position:absolute;right:0;line-height:18px;transform:translateY(-50%);}.chartValueAxis_gridLineVertical{position:absolute;top:0;bottom:0;width:0;border-left:1px solid rgba(28,28,28,0.05);}.chartValueAxis_gridLineVerticalEnd{border-right:1px solid rgba(28,28,28,0.05);}.LineChart_root{position:relative;display:inline-flex;box-sizing:border-box;flex-direction:column;align-items:stretch;font-family:var(--uem-font-family);}.LineChart_rootFitContainer{width:100%;height:100%;min-width:0;min-height:0;}.LineChart_chartBody{display:grid;box-sizing:border-box;flex:1 1 auto;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;-moz-column-gap:15px;column-gap:15px;row-gap:10px;min-width:0;min-height:0;padding:10px 20px;}.LineChart_yAxis{grid-column:1;grid-row:1;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.LineChart_yTick{display:block;}.LineChart_plot{position:relative;grid-column:2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;}.LineChart_chart{display:block;width:100%;height:100%;overflow:visible;}.LineChart_gridLine{stroke:rgba(28,28,28,0.05);stroke-width:1;vector-effect:non-scaling-stroke;}.LineChart_seriesLine{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;}.LineChart_seriesPoint{cursor:pointer;pointer-events:auto;}.LineChart_xAxis{display:flex;grid-column:2;grid-row:2;align-items:center;justify-content:space-between;width:100%;min-width:0;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.LineChart_xTick{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LineChart_summary{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:10px;box-sizing:border-box;width:100%;margin:0;padding:20px;border-top:1px solid rgba(228,232,235,0.7);list-style:none;}.LineChart_summaryItem{display:flex;align-items:center;margin:0;padding:0;}.LineChart_summarySwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.LineChart_summarySwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.LineChart_summaryLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.LineChart_tooltip{position:fixed;z-index:var(--uem-z-dropdown);display:flex;flex-direction:column;gap:var(--uem-spacing-1);padding:5px;border-radius:var(--uem-radius-lg);background:var(--uem-color-background);filter:drop-shadow(0 6px 8px rgba(25,25,25,0.25));font-family:var(--uem-font-family);pointer-events:none;transform:translate(-22px,calc(-100% - 18px));}.LineChart_tooltipCaret{position:absolute;bottom:-7px;left:17px;width:10px;height:8px;background:var(--uem-color-background);clip-path:polygon(0 0,100% 0,50% 100%);}.LineChart_tooltipRow{display:flex;align-items:center;gap:0;}.LineChart_tooltipLabelGroup{display:flex;align-items:center;padding:2px 8px 2px 0;}.LineChart_tooltipValueGroup{display:flex;align-items:center;gap:var(--uem-spacing-1);padding:2px 8px 2px 4px;white-space:nowrap;}.LineChart_tooltipSwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.LineChart_tooltipSwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.LineChart_tooltipLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.LineChart_tooltipValue{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.LineChart_tooltipCategory{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-regular);line-height:15px;}.StackedBarChart_root{position:relative;display:inline-flex;box-sizing:border-box;flex-direction:column;align-items:stretch;font-family:var(--uem-font-family);}.StackedBarChart_rootFitContainer{width:100%;height:100%;min-width:0;min-height:0;}.StackedBarChart_chartBody{display:grid;box-sizing:border-box;flex:1 1 auto;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;-moz-column-gap:20px;column-gap:20px;row-gap:10px;min-width:0;min-height:0;padding:0 20px 15px;}.StackedBarChart_valueAxis{grid-column:1;grid-row:1;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.StackedBarChart_valueTick{display:block;}.StackedBarChart_plot{position:relative;grid-column:2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;}.StackedBarChart_plotLayer{position:relative;width:100%;height:100%;}.StackedBarChart_bars{position:absolute;inset:0;z-index:1;display:flex;min-width:0;min-height:0;}.StackedBarChart_categoryAxisVertical{display:flex;grid-column:1;grid-row:1;flex-direction:column;align-items:stretch;box-sizing:border-box;height:100%;min-height:0;padding:10px 0;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.StackedBarChart_categoryTickVertical{display:flex;flex:1 1 0;align-items:center;justify-content:flex-end;box-sizing:border-box;min-width:0;min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.StackedBarChart_barsVertical{flex-direction:row;align-items:stretch;}.StackedBarChart_barsHorizontal{flex-direction:column;align-items:stretch;}.StackedBarChart_slot{display:flex;flex:1 1 0;min-width:0;min-height:0;}.StackedBarChart_slotVertical{justify-content:center;align-items:stretch;padding:0 8px;}.StackedBarChart_slotHorizontal{align-items:center;}.StackedBarChart_bar{display:flex;box-sizing:border-box;overflow:hidden;}.StackedBarChart_barVertical{flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;width:9px;height:100%;border-radius:1px 1px 0 0;}.StackedBarChart_barHorizontal{flex-direction:row;align-items:stretch;width:100%;height:9px;border-radius:0 1px 1px 0;}.StackedBarChart_barVerticalEmpty{justify-content:flex-end;}.StackedBarChart_barHorizontalEmpty{align-items:center;justify-content:flex-start;}.StackedBarChart_segment{flex:0 0 auto;cursor:pointer;transition:opacity 0.15s ease;}.StackedBarChart_segmentVertical{width:100%;min-height:0;}.StackedBarChart_segmentHorizontal{height:100%;min-width:0;}.StackedBarChart_segmentInactive{opacity:0.72;}.StackedBarChart_emptyStub{flex:0 0 auto;width:9px;height:1px;}.StackedBarChart_categoryAxisHorizontal{display:flex;grid-column:2;grid-row:2;align-items:center;justify-content:space-between;width:100%;min-width:0;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.StackedBarChart_categoryTickHorizontal{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.StackedBarChart_valueAxisHorizontal{grid-column:2;grid-row:2;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);font-variant-numeric:tabular-nums;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.StackedBarChart_valueTickHorizontal{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.StackedBarChart_summary{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:10px;box-sizing:border-box;width:100%;margin:0;padding:15px 20px;border-top:1px solid rgba(228,232,235,0.7);list-style:none;}.StackedBarChart_summaryItem{display:flex;align-items:center;margin:0;padding:0;}.StackedBarChart_summarySwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.StackedBarChart_summarySwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.StackedBarChart_summaryLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.StackedBarChart_tooltip{position:fixed;z-index:var(--uem-z-dropdown);display:flex;flex-direction:column;gap:var(--uem-spacing-1);padding:5px;border-radius:var(--uem-radius-lg);background:var(--uem-color-background);filter:drop-shadow(0 6px 8px rgba(25,25,25,0.25));font-family:var(--uem-font-family);pointer-events:none;transform:translate(-22px,calc(-100% - 18px));}.StackedBarChart_tooltipCaret{position:absolute;bottom:-7px;left:17px;width:10px;height:8px;background:var(--uem-color-background);clip-path:polygon(0 0,100% 0,50% 100%);}.StackedBarChart_tooltipRow{display:flex;align-items:center;gap:0;}.StackedBarChart_tooltipLabelGroup{display:flex;align-items:center;padding:2px 8px 2px 0;}.StackedBarChart_tooltipValueGroup{display:flex;align-items:center;gap:var(--uem-spacing-1);padding:2px 8px 2px 4px;white-space:nowrap;}.StackedBarChart_tooltipSwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.StackedBarChart_tooltipSwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.StackedBarChart_tooltipLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.StackedBarChart_tooltipValue{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.StackedBarChart_tooltipCategory{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-regular);line-height:15px;}.FunnelChart_root{--uem-funnel-value-color:#1c1c1c;--uem-funnel-stage-label:#788c9b;--uem-funnel-stage-value:#191919;--uem-funnel-summary-primary:#377e36;--uem-funnel-summary-secondary:#788c9b;position:relative;display:inline-flex;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:5px;min-width:0;padding:5px 10px 10px;font-family:var(--uem-font-family);}.FunnelChart_rootFitContainer{width:100%;height:100%;min-height:0;}.FunnelChart_header{display:flex;flex-flow:row wrap;align-items:flex-end;align-self:stretch;gap:8px 5px;min-width:0;border-radius:8px;}.FunnelChart_value{margin:0;flex-shrink:0;color:var(--uem-funnel-value-color);font-size:22px;font-weight:var(--uem-font-weight-medium);line-height:33px;}.FunnelChart_summary{display:inline-flex;flex-flow:row wrap;align-items:center;gap:2px;max-width:100%;padding-bottom:2.5px;}.FunnelChart_summaryIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:14px;height:14px;color:var(--uem-funnel-summary-primary);}.FunnelChart_summaryIcon>svg{display:block;width:100%;height:100%;}.FunnelChart_summaryText{display:inline-flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:3px;min-width:0;}.FunnelChart_summaryPrimary{color:var(--uem-funnel-summary-primary);font-size:10px;font-weight:var(--uem-font-weight-regular);line-height:18px;}.FunnelChart_summarySecondary{color:var(--uem-funnel-summary-secondary);font-size:10px;font-weight:var(--uem-font-weight-regular);line-height:18px;}.FunnelChart_stages{display:flex;flex-direction:row;align-items:stretch;align-self:stretch;min-width:0;min-height:35px;}.FunnelChart_stageLabel{display:flex;flex:1 1 0;align-items:center;justify-content:center;gap:4px;min-width:0;padding:10px 0;}.FunnelChart_stageLabelText{overflow:hidden;color:var(--uem-funnel-stage-label);font-size:10px;font-weight:var(--uem-font-weight-regular);line-height:1;text-overflow:ellipsis;white-space:nowrap;}.FunnelChart_stageLabelValue{overflow:hidden;color:var(--uem-funnel-stage-value);font-size:10px;font-weight:var(--uem-font-weight-semibold);line-height:18px;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;}.FunnelChart_funnels{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;min-width:0;padding:20px 0;}.FunnelChart_funnelRow{display:flex;flex-direction:row;align-items:flex-end;align-self:stretch;width:100%;min-width:0;}.FunnelChart_funnelRowMirror{transform:scaleY(-1);}.FunnelChart_barSlot{display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;align-items:stretch;box-sizing:border-box;min-width:0;border-right:2px solid #ffffff;}.FunnelChart_barSlot:last-child{border-right:none;}.FunnelChart_bar{display:block;width:100%;overflow:visible;}.BarChart_root{position:relative;display:inline-flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:0;font-family:var(--uem-font-family);}.BarChart_rootFitContainer{width:100%;height:100%;min-height:0;}.BarChart_header{display:flex;flex-flow:row wrap;align-items:center;align-self:stretch;gap:10px;box-sizing:border-box;min-width:0;padding:10px 20px;}.BarChart_value{margin:0;flex-shrink:0;color:#191919;font-size:24px;font-weight:var(--uem-font-weight-semibold);line-height:1.132;}.BarChart_summaryLabel{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.BarChart_table{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;align-self:stretch;min-width:0;min-height:0;padding:5px 0 0;}.BarChart_columnHeader{display:flex;flex:0 0 auto;align-items:center;align-self:stretch;min-width:0;}.BarChart_columnHeaderName{display:flex;flex:1 1 0;align-items:center;box-sizing:border-box;min-width:0;padding:5px 20px;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-semibold);line-height:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.BarChart_columnHeaderNameFixed{flex:0 0 var(--uem-bar-chart-name-width);width:var(--uem-bar-chart-name-width);max-width:var(--uem-bar-chart-name-width);}.BarChart_columnHeaderScore{display:flex;flex:1 1 0;align-items:center;box-sizing:border-box;min-width:0;padding:5px 20px;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-semibold);line-height:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.BarChart_rows{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;align-self:stretch;min-width:0;min-height:0;padding:0 0 10px;overflow-x:hidden;overflow-y:auto;}.BarChart_row{display:flex;flex:0 0 auto;align-items:center;align-self:stretch;min-width:0;}.BarChart_nameCell{display:flex;flex:1 1 0;align-items:center;box-sizing:border-box;min-width:0;height:35px;padding:5px 20px;}.BarChart_nameCellFixed{flex:0 0 var(--uem-bar-chart-name-width);width:var(--uem-bar-chart-name-width);max-width:var(--uem-bar-chart-name-width);}.BarChart_name{display:block;min-width:0;width:100%;overflow:hidden;color:#191919;font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;text-overflow:ellipsis;white-space:nowrap;}.BarChart_scoreCell{display:flex;flex:1 1 0;align-items:center;gap:15px;box-sizing:border-box;min-width:0;height:35px;padding:5px 20px;}.BarChart_track{display:flex;flex:1 1 auto;align-items:stretch;box-sizing:border-box;min-width:0;height:6px;overflow:hidden;border-radius:999px;background:var(--uem-bar-chart-track,#e4e8eb);cursor:pointer;transition:opacity 0.15s ease;}.BarChart_trackInactive{opacity:0.72;}.BarChart_fill{display:block;box-sizing:border-box;height:100%;min-width:0;border-radius:999px;pointer-events:none;}.BarChart_score{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-end;box-sizing:border-box;width:48px;font-size:var(--uem-font-size-body-medium);font-variant-numeric:tabular-nums;line-height:18px;text-align:right;white-space:nowrap;}.BarChart_scoreValue{color:#191919;font-weight:var(--uem-font-weight-semibold);}.BarChart_scoreTotal{color:var(--uem-color-muted-foreground);font-weight:var(--uem-font-weight-medium);}.BarChart_tooltip{position:fixed;z-index:var(--uem-z-dropdown);display:flex;flex-direction:column;gap:var(--uem-spacing-1);padding:5px;border-radius:var(--uem-radius-lg);background:var(--uem-color-background);filter:drop-shadow(0 6px 8px rgba(25,25,25,0.25));font-family:var(--uem-font-family);pointer-events:none;transform:translate(-22px,calc(-100% - 18px));}.BarChart_tooltipCaret{position:absolute;bottom:-7px;left:17px;width:10px;height:8px;background:var(--uem-color-background);clip-path:polygon(0 0,100% 0,50% 100%);}.BarChart_tooltipRow{display:flex;align-items:center;gap:0;}.BarChart_tooltipLabelGroup{display:flex;align-items:center;padding:2px 8px 2px 0;}.BarChart_tooltipValueGroup{display:flex;align-items:center;gap:var(--uem-spacing-1);padding:2px 8px 2px 4px;white-space:nowrap;}.BarChart_tooltipSwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.BarChart_tooltipSwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.BarChart_tooltipLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.BarChart_tooltipValue{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.BarChart_tooltipPercentage{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-regular);line-height:15px;}.BarChart_verticalChartBody{display:grid;box-sizing:border-box;flex:1 1 auto;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;-moz-column-gap:20px;column-gap:20px;row-gap:10px;align-self:stretch;min-width:0;min-height:0;padding:0 20px 15px;}.BarChart_verticalValueAxis{grid-column:1;grid-row:1;color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.BarChart_verticalValueTick{display:block;}.BarChart_verticalPlot{position:relative;grid-column:2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;}.BarChart_verticalPlotLayer{position:relative;width:100%;height:100%;}.BarChart_verticalBars{position:absolute;inset:0;z-index:1;display:flex;flex-direction:row;align-items:stretch;min-width:0;min-height:0;}.BarChart_verticalSlot{display:flex;flex:1 1 0;justify-content:center;align-items:stretch;box-sizing:border-box;min-width:0;min-height:0;padding:0 8px;}.BarChart_verticalBar{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;box-sizing:border-box;width:10px;height:100%;overflow:hidden;border-radius:10px 10px 0 0;cursor:pointer;transition:opacity 0.15s ease;}.BarChart_verticalBarFill{display:block;box-sizing:border-box;width:100%;min-height:0;border-radius:10px 10px 0 0;pointer-events:none;}.BarChart_verticalCategoryAxis{display:flex;grid-column:2;grid-row:2;align-items:center;justify-content:space-between;width:100%;min-width:0;color:#191919;font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-medium);line-height:18px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.BarChart_verticalCategoryTick{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.BarChart_verticalSlotGroupStart{margin-left:12px;}.BarChart_verticalCategoryTickGroupStart{margin-left:12px;}.BarChart_summary{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:10px;box-sizing:border-box;width:100%;margin:0;padding:15px 20px;border-top:1px solid rgba(228,232,235,0.7);list-style:none;}.BarChart_summaryItem{display:flex;align-items:center;margin:0;padding:0;}.BarChart_summarySwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.BarChart_summarySwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.BarChart_summaryLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.BarChart_tooltipGroup{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-regular);line-height:15px;}.GaugeChart_root{position:relative;display:inline-flex;box-sizing:border-box;flex-direction:column;align-items:stretch;font-family:var(--uem-font-family);}.GaugeChart_rootFitContainer{width:100%;height:100%;min-width:0;min-height:0;align-items:center;justify-content:center;}.GaugeChart_content{display:inline-flex;flex-direction:column;align-items:stretch;flex-shrink:0;}.GaugeChart_contentFit{transform-origin:center center;}.GaugeChart_chartFrame{display:flex;box-sizing:border-box;flex-shrink:0;align-items:flex-end;justify-content:center;padding:0 8.456px 8.456px;}.GaugeChart_chart{display:block;overflow:visible;}.GaugeChart_segment{cursor:pointer;transition:opacity 0.15s ease;}.GaugeChart_segmentInactive{opacity:0.72;}.GaugeChart_summary{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;box-sizing:border-box;width:100%;margin:0;padding:15px 10px;border-top:1px solid rgba(228,232,235,0.7);list-style:none;}.GaugeChart_summaryItem{display:flex;align-items:center;margin:0;padding:2px 8px 2px 4px;border-radius:8px;}.GaugeChart_summarySwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.GaugeChart_summarySwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.GaugeChart_summaryLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.GaugeChart_tooltip{position:fixed;z-index:var(--uem-z-dropdown);display:flex;flex-direction:column;gap:var(--uem-spacing-1);padding:5px;border-radius:var(--uem-radius-lg);background:var(--uem-color-background);filter:drop-shadow(0 6px 8px rgba(25,25,25,0.25));font-family:var(--uem-font-family);pointer-events:none;transform:translate(-22px,calc(-100% - 18px));}.GaugeChart_tooltipCaret{position:absolute;bottom:-7px;left:17px;width:10px;height:8px;background:var(--uem-color-background);clip-path:polygon(0 0,100% 0,50% 100%);}.GaugeChart_tooltipRow{display:flex;align-items:center;gap:0;}.GaugeChart_tooltipLabelGroup{display:flex;align-items:center;padding:2px 8px 2px 0;}.GaugeChart_tooltipValueGroup{display:flex;align-items:center;gap:var(--uem-spacing-1);padding:2px 8px 2px 4px;white-space:nowrap;}.GaugeChart_tooltipSwatch{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center;}.GaugeChart_tooltipSwatchDot{width:5px;height:5px;border-radius:var(--uem-radius-full);}.GaugeChart_tooltipLabel{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.GaugeChart_tooltipValue{color:var(--uem-color-foreground);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;}.GaugeChart_tooltipPercentage{color:var(--uem-color-muted-foreground);font-size:var(--uem-font-size-body-small);font-weight:var(--uem-font-weight-regular);line-height:15px;}.WidgetContainer_root{--uem-widget-border:rgba(228,232,235,0.7);--uem-widget-title-color:#1c1c1c;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;margin:0;overflow:hidden;border:1px solid var(--uem-widget-border);border-radius:10px;background:#ffffff;color:var(--uem-widget-title-color);font-family:var(--uem-font-family);box-shadow:0 0 20px 3px rgba(0,0,0,0.05);}.WidgetContainer_fullWidth{width:100%;}.WidgetContainer_header{display:flex;flex-direction:row;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;align-self:stretch;min-width:0;padding:15px 15px 10px;}.WidgetContainer_title{margin:0;min-width:0;overflow:hidden;color:var(--uem-widget-title-color);font-size:16px;font-weight:var(--uem-font-weight-bold);line-height:20px;text-overflow:ellipsis;white-space:nowrap;}.WidgetContainer_headerActions{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;}.WidgetContainer_subheader{display:flex;flex-direction:row;flex-shrink:0;align-items:center;align-self:stretch;gap:5px;min-width:0;padding:10px 15px 15px;overflow-x:auto;border-bottom:1px solid var(--Colors-border-seperator-1,#e4e8eb);}.WidgetContainer_actionTooltip{padding:2px 6px;font-size:10px;font-weight:var(--uem-font-weight-medium);line-height:15px;}.WidgetContainer_singleAction,.WidgetContainer_singleActionIcon,.WidgetContainer_actionsTrigger{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;margin:0;border:1px solid #e4e8eb;border-radius:4px;background:#ffffff;color:#788c9b;font-family:var(--uem-font-family);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.WidgetContainer_singleAction{gap:5px;padding:3px 5px;font-size:10px;font-weight:var(--uem-font-weight-medium);line-height:15px;white-space:nowrap;}.WidgetContainer_singleActionIcon,.WidgetContainer_actionsTrigger{width:21px;height:21px;padding:0;}.WidgetContainer_singleActionIconGlyph{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;color:#788c9b;}.WidgetContainer_singleActionIconGlyph>svg{display:block;width:100%;height:100%;}.WidgetContainer_singleAction:disabled,.WidgetContainer_singleActionIcon:disabled,.WidgetContainer_actionsTrigger:disabled{cursor:not-allowed;opacity:0.5;}.WidgetContainer_singleAction:focus,.WidgetContainer_singleActionIcon:focus,.WidgetContainer_actionsTrigger:focus{outline:none;}.WidgetContainer_singleAction:focus-visible,.WidgetContainer_singleActionIcon:focus-visible,.WidgetContainer_actionsTrigger:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.WidgetContainer_actionsPopover{padding:0;border:none;border-radius:8px;background:#ffffff;box-shadow:0 0 20px 3px rgba(0,0,0,0.1);overflow:hidden;}.WidgetContainer_actionsMenu{box-sizing:border-box;display:flex;flex-direction:column;min-width:200px;max-height:min(320px,70vh);padding:0 0 5px;overflow:auto;}.WidgetContainer_actionsItem,.WidgetContainer_actionsItemFirst{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;margin:0;padding:5px 10px 5px 10px;border:none;background:#ffffff;color:#191919;font-family:var(--uem-font-family);font-size:12px;font-weight:var(--uem-font-weight-medium);line-height:18px;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.WidgetContainer_actionsItemFirst{padding-top:10px;}.WidgetContainer_actionsItem:hover,.WidgetContainer_actionsItemFirst:hover,.WidgetContainer_actionsItemSelected{background:#f6f9ff;}.WidgetContainer_actionsItem:disabled,.WidgetContainer_actionsItemFirst:disabled{cursor:not-allowed;opacity:0.5;}.WidgetContainer_actionsItem:focus,.WidgetContainer_actionsItemFirst:focus{outline:none;}.WidgetContainer_actionsItem:focus-visible,.WidgetContainer_actionsItemFirst:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:-2px;}.WidgetContainer_actionsItemIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:#191919;}.WidgetContainer_actionsItemIcon>svg{display:block;width:100%;height:100%;}.WidgetContainer_actionsItemLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.WidgetContainer_actionsItemCheck,.WidgetContainer_actionsItemCheckSlot{flex-shrink:0;width:14px;height:14px;}.WidgetContainer_actionsItemCheck{color:#0449d1;}.WidgetContainer_body{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;align-self:stretch;min-width:0;min-height:0;padding:5px 0 10px;}.WidgetContainer_emptyState{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:0;}.WidgetContainer_emptyStateIllustration{display:block;flex-shrink:0;}.WidgetContainer_emptyStateSubtitle{color:#8d9fad;font-size:14px;font-weight:var(--uem-font-weight-medium);line-height:20px;text-align:center;}.WidgetContainer_footer{display:flex;flex-direction:row;flex-shrink:0;align-items:center;justify-content:space-between;align-self:stretch;gap:10px;min-width:0;padding:20px;border-top:1px solid var(--uem-widget-border);color:var(--uem-color-primary);font-size:14px;font-weight:var(--uem-font-weight-semibold);line-height:20px;}.WidgetContainer_loading{border:none;background:#f8f8f8;box-shadow:none;pointer-events:none;}.WidgetContainer_loading::before{position:absolute;top:-120%;left:-60%;width:55%;height:340%;pointer-events:none;background:#d9d9d9;filter:blur(37px);opacity:0.55;transform:rotate(18deg);animation:WidgetContainer_uem-widget-shimmer-blob 1.6s ease-in-out infinite;content:"";}.WidgetContainer_loadingSurface{position:relative;z-index:1;display:block;flex:1 1 auto;box-sizing:border-box;width:100%;min-height:120px;padding:15px;}@keyframes WidgetContainer_uem-widget-shimmer-blob{0%{left:-60%;}100%{left:110%;}}@media (prefers-reduced-motion:reduce){.WidgetContainer_loading::before{top:-40%;left:-20%;width:60%;height:180%;animation:none;opacity:0.35;transform:rotate(18deg);}}.LayoutGrid_root{display:flex;flex:1;flex-direction:column;align-items:stretch;min-width:0;min-height:0;}.LayoutGrid_gridScroll{position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:auto;scrollbar-gutter:stable;}.LayoutGrid_gridScrollEdit{background-color:transparent;background-image:radial-gradient( circle,rgba(235,235,235,0.5) 2px,transparent 2.5px);background-size:24px 24px;background-position:0 0;background-repeat:repeat;}.LayoutGrid_grid{position:relative;display:grid;width:100%;min-width:0;box-sizing:border-box;}.LayoutGrid_gridItem{position:relative;box-sizing:border-box;min-width:0;min-height:0;touch-action:auto;transition:transform 0.22s ease;}.LayoutGrid_gridItemDragging,.LayoutGrid_gridItemResizing{transition:none;}.LayoutGrid_gridItemEdit:hover,.LayoutGrid_gridItemEdit:focus-visible,.LayoutGrid_gridItemEdit:has(:focus-visible){z-index:2;}.LayoutGrid_gridItemDragging{z-index:3;}.LayoutGrid_gridItemResizing{z-index:5;}.LayoutGrid_grid:has([data-resizing]) .LayoutGrid_gridItem{transition:none;}.LayoutGrid_gridItemContent{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;min-width:0;min-height:0;border-radius:10px;overflow:hidden;box-shadow:0 0 20px 3px rgba(0,0,0,0.05);}.LayoutGrid_gridItemContent>*:not(.LayoutGrid_resizeHandle){flex:1 1 auto;min-width:0;min-height:0;max-height:100%;height:100%;overflow:hidden;box-shadow:none;}.LayoutGrid_gridItemDragging{opacity:0;pointer-events:none;}.LayoutGrid_dragOverlay{box-sizing:border-box;overflow:hidden;border-radius:10px;width:var(--uem-dashboard-drag-width,auto);height:var(--uem-dashboard-drag-height,auto);cursor:grabbing;pointer-events:none;outline:1px solid var(--uem-color-primary);outline-offset:0;}.LayoutGrid_dragOverlay>*{box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;}.LayoutGrid_catalogDragOverlay{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;min-width:160px;max-width:240px;padding:12px 14px;border:1px solid #e4e8eb;border-radius:10px;background:#ffffff;box-shadow:0 8px 24px rgba(28,28,28,0.12);cursor:grabbing;pointer-events:none;font-family:var(--uem-font-family);}.LayoutGrid_catalogDragOverlayType{color:#788c9b;font-size:10px;font-weight:400;line-height:15px;}.LayoutGrid_catalogDragOverlayTitle{color:#1c1c1c;font-size:12px;font-weight:500;line-height:18px;}.LayoutGrid_gridItemEdit{--uem-grid-item-outline-offset:0px;--uem-grid-resize-hit:16px;--uem-grid-resize-corner:28px;touch-action:none;cursor:grab;}.LayoutGrid_gridItemEdit:active{cursor:grabbing;}.LayoutGrid_gridItemRemovable{--uem-grid-item-outline-offset:0px;}.LayoutGrid_gridItemRemovable:hover .LayoutGrid_gridItemContent,.LayoutGrid_gridItemRemovable:focus-visible .LayoutGrid_gridItemContent,.LayoutGrid_gridItemRemovable:has(:focus-visible) .LayoutGrid_gridItemContent{outline:1px solid var(--uem-color-primary);outline-offset:var(--uem-grid-item-outline-offset);border-radius:10px;}.LayoutGrid_gridItemEdit:hover .LayoutGrid_gridItemContent,.LayoutGrid_gridItemEdit:focus-visible .LayoutGrid_gridItemContent,.LayoutGrid_gridItemEdit:has(:focus-visible) .LayoutGrid_gridItemContent,.LayoutGrid_gridItemResizing .LayoutGrid_gridItemContent,.LayoutGrid_gridItem[data-resizing] .LayoutGrid_gridItemContent{outline:1px solid var(--uem-color-primary);outline-offset:var(--uem-grid-item-outline-offset);border-radius:10px;}.LayoutGrid_removeButton{position:absolute;z-index:4;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0;padding:0;border:1px solid #e4e8eb;border-radius:5px;background:#ffffff;color:var(--uem-color-primary);cursor:pointer;opacity:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;top:calc(var(--uem-grid-item-pad-top, 10px) - var(--uem-grid-item-outline-offset) + 15px);right:calc(var(--uem-grid-item-pad-right, 10px) - var(--uem-grid-item-outline-offset) + 15px);}.LayoutGrid_gridItemEdit:hover .LayoutGrid_removeButton,.LayoutGrid_gridItemEdit:focus-visible .LayoutGrid_removeButton,.LayoutGrid_gridItemEdit:has(:focus-visible) .LayoutGrid_removeButton,.LayoutGrid_gridItemRemovable:hover .LayoutGrid_removeButton,.LayoutGrid_gridItemRemovable:focus-visible .LayoutGrid_removeButton,.LayoutGrid_gridItemRemovable:has(:focus-visible) .LayoutGrid_removeButton,.LayoutGrid_gridItemResizing .LayoutGrid_removeButton,.LayoutGrid_gridItem[data-resizing] .LayoutGrid_removeButton{opacity:1;pointer-events:auto;}.LayoutGrid_removeButton:focus{outline:none;}.LayoutGrid_removeButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:1px;}.LayoutGrid_removeButton:hover{background:#f6f9ff;}.LayoutGrid_resizeHandle{position:absolute;z-index:3;box-sizing:border-box;display:block;padding:0;border:none;border-radius:0;background:transparent;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;}.LayoutGrid_resizeHandle_nw,.LayoutGrid_resizeHandle_ne,.LayoutGrid_resizeHandle_sw,.LayoutGrid_resizeHandle_se{z-index:4;width:var(--uem-grid-resize-corner);height:var(--uem-grid-resize-corner);}.LayoutGrid_resizeHandle_n,.LayoutGrid_resizeHandle_s{left:var(--uem-grid-item-pad-left,10px);right:var(--uem-grid-item-pad-right,10px);width:auto;height:var(--uem-grid-resize-hit);}.LayoutGrid_resizeHandle_e,.LayoutGrid_resizeHandle_w{top:var(--uem-grid-item-pad-top,10px);bottom:var(--uem-grid-item-pad-bottom,10px);width:var(--uem-grid-resize-hit);height:auto;}.LayoutGrid_resizeHandle_nw{top:calc(var(--uem-grid-item-pad-top,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-corner) / 2));left:calc(var(--uem-grid-item-pad-left,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-corner) / 2));cursor:nwse-resize;}.LayoutGrid_resizeHandle_n{top:calc(var(--uem-grid-item-pad-top,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-hit) / 2));cursor:ns-resize;}.LayoutGrid_resizeHandle_ne{top:calc(var(--uem-grid-item-pad-top,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-corner) / 2));right:calc(var(--uem-grid-item-pad-right,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-corner) / 2));cursor:nesw-resize;}.LayoutGrid_resizeHandle_e{right:calc(var(--uem-grid-item-pad-right,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-hit) / 2));cursor:ew-resize;}.LayoutGrid_resizeHandle_se{right:calc(var(--uem-grid-item-pad-right,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-corner) / 2));bottom:calc(var(--uem-grid-item-pad-bottom,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-corner) / 2));cursor:nwse-resize;}.LayoutGrid_resizeHandle_s{bottom:calc(var(--uem-grid-item-pad-bottom,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-hit) / 2));cursor:ns-resize;}.LayoutGrid_resizeHandle_sw{bottom:calc(var(--uem-grid-item-pad-bottom,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-corner) / 2));left:calc(var(--uem-grid-item-pad-left,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-corner) / 2));cursor:nesw-resize;}.LayoutGrid_resizeHandle_w{left:calc(var(--uem-grid-item-pad-left,10px) - var(--uem-grid-item-outline-offset) - (var(--uem-grid-resize-hit) / 2));cursor:ew-resize;}.LayoutGrid_gridItemEdit:hover .LayoutGrid_resizeHandle,.LayoutGrid_gridItemEdit:focus-visible .LayoutGrid_resizeHandle,.LayoutGrid_gridItemEdit:has(:focus-visible) .LayoutGrid_resizeHandle,.LayoutGrid_gridItemResizing .LayoutGrid_resizeHandle,.LayoutGrid_gridItem[data-resizing] .LayoutGrid_resizeHandle{pointer-events:auto;}.LayoutGrid_resizeHandleActive{pointer-events:auto;}.LayoutGrid_resizeHandle:focus{outline:none;}.LayoutGrid_resizeHandle:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:-2px;}.LayoutGrid_dropPreview{box-sizing:border-box;border:2px dashed var(--uem-color-primary);border-radius:10px;background:color-mix(in srgb,var(--uem-color-primary) 8%,transparent);pointer-events:none;}@media (prefers-reduced-motion:reduce){.LayoutGrid_gridItem{transition:none;}}.DashboardPage_root{box-sizing:border-box;display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;color:#191919;font-family:var(--uem-font-family);}.DashboardPage_main{box-sizing:border-box;display:flex;flex:1;flex-direction:column;align-items:stretch;min-width:0;min-height:0;padding:10px 0 10px 5px;overflow:hidden;}.DashboardPage_header{display:flex;flex-direction:row;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:space-between;gap:15px;width:100%;min-width:0;padding-right:20px;padding-left:20px;}.DashboardPage_headerText{display:flex;flex:1 1 var(--uem-dashboard-header-title-min-width,0px);flex-direction:column;gap:2px;min-width:min(100%,var(--uem-dashboard-header-title-min-width,0px));max-width:100%;container-type:inline-size;container-name:DashboardPage_uem-dashboard-header-text;}.DashboardPage_titleRow{display:flex;flex-direction:row;align-items:center;align-self:flex-start;gap:10px;min-width:0;min-height:35px;}.DashboardPage_titleGroup{display:inline-flex;flex-direction:row;align-items:center;gap:5px;min-width:0;color:#191919;}.DashboardPage_titleIcon{flex-shrink:0;color:inherit;}.DashboardPage_title{margin:0;min-width:0;max-width:80cqw;overflow:hidden;color:inherit;font-size:20px;font-weight:700;line-height:30px;text-overflow:ellipsis;white-space:nowrap;}.DashboardPage_inlineEditTrigger{box-sizing:border-box;border-radius:6px;cursor:text;}.DashboardPage_summary.DashboardPage_inlineEditTrigger{max-width:100%;}.DashboardPage_title.DashboardPage_inlineEditTrigger{min-width:0;max-width:80cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.DashboardPage_inlineEditTrigger:hover{outline:1.5px solid #e4e8eb;outline-offset:2px;}.DashboardPage_inlineEditTrigger:focus{outline:none;}.DashboardPage_inlineEditTrigger:focus-visible{outline:1.5px solid #0449d1;outline-offset:2px;}.DashboardPage_inlineEditInput{box-sizing:border-box;max-width:100%;margin:0;padding:3px 10px;border:1.5px solid #0449d1;border-radius:6px;background:transparent;color:#191919;font-family:var(--uem-font-family);-webkit-appearance:none;-moz-appearance:none;appearance:none;}.DashboardPage_inlineEditInput:focus{outline:none;}.DashboardPage_inlineEditInputTitle{min-height:30px;max-width:80cqw;overflow:hidden;font-size:20px;font-weight:700;line-height:24px;text-overflow:ellipsis;white-space:nowrap;field-sizing:content;min-width:4ch;}.DashboardPage_inlineEditInputSummary{display:block;width:100%;min-width:0;min-height:24px;font-size:12px;font-weight:400;line-height:18px;}.DashboardPage_summaryPlaceholder{color:#788c9b;}.DashboardPage_titleAccessory{display:inline-flex;flex-shrink:0;align-items:center;}.DashboardPage_switcherTrigger{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:#788c9b;cursor:pointer;}.DashboardPage_switcherTrigger:focus{outline:none;}.DashboardPage_switcherTrigger:focus-visible{border-radius:4px;outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.DashboardPage_switcherPopover[data-uem-popover-panel]{box-sizing:border-box;padding:0;border:none;border-radius:8px;background:#ffffff;box-shadow:0 0 20px 3px rgba(0,0,0,0.1);overflow:hidden;font-family:var(--uem-font-family);color:#191919;}.DashboardPage_switcherMenu{box-sizing:border-box;display:flex;flex-direction:column;width:273px;max-height:min(360px,70vh);overflow:auto;font-family:var(--uem-font-family);}.DashboardPage_switcherSection{display:flex;flex-direction:column;align-items:stretch;}.DashboardPage_switcherSectionLabel{box-sizing:border-box;padding:10px 15px 0 11px;color:#788c9b;font-family:var(--uem-font-family);font-size:10px;font-style:normal;font-weight:var(--uem-font-weight-regular);line-height:15px;}.DashboardPage_switcherSharedSectionLabel{padding-top:5px;}.DashboardPage_switcherItem{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;min-width:0;padding:5px 10px;background:#ffffff;}.DashboardPage_switcherItemLast{padding-bottom:10px;}.DashboardPage_switcherItem:hover,.DashboardPage_switcherItemSelected{background:#f6f9ff;}.DashboardPage_switcherItemButton{display:inline-flex;flex:1;flex-direction:row;align-items:center;gap:5px;min-width:0;margin:0;padding:0;border:none;background:transparent;color:#191919;font-family:var(--uem-font-family);font-size:12px;font-weight:var(--uem-font-weight-medium);line-height:18px;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.DashboardPage_switcherItemButton:disabled{cursor:not-allowed;opacity:0.5;}.DashboardPage_switcherItemButton:focus{outline:none;}.DashboardPage_switcherItemButton:focus-visible{border-radius:4px;outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.DashboardPage_switcherItemLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.DashboardPage_switcherDefaultBadge{flex-shrink:0;padding:0 3.5px;font-size:10px;line-height:15px;}.DashboardPage_switcherItemButton .DashboardPage_switcherDefaultBadge{padding:0 3.5px;font-size:10px;line-height:15px;}.DashboardPage_switcherFavoriteSlot,.DashboardPage_switcherFavoriteButton{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;}.DashboardPage_switcherFavoriteButton{cursor:pointer;}.DashboardPage_switcherFavoriteButton:disabled{cursor:not-allowed;opacity:0.5;}.DashboardPage_switcherFavoriteButton:focus{outline:none;}.DashboardPage_switcherFavoriteButton:focus-visible{border-radius:2px;outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.DashboardPage_switcherFavoriteIcon{color:#ffc541;}.DashboardPage_switcherFavoriteIconOutline{color:#788c9b;}.DashboardPage_switcherCreateItem{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;margin:0;padding:5px 0 10px 10px;border:none;background:#ffffff;color:#0449d1;font-family:var(--uem-font-family);font-size:12px;font-weight:var(--uem-font-weight-medium);line-height:18px;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.DashboardPage_switcherCreateItem:hover{background:#f6f9ff;}.DashboardPage_switcherCreateItem:focus{outline:none;}.DashboardPage_switcherCreateItem:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:-2px;}.DashboardPage_switcherCreateIcon{flex-shrink:0;color:inherit;}.DashboardPage_summary{margin:0;max-width:100%;color:#191919;font-size:12px;font-weight:400;line-height:18px;}.DashboardPage_actions{display:inline-flex;flex:0 1 var(--uem-dashboard-header-actions-min-width,auto);align-items:center;align-self:stretch;justify-content:flex-end;gap:10px;min-width:min(100%,var(--uem-dashboard-header-actions-min-width,-moz-max-content));min-width:min(100%,var(--uem-dashboard-header-actions-min-width,max-content));margin-left:auto;position:relative;z-index:1;}.DashboardPage_favoriteIcon{flex-shrink:0;color:#ffc541;}.DashboardPage_favoriteIconOutline{flex-shrink:0;color:#788c9b;}.DashboardPage_favoriteButton{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;}.DashboardPage_favoriteButton:focus{outline:none;}.DashboardPage_favoriteButton:focus-visible{border-radius:4px;outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.DashboardPage_actions button.DashboardPage_actionIconButton{width:30px;height:30px;padding:7px;border-color:#d1d1d1;border-radius:8px;color:#788c9b;}.DashboardPage_actions button.DashboardPage_actionIconButton:hover:not(:disabled),.DashboardPage_actions button.DashboardPage_actionIconButton:active:not(:disabled){color:#788c9b;}.DashboardPage_moreActionsPopover{padding:0;border:none;border-radius:8px;background:#ffffff;box-shadow:0 0 20px 3px rgba(0,0,0,0.1);}.DashboardPage_moreActionsMenu{box-sizing:border-box;display:flex;flex-direction:column;min-width:200px;max-height:min(320px,70vh);padding:0 0 5px;overflow:auto;}.DashboardPage_moreActionsItem,.DashboardPage_moreActionsItemFirst{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;margin:0;padding:5px 10px;border:none;background:#ffffff;color:#191919;font-family:var(--uem-font-family);font-size:12px;font-weight:var(--uem-font-weight-medium);line-height:18px;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.DashboardPage_moreActionsItemFirst{padding-top:10px;}.DashboardPage_moreActionsItem:hover,.DashboardPage_moreActionsItemFirst:hover{background:#f6f9ff;}.DashboardPage_moreActionsItem:disabled,.DashboardPage_moreActionsItemFirst:disabled{cursor:not-allowed;opacity:0.5;}.DashboardPage_moreActionsItem:focus,.DashboardPage_moreActionsItemFirst:focus{outline:none;}.DashboardPage_moreActionsItem:focus-visible,.DashboardPage_moreActionsItemFirst:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:-2px;}.DashboardPage_moreActionsItemIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:#191919;}.DashboardPage_moreActionsItemIcon>svg{display:block;width:100%;height:100%;}.DashboardPage_moreActionsItemLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.DashboardPage_editBanner{display:flex;flex-direction:row;flex-shrink:0;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:10px;padding:10px 20px 0;border-top:1px solid #e4e8eb;}.DashboardPage_editBannerActions{display:inline-flex;flex-shrink:0;align-items:center;gap:10px;}.DashboardPage_editChromeButton{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:5px;height:30px;margin:0;padding:0 10px;border:0.7px solid #e4e8eb;border-radius:10.5px;background:transparent;color:#191919;font-family:var(--uem-font-family);font-size:12px;font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.DashboardPage_editChromeButton:hover:not(:disabled){background:#f6f9ff;}.DashboardPage_editChromeButton:disabled{cursor:not-allowed;opacity:0.5;}.DashboardPage_editChromeButton:focus{outline:none;}.DashboardPage_editChromeButton:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.DashboardPage_editChromeButtonActive{border-color:#0449d1;background:#f6f9ff;color:#0449d1;}.DashboardPage_editChromeButtonActive:hover:not(:disabled){background:#f6f9ff;}.DashboardPage_editChromeButtonLabel{min-width:0;}.DashboardPage_body{box-sizing:border-box;display:flex;flex:1;flex-direction:column;align-items:stretch;min-width:0;min-height:0;padding:0;}.DashboardPage_body:has(.DashboardPage_emptyState){padding:10px;}.DashboardPage_body>*>div:first-of-type{box-sizing:border-box;padding:10px;}.DashboardPage_body:has(.DashboardPage_emptyState)>*>div:first-of-type{padding:0;}.DashboardPage_emptyState{box-sizing:border-box;position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;min-width:0;min-height:0;padding:20px;border:1.5px dashed #e4e8eb;border-radius:10px;background:#ffffff;}.DashboardPage_emptyStateGrid{position:absolute;inset:0;z-index:0;opacity:0;overflow:hidden;}.DashboardPage_emptyStateContent{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:100%;pointer-events:none;}.DashboardPage_emptyStateImage{display:block;width:120px;min-height:76px;height:auto;flex-shrink:0;overflow:visible;}.DashboardPage_emptyStateDescription{margin:0;width:100%;color:#191919;font-family:var(--uem-font-family);font-size:14px;font-weight:var(--uem-font-weight-regular);line-height:21px;text-align:center;}.DashboardPage_sidePanelSlot{box-sizing:border-box;flex-shrink:0;align-self:stretch;width:350px;min-width:350px;height:100%;min-height:0;overflow:visible;z-index:1;}.DashboardSidePanel_root{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;overflow:hidden;background:#ffffff;box-shadow:0 0 20px 3px rgba(0,0,0,0.05);font-family:var(--uem-font-family);}.DashboardSidePanel_header{display:flex;flex-direction:row;flex-shrink:0;align-items:center;gap:10px;height:40px;padding:15px 20px;border-bottom:1px solid rgba(228,232,235,0.5);}.DashboardSidePanel_headerTitle{flex:1;margin:0;min-width:0;color:#191919;font-size:16px;font-weight:600;line-height:24px;}.DashboardSidePanel_closeButton{flex-shrink:0;}.DashboardSidePanel_subHeader{display:flex;flex-direction:column;flex-shrink:0;gap:0;background:#ffffff;}.DashboardSidePanel_searchRow{display:flex;flex-direction:row;align-items:center;gap:10px;padding:15px 20px 0;background:#ffffff;}.DashboardSidePanel_searchField{box-sizing:border-box;display:flex;flex:1;flex-direction:row;align-items:center;gap:10px;min-width:0;height:30px;padding:5px 10px;border:1px solid #e4e8eb;border-radius:8px;background:#ffffff;cursor:text;}.DashboardSidePanel_searchField:focus-within{border-color:var(--uem-color-primary);}.DashboardSidePanel_searchIcon{flex-shrink:0;color:#788c9b;}.DashboardSidePanel_searchInput{box-sizing:border-box;flex:1;min-width:0;height:18px;margin:0;padding:0;border:none;background:transparent;color:#191919;font-family:var(--uem-font-family);font-size:12px;font-weight:var(--uem-font-weight-regular);line-height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}.DashboardSidePanel_searchInput::-moz-placeholder{color:#788c9b;opacity:1;}.DashboardSidePanel_searchInput::placeholder{color:#788c9b;opacity:1;}.DashboardSidePanel_searchInput:focus{outline:none;}.DashboardSidePanel_searchInput::-webkit-search-decoration,.DashboardSidePanel_searchInput::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}.DashboardSidePanel_iconAction{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:30px;height:30px;padding:5px 10px;border:1px solid #d1d1d1;border-radius:8px;background:transparent;color:#788c9b;cursor:pointer;}.DashboardSidePanel_iconAction:hover{border-color:#788c9b;}.DashboardSidePanel_iconAction:focus{outline:none;}.DashboardSidePanel_iconAction:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.DashboardSidePanel_iconAction:active,.DashboardSidePanel_iconActionActive{border-color:#0449d1;background:#f6f9ff;color:#0449d1;}.DashboardSidePanel_filterRow{box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;align-items:center;align-self:stretch;padding:15px 20px;border-bottom:1px solid #e4e8eb;}.DashboardSidePanel_filterChipTrack{display:flex;flex:1;flex-direction:row;align-items:center;gap:5px;min-width:0;overflow-x:auto;}.DashboardSidePanel_filterChip{box-sizing:border-box;display:inline-flex;flex-shrink:0;margin:0;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.DashboardSidePanel_filterChip:focus{outline:none;}.DashboardSidePanel_filterChip:focus-visible .DashboardSidePanel_filterChipFace{outline:2px solid var(--uem-color-focus-ring);outline-offset:2px;}.DashboardSidePanel_filterChipFace{box-sizing:border-box;display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border-radius:var(--uem-radius-md);font-family:var(--uem-font-family);font-size:var(--uem-font-size-body-medium);font-weight:var(--uem-font-weight-regular);line-height:18px;white-space:nowrap;}.DashboardSidePanel_filterChipFaceSelected{border:1px solid transparent;background:var(--uem-color-chip-filter-selected-bg);color:var(--uem-color-chip-filter-selected-fg);}.DashboardSidePanel_filterChipFaceDefault{border:1px solid var(--uem-color-chip-filter-default-border);background:var(--uem-color-chip-filter-default-bg);color:var(--uem-color-chip-filter-default-fg);}.DashboardSidePanel_filterChipCount{font-weight:500;}.DashboardSidePanel_filterPopover[data-uem-popover-panel]{box-sizing:border-box;padding:0;border:none;border-radius:8px;background:#ffffff;box-shadow:0 0 20px 3px rgba(0,0,0,0.1);overflow:hidden;font-family:var(--uem-font-family);color:#191919;}.DashboardSidePanel_filterMenu{box-sizing:border-box;display:flex;flex-direction:column;min-width:180px;max-width:260px;max-height:min(280px,50vh);overflow:auto;padding:4px 0;font-family:var(--uem-font-family);}.DashboardSidePanel_filterMenuItem{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;margin:0;padding:8px 12px;border:none;background:transparent;color:#191919;font-family:var(--uem-font-family);font-size:12px;font-weight:var(--uem-font-weight-regular);line-height:18px;text-align:left;cursor:pointer;}.DashboardSidePanel_filterMenuItem:hover,.DashboardSidePanel_filterMenuItemSelected{background:#f6f9ff;}.DashboardSidePanel_filterMenuItem:focus{outline:none;}.DashboardSidePanel_filterMenuItem:focus-visible{outline:2px solid var(--uem-color-focus-ring);outline-offset:-2px;}.DashboardSidePanel_filterMenuItemIcon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:#191919;}.DashboardSidePanel_filterMenuItemIcon>svg{display:block;width:100%;height:100%;}.DashboardSidePanel_filterMenuItemLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.DashboardSidePanel_filterMenuItemCheck,.DashboardSidePanel_filterMenuItemCheckSlot{flex-shrink:0;width:14px;height:14px;}.DashboardSidePanel_filterMenuItemCheck{color:#0449d1;}.DashboardSidePanel_body{display:flex;flex:1;flex-direction:column;align-items:stretch;min-height:0;overflow-y:auto;}.DashboardSidePanel_section{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px 20px 15px;}.DashboardSidePanel_sectionTitle{margin:0;color:#788c9b;font-size:12px;font-weight:500;line-height:18px;}