/* ЕДИНЫЙ ИСТОЧНИК ЦВЕТА для всех инструментов проекта (assortment, ozon, orders, delivery, sales).
   Канон MARSRIVA v2. Правка ЗДЕСЬ меняет цвет во всех инструментах сразу.
   Синий (Innovation Blue #409EFF) удалён из бренда — не использовать.
   Смена схемы/логотипа: этот файл + design-system/tokens.json + blueprint/brands/marsriva/. */
:root {
  /* канон бренда */
  --mr-teal:        #00A6A1;
  --mr-teal-dark:   #008A85;
  --mr-teal-light:  #E6F7F6;
  --mr-dark:        #222A35;
  --mr-body:        #595757;
  --mr-muted:       #9FA0A0;
  --mr-silver:      #AFB5B8;
  --mr-gold:        #E0A865;
  --mr-border:      #DCDDDD;
  --mr-bg:          #f4f4f5;
  --mr-white:       #FFFFFF;
  --mr-success:     #28a745;
  --mr-danger:      #D71618;
  --mr-warning:     #E0A865;

  /* алиасы под имена, используемые в инструментах — берут значения из канона выше */
  --accent:         var(--mr-teal);
  --accent-light:   var(--mr-teal-light);
  --accent-dark:    var(--mr-teal-dark);
  --line:           var(--mr-border);
  --muted:          var(--mr-muted);
  --ink:            var(--mr-dark);
  --ink2:           var(--mr-muted);
  --white:          var(--mr-white);
  --bg:             var(--mr-bg);
  --ok:             var(--mr-success);
  --bad:            var(--mr-danger);
  --red:            var(--mr-danger);
  --warn:           var(--mr-gold);
}

/* Навигация между модулями — единый вид во всех панелях.
   Раньше эти правила копировались в каждый HTML, и в новой панели их просто забыли:
   ссылки выглядели голым текстом, а кнопка «Ещё» подхватывала общий стиль кнопок
   и разъезжала (замечание владельца 2026-08-02). Теперь источник один. */
.nav-links { display: inline-flex; gap: 6px; align-items: center; }
.nav-link {
  font-size: 12px; font-weight: 600; text-decoration: none;
  color: var(--ink, #222A35); background: #fff;
  border: 1px solid var(--line, #DCDDDD); border-radius: 7px;
  padding: 4px 12px; line-height: 18px; height: auto; cursor: pointer;
  display: inline-block; white-space: nowrap;
}
.nav-link:hover { background: var(--mr-teal-light, #E6F7F6); border-color: #7FD3D0; color: var(--accent, #00A6A1); }
.nav-link.current { background: var(--mr-teal-light, #E6F7F6); border-color: #7FD3D0; color: var(--accent, #00A6A1); }