/* ==========================================================
   ET-HOST 0.2.77 · FONT AWESOME NAVIGATION CORE
   Eigenständiges Stylesheet, damit die Icon-Webfont unabhängig
   vom großen app.css zuverlässig und cache-sicher geladen wird.
   ========================================================== */
@font-face{
  font-family:'ETHostFA';
  src:url('/assets/fontawesome/fa-solid-900.woff2?v=20260910-0277') format('woff2');
  font-style:normal;
  font-weight:900;
  font-display:swap;
}

.tenant-fa-icon,
.chat-page .tenant-fa-icon,
.admin-page .tenant-fa-icon,
.demo-admin .tenant-fa-icon{
  display:inline-block!important;
  font-family:'ETHostFA','Font Awesome 6 Free'!important;
  font-style:normal!important;
  font-variant:normal!important;
  font-weight:900!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  speak:none;
}

.chat-page .tenant-custom-link-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:1.1em;
}

.chat-page .tenant-custom-link-icon .tenant-fa-icon{
  width:1.1em;
  text-align:center;
}

.chat-link-icon-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:7px;
  align-items:end;
}
.chat-link-icon-field>span:first-child{display:grid;gap:.45rem;min-width:0}
.chat-link-icon-preview{
  width:42px;
  height:42px;
  border:1px solid #dfe4e8;
  border-radius:11px;
  background:#f5f7f8;
  display:grid;
  place-items:center;
  font-size:1.05rem;
}
.chat-link-icon-preview.is-invalid{
  color:#b92f28;
  border-color:#efc8c5;
  background:#fff5f4;
  font-family:inherit!important;
  font-weight:800!important;
}