/* ==========================================================================
   ATHENA_SIDEBAR_HOVER_DISCOVERY_V110_CSS
   ========================================================================== */

.athena32-tip{
  /*
   * Legacy Workspaces-style popup is replaced visually by the richer
   * standardized discovery card below. The underlying HTML is preserved.
   */
  display:none !important;
}

.athena-hover-discovery{
  position:fixed;

  z-index:20000;

  width:365px;
  max-width:calc(100vw - 30px);

  display:none;

  overflow:hidden;

  border:1px solid #d6e0eb;
  border-radius:13px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.995),
      rgba(248,251,255,.995)
    );

  color:#0a2549;

  box-shadow:
    0 20px 54px
    rgba(8,28,52,.22);

  pointer-events:none;

  opacity:0;

  transform:
    translateX(-6px)
    scale(.99);

  transition:
    opacity .13s ease,
    transform .13s ease;
}

.athena-hover-discovery.visible{
  display:block;

  opacity:1;

  transform:
    translateX(0)
    scale(1);
}

/* --------------------------------------------------------------------------
   TOP
   -------------------------------------------------------------------------- */

.ahd-top{
  padding:
    15px
    17px
    13px;

  border-bottom:
    1px solid
    #e3e9f0;
}

.ahd-category{
  display:block;

  margin-bottom:5px;

  color:#1768d4;

  font-size:8.5px;
  font-weight:800;

  letter-spacing:.15em;

  line-height:1;

  text-transform:uppercase;
}

.ahd-title{
  display:block;

  margin:0;

  color:#09264d;

  font-size:16px;
  font-weight:750;

  line-height:1.15;
}

.ahd-role{
  display:block;

  margin-top:4px;

  color:#48698e;

  font-size:10.5px;
  font-weight:650;

  line-height:1.3;
}

/* --------------------------------------------------------------------------
   DESCRIPTION
   -------------------------------------------------------------------------- */

.ahd-description{
  margin:0;

  padding:
    13px
    17px
    11px;

  color:#667991;

  font-size:10.5px;

  line-height:1.55;
}

/* --------------------------------------------------------------------------
   CAPABILITIES
   -------------------------------------------------------------------------- */

.ahd-block{
  padding:
    0
    17px
    12px;
}

.ahd-heading{
  display:block;

  margin-bottom:7px;

  color:#7b8ba1;

  font-size:8px;
  font-weight:800;

  letter-spacing:.13em;

  text-transform:uppercase;
}

.ahd-capabilities{
  display:grid;

  gap:6px;

  margin:0;
  padding:0;

  list-style:none;
}

.ahd-capabilities li{
  position:relative;

  padding-left:15px;

  color:#304d6e;

  font-size:9.8px;

  line-height:1.4;
}

.ahd-capabilities li::before{
  content:"";

  position:absolute;

  left:1px;
  top:6px;

  width:5px;
  height:5px;

  border-radius:50%;

  background:#f2b93e;
}

/* --------------------------------------------------------------------------
   USE WHEN
   -------------------------------------------------------------------------- */

.ahd-use{
  margin:
    0
    17px
    13px;

  padding:
    10px
    11px;

  border:
    1px solid
    #dce7f2;

  border-radius:8px;

  background:
    #f4f8fd;
}

.ahd-use strong{
  display:block;

  margin-bottom:4px;

  color:#59718e;

  font-size:8px;
  font-weight:800;

  letter-spacing:.12em;

  text-transform:uppercase;
}

.ahd-use span{
  color:#496583;

  font-size:9.7px;

  line-height:1.4;
}

/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */

.ahd-footer{
  min-height:35px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:10px;

  padding:
    8px
    17px;

  border-top:
    1px solid
    #e3e9f0;

  background:
    rgba(245,248,252,.75);
}

.ahd-footer-context{
  color:#8b98aa;

  font-size:8.5px;
}

.ahd-footer-open{
  color:#1768d4;

  font-size:9.5px;
  font-weight:750;
}

/* --------------------------------------------------------------------------
   POINTER
   -------------------------------------------------------------------------- */

.athena-hover-discovery::before{
  content:"";

  position:absolute;

  left:-6px;
  top:26px;

  width:11px;
  height:11px;

  border-left:
    1px solid
    #d6e0eb;

  border-bottom:
    1px solid
    #d6e0eb;

  background:#fff;

  transform:
    rotate(45deg);
}

/* --------------------------------------------------------------------------
   LEFT-SIDE PLACEMENT
   -------------------------------------------------------------------------- */

.athena-hover-discovery.place-left::before{
  left:auto;
  right:-6px;

  border-left:0;
  border-bottom:0;

  border-right:
    1px solid
    #d6e0eb;

  border-top:
    1px solid
    #d6e0eb;
}

/* --------------------------------------------------------------------------
   MOBILE
   -------------------------------------------------------------------------- */

@media(max-width:720px){

  .athena-hover-discovery{
    display:none !important;
  }

}