/* INTERIA OS v1.6.81 — premium 3D sidebar icon treatment.
   Scoped to navigation icons only; sidebar layout, widths, colors and behavior remain unchanged. */
.sidebar .nav-item__icon,
.hr-sidebar .hr-nav-item > span:first-child {
  position: relative;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  color: #f5f1e8;
  background:
    linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.035) 54%, rgba(0,0,0,.20)),
    #343735;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.18),
    inset -1px -1px 0 rgba(0,0,0,.24),
    0 4px 8px rgba(0,0,0,.28),
    0 1px 1px rgba(0,0,0,.32);
  text-shadow: 0 1px 0 rgba(255,255,255,.15), 0 2px 3px rgba(0,0,0,.48);
  transform: translateZ(0);
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
  overflow: hidden;
}

.sidebar .nav-item__icon::before,
.hr-sidebar .hr-nav-item > span:first-child::before {
  content: "";
  position: absolute;
  inset: 1px 2px auto 2px;
  height: 42%;
  border-radius: 7px 7px 5px 5px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  pointer-events: none;
}

.sidebar .nav-item__icon svg,
.hr-sidebar .hr-nav-item > span:first-child svg {
  position: relative;
  z-index: 1;
  width: 17px;
  height: 17px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.32));
}

.sidebar .nav-item:hover .nav-item__icon,
.hr-sidebar .hr-nav-item:hover > span:first-child {
  transform: translateY(-1px);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.22),
    inset -1px -1px 0 rgba(0,0,0,.22),
    0 6px 11px rgba(0,0,0,.32),
    0 1px 1px rgba(0,0,0,.28);
}

.sidebar .nav-item.is-active .nav-item__icon,
.hr-sidebar .hr-nav-item.is-active > span:first-child {
  color: #1c1c1c;
  background:
    linear-gradient(145deg, rgba(255,255,255,.48), rgba(255,255,255,.10) 48%, rgba(120,76,0,.14)),
    #e4a729;
  border-color: rgba(92,57,0,.28);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.52),
    inset -1px -1px 0 rgba(102,63,0,.20),
    0 5px 10px rgba(216,155,43,.30),
    0 1px 1px rgba(0,0,0,.22);
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}

.sidebar.is-collapsed .nav-item__icon {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .sidebar .nav-item__icon,
  .hr-sidebar .hr-nav-item > span:first-child {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar .nav-item__icon,
  .hr-sidebar .hr-nav-item > span:first-child {
    transition: none;
  }
}