/* Компьютерный вид для страниц, которые рисовались под ТСД (правило 28.09:
   «интерфейс для ПК должен оставаться для ПК и никак не копироваться для ТСД»).

   Включается только когда страницу открыли с компьютера — мышь и широкий экран,
   класс `pc` ставит static/pc.js. На терминале ничего не меняется: там остаётся
   тёмный крупный экран под сканер.

   Цвета те же, что на пульте /wms/new: светлое поле, тёмно-синяя панель разделов,
   оранжевый акцент. */

/* Включается самим браузером — ни скрипта, ни мигания: правило 28.09
   «тема всегда должна быть одного цвета, начиная переключаться она чернеет».
   Мышь и широкий экран бывают только у компьютера; терминал сюда не попадает. */
@media (pointer: fine) and (min-width: 1000px) {
  html, body {
    background: #eef1f5 !important;
    color: #141824 !important;
    font: 15px/1.5 -apple-system, system-ui, "Segoe UI", Roboto, sans-serif !important;
  }

  /* Боковая панель разделов — её рисует pc.js */
  .pcside {
    position: fixed; top: 0; left: 0; bottom: 0; width: 232px; overflow-y: auto;
    background: #14213a; color: #dce4f0; padding: 18px 0; z-index: 40;
  }
  .pcside .logo {
    display: flex; align-items: center; gap: 10px; padding: 0 18px 16px;
    font-size: 16px; font-weight: 600; color: #fff;
  }
  .pcside .logo i {
    width: 30px; height: 30px; border-radius: 8px; background: #d97757; color: #14213a;
    display: grid; place-items: center; font-style: normal; font-weight: 700;
  }
  .pcside .grp { padding: 14px 18px 6px; font-size: 11.5px; letter-spacing: .08em;
    text-transform: uppercase; color: #7f92b4; }
  .pcside a {
    display: block; padding: 9px 18px; color: #c6d2e6; text-decoration: none; font-size: 14.5px;
  }
  .pcside a:hover { background: #1b2c4c; color: #fff; }
  .pcside a.on { background: #1f3357; color: #fff; font-weight: 600;
    border-left: 3px solid #d97757; padding-left: 15px; }

  /* Рабочее поле справа от панели */
  body > *:not(.pcside):not(script):not(style) { margin-left: 232px; }
  .wrap, .screen, .choice { max-width: 980px; margin-left: 260px !important;
    margin-right: auto; padding: 18px 22px !important; }
  /* Табель — таблица во всю ширину, её нельзя сжимать до 980 точек. */
  .wrap.wide { max-width: none !important; margin-left: 252px !important; margin-right: 12px !important; }

  /* Шапка страницы — белая полоса вместо тёмной */
  header {
    background: #fff !important; color: #141824 !important; border-bottom: 1px solid #dbe1ea;
    padding: 0 22px !important; height: 60px; display: flex; align-items: center;
    justify-content: space-between; font-size: 15px !important; margin-left: 232px;
  }
  header a { color: #1a57c4 !important; text-decoration: none; }

  /* Текст и карточки: обычный размер, светлые плашки — экран ТСД крупный, монитор нет */
  .screen .step, .screen .step.big {
    font-size: 13px !important; font-weight: 600 !important; color: #64748b !important;
    letter-spacing: .06em; text-transform: uppercase;
  }
  .todo { font-size: 20px !important; font-weight: 600 !important; color: #141824 !important;
    margin: 2px 0 14px !important; }
  .cell { font-size: 26px !important; color: #141824 !important; }
  .total { font-size: 15px !important; color: #4a5568 !important; }
  .total b { font-size: 19px !important; color: #141824 !important; }
  .hint { color: #64748b !important; font-size: 13.5px !important; }

  .line, .card, .box, .row {
    background: #fff !important; color: #141824 !important;
    border: 1px solid #dbe1ea !important; border-radius: 10px !important;
  }
  .line .n, .card .what { color: #141824 !important; font-size: 15px !important; }
  .line .c, .card .meta { color: #64748b !important; }
  .line .q { font-size: 18px !important; color: #141824 !important; }
  .card .art { font-size: 20px !important; color: #141824 !important; }
  .card .size { background: #14213a !important; color: #fff !important; font-size: 17px !important; }
  .card .gtin { color: #1d7a44 !important; }

  .await {
    background: #fdf3e2 !important; color: #6f4a0f !important; border: 1px solid #ecd4a4 !important;
    font-size: 16px !important; font-weight: 600 !important;
  }
  .await b { color: #6f4a0f !important; }
  .msg { font-size: 16px !important; }

  /* Кнопки — обычные, в ряд, а не во всю ширину экрана */
  button, .freebtn, .choice a {
    width: auto !important; display: inline-block !important; font-size: 14.5px !important;
    padding: 9px 18px !important; border-radius: 8px !important; margin: 8px 8px 0 0 !important;
    font-weight: 600 !important;
  }
  button { background: #e7ebf2 !important; color: #141824 !important;
    border: 1px solid #cfd8e6 !important; cursor: pointer; }
  button:hover { background: #dde3ec !important; }
  button.main { background: #1d7a44 !important; color: #fff !important; border: 0 !important; }
  button.warn { background: #fdf3e2 !important; color: #6f4a0f !important;
    border: 1px solid #ecd4a4 !important; }
  button.armed { background: #a3302a !important; color: #fff !important; border: 0 !important; }
  button.pick { background: #fff !important; color: #141824 !important; }
  .choice a { background: #fff !important; color: #141824 !important;
    border: 1px solid #dbe1ea !important; }
  .choice a span { color: #64748b !important; }

  /* Плашки, которые на ТСД тёмные: итоги, вкладки, строки истории, подсказки */
  h1, h2, h3 { color: #141824 !important; }
  .sum div, .people, .tabs a, .stat, .tile, .zone {
    background: #fff !important; color: #141824 !important; border: 1px solid #dbe1ea !important;
  }
  .tabs a { color: #46536b !important; }
  .tabs a.on { background: #14213a !important; color: #fff !important; border-color: #14213a !important; }
  .sum b, .cells, .item, .pcs { color: #141824 !important; }
  .sum span, .time, .doc, .item .bc, .none {
    color: #64748b !important;
  }
  .people b { color: #1d7a44 !important; }
  .tag.move { background: #e8eefb !important; color: #1a3f7d !important; }
  .tag.loss { background: #fdeceb !important; color: #7d2420 !important; }
  .tag.gain { background: #e8f5ec !important; color: #14532d !important; }
  .loss .cells { color: #a3302a !important; }
  .gain .cells { color: #1d7a44 !important; }

  /* «Что в ячейке»: содержимое и история */
  .item, .ev, .plan, .sum, .empty {
    background: #fff !important; color: #141824 !important;
    border: 1px solid #dbe1ea !important; border-radius: 10px !important;
  }
  .sum { display: inline-block; padding: 6px 12px !important; font-size: 15px !important; }
  .empty { color: #7d2420 !important; background: #fdeceb !important;
    border-color: #f0bdb9 !important; font-size: 16px !important; }
  .empty.small { color: #64748b !important; background: #fff !important;
    border-color: #dbe1ea !important; }
  .plan { color: #6f4a0f !important; background: #fdf3e2 !important;
    border-color: #ecd4a4 !important; }
  .item .n { color: #141824 !important; } .item .bc { color: #64748b !important; }
  .item .q { color: #141824 !important; }
  .ev-what { color: #141824 !important; }
  .ev-when, .ev-bot, .ev-was { color: #64748b !important; }
  .ev-line { color: #46536b !important; }
  .ev-qty { color: #141824 !important; }
  a.inv { display: inline-block !important; background: #1d7a44 !important; color: #fff !important;
    padding: 9px 18px !important; border-radius: 8px !important; margin: 10px 0 !important;
    font-size: 14.5px !important; }
  .story-h { margin-top: 22px !important; }

  /* «Задания на сборку»: страница была тёмно-фиолетовой посреди светлого сайта
     (правило 28.09 «цветовая палитра отврат»). Приводим к общему виду. */
  .step, .doc, .list, .empty, .row, .grid > div {
    background: #fff !important; color: #141824 !important;
    border: 1px solid #dbe1ea !important; border-radius: 12px !important;
  }
  .step .name, .city, .numrow, h1, h2 { color: #141824 !important; }
  /* Колонки «Заданий на сборку»: одинаковая высота, кнопки на одном уровне внизу. */
  .steps { align-items: stretch !important; }
  .step { display: flex !important; flex-direction: column !important; }
  .step form, .step .pair { margin-top: auto !important; }
  .step .why { min-height: 0 !important; }
  .cnt { color: #141824 !important; font-weight: 600 !important; }
  .names { color: #64748b !important; }
  .sub, .why, .total, .names, .cnt, .pick { color: #64748b !important; }
  .num { background: #14213a !important; color: #fff !important; }
  .hist { border-top: 1px solid #e7ebf2 !important; }
  .ok { background: #f2fbf6 !important; color: #14532d !important; border: 1px solid #bfe3cd !important; }
  .err { background: #fdeceb !important; color: #7d2420 !important; border: 1px solid #f0bdb9 !important; }
  .mark { background: #fdf3e2 !important; color: #6f4a0f !important; }
  .steps { gap: 14px !important; }
  input[type="number"], input[type="text"], select, textarea {
    background: #fff !important; color: #141824 !important; border: 1px solid #cfd8e6 !important;
  }
  a.btn, .pair a, .pair button { background: #e7ebf2 !important; color: #141824 !important;
    border: 1px solid #cfd8e6 !important; }

  /* Сборка ФБС: карточки поставок и плитки зон в светлом виде (правило 28.09
     «погружаясь внутрь, очень плохие цвета и неудобно, разделение странное»). */
  .supply, .zone {
    background: #fff !important; color: #141824 !important;
    border: 1px solid #dbe1ea !important; border-radius: 12px !important;
  }
  .supply { padding: 14px 16px !important; margin-bottom: 10px !important; }
  .supply .t { color: #141824 !important; font-size: 17px !important; }
  .supply .stoit, .supply small, .zone small { color: #64748b !important; }
  .supply.busy, .zone.busy { border-left: 4px solid #1d7a44 !important; }
  .supply.sleep { background: #f7f9fc !important; opacity: 1 !important; }
  .supply.sleep .t { color: #64748b !important; }
  .supply.done { opacity: 1 !important; background: #f7f9fc !important; }
  .zone { padding: 12px 14px !important; }
  .zone.taken { border-left: 4px solid #d97757 !important; }
  .zone.alldone { opacity: 1 !important; background: #f2fbf6 !important;
    border-color: #bfe3cd !important; }
  .zone.lost { background: #fdeceb !important; border-color: #f0bdb9 !important; }
  .zone.inv { background: #fdf3e2 !important; border-color: #ecd4a4 !important; }
  .zone .n, .zone b { color: #141824 !important; }
  .zone.empty .n { color: #94a3b8 !important; }
  /* Зоны в ряд, а не узкой лентой: на мониторе места хватает. */
  .zones { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
    gap: 10px !important; }

  /* «Свободные ячейки» на компьютере были чёрным пятном (правило 28.09) */
  .floors button, .cells button, .pal, .cnt, .none, .sub { color: #141824 !important; }
  .floors button, .cells button { background: #fff !important; border: 1px solid #cfd8e6 !important; }
  .floors button.on, .cells button.on { background: #14213a !important; color: #fff !important; }
  .card, .pal, .cnt { background: #fff !important; }
  .card { border: 1px solid #dbe1ea !important; }
  .none { color: #6f4a0f !important; background: #fdf3e2 !important; border: 1px solid #ecd4a4 !important;
    border-radius: 10px !important; padding: 10px 12px !important; }
  .sub { color: #64748b !important; }
  button.print { background: #1d7a44 !important; color: #fff !important; border: 0 !important; }

  /* Итоги и таблицы «что приняли / что двигали» */
  .goods { background: #fff !important; border: 1px solid #dbe1ea !important;
    border-radius: 10px !important; }
  .goods summary { color: #141824 !important; }
  .goods th { color: #46536b !important; }
  .goods td { border-top: 1px solid #e3e6ec !important; color: #141824 !important; }
  .goods td.bc { color: #64748b !important; }

  /* Таблицы в светлом поле */
  table { background: #fff !important; }
  th { background: #e7ebf2 !important; color: #46536b !important; }
  td, th { border-bottom: 1px solid #e3e6ec !important; }

  /* Кнопка экранной клавиатуры на компьютере не нужна */
  .kbdbtn, #kbdbtn { display: none !important; }
}