/* /root/anifehras_v2/frontend/css/acc-settings.css — Hesap paketi B: ayarlar penceresi.
   Tek kutu seviyesi: pencerenin kendisi. Gruplar <details>: ayrım ince çizgi (--line) ve başlık
   tipografisi; içeride kutu yok (Telegram satırı, düğmeler ve çıkış metin düğmesi).
   index.html'de #account-settings-modal-overlay'dan hemen önce yüklenir (components.css'ten sonra). */

#account-settings-modal .settings-modal-header { margin-bottom: 8px; }

/* Gruplar */
#account-settings-modal .settings-group { margin: 0; border-top: 1px solid var(--line); text-align: start; }
#account-settings-modal .settings-group[hidden] { display: none; }
#account-settings-modal .settings-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 14px 0; list-style: none; cursor: pointer; color: var(--tx); font-size: 14px; font-weight: 800; }
#account-settings-modal .settings-group > summary::-webkit-details-marker { display: none; }
#account-settings-modal .settings-chevron { color: var(--mu); transition: transform 0.2s ease; }
#account-settings-modal .settings-group[open] > summary .settings-chevron { transform: rotate(180deg); }
#account-settings-modal .settings-group[open] { padding-bottom: 14px; }

/* Satırlar */
.settings-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 6px 0; font-size: 13px; }
.settings-row-label { color: var(--mu); font-weight: 700; flex-shrink: 0; }
.settings-row-value { color: var(--tx); font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-row-hint { margin: 0 0 8px; font-size: 13px; color: var(--mu); line-height: 1.7; }
.settings-row-hint a { color: var(--accent); text-decoration: none; }
#account-settings-modal .settings-recovery-note { margin-top: 4px; color: var(--mu); }

/* Telegram satırı: renkli kutu yerine düz satır */
#settings-telegram-badge .profile-tg-badge { padding: 6px 0; background: none; border: 0; border-radius: 0; gap: 12px; }
#settings-telegram-badge .profile-tg-badge.linked { color: var(--ok); }
#settings-telegram-badge .profile-tg-badge.unlinked { color: var(--tx); }
#settings-telegram-badge .tg-link-btn,
#settings-telegram-badge .tg-unlink-btn,
.settings-link-btn,
#account-settings-modal .btn-sub-action { width: auto; padding: 4px 0; background: none; border: 0; border-radius: 0; font-family: var(--font-body); font-size: 13px; font-weight: 800; color: var(--accent); cursor: pointer; text-align: start; flex-shrink: 0; }
#settings-telegram-badge .tg-unlink-btn { color: var(--no); }
#account-settings-modal .btn-sub-action:hover,
.settings-link-btn:hover { background: none; color: var(--tx); }

/* «إنجازاتي»: yalnız metin ve ilerleme */
.settings-ach-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.settings-ach-summary, .settings-ach-empty { font-size: 12.5px; color: var(--mu); font-weight: 700; padding: 2px 0 8px; }
.settings-ach-item { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 13px; }
.settings-ach-text { display: flex; flex-direction: column; min-width: 0; }
.settings-ach-title { color: var(--tx); font-weight: 800; }
.settings-ach-desc { color: var(--mu); font-size: 12px; }
.settings-ach-progress { color: var(--mu); font-weight: 800; font-variant-numeric: tabular-nums; flex-shrink: 0; }
.settings-ach-item.is-done .settings-ach-progress { color: var(--ok); }

/* Çıkış: kırmızı metin satırı */
.settings-logout-btn { display: block; width: 100%; margin: 0; padding: 14px 0; background: none; border: 0; border-top: 1px solid var(--line); border-radius: 0; font-family: var(--font-body); font-size: 14px; font-weight: 800; color: var(--no); text-align: start; cursor: pointer; }

/* Alt bilgi: istatistik ve kaynak rozetleri gizli (id'ler yerinde, main.js doldurmaya devam eder) */
#account-settings-modal .settings-footer-archive { border-top: 1px solid var(--line); margin-top: 0; }
#account-settings-modal .settings-footer-archive [hidden] { display: none; }