/* chillrust.org/plugins — page-local styles (site tokens; themes per focused server). */

main.plugdir {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
}

.pd-head h1 { margin: 0.5rem 0 0.25rem; color: var(--gold, #7dd3fc); }
.pd-sub { color: var(--muted, #7a8694); margin: 0 0 1rem; max-width: 62rem; }
.pd-empty, .plugdir .loading { color: var(--muted, #7a8694); padding: 2rem 0; }

/* Toolbar: search + server segmented control on one row, category chips below. */
.pd-tools { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; margin-bottom: 0.6rem; }
.pd-search {
  flex: 1 1 260px; min-width: 220px;
  background: var(--panel-inset, #10151c);
  border: 1px solid var(--border-bright, #2d3a48);
  border-radius: 9px; padding: 0.55rem 0.8rem;
  color: var(--text, #e8eef5); font-size: 0.95rem;
}
.pd-search:focus { outline: none; border-color: var(--gold, #7dd3fc); }

.pd-seg-row { display: inline-flex; border: 1px solid var(--border, #1f2933); border-radius: 9px; overflow: hidden; }
.pd-seg {
  background: transparent; border: 0; cursor: pointer;
  color: var(--muted, #7a8694); font-size: 0.85rem; font-weight: 600;
  padding: 0.5rem 0.85rem;
}
.pd-seg + .pd-seg { border-left: 1px solid var(--border, #1f2933); }
.pd-seg.is-on { background: rgba(var(--accent-rgb, 125, 211, 252), 0.14); color: var(--gold, #7dd3fc); }

.pd-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.5rem; }
.pd-chip {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border, #1f2933); border-radius: 999px;
  color: var(--muted, #7a8694); font-size: 0.78rem; font-weight: 600;
  padding: 0.3rem 0.7rem; cursor: pointer;
}
.pd-chip.is-on { color: var(--gold, #7dd3fc); border-color: var(--gold, #7dd3fc); }
.pd-count { color: var(--muted, #7a8694); font-size: 0.8rem; margin: 0.2rem 0 1rem; }

.pd-section h2 {
  font-size: 1.05rem; letter-spacing: 0.02em;
  color: var(--text, #e8eef5); margin: 1.4rem 0 0.7rem;
  padding-bottom: 0.3rem; border-bottom: 1px solid var(--border, #1f2933);
}

.pd-grid { display: grid; gap: 0.9rem; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }

.pd-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px; padding: 1rem 1rem 0.9rem;
  scroll-margin-top: 5rem;
}
.pd-card.pd-hit { border-color: var(--gold, #7dd3fc); }
.pd-card-top { display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }
.pd-card h3 { margin: 0; font-size: 1rem; }
.pd-card > p { margin: 0.4rem 0 0.5rem; font-size: 0.86rem; color: var(--muted, #7a8694); }

.pd-srv {
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
  border-radius: 999px; padding: 0.15rem 0.55rem;
}
.pd-srv-main { color: #7dd3fc; border: 1px solid rgba(125, 211, 252, 0.45); }
.pd-srv-heat { color: #f0b154; border: 1px solid rgba(240, 177, 84, 0.45); }

.pd-hl { margin: 0 0 0.55rem; padding-left: 1.1rem; }
.pd-hl li { font-size: 0.82rem; color: var(--text, #e8eef5); margin: 0.15rem 0; }

.pd-cmds { border-top: 1px dashed var(--border, #1f2933); padding-top: 0.55rem; }
.pd-cmds-label {
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted, #7a8694); margin-bottom: 0.3rem;
}
.pd-cmds ul { list-style: none; margin: 0; padding: 0; }
.pd-cmds li { margin: 0.3rem 0; font-size: 0.82rem; }
.pd-cmds code {
  background: var(--panel-inset, #10151c);
  border: 1px solid var(--border, #1f2933);
  border-radius: 6px; padding: 0.1rem 0.4rem;
  color: var(--gold, #7dd3fc); font-size: 0.8rem;
}
.pd-cmd-scope { color: var(--muted, #7a8694); font-size: 0.72rem; }
.pd-cmd-desc { display: block; color: var(--muted, #7a8694); margin-top: 0.1rem; }

.pd-link { display: inline-block; margin-top: 0.5rem; font-size: 0.8rem; color: var(--gold, #7dd3fc); }