.login-shell {
  position: relative;
  display: flex;
  min-height: 100vh;
}

.login-shell::before {
  content: "";
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -2;
  background: radial-gradient(circle at 30% 35%, rgba(255, 255, 255, 0.22), transparent 60%),
    var(--primary-color);
}

.account__image img[src=""], .account__video:not([src]):not(:has(source)) {
  display: none;
}

.account__image:not(.account__image--empty) ~ .account__video {
  display: none;
}

.account__content {
  min-height: 100vh;
  position: relative;
}

.brand-logo {
  height: 75px;
  width: 100%;
  object-fit: contain;
}

.brand-logo[src=""] {
  visibility: hidden;
}

.account__content form .form-actions {
  order: 0;
}

.avatar-circle {
  position: relative;
  width: 45px;
  height: 45px;
}

.avatar-circle::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 22px;
  background-color: var(--theme-text-color);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuMjA4IDAuMzMzYTIxLjg3NSAyMS44NzUgMCAxIDAgMCA0My43NSAyMS44NzUgMjEuODc1IDAgMCAwIDAtNDMuNzV6bTAgOS4zNzVhNy4wMzIgNy4wMzIgMCAxIDEgMCAxNC4wNjMgNy4wMzIgNy4wMzIgMCAwIDEgMC0xNC4wNjN6bS0xMi40OSAyNi40NTNhNy44IDcuOCAwIDAgMSA3LjgtNy43MDNoOS4zNzVhNy44IDcuOCAwIDAgMSA3LjggNy43MDMgMjYuNSAyNi41IDAgMCAxLTEyLjQ5IDQuOCAyNi41IDI2LjUgMCAwIDEtMTIuNDgtNC44eiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=");
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
}

.main-header .site-logo {
  display: block;
  width: 260px;
  height: 60px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjAgODQiPjxyZWN0IHdpZHRoPSIzNjAiIGhlaWdodD0iODQiIHJ4PSI2IiBmaWxsPSIjZmZmIi8+PHRleHQgeD0iMTgwIiB5PSIzNCIgZm9udC1mYW1pbHk9Ikdlb3JnaWEsc2VyaWYiIGZvbnQtc2l6ZT0iMjAiIGZvbnQtc3R5bGU9Iml0YWxpYyIgZmlsbD0iIzBmNmQ1YSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+SyBMaW5lPC90ZXh0Pjx0ZXh0IHg9IjE4MCIgeT0iNzAiIGZvbnQtZmFtaWx5PSJIZWx2ZXRpY2EsQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIzMiIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iIzBmNmQ1YSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgbGV0dGVyLXNwYWNpbmc9Ii0wLjUiPkFMSUdORVIgUE9SVEFMPC90ZXh0Pjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-size: contain;
}

.main-header .site-logo:has(.shell-logo[src]:not([src="#"]):not([src=""])) {
  background-image: none;
  width: auto;
}

.shell-logo:not([src]), .shell-logo[src="#"], .shell-logo[src=""] {
  visibility: hidden;
  width: 0px;
}

.main-header .dropdown:hover > .dropdown-menu {
  display: block;
  right: 0px;
  left: auto;
}

body:has(.login-shell) .main-header, body:has(.login-shell) footer {
  display: none;
}

body:has(.login-shell) .site-main {
  padding: 0px;
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  overflow-x: visible;
  overflow-y: visible;
}

.tile-icon {
  display: block;
  margin: 80px auto 0px;
  width: 44px;
  height: 44px;
  background-color: currentcolor;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  mask-size: contain;
}

.tile-icon--newcase {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDQ0IDQ0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjIgNDJDMzMuMDQ1NyA0MiA0MiAzMy4wNDU3IDQyIDIyQzQyIDEwLjk1NDMgMzMuMDQ1NyAyIDIyIDJDMTAuOTU0MyAyIDIgMTAuOTU0MyAyIDIyQzIgMzMuMDQ1NyAxMC45NTQzIDQyIDIyIDQyWiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMjEuNjU1MyAxMy43ODAzTDIxLjY1NTMgMzAuODkxNCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTIuODA0NyAyMi4zMzY0TDMwLjUwNTggMjIuMzM2NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
}

.tile-icon--export {
  width: 55px;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NSIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDU1IDQ0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNDEuNjY2NyAzNC41SDQxLjY5NU0zNy43IDI3SDQ0LjVDNDcuMTQwNCAyNyA0OC40NjA0IDI3IDQ5LjUwMiAyNy4zODA1QzUwLjg5MDMgMjcuODg4IDUxLjk5MzYgMjguODYxNSA1Mi41Njg4IDMwLjA4NjVDNTMgMzEuMDA1NSA1MyAzMi4xNzAyIDUzIDM0LjVDNTMgMzYuODI5OCA1MyAzNy45OTQ1IDUyLjU2ODggMzguOTEzNUM1MS45OTM2IDQwLjEzODUgNTAuODkwMyA0MS4xMTIgNDkuNTAyIDQxLjYxOTVDNDguNDYwNCA0MiA0Ny4xNDA0IDQyIDQ0LjUgNDJIMTAuNUM3Ljg1OTY3IDQyIDYuNTM5NTEgNDIgNS40OTgxMiA0MS42MTk1QzQuMTA5NjQgNDEuMTEyIDMuMDA2NDkgNDAuMTM4NSAyLjQzMTM1IDM4LjkxMzVDMiAzNy45OTQ1IDIgMzYuODI5OCAyIDM0LjVDMiAzMi4xNzAyIDIgMzEuMDA1NSAyLjQzMTM1IDMwLjA4NjVDMy4wMDY0OSAyOC44NjE1IDQuMTA5NjQgMjcuODg4IDUuNDk4MTIgMjcuMzgwNUM2LjUzOTUxIDI3IDcuODU5NjcgMjcgMTAuNSAyN0gxNy4zTTI3LjUgMjkuNVYyTTI3LjUgMkwzNiA5LjVNMjcuNSAyTDE5IDkuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=");
}

#custom_highchart {
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo-donut {
  width: 85%;
  aspect-ratio: 1 / 1;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background: conic-gradient(
    var(--color-draft) 0deg 120deg,
    var(--color-in-planning) 120deg 180deg,
    var(--color-in-production) 180deg 300deg,
    var(--color-shipped) 300deg 360deg
  );
  mask-image: radial-gradient(circle closest-side, transparent 0px, transparent 62.9%, rgb(0, 0, 0) 63%);
  -webkit-mask-position-x: 0%;
  -webkit-mask-position-y: 0%;
  mask-size: auto;
  mask-repeat: repeat;
  mask-origin: border-box;
  mask-clip: border-box;
  mask-composite: add;
  mask-mode: match-source;
}

.new-theme .view-filters .form--inline [data-drupal-selector="edit-created-wrapper"] fieldset {
  display: flex;
  align-items: center;
  row-gap: 4px;
  column-gap: 4px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  padding: 0px;
  margin: 0px;
}

.new-theme .view-filters .form--inline [data-drupal-selector="edit-created-wrapper"] fieldset > legend {
  display: none;
}

.case-status-filter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.69898 8.81788C8.2341 9.28276 7.48029 9.28276 7.01541 8.81788L1.06303 2.86552C0.59813 2.40061 0.59813 1.64685 1.06303 1.18193C1.52795 0.717026 2.28171 0.717026 2.74662 1.18193L7.8572 6.29253L12.9678 1.18193C13.4327 0.717026 14.1865 0.717026 14.6513 1.18193C15.1162 1.64685 15.1162 2.40061 14.6513 2.86552L8.69898 8.81788Z' fill='black'/%3E%3C/svg%3E");
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 20%;
  height: 52px;
  padding: 13px 15px;
  line-height: 24px;
  box-sizing: border-box;
  border: solid 1px var(--ghost);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: var(--pale-sky);
  font-size: 16px;
  background-color: var(--gallery);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
  cursor: default;
}

.case-status-filter:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
  box-shadow: none;
}

.case-status-filter::placeholder {
  color: var(--pale-sky);
  opacity: 1;
}