*{box-sizing:border-box;margin:0;padding:0}
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
  }
  html,body{height:100%}
  body{
    font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
    color:var(--text-primary); font-size:15px; line-height:20px;
    background:var(--surface-ground); min-width:1360px; overflow:hidden;
  }
  button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
  /* В статическом прототипе навигация — настоящие ссылки (вкладки, срезы, пейджер,
     ссылки в ячейках). Подчёркивание и синий цвет браузера убираем: внешний вид
     задают компоненты, как и у кнопок. */
  a{color:inherit;text-decoration:none}
  .ic{display:block;flex:none}
  /* авторский display (flex/grid у кнопок, table-row у строк) перебивал бы
     атрибут hidden — одно общее правило вместо точечных костылей в организмах */
  [hidden]{display:none !important}
  /* ── тонкие скроллбары прокручиваемых панелей ──
     Один рецепт на панели «Меню» и «Операции», меню продуктов и карточку записи:
     дорожка прозрачна, ползунок проявляется при наведении на контейнер. */
  .inner-scroll::-webkit-scrollbar,.rp-scroll::-webkit-scrollbar,
  .menu-scroll::-webkit-scrollbar,.card-page::-webkit-scrollbar{width:6px}
  .inner-scroll::-webkit-scrollbar-track,.rp-scroll::-webkit-scrollbar-track,
  .menu-scroll::-webkit-scrollbar-track,.card-page::-webkit-scrollbar-track{background:transparent}
  .inner-scroll::-webkit-scrollbar-thumb,.rp-scroll::-webkit-scrollbar-thumb,
  .menu-scroll::-webkit-scrollbar-thumb,.card-page::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}
  .inner-nav:hover .inner-scroll::-webkit-scrollbar-thumb,
  .right-panel:hover .rp-scroll::-webkit-scrollbar-thumb,
  .menu:hover .menu-scroll::-webkit-scrollbar-thumb,
  .card-page:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}
  /* доступно скринридеру и с клавиатуры, но невидимо: переключатели панелей
     (см. organisms/workspace.css — сворачивание сделано на CSS, без скриптов) */
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .icon24{width:24px;height:24px;display:grid;place-items:center;flex:none}