/* ============================================================
   Единый стиль SARMAT CRM
   Правило номер один: никаких скруглений — только прямые углы.
   Подключается последним, поэтому перебивает Tailwind и локальные стили.
   ============================================================ */

*, *::before, *::after { border-radius: 0 !important; }

html body { background: #eef2f7; }

/* --- верхняя панель и боковое меню: тёмные, как в карточке сделки --- */
html header.bg-zinc-950,
html aside.bg-zinc-950,
html.light-mode header.bg-zinc-950,
html.light-mode aside.bg-zinc-950 {
  background-color: #0f172a !important;
  border-color: #1e293b !important;
}
html header.bg-zinc-950 .border-zinc-800, html aside.bg-zinc-950 .border-zinc-800,
html header.bg-zinc-950 .border-zinc-700, html aside.bg-zinc-950 .border-zinc-700,
html.light-mode header.bg-zinc-950 .border-zinc-800, html.light-mode aside.bg-zinc-950 .border-zinc-800 {
  border-color: #1e293b !important;
}
html header.bg-zinc-950 .text-zinc-100, html aside.bg-zinc-950 .text-zinc-100,
html header.bg-zinc-950 .text-zinc-200, html aside.bg-zinc-950 .text-zinc-200,
html.light-mode header.bg-zinc-950 .text-zinc-100, html.light-mode aside.bg-zinc-950 .text-zinc-100,
html.light-mode header.bg-zinc-950 .text-zinc-200, html.light-mode aside.bg-zinc-950 .text-zinc-200 { color: #e2e8f0 !important; }

html header.bg-zinc-950 .text-zinc-300, html aside.bg-zinc-950 .text-zinc-300,
html header.bg-zinc-950 .text-zinc-400, html aside.bg-zinc-950 .text-zinc-400,
html header.bg-zinc-950 .text-zinc-500, html aside.bg-zinc-950 .text-zinc-500,
html.light-mode header.bg-zinc-950 .text-zinc-400, html.light-mode aside.bg-zinc-950 .text-zinc-400,
html.light-mode header.bg-zinc-950 .text-zinc-500, html.light-mode aside.bg-zinc-950 .text-zinc-500 { color: #94a3b8 !important; }

html header.bg-zinc-950 .bg-zinc-800, html aside.bg-zinc-950 .bg-zinc-800,
html.light-mode header.bg-zinc-950 .bg-zinc-800, html.light-mode aside.bg-zinc-950 .bg-zinc-800 { background-color: #1e293b !important; }
html header.bg-zinc-950 a:hover, html aside.bg-zinc-950 a:hover { color: #fff !important; }
html aside.bg-zinc-950 .sidebar-item:hover { background: rgba(255,255,255,.06) !important; }
html aside.bg-zinc-950 .sidebar-item.active { background: rgba(59,130,246,.18) !important; }
html aside.bg-zinc-950 .sidebar-item.active span,
html aside.bg-zinc-950 .sidebar-item.active svg { color: #93c5fd !important; }

/* --- карточки и панели: тонкая рамка, лёгкая тень, без «пузырей» --- */
.card, .dealtabs, .stat-card {
  border: 1px solid #dbe2ea !important;
  box-shadow: 0 1px 1px rgba(15,23,42,.04) !important;
}

/* --- поля ввода --- */
input, select, textarea, .ed { border-color: #cbd5e1 !important; }
input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 2px rgba(37,99,235,.25) !important; }

/* --- таблица сделок: плотнее и спокойнее --- */
table td { padding-top: 7px !important; padding-bottom: 7px !important; }
table th { font-size: 10px !important; letter-spacing: .05em; }
.deal-row:hover td { background: #f1f5f9 !important; }

/* --- бейджи стадий: спокойный фон, цветной текст, без мигания --- */
.badge {
  padding: 3px 9px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
html .badge.stage-clarify {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1px solid #fecaca !important;
  animation: none !important;
}

/* --- кнопки в строках списка: строгие, не кричащие --- */
html .deal-row button.bg-amber-500,
html .deal-row button.bg-amber-600 {
  background: #fff !important;
  color: #b45309 !important;
  border: 1px solid #fcd34d !important;
  font-weight: 600 !important;
}
html .deal-row button.bg-amber-500:hover,
html .deal-row button.bg-amber-600:hover { background: #fffbeb !important; }

button, .btn, .abtn, .sgo, .vtab, .dtab { letter-spacing: 0; }


/* --- боковое меню: все пункты одного цвета (у «Запроса ставок» не было класса цвета) --- */
html aside .si span,
html aside .sidebar-item span { color:#94a3b8 !important; font-weight:400 !important; }
html aside .si svg,
html aside .sidebar-item svg { color:#94a3b8 !important; }
html aside .si:hover span, html aside .si:hover svg,
html aside .sidebar-item:hover span, html aside .sidebar-item:hover svg { color:#e2e8f0 !important; }
html aside .si.active span, html aside .si.active svg,
html aside .sidebar-item.active span, html aside .sidebar-item.active svg { color:#93c5fd !important; font-weight:600 !important; }
