/* Settings dialog — Persian RTL, matching the editor's dark green palette. */
#settingsDialog {
  width: min(760px, calc(100vw - 32px));
  max-height: min(86dvh, 780px);
  margin: auto;
  padding: 0;
  border: 1px solid var(--line, #2b3931);
  border-radius: 20px;
  color: var(--text, #edf3ee);
  background: var(--panel, #171e1a);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .46);
  overflow: hidden;
}
#settingsDialog::backdrop { background: rgba(4, 8, 6, .76); backdrop-filter: blur(5px); }
.settings-shell { max-height: min(86dvh, 780px); overflow: auto; }
.settings-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:22px 24px 18px; border-bottom:1px solid var(--line, #2b3931); background:linear-gradient(135deg, rgba(165,242,208,.08), transparent 62%); }
.settings-kicker { margin:0 0 5px; color:var(--mint, #a5f2d0); font-size:11px; font-weight:700; letter-spacing:.04em; }
.settings-title { margin:0; font-size:22px; line-height:1.35; }
.settings-intro { margin:7px 0 0; color:var(--muted, #94a49a); font-size:12px; line-height:1.8; }
#settingsCloseBtn { flex:0 0 auto; min-width:38px; min-height:38px; border:1px solid var(--line, #2b3931); border-radius:10px; color:var(--muted, #94a49a); background:var(--panel-2, #1c2520); cursor:pointer; font-size:22px; line-height:1; }
#settingsCloseBtn:hover, #settingsCloseBtn:focus-visible { border-color:var(--mint, #a5f2d0); color:var(--mint, #a5f2d0); }
.settings-body { display:grid; gap:14px; padding:20px 24px 24px; }
.settings-section { padding:17px; border:1px solid var(--line, #2b3931); border-radius:15px; background:rgba(255,255,255,.018); }
.settings-section h3 { margin:0 0 6px; font-size:15px; }
.settings-section > p { margin:0; color:var(--muted, #94a49a); font-size:12px; line-height:1.9; }
.settings-group-label { margin:15px 0 8px; color:var(--dim, #65746b); font-size:11px; font-weight:700; }
.settings-actions { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:8px; }
.settings-actions .btn { min-height:42px; justify-content:center; }
#settingsDialog .install-btn { display:inline-flex !important; }
.settings-list { margin:12px 0 0; padding-inline-start:20px; color:var(--muted, #94a49a); font-size:12px; line-height:2; }
.settings-list strong { color:var(--text, #edf3ee); }
@media (max-width:600px) {
  #settingsDialog { width:calc(100vw - 16px); max-height:92dvh; border-radius:16px; }
  .settings-shell { max-height:92dvh; }
  .settings-header { padding:18px 16px 15px; }
  .settings-title { font-size:19px; }
  .settings-body { padding:14px 16px 18px; }
  .settings-section { padding:14px; }
  .settings-actions { grid-template-columns:1fr 1fr; }
}
@media (max-width:380px) {
  .settings-actions { grid-template-columns:1fr; }
}

#settingsDialog [hidden] { display: none !important; }

.privacy-actions { margin-top:14px; }
.privacy-actions a { text-decoration:none; }
#supportBtn:disabled { opacity:.55; cursor:not-allowed; }
.settings-section > .support-status { margin-top:12px; color:var(--amber, #ffbd79); }
.privacy-details { margin-top:18px; padding-top:14px; border-top:1px solid var(--line, #2b3931); scroll-margin-top:12px; }
.privacy-details summary { cursor:pointer; color:var(--mint, #a5f2d0); font-size:14px; font-weight:700; line-height:2; }
.privacy-details summary:focus-visible { outline:2px solid var(--mint, #a5f2d0); outline-offset:4px; border-radius:4px; }
.privacy-copy h4 { margin:20px 0 7px; font-size:13px; }
.privacy-copy p { margin:0 0 10px; color:var(--muted, #94a49a); font-size:12px; line-height:2.15; }

.support-form { margin-top:18px; padding:16px; border:1px solid var(--line,#2b3931); border-radius:12px; }
.support-form[hidden] { display:none; }
.support-form h4 { margin:0 0 10px; }
.support-form label { display:block; font-size:13px; margin:14px 0 6px; }
.support-form input,.support-form select,.support-form textarea { width:100%; box-sizing:border-box; border:1px solid var(--line,#2b3931); border-radius:8px; padding:11px; background:var(--bg,#111b16); color:var(--text,#e3f2ea); font:inherit; font-size:16px; }
.support-form textarea { resize:vertical; }
.support-form input:focus,.support-form select:focus,.support-form textarea:focus { outline:2px solid var(--mint,#a5f2d0); outline-offset:2px; }
.support-priority-note { display:block; margin-top:9px; color:var(--amber,#ffbd79); font-size:12px; line-height:1.9; }
.support-form.is-urgent { border-color:#fb8d75; }
.support-form.is-urgent .support-priority-note { color:#ffab98; font-weight:700; }
.support-trap { position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.support-result { font-size:12px; line-height:2; overflow-wrap:anywhere; }
.support-result[data-state="error"] { color:#ffab98; }
#supportSendBtn:disabled { opacity:.6; cursor:wait; }
