/* Общее для кабинета курьера: шрифты и палитра ship-shop.ru.
   Токены взяты из CSS-переменных темы Аспро (--co-accent, --co-text, --co-muted,
   --co-border, --border-radius), шрифт - тот же Chiron GoRound TC, сабсет
   cyrillic+latin. Файлы лежат рядом: сайт отдаёт woff2 без CORS, да и зависеть
   от его доступности кабинету незачем. */
@font-face { font-family: 'Chiron GoRound TC'; font-style: normal; font-weight: 400;
  font-display: swap; src: url('fonts/chiron-goround-tc-400.woff2?v=2') format('woff2'); }
@font-face { font-family: 'Chiron GoRound TC'; font-style: normal; font-weight: 500;
  font-display: swap; src: url('fonts/chiron-goround-tc-500.woff2?v=2') format('woff2'); }
@font-face { font-family: 'Chiron GoRound TC'; font-style: normal; font-weight: 600;
  font-display: swap; src: url('fonts/chiron-goround-tc-600.woff2?v=2') format('woff2'); }
@font-face { font-family: 'Chiron GoRound TC'; font-style: normal; font-weight: 700;
  font-display: swap; src: url('fonts/chiron-goround-tc-700.woff2?v=2') format('woff2'); }

:root {
  --font: 'Chiron GoRound TC', Inter, Arial, sans-serif;
  --accent: #E8A2E1;        /* --co-accent с сайта */
  --accent-hover: #D987D1;  /* --co-accent-hover */
  --accent-soft: #F7D9F3;   /* --co-accent-soft */
  --text: #1A1A1A;          /* --co-text */
  --muted: #8A8A8A;         /* --co-muted */
  --line: #ECECEC;          /* --co-border */
  --line-strong: #D0D0D0;   /* --co-border-hover */
  --green: #33BB11;         /* зелёный сайта, «в наличии» */
  --green-soft: #EAF8E6;
  --bg: #F3F5F9;            /* фон блоков на сайте */
  --card: #FFFFFF;
  --radius: 8px;
}
/* Ночью курьер тоже возит: развозка идёт до 01:00. Палитра та же, фон инвертирован. */
@media (prefers-color-scheme: dark) {
  :root {
    --text: #F3F0F5; --muted: #9C95A3; --line: #332E38; --line-strong: #473F4D;
    --bg: #17151A; --card: #221F26; --accent-soft: #3A2639; --green-soft: #1B2F14;
  }
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font: 16px/1.45 var(--font);
}

/* Кнопки: минимум 54px, палец и перчатка. Текст тёмный - белый по фирменному
   розовому даёт контраст 2:1, на солнце такую кнопку не прочитать. */
.btn {
  display: flex; align-items: center; justify-content: center;
  width: 100%; min-height: 54px; border: 0; border-radius: var(--radius);
  font: inherit; font-size: 17px; font-weight: 700; color: #1A1A1A;
  background: var(--accent); cursor: pointer; text-decoration: none;
}
.btn:active { background: var(--accent-hover); }
.btn:disabled { opacity: .55; }

/* Нижняя панель. Две вкладки и всё: заказы и деньги - больше курьеру на ходу
   ничего не нужно, а каждый лишний пункт здесь это лишнее решение на бегу. */
.tabbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;
  display: flex; background: var(--card); border-top: 1px solid var(--line);
  padding-bottom: env(safe-area-inset-bottom);
}
.tabbar a {
  flex: 1; text-align: center; padding: 12px 4px 13px; text-decoration: none;
  font-size: 14px; font-weight: 600; color: var(--muted);
  border-top: 2px solid transparent; margin-top: -1px;
}
.tabbar a.active { color: var(--text); border-top-color: var(--accent); }