/* EQ v15.344 — final HR cabinet UI polish
   Scope: icon consistency, identity/greeting safety, long vacancy title handling.
   Hero artwork and v341 commercial behavior remain unchanged. */

.eq-icon-sprite{
  position:absolute!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

.eq-svg-icon{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

/* Sidebar: one calm line-icon language instead of mixed Unicode symbols. */
.eq-nav-link .nav-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  color:#aebddb;
  opacity:1;
}
.eq-nav-link .nav-icon .eq-svg-icon{width:19px;height:19px}
.eq-nav-link:hover .nav-icon{color:#dbe7ff}
.eq-nav-link.active .nav-icon{color:#c9dcff}
.eq-nav-link.active .nav-icon .eq-svg-icon{stroke-width:2}

.collapse-button .eq-svg-icon{width:18px;height:18px}
.eq-top-actions .icon-button .eq-svg-icon{width:19px;height:19px;color:#dce7fb}

/* KPI cards: retain the approved colored glass tiles, replace placeholder glyphs
   with a consistent 22 px stroke icon family. */
.stat-icon{
  width:56px!important;
  height:56px!important;
  border-radius:17px!important;
  font-size:0!important;
}
.stat-icon .stat-svg{
  width:23px;
  height:23px;
  color:#f5f9ff;
  stroke-width:1.85;
  filter:drop-shadow(0 2px 8px rgba(5,14,32,.18));
}
.stat-card{align-items:start}
.stat-copy{padding-top:1px}

/* Profile identity: keep long names readable and never let the role duplicate
   visually because of width pressure. */
.user-chip-copy{min-width:0;max-width:190px}
.user-chip-copy b,
.user-chip-copy span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.user-chip-copy b{font-weight:800}

/* Dynamic vacancy title sits on top of the approved baked vacancy card.
   Two lines are the hard maximum; long role names step down gracefully. */
.hero-visual .vacancy-mini-card>b{
  max-height:2.3em;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:normal;
}
.hero-visual .vacancy-mini-card>b.is-long{
  font-size:clamp(9.5px,.91vw,14.5px)!important;
  line-height:1.08!important;
}
.hero-visual .vacancy-mini-card>b.is-very-long{
  font-size:clamp(8.5px,.80vw,12.5px)!important;
  line-height:1.04!important;
}
.hero-visual.is-male .vacancy-mini-card>b.is-long{
  font-size:clamp(9px,.82vw,13.5px)!important;
}
.hero-visual.is-male .vacancy-mini-card>b.is-very-long{
  font-size:clamp(8px,.72vw,11.5px)!important;
}

/* A little more breathing room between the icon tile and KPI copy at desktop. */
@media (min-width:1121px){
  .stat-card{column-gap:14px}
}

@media (max-width:760px){
  .eq-nav-link .nav-icon{width:22px;height:22px;flex-basis:22px}
  .eq-nav-link .nav-icon .eq-svg-icon{width:18px;height:18px}
  .stat-icon{width:52px!important;height:52px!important}
  .stat-icon .stat-svg{width:21px;height:21px}
  .user-chip-copy{max-width:145px}
  .hero-visual .vacancy-mini-card>b.is-long{font-size:clamp(8px,2vw,12px)!important}
  .hero-visual .vacancy-mini-card>b.is-very-long{font-size:clamp(7px,1.75vw,10.5px)!important}
}