/* none — публичная часть: лендинг, правовые, биржа подрядов, вход.
   Подключать после public.css:
     <link rel="stylesheet" href="/css/app.css">
     <link rel="stylesheet" href="/css/public.css">
     <link rel="stylesheet" href="/css/noneerp-theme.css">
     <link rel="stylesheet" href="/css/noneerp-theme-public.css">
   Правится только заменой файла целиком. Тексты не менялись.
   Шкалы те же, что в noneerp-theme.css. */

/* Моноширинный — приём публичного макета, а не кабинета.
   Нумерация шагов, цепочка «заявка → смета → договор», коды: там он
   работает как графика. Внутри системы второго шрифта нет вовсе
   (решение владельца 01.08.2026), поэтому объявление живёт здесь, а не
   в продуктовом слое. Раньше оно стояло там, и лендинг молча зависел от
   файла кабинета: убрать его — и публичная часть теряла шрифт. */
:root {
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Утечки: суммы моно и с цветом состояния */

/* Калькулятор */

/* Роли */

/* Тарифы */

/* Снимки экранов */

/* Вопросы */

/* Баннер для инвесторов */

/* Подвал */

/* ═══ 3. Правовые документы ═══════════════════════════════════ */

/* ═══ 4. Биржа подрядов ═══════════════════════════════════════ */

.lot-card {
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow);
  border: none;
  padding: var(--gap-lg);
  transition: box-shadow .16s;
}
.lot-card:hover { box-shadow: var(--shadow-lg); }
.lot-card__title { font-size: 17px; font-weight: 600; margin: 0 0 6px; text-wrap: pretty; }
.lot-card__meta {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--text-muted);
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.lot-card__scope { font-size: 14px; color: var(--text-muted); text-wrap: pretty; }
.lot-card__budget {
  font-family: var(--mono);
  font-size: 18px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.lot-breadcrumb { font-size: 13px; color: var(--text-muted); }
.lot-gate {
  border-radius: var(--radius-lg);
  background: var(--field);
  border: 1px dashed var(--line);
  padding: var(--gap-lg);
  text-align: center;
}

/* ═══ 5. Вход и регистрация ═══════════════════════════════════ */

.auth-remember { font-size: 13px; color: var(--text-muted); display: flex; align-items: center; gap: var(--gap-sm); }

/* ═══ 6. Мобайл (≤760px) ══════════════════════════════════════ */

@media (max-width: 760px) {
  .pub-shell { padding: 0 16px; }

  /* Таблица в документе на 390px — карточками по строкам не переверстать
     без разметки, поэтому даём горизонтальную прокрутку обёрткой */

  .lot-card { padding: var(--gap); }
  .lot-card__title { font-size: 15px; }
  .lot-card__budget { font-size: 16px; }

  /* Левая колонка на телефоне — короткая шапка, а не полстраницы обещаний */

}

/* Правовые ссылки под формой входа. Тем же приглушённым тоном, что
   и «Что внутри» рядом: это путь к тексту, а не действие. Норма
   и разбор — в слое `components/layouts/guest.blade.php`. */