.server-theme-panel { margin-bottom: 14px; }
.server-theme-grid { display: grid; gap: 10px; }
.server-theme-card { display: grid; padding: 14px; align-items: center; grid-template-columns: 112px minmax(0,1fr) auto; gap: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.server-theme-swatch { position: relative; height: 68px; overflow: hidden; border-radius: 13px; background: var(--theme-header); }
.server-theme-swatch::after { position: absolute; top: -28px; right: -16px; width: 84px; height: 84px; border-radius: 50%; background: rgba(255,255,255,.14); content: ''; }
.server-theme-swatch i { position: absolute; z-index: 1; right: 18px; bottom: 11px; left: 12px; height: 19px; border-radius: 7px; background: var(--theme-surface); }
.server-theme-swatch b { position: absolute; z-index: 2; left: 12px; bottom: 11px; width: 25px; height: 19px; border-radius: 7px; background: var(--theme-accent); }
.server-theme-copy { min-width: 0; }
.server-theme-copy strong,.server-theme-copy span,.server-theme-copy small { display: block; }
.server-theme-copy span,.server-theme-copy small { margin-top: 5px; color: var(--muted); }
@media (max-width:820px) { .server-theme-card { grid-template-columns: 82px minmax(0,1fr); } .server-theme-card .row-actions { grid-column: 1 / -1; } }