/* Бренд-система «Эксперт Тулс» (ex-tools.ru) — извлечена с сайта 2026-06-11.
   Акцент #d70606, текст #2e2e2e, светлые поверхности, шрифт Inter.
   Подключать на каждой странице: <link rel="stylesheet" href="/brand.css">
   + <link rel="icon" href="/brand/favicon.png">. Цвета — только через переменные. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{
  --brand:#d70606;          /* фирменный красный */
  --brand-dark:#b00505;     /* hover/нажатие */
  --brand-soft:#fdeaea;     /* мягкий красный фон (бейджи/выделение) */
  --ink:#2e2e2e;            /* основной текст */
  --muted:#6b7280;          /* вторичный текст */
  --bg:#ffffff;            /* фон страницы */
  --surface:#f7f7f7;        /* карточки/панели */
  --surface-2:#fbfbfb;      /* чуть светлее */
  --line:#ebebeb;          /* границы/разделители */
  --ok:#15a34a;            /* успех/в наличии */
  --danger:#dc2626;         /* ошибка/нет */
  --warn:#d97706;          /* предупреждение */
  --radius:10px;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
}

*{box-sizing:border-box}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);margin:0;line-height:1.45}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:22px;font-weight:700;margin:0 0 12px}
h2{font-size:17px;font-weight:600;margin:0 0 8px}
.muted{color:var(--muted)}
.err{color:var(--danger)}

/* Шапка-навигация с лого */
.nav{display:flex;align-items:center;gap:18px;padding:0 0 14px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--ink)}
.nav .brand img{width:30px;height:30px;border-radius:7px}
.nav a{color:var(--muted);font-weight:500;text-decoration:none}
.nav a:hover{color:var(--ink)}
.nav a.active{color:var(--brand)}
.nav .logout{margin-left:auto}

/* Кнопки */
button,.btn{font:inherit;padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;transition:.12s}
button:hover,.btn:hover{border-color:#d6d6d6;background:var(--surface)}
button.primary,.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
button.primary:hover,.btn.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
button.preset{padding:6px 11px}
button.preset.active{background:var(--brand);border-color:var(--brand);color:#fff}

/* Поля ввода */
input,select,textarea{font:inherit;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
textarea{width:100%;resize:vertical}
label.fld{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}

/* Карточки/панели */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}

/* Таблицы */
table{width:100%;border-collapse:collapse}
th{font-size:12px;font-weight:600;color:var(--muted);text-align:left;padding:10px;border-bottom:1px solid var(--line)}
td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
tbody tr[data-id]{cursor:pointer}
tbody tr[data-id]:hover{background:var(--surface)}
.price{font-weight:600;white-space:nowrap}

/* Бейджи */
.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}
.b-gray{background:var(--surface);color:var(--muted);border:1px solid var(--line)}
.b-red{background:var(--brand-soft);color:var(--brand)}
.b-blue{background:#eaf1fd;color:#1d4ed8}
.b-green{background:#e7f6ec;color:var(--ok)}
.b-amber{background:#fdf1e3;color:var(--warn)}
.in{color:var(--ok)}.out{color:var(--danger)}.neg{color:var(--danger)}
.strike{text-decoration:line-through;color:var(--muted);font-size:12px}
.overdue{color:var(--danger)}
/* Печать внутренних страниц: навигация (включая «Выйти») на бумаге не нужна */
@media print{.nav{display:none}}