.settings-category-menu { display:grid; gap:16px; }
.settings-menu-version { color:var(--text2); font-size:var(--font-caption); text-align:center; margin:0; padding:8px 0; }
.settings-category-list { background:var(--visual-panel); border-radius:18px; overflow:hidden; }
.settings-category-link {
  position:relative; display:flex; align-items:center; gap:14px; width:100%;
  text-align:start; padding:16px; background:transparent; color:var(--text);
  border:0; border-radius:0; font-size:var(--font-label); font-weight:var(--weight-label); cursor:pointer;
}
.settings-category-link:not(:last-child)::after { content:""; position:absolute; inset-inline:16px; bottom:0; height:1px; background:var(--visual-line); }
.settings-category-copy { flex:1; min-width:0; }
.settings-category-label,.settings-category-description { display:block; }
.settings-category-description { margin-top:5px; color:var(--text2); font-size:var(--font-caption); font-weight:var(--weight-label); }
.settings-category-link > svg { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.settings-category-icon { width:22px; height:22px; color:var(--blu); }
.settings-category-arrow { width:16px; height:16px; color:var(--text2); }
[dir="rtl"] .settings-category-arrow { transform:rotate(180deg); }
.settings-category-link:hover,.settings-category-link:focus-visible { background:var(--visual-inset); }
.settings-category-link:focus-visible { outline:2px solid var(--blu); outline-offset:-2px; }
.settings-category-link[hidden],
.settings-categories > .settings-category-card:not(.settings-category-active),
.settings-category-open > .settings-category-menu,
.settings-category-open #ayarlar-baslik { display:none!important; }
.settings-category-title { font-size:var(--font-brand); font-weight:var(--weight-heavy); margin:0; flex:1; }
#ayarlar-baslik,.settings-category-title { text-transform:uppercase; }
.settings-category-title[hidden] { display:none; }
body #ayarlar.settings-categories {
  --settings-heading-gap:12px;
  box-sizing:border-box;
  padding-inline:clamp(12px,3vw,24px);
}
body #ayarlar.settings-categories > .ayarlar-baslik-satir { padding-bottom:var(--settings-heading-gap); }
#ayarlar .ct:has(+ .settings-group-surface) { margin-bottom:var(--settings-heading-gap,12px); }
.settings-category-active {
  --section-surface:var(--visual-panel); --section-line:transparent;
  --section-border-width:0; --section-padding:clamp(16px,3vw,20px);
  border-radius:18px;
  box-shadow:none;
  margin-bottom:16px!important;
}
.settings-panel-heading { display:flex; align-items:center; gap:var(--gap-default); min-height:28px; margin-bottom:var(--settings-heading-gap,12px); }
.settings-category-active.settings-group-layout {
  --section-surface:transparent; --section-padding:0;
  border-radius:0;
}
#ayarlar .settings-group-surface {
  box-sizing:border-box; min-width:0;
  padding:clamp(16px,3vw,20px)!important;
  background:var(--visual-panel); border:0; border-radius:18px;
}
#ayarlar .settings-group-layout #theme-grid { margin-bottom:20px!important; }
#ayarlar .settings-group-layout #lbl-color-theme {
  margin-top:0!important; padding-top:0; border-top:0;
}
#ayarlar .settings-group-layout .rates-section,
#ayarlar #widget-theme-settings { margin-top:20px; padding-top:0; border-top:0; }
.settings-panel-heading > .ct { margin:0!important; flex:0 1 auto; color:var(--text); }
#ayarlar #lbl-color-theme { margin-top:16px!important; padding-top:16px; border-top:1px solid var(--visual-line); }
.ct.settings-redundant-heading,
.settings-panel-heading:has(> .settings-redundant-heading:only-child) { display:none!important; }
#ayarlar :is(label,.rl,.selection-setting-label) { color:var(--text); }
.settings-panel-heading > #btn-fx-refresh { flex-shrink:0; }
.settings-panel-heading > #fx-rates-time { flex:1; min-width:0; color:var(--text); font-size:var(--font-caption); overflow-wrap:anywhere; }
#ayarlar [data-settings-card="rates"] .rates-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--visual-line)}
#fx-rates-list{min-width:0}
#ekstra-cur-tags{display:flex;flex-wrap:wrap;gap:6px}
#ekstra-cur-tags:empty,#custom-cur-tags:empty{display:none}
#custom-cur-tags>div:not(:last-child){border-bottom:1px solid var(--bdr)}
#ekstra-cur-tags>.extra-currency-chip{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;min-height:calc(30px * var(--app-control-scale,1));padding:0 8px;background:var(--visual-inset);border:1px solid var(--bdr2);border-radius:var(--r);font-size:var(--font-label);font-weight:var(--weight-label)}
#ekstra-cur-tags>.extra-currency-chip>span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;align-self:stretch;font-size:inherit!important}
#ayarlar .rates-section [id$="-add-row"]{margin-top:0;padding-top:0;border-top:0}
#ayarlar .rates-section :is(#ekstra-cur-tags,#custom-cur-tags):not(:empty) + [id$="-add-row"]{margin-top:12px;padding-top:12px;border-top:1px dashed var(--visual-line)}
#ayarlar .rates-section :is(input,select){background:var(--visual-inset)!important}

/* Neutral setting actions share input surfaces; retain primary/destructive fills. */
#ayarlar button:not(.active):is(.theme-btn,[style*="background:transparent"],[style*="background: transparent"],[style*="background:var(--bg)"],[style*="background:var(--bg2)"]):not(.settings-category-link):not(.bildirim-bilgi-btn):not([id^="toggle-"]):not(#ayarlar-geri-btn):not(.ayar-ikili-toggle button):not(#bildirim-pil-uyari button) {
  background:var(--visual-inset)!important;
}
#ayarlar .theme-btn.active {
  background:var(--blu-bg)!important;
  border-color:var(--blu);
  color:var(--blu);
}
#ayarlar .ayar-ikili-toggle,
#ayarlar .ayar-ikili-toggle button:not(.is-active):not(.active) {
  background:var(--visual-inset)!important;
}

#widget-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

/* First content follows the card padding without a second heading-era gap. */
#ayarlar .settings-category-active .settings-redundant-heading + .row{padding-top:0}
#ayarlar #auth-card.settings-category-active #lbl-auth-desc{margin-top:0}
#ayarlar #backup-kart.settings-category-active .settings-group-surface > div:has(> #btn-backup){margin-top:0!important}

html body #ayarlar .ayar-ikili-toggle button{font-weight:var(--weight-label)!important}

#ayarlar .rates-update-heading{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--visual-line)}
