/* UniHTMLFrame uses auto-layout wrappers. Their intrinsic SVG height must not
   override the height assigned to the drawing by the native border layout. */
.thermal-svg-host .x-autocontainer-outerCt,
.thermal-svg-host .x-autocontainer-innerCt {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  box-sizing: border-box;
}
.thermal-svg-host svg,
.thermal-svg-host img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Fit the complete ground pictogram to the 24px icon box without cropping. */
.thermal-ground-type .x-btn-icon-el {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* Shared thermal/FEM menu pictograms. */
[class*="ee-menu-icon-"] .x-btn-icon-el {
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}

/* A fixed icon column keeps short and multiline captions from moving icons. */
.ee-side-menu-button .x-btn-wrap,
.ee-side-menu-button .x-btn-button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.ee-side-menu-button .x-btn-icon-el {
  position: static;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0 6px 0 0 !important;
  background-position: center;
  background-repeat: no-repeat;
}
.ee-side-menu-button .x-btn-inner {
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
  text-align: center;
}

/* Reserve the split-menu arrow beside the shared flex caption/icon layout. */
.ee-side-menu-navigation .x-btn-split-right {
  position: relative;
  padding-right: 18px;
  box-sizing: border-box;
}
.ee-side-menu-navigation .x-btn-split-right::after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
  min-width: 0;
  height: 14px;
  margin: 0;
  border: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23546778' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
  transform: translateY(-50%);
}
