/* 烘干记录（D-92）：录入表单、派生值芯片、按塔 / 趋势 / 异常表的补充样式。
   基础表格、工具栏、分页沿用 payments.css / app.css 的 lz-* 与 pay-* 类。 */
.dryer-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 16px;
  padding: 6px 2px 12px;
}
.dryer-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  color: var(--muted, #5b6770);
}
.dryer-field > span { display: inline-flex; align-items: center; gap: 2px; }
.dryer-field input,
.dryer-field select {
  height: 36px;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid #d5dde3;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  color: #25343c;
}
.dryer-field input:focus,
.dryer-field select:focus { outline: 2px solid #9bc4d4; outline-offset: 1px; border-color: #7fa9ba; }
.dryer-field input[readonly] { background: #f4f6f7; }
.dryer-wide { grid-column: span 2; }
.dryer-req { color: #b03325; font-weight: 600; }

.dryer-derived {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 4px 0 10px;
}
.dryer-chip {
  min-width: 132px;
  padding: 8px 12px;
  border: 1px solid #e1e8ec;
  border-radius: 10px;
  background: #fbfcfd;
}
.dryer-chip span { display: block; font-size: 11px; color: #6b7780; }
.dryer-chip b { font-size: 15px; color: #25343c; }
.dryer-chip.is-ok b { color: #1e7b4f; }
.dryer-chip.is-warn b { color: #b7791f; }
.dryer-chip.is-bad b { color: #b03325; }

.dryer-actions { display: flex; align-items: center; gap: 10px; }
.dryer-note {
  margin: 2px 0 4px;
  font-size: 12px;
  line-height: 1.7;
  color: #6b7780;
}

.dryer-inline { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #5b6770; }
.dryer-inline select {
  height: 32px;
  padding: 0 8px;
  border: 1px solid #d5dde3;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  color: #25343c;
}
.dryer-quicks { display: inline-flex; gap: 4px; margin-left: 2px; }
.lz-btn.dryer-quick.on,
.lz-btn.dryer-quick.on:hover { background: #12303c; border-color: #12303c; color: #fff; }

.dryer-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 4px 0 8px;
}
.dryer-kpi {
  padding: 10px 12px;
  border: 1px solid #e3e9ed;
  border-radius: 10px;
  background: #fbfcfd;
}
.dryer-kpi span { display: block; font-size: 11px; color: #6b7780; }
.dryer-kpi b { font-size: 17px; color: #25343c; }
.dryer-kpi.is-ok b { color: #1e7b4f; }
.dryer-kpi.is-warn b { color: #b7791f; }
.dryer-kpi.is-bad b { color: #b03325; }

.lz-table td.is-ok { color: #1e7b4f; }
.lz-table td.is-warn { color: #b7791f; }
.lz-table td.is-bad { color: #b03325; }

.dryer-group { margin-left: auto; display: inline-flex; gap: 4px; }
.dryer-group .lz-btn.on { background: #12303c; border-color: #12303c; color: #fff; }

.dryer-meta th { width: 32%; text-align: left; font-weight: 500; color: #6b7780; }
.dryer-meta td { color: #25343c; }

.dryer-confirm { margin: 4px 0; line-height: 1.8; color: #3c4a52; }

@media (max-width: 1100px) {
  .dryer-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dryer-wide { grid-column: span 2; }
  .dryer-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .dryer-form { grid-template-columns: 1fr; }
  .dryer-wide { grid-column: auto; }
  .dryer-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dryer-quicks { flex-wrap: wrap; }
}