/* BauWERK Core · Dialog 0.1.0 — Stile für Hinweis-, Rückfrage- und Eingabefenster.
   Nur Core-Tokens (--bw-*), jeweils mit Ersatzwert, damit das Fenster auch ohne Tokendatei lesbar
   bleibt. Die Leitfarbe kommt aus --bw-color-accent (über data-bw-product am <html>). */
dialog.bw-dialog {
  box-sizing: border-box;
  width: min(480px, calc(100vw - 32px));
  max-width: min(480px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid var(--bw-color-line, #d9dde2);
  border-radius: var(--bw-radius-lg, 12px);
  background: var(--bw-color-surface, #ffffff);
  color: var(--bw-color-text, #171a1d);
  box-shadow: var(--bw-shadow-raised, 0 18px 60px rgb(0 0 0 / 35%));
  font-family: var(--bw-font-ui, system-ui, sans-serif);
  font-size: 14px;
}
dialog.bw-dialog::backdrop { background: rgb(20 24 28 / 45%); }
.bw-dialog__kopf { padding: 14px 20px 0; }
.bw-dialog__titel { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.3; }
.bw-dialog__leib { padding: 12px 20px 4px; max-height: min(70vh, 640px); overflow: auto; }
.bw-dialog__text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; font-size: 15px; }
.bw-dialog__feld {
  display: block; box-sizing: border-box; width: 100%; margin-top: 12px; padding: 7px 10px;
  border: 1px solid var(--bw-color-line, #c4cad1); border-radius: var(--bw-radius-sm, 5px);
  background: var(--bw-color-surface, #fff); color: inherit; font: inherit;
}
.bw-dialog__feld:focus-visible { outline: 2px solid var(--bw-color-accent, #1f5fa8); outline-offset: 1px; }
.bw-dialog__knoepfe {
  display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; padding: 14px 20px 16px;
}
.bw-dialog__knopf {
  min-height: 34px; padding: 6px 16px; border-radius: var(--bw-radius-sm, 6px); cursor: pointer;
  border: 1px solid var(--bw-color-line, #c4cad1); background: var(--bw-color-surface, #fff);
  color: var(--bw-color-text, #171a1d); font: inherit; font-weight: 500;
}
.bw-dialog__knopf:hover { background: var(--bw-color-surface-subtle, #f4f6f8); }
.bw-dialog__knopf:focus-visible { outline: 2px solid var(--bw-color-accent, #1f5fa8); outline-offset: 2px; }
.bw-dialog__knopf--primaer {
  background: var(--bw-color-accent, #1f5fa8); border-color: var(--bw-color-accent, #1f5fa8); color: #fff;
}
.bw-dialog__knopf--primaer:hover { background: var(--bw-color-accent-hover, #1a5292); border-color: var(--bw-color-accent-hover, #1a5292); }
.bw-dialog__knopf--gefahr {
  background: var(--bw-color-danger, #b3261e); border-color: var(--bw-color-danger, #b3261e); color: #fff;
}
.bw-dialog__knopf--gefahr:hover { filter: brightness(.92); background: var(--bw-color-danger, #b3261e); }
@media print { dialog.bw-dialog { display: none !important; } }