/* Komponent: modal — 70-dizajn.md § 7.6.9 */

.modal-backdrop{
  position:fixed; inset:0; background:rgba(26,18,12,.5);
  backdrop-filter:blur(2px); z-index:100;
}
.modal{
  position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r-md); padding:32px;
  width:min(560px, calc(100% - 40px)); box-shadow:var(--shadow-md); z-index:101;
}
.modal-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.modal-head h3{ font-size:22px; }
.modal-close{ background:transparent; border:none; color:var(--muted); display:grid; place-items:center; }
.modal-foot{ display:flex; justify-content:flex-end; gap:var(--sp-3); margin-top:24px; }

/* Skryté kým JS neotvorí (Task 20) */
[data-modal][hidden]{ display:none; }