nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
}

nav .nav-main { font-size: 14px; }
.sidebar-nav{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px}.nav-section{margin:17px 12px 5px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.nav-section:first-child{margin-top:0}.nav-icon{display:grid;place-items:center;width:20px;height:20px;color:var(--lime);font-size:11px}.nav-main>span:nth-child(2){flex:1}.plan-tag{margin-left:auto;padding:3px 5px;border:1px solid currentColor;border-radius:2px;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.09em}.plan-tag.core{color:var(--muted)}.plan-tag.pro{color:var(--lime)}
.nav-sub { margin: 4px 0 12px 17px; padding-left: 10px; border-left: 1px solid var(--line); }
.nav-sub button { width: 100%; padding: 9px 11px; font-size: 12px; font-weight: 700; }

nav a:hover,
nav a.nav-active {
  color: var(--text);
  background: var(--raised);
}

.server-head { display: flex; align-items: center; gap: 18px; }
.nav-pro{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;margin:20px 5px 8px;padding:13px;border:1px solid color-mix(in srgb,var(--lime) 45%,var(--line));background:color-mix(in srgb,var(--lime) 6%,var(--surface))}.nav-pro .plan-tag{grid-row:1/3;margin:0;align-self:start}.nav-pro strong{font-size:11px}.nav-pro small{color:var(--muted);font-size:9px;line-height:1.45}.nav-pro a{grid-column:1/-1;padding:7px 0 0;color:var(--lime);font-size:10px}
.server-head select { min-width: 210px; padding: 10px 34px 10px 12px; color: var(--text); background: var(--surface); border: 1px solid var(--line); font-weight: 700; }
