/* Düzəliş et — feedback widget */
.dzl-fab{
  position:fixed; right:18px; bottom:18px; z-index:9990;
  background:#3b6cb8; color:#fff; border:none; border-radius:28px;
  padding:12px 18px; font:600 14px/1 system-ui,-apple-system,sans-serif;
  box-shadow:0 4px 14px rgba(0,0,0,.25); cursor:pointer;
  display:inline-flex; align-items:center; gap:8px;
}
.dzl-fab:hover{ background:#2f5aa0; }
.dzl-fab::before{ content:"✎"; font-size:16px; }

.dzl-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.55);
  z-index:9991; display:none; align-items:center; justify-content:center;
  padding:16px;
}
.dzl-backdrop.open{ display:flex; }

/* Modal — always dark to match the book site (which is dark-theme only). */
.dzl-modal{
  background:#1c1f24; color:#e8e8e8; max-width:640px; width:100%;
  max-height:90vh; overflow:auto; border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,.55);
  padding:22px 22px 18px;
  border:1px solid #3a3f48;
}
.dzl-modal h3{ margin:0 0 12px; font:600 18px/1.3 system-ui,sans-serif; color:#e8e8e8; }
.dzl-modal p, .dzl-modal label, .dzl-modal li, .dzl-modal span{ color:#e8e8e8; }
.dzl-modal p.dzl-lead{ margin:0 0 16px; font-size:14px; opacity:.92; color:#cbd0d6; }
.dzl-modal textarea, .dzl-modal .dzl-readonly{
  background:#0f1115; color:#e8e8e8; border-color:#3a3f48;
}

.dzl-choices{ display:grid; gap:10px; }
.dzl-choice{
  border:1px solid #3a3f48; background:#252932;
  border-radius:10px; padding:14px 16px; text-align:left;
  font:500 15px/1.35 system-ui,sans-serif; cursor:pointer; color:#e8e8e8;
}
.dzl-choice:hover{ background:#2c313c; }
.dzl-choice b{ display:block; font-weight:600; margin-bottom:4px; }
.dzl-choice span{ font-size:13px; opacity:.75; }

.dzl-field{ margin:12px 0; }
.dzl-field label{ display:block; font:600 13px/1.4 system-ui,sans-serif; margin-bottom:6px; }
.dzl-modal textarea, .dzl-modal .dzl-readonly{
  width:100%; min-height:80px; padding:10px;
  border:1px solid #ccd1d9; border-radius:8px;
  font:14px/1.45 system-ui,sans-serif; resize:vertical;
  box-sizing:border-box;
}
.dzl-readonly{ background:#f6f8fb; min-height:auto; white-space:pre-wrap; }

.dzl-actions{ display:flex; gap:10px; justify-content:flex-end; margin-top:14px; }
.dzl-btn{
  border:none; border-radius:8px; padding:10px 18px;
  font:600 14px/1 system-ui,sans-serif; cursor:pointer;
}
.dzl-btn.primary{ background:#3b6cb8; color:#fff; }
.dzl-btn.primary:hover{ background:#2f5aa0; }
.dzl-btn.primary:disabled{ background:#9aa5b8; cursor:wait; }
.dzl-btn.ghost{ background:transparent; color:inherit; }
.dzl-btn.ghost:hover{ text-decoration:underline; }

.dzl-toast{
  margin-top:10px; padding:10px 12px; border-radius:8px;
  font:14px/1.4 system-ui,sans-serif;
}
.dzl-toast.ok{ background:#e6f4ea; color:#1e6b3e; }
.dzl-toast.err{ background:#fbe4e4; color:#8a2222; }
@media (prefers-color-scheme: dark){
  .dzl-toast.ok{ background:#1e3a26; color:#bce8c8; }
  .dzl-toast.err{ background:#3a1e1e; color:#f0bdbd; }
}

/* ── Per-term "Düzəlt" row buttons (abbreviatur.html) ──────────── */
.dzl-row-btn{
  display: inline-flex; align-items: center; gap: 4px;
  background: transparent; color: var(--gold, #b88a25);
  border: 1px solid var(--gold, #b88a25);
  padding: 3px 9px; border-radius: 4px;
  font: 500 11.5px/1.2 system-ui,-apple-system,sans-serif;
  cursor: pointer; white-space: nowrap;
  transition: background .15s, color .15s;
}
.dzl-row-btn:hover{
  background: var(--gold, #b88a25); color: #fff;
}
.dzl-modal .dzl-field input[readonly]{
  background: #16181c; color: #aaa; cursor: not-allowed;
}
.dzl-modal input[type="text"]{
  width: 100%; padding: 9px 11px; box-sizing: border-box;
  border: 1px solid #3a3f48; border-radius: 7px;
  font: 14px/1.4 system-ui,-apple-system,sans-serif;
  background: #0f1115; color: #e8e8e8;
}