/**
 * 木序柜体定制 · 前端补充样式
 * （与主题 style.css 的 .cabinet-form 样式叠加，保证任何主题下可用）
 */
.cabinet-form { margin: 22px 0; padding: 22px; border: 1px solid #e5ded2; border-radius: 14px; background: #f8f4ec; }
.cabinet-form h3 { margin: 0 0 16px; font-size: 17px; }
.cabinet-form .cf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
.cabinet-form .cf-field { display: flex; flex-direction: column; gap: 6px; }
.cabinet-form .cf-field--full { grid-column: 1 / -1; }
.cabinet-form label { font-size: 13px; font-weight: 600; color: #4c463e; }
.cabinet-form select,
.cabinet-form input[type="number"],
.cabinet-form input[type="text"],
.cabinet-form input[type="file"] {
  border: 1px solid #ddd4c6; border-radius: 9px; padding: 9px 11px; font-size: 14px; background: #fff; width: 100%;
}
.cabinet-form .dim-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.cabinet-form .dim-row .unit { position: relative; }
.cabinet-form .dim-row .unit::after { content: attr(data-unit); position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 12px; color: #999; }
.cabinet-form .cf-checks { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.cabinet-form .cf-checks label { font-weight: 400; display: flex; align-items: center; gap: 6px; font-size: 14px; }
.cabinet-estimate {
  margin-top: 16px; padding: 13px 16px; border: 1px dashed #c99e63; border-radius: 11px;
  background: #fff; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;
}
.cabinet-estimate .label { font-size: 13px; color: #8d857a; }
.cabinet-estimate .amount { font-size: 22px; font-weight: 700; color: #7a5a36; }
.cabinet-estimate .hint { width: 100%; font-size: 12px; color: #8d857a; }
@media (max-width: 640px) {
  .cabinet-form .cf-grid, .cabinet-form .dim-row { grid-template-columns: 1fr; }
}