/* ─── Pingo shared CSS ───────────────────────────────────────────────────── */

/* Auth pages: radial glow behind the logo card */
.auth-glow::before {
  content: '';
  position: fixed;
  top: -200px; left: 50%; transform: translateX(-50%);
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgb(var(--c-or) / .10) 0%, transparent 70%);
  pointer-events: none; z-index: 0;
}

/* Shared text input used in auth + password-reset forms */
.pg-input {
  width: 100%;
  background: rgb(var(--c-s2));
  border: 1px solid rgb(var(--c-sub) / .12);
  border-radius: 0.75rem;
  color: rgb(var(--c-ink));
  font-size: 0.875rem;
  padding: 0.75rem 0.875rem;
  outline: none;
  transition: border-color .15s;
}
.pg-input::placeholder { color: rgb(var(--c-dim)); }
.pg-input:focus        { border-color: rgb(var(--c-or) / .5); }
@media (max-width: 767px) {
  .pg-input { font-size: 16px; }   /* без зума iOS при фокусе */
}

/* Thin scrollbar on modern browsers */
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgb(var(--c-sub) / .20); border-radius: 9px; }

/* ─── Мобильная типографика ──────────────────────────────────────────────
   Tailwind CDN генерирует произвольные размеры (text-[10px], text-[11px] и
   т.п.) буквально — на мобильных экранах это физически нечитаемо (мелкий
   шрифт + высокая плотность пикселей). Переписывать все использования по
   полусотне шаблонов рискованно (сломает десктопную вёрстку компактных
   бейджей/лейблов), поэтому поднимаем минимальный размер и line-height
   только под мобильный viewport, через один общий CSS-файл. */
@media (max-width: 640px) {
  body {
    font-size: 15px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
  }
  .text-\[8px\],
  .text-\[9px\],
  .text-\[10px\] {
    font-size: 12px !important;
  }
  .text-\[11px\] {
    font-size: 12.5px !important;
  }
  .text-xs {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  .text-\[13px\] {
    font-size: 13.5px !important;
  }
  .text-sm {
    font-size: 14.5px !important;
    line-height: 1.5 !important;
  }
}