/* Spoločné prvky okien */

/* ---------- Okná ---------- */
dialog { color: var(--ink); background: var(--surface); border: 0; padding: 0; }
dialog::backdrop { background: rgba(9, 12, 16, .55); }
.dlg-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: max(14px, env(safe-area-inset-top)) 12px 12px 20px;
  border-bottom: 1px solid var(--line);
}
.dlg-head h2 { margin: 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -.01em; }
.dlg-head .icon-btn { width: 42px; height: 42px; border-radius: 12px; }
.dlg-body { flex: 1; overflow-y: auto; padding: 16px 20px 20px; overscroll-behavior: contain; }
.field span { display: block; margin-bottom: 6px; color: var(--muted); font-size: .8rem; font-weight: 600; }
.field input {
  width: 100%; height: 46px; padding: 0 14px;
  border: 1px solid var(--line); border-radius: 12px;
  background: var(--bg); color: var(--ink);
  font: inherit; font-size: 1rem;
}
.field input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent); }
.dlg-foot {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  padding: 12px 20px max(16px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--line);
}
.dlg-foot .primary, .dlg-foot .danger { grid-column: 1 / -1; }