/* NLauncher /servers — витрина мест №1–5 (sv-catalog.v5.js): заглушка свободного / забронированного места
 * в сетке каталога. Та же ячейка, что у карточки сервера (в ряду растягивается до её высоты), пунктирная рамка,
 * без тени. №1 — на две колонки, как карточка Топ-1. Цвета — токены sv.v1.css и sv-top.v1.css.
 * Versioned filename: the front proxy caches /assets/* ignoring ?v= — never edit in place, copy to sv-slots.v2.css. */
.sc.slot { justify-content: space-between; gap: 16px; padding: 20px 20px 18px; min-height: 365px; border: 1.5px dashed var(--line2); background: color-mix(in srgb, var(--card) 45%, transparent); box-shadow: none; }
.sc.slot:hover { transform: none; border-color: color-mix(in srgb, var(--acc) 55%, transparent); background: var(--card); }
.sc.slot .sl-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sc.slot .sl-n { display: inline-flex; align-items: center; gap: 7px; font: 800 30px/1 var(--mono); letter-spacing: -.04em; color: var(--faint); }
.sc.slot .sl-st { font: 700 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; padding: 5px 9px; border-radius: 8px; color: var(--acc-tx); background: var(--acc-soft); }
.sc.slot .sl-mid { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sc.slot .sl-mid b { font-weight: 900; font-size: 19px; letter-spacing: -.03em; line-height: 1.2; color: var(--ink); text-wrap: balance; }
.sc.slot .sl-mid span { font-size: 14px; color: var(--mute); }
.sc.slot .sl-go { align-self: flex-start; }
.sc.slot .sl-go:hover { transform: none; }
/* Силуэт карточки сервера: «здесь будет твой сервер». */
.sc.slot .sl-ghost { display: flex; align-items: center; gap: 14px; margin: auto 0; padding: 16px; border-radius: 16px; border: 1.5px dashed var(--line); opacity: .9; }
.sc.slot .sl-ghost i { width: 52px; height: 52px; flex: none; border-radius: 14px; background: var(--chip); }
.sc.slot .sl-ghost span { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 0; }
.sc.slot .sl-ghost em { display: block; height: 10px; border-radius: 6px; background: var(--chip); }
.sc.slot .sl-ghost em:nth-child(1) { width: 58%; height: 13px; }
.sc.slot .sl-ghost em:nth-child(2) { width: 86%; }
.sc.slot .sl-ghost em:nth-child(3) { width: 40%; }
.sc.slot.s1 .sl-ghost { border-color: color-mix(in srgb, var(--t1b, #FF8A1F) 28%, transparent); }
.sc.slot.s1 .sl-ghost i, .sc.slot.s1 .sl-ghost em { background: color-mix(in srgb, var(--t1a, #FFD36A) 22%, transparent); }
/* Занято (держатель на паузе или ждёт бронь) — спокойнее: без акцента. */
.sc.slot.rsv .sl-st { color: var(--mute); background: var(--chip); }
/* №1 — золото пунктиром. */
.sc.slot.s1 { border-color: color-mix(in srgb, var(--t1b, #FF8A1F) 55%, transparent); background: linear-gradient(135deg, color-mix(in srgb, var(--t1a, #FFD36A) 13%, transparent), transparent 62%); }
.sc.slot.s1:hover { border-color: var(--t1b, #FF8A1F); }
.sc.slot.s1 .sl-n { color: #B45309; font-size: 38px; }
.sc.slot.s1 .sl-n svg { width: 22px; height: 22px; }
.sc.slot.s1 .sl-st { color: #92400E; background: rgba(245,184,46,.18); }
html[data-theme="dark"] .sc.slot.s1 .sl-n { color: #F5B82E; }
html[data-theme="dark"] .sc.slot.s1 .sl-st { color: #F5B82E; background: rgba(245,184,46,.13); }
@media (min-width: 761px) {
  .grid .sc.slot.s1 { grid-column: span 2; }
  .sc.slot.s1 .sl-mid b { font-size: 22px; }
}
/* Телефон: компактная строка, чтобы пять заглушек не заняли экран целиком. */
@media (max-width: 760px) {
  .sc.slot { min-height: 0; display: grid; grid-template-columns: 84px 1fr; grid-template-areas: "n mid" "go go"; align-items: center; gap: 12px 14px; padding: 16px; }
  .sc.slot .sl-top { grid-area: n; flex-direction: column; align-items: flex-start; gap: 8px; }
  .sc.slot .sl-mid { grid-area: mid; margin-top: 0; }
  .sc.slot .sl-mid b { font-size: 16px; }
  .sc.slot .sl-mid span { font-size: 13px; }
  .sc.slot .sl-go { grid-area: go; width: 100%; height: 40px; }
  .sc.slot .sl-ghost { display: none; }
  .sc.slot .sl-n, .sc.slot.s1 .sl-n { font-size: 24px; }
  .sc.slot.s1 .sl-n svg { width: 17px; height: 17px; }
  .sc.slot .sl-st { display: none; }
}