/* ==========================================================================
   AutoCMR.kz — Светлая тема в стиле баннеров (v4)
   v4: смягчены цвета баннеров предупреждений (красно-оранжевый → синий/серый)
       чтобы соответствовать новым формулировкам "можно дополнить"
   ========================================================================== */

/* Шрифт Inter — как на баннерах AutoCMR.kz */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* --------------------------------------------------------------------------
   1. ГЛАВНАЯ index.html — переопределяем переменные :root
   -------------------------------------------------------------------------- */
:root {
  --bg:     #F8FAFF !important;
  --bg2:    #FFFFFF !important;
  --bg3:    #F1F5F9 !important;
  --line:   #E2E8F0 !important;
  --line2:  #CBD5E1 !important;
  --text:   #0F172A !important;
  --muted:  #64748B !important;
  --dim:    #94A3B8 !important;
  --accent: #2563EB !important;
  --green:  #10B981 !important;
  --red:    #EF4444 !important;
  --orange: #F59E0B !important;
  --blue:   #3B82F6 !important;
  --sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* --------------------------------------------------------------------------
   2. Точечные правки для index.html
   -------------------------------------------------------------------------- */
nav {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}
.fmt-btn.on { color: #FFFFFF !important; }
.run-btn { color: #FFFFFF !important; }
.run-btn:hover:not(:disabled) {
  background: #1D4ED8 !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}
.dz-check { color: #FFFFFF !important; }
.empty-title { color: var(--text) !important; }
.empty-sub { color: var(--muted) !important; }
.doc-zone { box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03); }

/* --------------------------------------------------------------------------
   3. ВРЕМЕННО СКРЫТЫЕ НАДПИСИ ПРО ОПЛАТУ
   (оплата отключена из-за остановки ApiPay)
   Чтобы вернуть — удалить этот блок из CSS.
   -------------------------------------------------------------------------- */
.sidebar > div[style*="font-size:.75rem"][style*="text-align:center"] {
  display: none !important;
}
.empty div[style*="color:#5a9e6f"],
.empty div[style*="color: #5a9e6f"] {
  display: none !important;
}
.price-hint { display: none !important; }
.price-block { display: none !important; }

/* --------------------------------------------------------------------------
   4. NEW v4: смягчение цветов баннеров предупреждений
   Тексты уже изменены на "можно дополнить" — теперь и цвета должны
   соответствовать спокойному инфо-стилю, а не тревожному красному.
   -------------------------------------------------------------------------- */

/* Верхний баннер "ℹ️ Можно дополнить (5)" — был красноватый */
.issues-banner {
  background: rgba(37, 99, 235, 0.06) !important;
  border-color: rgba(37, 99, 235, 0.25) !important;
  color: #2563EB !important;
}
.issues-banner:hover {
  background: rgba(37, 99, 235, 0.12) !important;
}
.issues-banner-hint {
  color: var(--muted) !important;
}

/* Блок "ℹ️ Что можно дополнить вручную" — был красноватый */
.errors-detail {
  background: rgba(37, 99, 235, 0.04) !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
}
.errors-detail-title {
  color: #2563EB !important;
}

/* Элементы списка пунктов: убираем тревожные оттенки красного/оранжевого */
.errors-detail-item.blocking {
  color: var(--text) !important;       /* был #d08080 (красный) */
}
.errors-detail-item.warning {
  color: var(--muted) !important;      /* был #c89a6e (оранжевый) */
}

/* Бейджик "можно уточнить" в конце пунктов — нейтрально-серый */
.errors-detail-tag {
  color: var(--muted) !important;
  border-color: var(--line) !important;
  background: var(--bg) !important;
}

/* Подсказка "ℹ️ можно уточнить" под полями — был оранжевый */
.cb-manual {
  color: var(--accent) !important;     /* был var(--orange) */
}

/* Текст пустого поля "— можно дополнить" — был тёмный #333 */
.cb-empty {
  color: var(--muted) !important;
}

/* --------------------------------------------------------------------------
   5. Шрифт Inter для всех элементов login/register/payment
   -------------------------------------------------------------------------- */
body, button, input, textarea, select,
h1, h2, h3, h4, h5, h6, p, a, label, div, span {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* --------------------------------------------------------------------------
   6. Login / Register / Payment — перекрас зелёного #5a9e6f в синий
   -------------------------------------------------------------------------- */
.brand span {
  color: #2563EB !important;
}

button[type="submit"],
button:not([class]) {
  background: #2563EB !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
button[type="submit"]:hover:not(:disabled),
button:not([class]):hover:not(:disabled) {
  background: #1D4ED8 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}
button[type="submit"]:disabled,
button:not([class]):disabled {
  background: #CBD5E1 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: #2563EB !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}

.footer a {
  color: #2563EB !important;
  font-weight: 600 !important;
}
.footer a:hover {
  color: #1D4ED8 !important;
  text-decoration: underline !important;
}

.card {
  box-shadow: 0 4px 20px rgba(37, 99, 235, 0.08) !important;
  border-radius: 14px !important;
}

body {
  background: #F8FAFF !important;
}

/* --------------------------------------------------------------------------
   7. Скроллбар и выделение
   -------------------------------------------------------------------------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg, #F8FAFF); }
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover { background: #64748B; }
::selection {
  background: rgba(37, 99, 235, 0.18);
  color: #0F172A;
}