#plugin-nav {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.plugin-special-list { display:flex; flex-direction:column; gap:2px; margin-bottom:8px; }
.plugin-special-list a { display:flex; align-items:baseline; gap:7px; color:#d4e1e0; text-decoration:none; padding:7px 10px; border-left:2px solid transparent; font-size:13px; }
.plugin-special-list a span { color:#6ed3bb; font:12px/1 var(--mono); }
.plugin-special-list a:hover,.plugin-special-list a.active { color:#fff; border-color:#6ed3bb; background:#254654; }

.plugin-group { margin: 0 0 11px; }
.plugin-group-links { display:flex; flex-direction:column; gap:2px; padding-left:11px; }
.plugin-special-group { margin-top: 13px; }
.plugin-special-group .plugin-group-links { padding-left:0; }
.plugin-group-links a { display:block; width:100%; }
.plugin-group-toggle { display:flex; align-items:center; width:100%; border:0; background:transparent; color:#90a9ad; padding:7px 10px 5px; cursor:pointer; font:10px/1.4 var(--mono); letter-spacing:.1em; text-align:left; text-transform:uppercase; }
.plugin-group-toggle span { flex:1; }
.plugin-group-toggle em { font-style:normal; letter-spacing:0; opacity:.7; }
.plugin-group-toggle i { color:#6ed3bb; font:16px/1 var(--mono); font-style:normal; margin-left:8px; transition:transform .15s ease; }
.plugin-group[data-collapsed="true"] .plugin-group-links { display:none; }
.plugin-group[data-collapsed="true"] .plugin-group-toggle i { transform:rotate(-90deg); }
.plugin-group-toggle:hover { color:#e2eded; }

#plugin-nav a[draggable="true"] {
  cursor: grab;
}

#plugin-nav a.dragging {
  cursor: grabbing;
  opacity: .45;
}

#plugin-nav a.drag-over {
  border-top-color: #6ed3bb;
}

#plugin-nav.plugin-order-error::after {
  content: "Order was not saved";
  color: #ffd1ce;
  font: 10px var(--mono);
  padding: 7px 10px 0;
}