/* The compact drawer and bottom navigation keep their existing appearance. */
@media (min-width:1101px), (min-width:1025px) and (min-height:551px) {
  .sidebar .navigation .nav-link {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-color: #eddec6;
    background: linear-gradient(115deg, #fffefa, #fff8e9);
    box-shadow: inset 0 2px 2px #ffffffd9, 0 3px 6px #89702318;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  }
  .sidebar .navigation .nav-link[aria-current="page"] {
    border-color: #7ac617;
    background: linear-gradient(115deg, #67bd06, #9bdf12);
    box-shadow: inset 0 2px 2px #ffffff40, 0 3px 6px #78b31125;
    color: #fff;
  }
  .sidebar .navigation .nav-link::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 auto 0 0;
    width: 45%;
    background: linear-gradient(90deg, transparent, #ffffff55, transparent);
    transform: translateX(-180%) skewX(-20deg);
    pointer-events: none;
  }
  .sidebar .navigation .nav-link:active {
    transform: translateY(1px);
    box-shadow: inset 0 1px 2px #00000012, 0 1px 3px #49752220;
  }
  .sidebar .navigation .nav-link:focus-visible { outline: 3px solid #477515; outline-offset: 3px; }
  @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .sidebar .navigation .nav-link:hover:not(:active) {
      transform: translateY(-2px);
      filter: brightness(1.04);
      box-shadow: inset 0 2px 3px #ffffffa0, 0 6px 12px #49752228;
    }
    .sidebar .navigation .nav-link:hover::before {
      transform: translateX(380%) skewX(-20deg);
      transition: transform .65s ease;
    }
  }
  @media (prefers-reduced-motion:reduce) {
    .sidebar .navigation .nav-link { transition: none; }
    .sidebar .navigation .nav-link::before { display: none; }
    .sidebar .navigation .nav-link:hover { transform: none; }
  }
}