/* «Расчёт паллетомест» — справочник номенклатуры и параметры (07.10.2026).
   Только раскладка: цвета, поля ввода, пилюли и таблица — общие стили сайта. */
.pm-head .thrange{margin-left:0}
.pm-body{display:flex;flex-direction:column;gap:12px}
/* содержимое блока отступает от рамки на 14 px — как тела блоков в остальных разделах */
.pm-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 8px;padding:0 14px}
.pm-search{flex:1 1 280px;max-width:420px}
.pm-count{color:var(--text-2);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pm-table .tablewrap{max-height:70vh;overflow:auto}
/* название и «что проверить» переносятся, числа — нет */
.pm-table td:first-child,.pm-table td:last-child{white-space:normal}
/* ширины столбцов задаёт таблица, а не длина заголовков: иначе «Что проверить» сжималась */
/* уже 940 px заголовки чисел не помещаются: таблица прокручивается вбок внутри блока */
.pm-table table{table-layout:fixed;width:100%;min-width:940px}
/* общее правило блоков держит заголовки чисел в одну строку — здесь они переносятся */
.pm-table .tablewrap>table>thead>tr>th{white-space:normal;line-height:1.25;vertical-align:bottom}
.pm-kod{color:var(--text-2);font-size:11px;margin-top:2px}
.pm-dosch{border-bottom:1px dotted var(--text-2);cursor:help}
.pm-net{color:var(--loss);font-size:12px;line-height:1.3}
.pm-flag{color:var(--mid);font-size:12px;line-height:1.3}
.pm-net+.pm-flag,.pm-flag+.pm-flag{margin-top:3px}
.pm-empty{padding:14px;color:var(--text-2);font-size:13px}
.pm-more{padding:8px 14px 10px;color:var(--text-2);font-size:12px}
.pm-form{display:grid;gap:8px;max-width:548px;padding:12px 14px 14px;box-sizing:border-box}
.pm-row{display:grid;grid-template-columns:1fr 110px 28px;align-items:center;gap:10px;font-size:13px;color:var(--text-1)}
.pm-inp{text-align:right}
.pm-inp:disabled{color:var(--text-2)}
.pm-unit{color:var(--text-2)}
.pm-form .btn{justify-self:start;margin-top:6px}
.pm-row-check .pm-check{justify-self:end;width:18px;height:18px;accent-color:var(--accent);margin:0}
/* Расчёт: таблицы с переносом текста, числа в одну строку */
.pm-rt .tablewrap td:not(.r){white-space:normal}
/* первый столбец здесь — номер места или строки: общие 200 px для названий ему ни к чему */
.pm-rt .tablewrap>table>thead>tr>th:first-child,.pm-rt .tablewrap>table>tbody>tr>td:first-child{min-width:0}
.pm-rt .tablewrap>table>thead>tr>th{white-space:normal;line-height:1.25;vertical-align:bottom}
.pm-yh{font-weight:600;color:var(--text-1);margin-bottom:2px}
.pm-yl{font-size:12px;line-height:1.35;color:var(--text-1)}
.pm-dim{color:var(--text-3)}
.pm-warn{margin:8px 14px 12px;color:var(--mid);font-size:13px}
.pm-sostav>summary{cursor:pointer;font-size:12px;color:var(--text-2);list-style-position:inside}
.pm-sostav>summary:hover{color:var(--text-1)}
.pm-sostav[open]>summary{margin-bottom:2px}
.pm-stroki>summary{cursor:pointer;padding:10px 14px;font-size:13px;color:var(--text-2)}
.pm-stroki>summary:hover{color:var(--text-1)}
.pm-stroki>summary:focus-visible,.pm-sostav>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* на узком экране таблицы расчёта прокручиваются вбок, а не сжимаются */
@media (max-width:760px){
  .pm-rt .tablewrap>table{min-width:680px}
  /* раскладка — четыре столбца: по правилу сайта такие таблицы помещаются в экран;
     доли столбцов задаём сами, иначе номер места сжимался до 26 px */
  .pm-rt-mesta col:nth-child(1){width:9%!important}
  .pm-rt-mesta col:nth-child(2),.pm-rt-mesta col:nth-child(3){width:36%!important}
  .pm-rt-mesta col:nth-child(4){width:19%!important}
  .pm-rt.pm-rt-mesta .tablewrap>table>thead>tr>th.r{white-space:normal}
}
@media (max-width:640px){
  .pm-row{grid-template-columns:1fr 96px 26px}
  .pm-search{max-width:none}
}
/* пять плашек в ряд на телефоне не читаются: итог сверху на всю ширину, под ним две пары */
@media (max-width:560px){
  .pm-body .bento.c5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-body .bento.c5>.bx:first-child{grid-column:1/-1}
}