.template-panel {
  margin: 26px 0;
  padding: 18px;
  border: 1px solid var(--uz-border-neutral);
  border-radius: 4px;
  background: var(--uz-soft);
}

.template-panel h3 {
  margin: 0 0 8px;
  color: var(--uz-text);
  font-family: var(--uz-font-heading);
  font-size: 1.1rem;
  font-weight: 800;
}

.template-panel p { margin-bottom: 14px; color: var(--uz-muted); }
.template-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.upload-group { margin-top: 26px; }
.file-picker { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.file-name { min-width: 0; color: var(--uz-muted); overflow-wrap: anywhere; }
.batch-status { margin-top: -12px; margin-bottom: 26px; }
.batch-preview-wrap { max-height: 390px; overflow: auto; }
.batch-preview-wrap .table { min-width: 820px; font-size: 0.88rem; }
.summary-box { margin-bottom: 12px; color: var(--uz-muted); }
.column-guide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 22px; }
.column-guide div { padding-bottom: 9px; border-bottom: 1px dotted var(--uz-border); }
.column-guide dt { color: var(--uz-text); font-weight: 800; }
.column-guide dd { margin: 2px 0 0; color: var(--uz-muted); }

@media (max-width: 680px) {
  .column-guide { grid-template-columns: 1fr; }
  .template-actions .btn { width: 100%; }
}