/**
 * Shared inline styles для admin pages.
 *
 * **Divergent local overrides — НЕ унифицировать:**
 * - `frontend/src/app/admin/leads/page.tsx` — local `th` (padding "10px 12px",
 *   color "#374151"), local `td` (verticalAlign "top"), local `inputStyle`
 *   (fontSize 13, minWidth 160). Cause: разная плотность UI на leads dashboard.
 * - `frontend/src/components/admin/BulkGeoPanel.tsx` — local `labelStyle` без
 *   `display: block` и `marginBottom`. Cause: labels на <span> внутри строки,
 *   block-display и margin сломали бы inline layout.
 *
 * При добавлении новой admin page — сначала проверь что shared values fit
 * перед introducing local override.
 */
import type { CSSProperties } from "react";

export const cardStyle: CSSProperties = {
  background: "#fff",
  border: "1px solid #e6e8ec",
  borderRadius: 12,
  padding: 20,
};

export const labelStyle: CSSProperties = {
  display: "block",
  fontSize: 12,
  color: "#5b6066",
  marginBottom: 4,
  textTransform: "uppercase",
  letterSpacing: 0.4,
};

export const inputStyle: CSSProperties = {
  padding: "8px 10px",
  border: "1px solid #d1d5db",
  borderRadius: 6,
  fontSize: 14,
  width: "100%",
  boxSizing: "border-box",
};

export const th: CSSProperties = {
  padding: "8px 10px",
  textAlign: "left",
  fontWeight: 600,
  borderBottom: "1px solid #e6e8ec",
};

export const td: CSSProperties = { padding: "8px 10px" };