/* ===== Shared sidebar styles (reverted, no animation) ===== */

:root{
  --ink:#e7e9ee;        /* light text */
  --muted:#cbd5e1;      /* muted text */
  --line:#2a3140;       /* borders */
}

/* Sidebar container */
.side{
  padding:1.25rem;
  border-right:1px solid var(--line);
  background:rgba(255,255,255,.02);
  color:var(--ink);
}

/* Brand row */
.brand{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:.25rem 0 1.25rem;
}

/* Circular logo mask */
.brand .logo-wrap{
  width:64px; height:64px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  /* mask to hide any outer rim */
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 68%, transparent 70%);
          mask-image: radial-gradient(circle at 50% 50%, #000 68%, transparent 70%);
}
.brand .logo-wrap img{
  width:120%; height:120%;
  object-fit:cover; object-position:center;
}

/* Brand title (clickable) */
.brand .name,
.brand .name a,
.brand .name a:visited{
  font-family:"Rooftop", Inter, Arial, sans-serif;
  font-weight:800;
  line-height:1.02;
  letter-spacing:.7px;
  font-size:1.7rem;
  color:var(--ink);
  text-decoration:none;
}

/* Section headings */
.nav h4{
  margin:1rem 0 .5rem;
  color:var(--muted);
  font-weight:800;
  letter-spacing:.6px;
  font-family:"Rooftop", Inter, Arial, sans-serif;
}

/* Lists */
.nav ul{ list-style:none; padding:0; margin:0 0 1rem; }
.nav li{ margin:.35rem 0; }

/* Links (force normal + visited to light gray to avoid purple) */
.nav a,
.nav a:link,
.nav a:visited{
  display:block;
  padding:.45rem .5rem;
  border:1px solid transparent;
  color:var(--ink);
  text-decoration:none;
}
.nav a:hover{
  background:rgba(255,255,255,.04);
  border-color:var(--line);
}

/* Optional focus ring for keyboard users */
.nav a:focus-visible{
  outline:2px solid var(--line);
  outline-offset:2px;
}