@charset "UTF-8";
/* =========================================================================
   doorshotel — gate.css
   Две страницы воронки: /etap-proverki/ (шаг 1) и /etap-zagruzki/ (шаг 2).

   Обе рисуются с обычными шапкой и подвалом — «минимального» хедера в теме
   нет. Отличается только контент: узкая колонка-«стойка выдачи» вместо
   каталога.
   ========================================================================= */

.desk {
    max-width: 720px;
    margin: 0 auto;
    padding: 38px 20px 0;
}

.desk__card {
    padding: 26px 24px 28px;
    background: var(--bg-card);
    border: 1px solid var(--brass-soft);
    border-top: 2px solid var(--brass);
    border-radius: var(--radius);
}

/* «Шаг 1 из 2 · Проверка файла» — кириллица, а у Courier Prime её нет;
   моноширинными на этих страницах остаются только имя файла и счётчик. */
.desk__step {
    margin: 0 0 10px;
    font-family: var(--font-display);
    font-size: .78rem;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: var(--brass);
}

.desk__title {
    margin: 0 0 10px;
    font-size: clamp(1.5rem, 4vw, 2.1rem);
}

.desk__lead {
    margin: 0 0 22px;
    color: var(--text-muted);
}

/* Полоса ожидания. Ширину двигает gate-timer.js, здесь только внешний вид. */
.desk__meter {
    height: 6px;
    margin-bottom: 10px;
    background: var(--bg-base);
    border: 1px solid var(--border);
    border-radius: 2px;
    overflow: hidden;
}

.desk__fill {
    width: 0;
    height: 100%;
    background: var(--brass);
    transition: width .35s linear;
}

.desk__count {
    margin: 0 0 20px;
    font-size: .92rem;
    color: var(--text-faint);
}

.desk__count .mono { color: var(--candle); }

/* Строка таймера уезжает целиком, когда ссылка открылась. */
.desk__count.is-done { display: none; }

/* Кнопка перехода спрятана до конца отсчёта. Она всегда <a href>, а не
   <button>: рекламный скрипт перехватывает клик по ссылке или подменяет href
   на direct-link, кнопку он перехватить не может. */
.desk__go {
    display: none;
    width: 100%;
}

.desk__go.is-open { display: inline-flex; }

.desk__panel {
    margin-top: 22px;
    padding: 14px 16px;
    background: var(--bg-base);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-size: .92rem;
    color: var(--text-muted);
}

.desk__panel p { margin: 0 0 6px; }
.desk__panel p:last-child { margin-bottom: 0; }
.desk__panel .mono { color: var(--candle); }

.desk__shot {
    margin: 0 0 20px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
}

.desk__shot img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.desk__block { margin-top: 24px; }

.desk__h {
    margin: 0 0 10px;
    font-family: var(--font-display);
    font-size: 1.02rem;
    letter-spacing: .4px;
    color: var(--candle);
}

.desk__block ul { margin: 0; padding-left: 1.2em; }
.desk__block li { font-size: .94rem; }

/* Сообщение вместо кнопки: нет кода в каталоге или blob так и не собрался. */
.desk__fail {
    margin: 0 0 4px;
    padding: 12px 14px;
    color: var(--text-muted);
    background: var(--bg-base);
    border: 1px dashed var(--brass-soft);
    border-radius: var(--radius);
}

.desk__back {
    display: block;
    margin: 20px 0 0;
    text-align: center;
    font-size: .88rem;
    color: var(--text-faint);
}

.desk__back:hover { color: var(--candle); }

@media (max-width: 560px) {
    .desk { padding-top: 26px; }
    .desk__card { padding: 20px 16px 22px; }
}