/* ============================================================================
   MODAL.CSS — Kayıt ekleme/düzenleme penceresi ve bildirim (toast).
   ============================================================================ */
.overlay{
  position:fixed;inset:0;background:rgba(8,12,22,0.6);backdrop-filter:blur(2px);
  display:none;align-items:center;justify-content:center;z-index:50;padding:20px;
}
.overlay.show{display:flex;}
.modal{
  background:var(--panel);border:1px solid var(--border);border-radius:14px;
  width:100%;max-width:480px;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow);
}
.modal-sm{max-width:360px;}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border);}
.modal-head h3{font-family:'Fraunces',serif;font-size:17px;margin:0;font-weight:600;}
.modal-close{cursor:pointer;color:var(--ink-muted);background:none;border:none;font-size:20px;line-height:1;padding:4px;}
.modal-close:hover{color:var(--ink);}
.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px;}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px 22px 22px;}

.toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--panel-lighter);border:1px solid var(--gold-line);color:var(--ink);
  padding:11px 20px;border-radius:8px;font-size:13px;box-shadow:var(--shadow);
  opacity:0;pointer-events:none;transition:.25s;z-index:100;max-width:420px;text-align:center;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

@media (max-width:880px){
  .modal-head,.modal-body,.modal-foot{padding-left:16px;padding-right:16px;}
}