.energy-label-dialog {
  width: min(620px, calc(100vw - 24px));
  max-width: none;
  max-height: min(92dvh, 900px);
  padding: 0;
  border: 1px solid var(--lijn);
  border-radius: 16px;
  background: var(--creme);
  color: var(--sterk-bruin);
  box-shadow: var(--schaduw-zweef);
}
.energy-label-dialog::backdrop { background: rgba(50, 37, 32, .48); }
.energy-label-form { max-height: min(92dvh, 900px); overflow: auto; padding: 20px; }
.energy-label-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.energy-label-head h2 { font-size: 28px; }
.energy-label-close { border: 0; border-radius: 50%; width: 42px; height: 42px; background: var(--wit); color: inherit; font-size: 28px; cursor: pointer; }
.energy-label-current, .energy-label-status { margin: 12px 0; overflow-wrap: anywhere; }
.energy-label-status { min-height: 1.5em; color: var(--sterk-bruin-zacht); }
.energy-label-upload { display: block; padding: 12px; border: 1px dashed var(--sterk-bruin-zacht); border-radius: 12px; background: var(--wit); }
.energy-label-upload input { display: block; width: 100%; margin-top: 8px; font: inherit; font-size: 14px; }
.energy-label-preview { margin: 14px 0; padding: 12px; border-radius: 12px; background: var(--wit); overflow-wrap: anywhere; }
.energy-label-preview p { margin: 8px 0; }
.energy-label-preview ul { margin: 8px 0; padding-left: 22px; }
.energy-label-evidence { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--lijn); }
.energy-label-evidence summary { cursor: pointer; font-weight: 400; }
.energy-label-evidence-content { padding-top: 4px; }
.energy-label-evidence p { font-size: 14px; line-height: 1.4; }
.energy-label-scan { padding: 10px 12px; border-left: 3px solid var(--sterk-goud); background: var(--wit); }
.energy-label-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.energy-label-fields label { display: grid; align-content: start; gap: 5px; min-width: 0; font-weight: 400; }
.energy-label-fields input, .energy-label-fields select { width: 100%; min-width: 0; min-height: 44px; padding: 8px 10px; border: 1px solid var(--lijn); border-radius: 10px; background: var(--wit); color: inherit; font: inherit; font-size: 16px; }
.energy-label-fields input:focus, .energy-label-fields select:focus { outline: 2px solid var(--sterk-goud); outline-offset: 2px; }
.energy-label-confirm { display: flex; align-items: flex-start; gap: 10px; margin: 16px 0; padding: 12px; border-radius: 12px; background: var(--wit); line-height: 1.4; }
.energy-label-confirm input { width: 22px; height: 22px; flex: none; margin: 1px 0 0; accent-color: var(--sterk-terracotta); }
.energy-label-error { padding: 10px 12px; border-radius: 10px; background: #fff0e9; color: #7d321b; }
.energy-label-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 18px; }
.energy-label-actions button { min-height: 44px; padding: 8px 14px; border: 1px solid var(--sterk-bruin); border-radius: 999px; background: transparent; color: var(--sterk-bruin); font: inherit; font-weight: 400; cursor: pointer; }
.energy-label-actions .energy-label-save { border-color: var(--sterk-terracotta); background: var(--sterk-terracotta); color: var(--wit); }
.energy-label-actions .energy-label-delete { margin-right: auto; border-color: var(--lijn); }
@media (max-width: 480px) {
  .energy-label-form { padding: 16px; }
  .energy-label-fields { grid-template-columns: minmax(0, 1fr); }
  .energy-label-actions { justify-content: stretch; }
  .energy-label-actions button { flex: 1 1 auto; }
  .energy-label-actions .energy-label-delete { margin-right: 0; }
}