/* Фирменный стиль торгового знака Vodoley: цвета оригинального логотипа и сайта vodoley.kz.
   Тёмно-синий текста логотипа #0F287C, основной синий #02439D (кнопки сайта), голубой #3890D0,
   зелёные листья #419C3C и #76BC38. Подключается после Bootstrap во всех частях CRM. */
:root {
  --brand: #02439D;
  --brand-dark: #0F287C;
  --brand-light: #3890D0;
  --brand-green: #419C3C;
  --brand-green-light: #76BC38;
  --brand-soft: #EEF5FC;
  --bs-primary: #02439D;
  --bs-primary-rgb: 2, 67, 157;
  --bs-link-color: #02439D;
  --bs-link-color-rgb: 2, 67, 157;
  --bs-link-hover-color: #0F287C;
  --bs-link-hover-color-rgb: 15, 40, 124;
  --bs-success: #419C3C;
  --bs-success-rgb: 65, 156, 60;
  --bs-info-rgb: 56, 144, 208;
  --bs-focus-ring-color: rgba(2, 67, 157, .25);
}

.btn-primary {
  --bs-btn-bg: #02439D; --bs-btn-border-color: #02439D;
  --bs-btn-hover-bg: #0F287C; --bs-btn-hover-border-color: #0F287C;
  --bs-btn-active-bg: #0F287C; --bs-btn-active-border-color: #0F287C;
  --bs-btn-disabled-bg: #02439D; --bs-btn-disabled-border-color: #02439D;
}
.btn-outline-primary {
  --bs-btn-color: #02439D; --bs-btn-border-color: #02439D;
  --bs-btn-hover-bg: #02439D; --bs-btn-hover-border-color: #02439D;
  --bs-btn-active-bg: #0F287C; --bs-btn-active-border-color: #0F287C;
}
.btn-success {
  --bs-btn-bg: #419C3C; --bs-btn-border-color: #419C3C;
  --bs-btn-hover-bg: #367F32; --bs-btn-hover-border-color: #367F32;
  --bs-btn-active-bg: #367F32; --bs-btn-active-border-color: #367F32;
}
.btn-outline-success {
  --bs-btn-color: #419C3C; --bs-btn-border-color: #419C3C;
  --bs-btn-hover-bg: #419C3C; --bs-btn-hover-border-color: #419C3C;
}
.text-bg-primary { background-color: #02439D !important; }
.text-bg-success { background-color: #419C3C !important; }
.text-bg-info { background-color: #3890D0 !important; color: #fff !important; }
.form-control:focus, .form-select:focus { border-color: #3890D0; box-shadow: 0 0 0 .2rem rgba(2, 67, 157, .2); }
.form-check-input:checked { background-color: #02439D; border-color: #02439D; }

/* Логотип и знак */
.brand-logo { display: block; height: auto; }
.brand-mark { display: inline-block; width: 40px; height: 40px; border-radius: 10px; background: #fff; }
.brand-word { color: var(--brand-dark); font-weight: 700; letter-spacing: .02em; }

/* Фото товара (CRM, шторка заказа, сайт для клиентов). Без фото — значок. */
.product-photo { width: 40px; height: 40px; flex-shrink: 0; border-radius: 8px; background: #fff; border: 1px solid #e5e7eb;
  display: inline-flex; align-items: center; justify-content: center; overflow: hidden; color: #02439D; font-size: 18px; }
.product-photo img { width: 100%; height: 100%; object-fit: contain; }
.product-photo-md { width: 56px; height: 56px; font-size: 24px; }
.product-photo-lg { width: 96px; height: 96px; font-size: 36px; border-radius: 12px; }

/* Один шрифт и одни цвета статусов в CRM, приложении водителя и приложении клиента (разбор дизайна 31.10.2026).
   Шрифт — как на vodoley.kz и в приложении клиента. */
body { font-family: Arial, Helvetica, sans-serif; }
:root {
  --st-needs_confirmation: #E0A100;  /* ждёт проверки оператора */
  --st-new: #02439D;
  --st-accepted: #3890D0;
  --st-in_progress: #6F42C1;
  --st-delivered: #419C3C;
  --st-not_delivered: #E8590C;
  --st-cancelled: #DC3545;
}
.text-bg-purple { background: var(--st-in_progress) !important; color: #fff !important; }
.text-bg-orange { background: var(--st-not_delivered) !important; color: #fff !important; }