/* Janelas de confirmação (dialog.js). Cores próprias: a mesma folha vale nas
   páginas do site e no editor, que não carrega os tokens do site. */
.bd {
  --bd-paper: #FFFFFF; --bd-panel: #F1EDE9; --bd-rule: #D9D3CF; --bd-ink: #231F1C; --bd-ink2: #6B625E;
  --bd-accent: #C9512B; --bd-accent-hover: #B4481F; --bd-danger: #C62828; --bd-danger-hover: #A82020; --bd-brand: #580000;
  width: min(460px, calc(100vw - 32px)); max-height: calc(100vh - 48px);
  padding: 0; border: 0; border-radius: 14px; border-top: 4px solid var(--bd-brand);
  background: var(--bd-paper); color: var(--bd-ink);
  box-shadow: 0 24px 60px rgba(35, 31, 28, .28);
  font: 400 15px/1.55 var(--font-sans, "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif);
}
.bd::backdrop { background: rgba(35, 31, 28, .45); backdrop-filter: blur(2px); }
.bd[open] { animation: bd-in .16s ease-out; }
@keyframes bd-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .bd[open] { animation: none; } }

.bd-form { display: flex; flex-direction: column; gap: 12px; padding: 22px 24px 20px; margin: 0; }
.bd-title { margin: 0; font-size: 20px; font-weight: 900; line-height: 1.2; text-wrap: balance; }
.bd-text { margin: 0; color: var(--bd-ink2); }

.bd-details {
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 14px; margin: 2px 0 0;
  background: var(--bd-panel); border-radius: 10px; padding: 12px 14px;
}
.bd-details dt { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--bd-ink2); padding-top: 2px; }
.bd-details dd { margin: 0; font-weight: 700; }

.bd-field { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 700; }
.bd-field input {
  font: inherit; font-weight: 400; font-size: 15px; color: var(--bd-ink);
  padding: 10px 12px; border: 1px solid var(--bd-rule); border-radius: 8px; background: #fff;
}
.bd-field input:focus { outline: 2px solid var(--bd-accent); outline-offset: 1px; border-color: var(--bd-accent); }

.bd-actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.bd-btn {
  font: 700 14.5px/1 var(--font-sans, "Raleway", "Helvetica Neue", Arial, system-ui, sans-serif); cursor: pointer;
  padding: 11px 18px; border-radius: 8px; border: 1px solid var(--bd-rule); background: #fff; color: var(--bd-ink);
}
.bd-btn:hover { border-color: var(--bd-ink2); }
.bd-btn:focus-visible { outline: 2px solid var(--bd-accent); outline-offset: 2px; }
.bd-primary { background: var(--bd-accent); border-color: var(--bd-accent); color: #fff; }
.bd-primary:hover { background: var(--bd-accent-hover); border-color: var(--bd-accent-hover); }
.bd-danger .bd-primary { background: var(--bd-danger); border-color: var(--bd-danger); }
.bd-danger .bd-primary:hover { background: var(--bd-danger-hover); border-color: var(--bd-danger-hover); }

@media (max-width: 480px) {
  .bd-form { padding: 20px 18px 18px; }
  .bd-actions { flex-direction: column-reverse; }
  .bd-btn { width: 100%; }
}