.sidebar-nav a.active,
.sidebar-foot a.active {
  position: relative;
  background: #123442;
  color: #fff;
  font-weight: 800;
  box-shadow: inset 4px 0 #35d2c3;
}
.sidebar-nav a.active::before,
.sidebar-foot a.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 4px;
  border-radius: 0 5px 5px 0;
  background: #35d2c3;
}
.sidebar-nav .sidebar-create.active {
  background: linear-gradient(90deg, #17aaa1, #147e82);
  box-shadow: inset 4px 0 #fff;
}
.trade-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0; }
.trade-card { display:flex; align-items:center; gap:11px; padding:15px; border:1px solid var(--line); border-radius:12px; background:#fff; font-weight:750; }
.trade-card input { width:20px; height:20px; margin:0; }
.availability-list { display:grid; gap:12px; }
.availability-item { padding:16px; border:1px solid var(--line); border-radius:12px; }
.availability-item.cancelled { opacity:.7; background:#f6f7f8; }
.availability-item header { display:flex; justify-content:space-between; gap:15px; }
.availability-item form { margin-top:13px; padding-top:13px; border-top:1px solid var(--line); }
@media (max-width:650px) { .trade-cards { grid-template-columns:1fr; } }