/* Тема «ПилотМаркет» — по мотивам pilot23.ru: темно-синий + красный, светлый серый фон. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap");

:root {
  --bg: #f4f5f6;
  --surface: #ffffff;
  --text: #153653;
  --muted: #64798a;
  --border: #dce3e9;
  --accent: #c93c49;
  --accent-text: #ffffff;
  --accent-dark: #ad2838;
  --navy: #153653;
  --navy-2: #234765;
  --danger: #b52d3f;
  --ok-bg: #e4f3ea;
  --ok-text: #1d6b3f;
  --off-bg: #fbe7e9;
  --off-text: #932438;
  --info-bg: #e7eef5;
  --warn-bg: #fdf1dc;
  --warn-text: #8a5600;
  --mine-bg: #e7eef5;
  --radius: 10px;
  --topbar-h: 60px;
  color-scheme: light;
}

body { font-family: -apple-system, "Segoe UI", Roboto, Arial, Helvetica, sans-serif; }
h1, h2, .brand-name, .chat-title h2 { font-family: "Montserrat", Arial, sans-serif; font-weight: 700; color: var(--navy); }
a { color: #124f91; }

/* Шапка — темно-синяя, как у ПилотМаркета */
.topbar { background: var(--navy); border-bottom: 3px solid var(--accent); padding: .7rem 1.25rem; }
.topbar .brand { display: flex; align-items: baseline; gap: .6rem; color: #fff; text-decoration: none; }
.brand-name { font-size: 1.25rem; font-weight: 800; letter-spacing: -.01em; color: #fff; }
.brand-name::first-letter { color: var(--accent); }
.brand-app { font-size: .8rem; color: #a9bccc; font-weight: 500; }
.topbar nav a, .topbar button.link { color: #dce3e9; font-weight: 600; text-transform: uppercase; font-size: .82rem; letter-spacing: .03em; }
.topbar nav a:hover, .topbar button.link:hover { color: #fff; text-decoration: none; }
.topbar nav a.current { color: #fff; box-shadow: inset 0 -2px 0 var(--accent); padding-bottom: .2rem; }

/* Вход */
.login-brand { text-align: center; margin-bottom: 1.2rem; display: flex; flex-direction: column; align-items: center; gap: .2rem; }
.login-brand .brand-name { font-size: 2rem; color: var(--navy); }
.login-brand .brand-app { color: var(--muted); font-size: .95rem; }
.container.narrow .card { border-top: 4px solid var(--accent); box-shadow: 0 8px 24px rgba(21, 54, 83, .08); }

/* Кнопки — красные, как «В корзину» */
.btn { border-radius: 8px; font-weight: 600; }
.btn.primary { background: var(--accent); border-color: var(--accent); }
.btn.primary:hover { background: var(--accent-dark); border-color: var(--accent-dark); filter: none; }
.btn:not(.primary):not(.link):hover { border-color: var(--navy); color: var(--navy); }

.card, .table-wrap, .remark, .empty, .onec-box { box-shadow: 0 2px 8px rgba(21, 54, 83, .05); }
.table th { color: var(--navy-2); background: #f5f6f7; }

/* Чат */
.chat-side { background: var(--surface); }
.side-head { background: #f5f6f7; }
.conv.current { border-left-color: var(--accent); background: #f0f3f6; }
.unread, .pager .current, .chip.active { background: var(--accent); border-color: var(--accent); }
.chat-head { box-shadow: 0 1px 0 var(--border); }
.remark { border-left-color: var(--accent); }
.remark[data-status="in_work"] { border-left-color: #124f91; }
.remark[data-status="done"] { border-left-color: #2e8b57; }
.badge.admin { background: var(--navy); color: #fff; }
.messages.flat .msg.mine { background: var(--mine-bg); border-color: #c9d6e2; }