/* ==========================================================================
   OrcaScore — yerleşim v2: formlar (dar düzen). docs/REBRAND-ORCASCORE.md "Yerleşim v2 — formlar".
   Yalnızca v2 form sayfalarında, orca.css'ten (v2 kabuğu dahil) sonra yüklenir ('styles-v2' yığını; orca.css'in üstünde) — bu yüzden seçiciler
   [data-layout] öneki taşımaz; ortak bileşenler (.input, .card, .switch …) yalnızca bu sayfaların kapları içinde ezilir:
     .auth          giriş / kayıt / şifremi unuttum / yeni şifre / iki adımlı doğrulama — ortalı kart (~468 px), kahraman paneli dili
     .page-narrow   hesap ayarları (~880 px; bölüm kartları, yapışkan bölüm gezintisi, kart altı eylem çubuğu)
     .page-narrow--split  oran alarmları / profil düzenleme (~1040 px: içerik + 340 px yan sütun)
     .page-narrow--tool   kupon kurucusu (~1120 px: arama + yapışkan fiş)
   Kurallar: renk yalnızca değişkenlerden; mantıksal özellikler (RTL); koyu + açık tema eşit özen (açık temada vurgu metni koyu
   tonlarda — --primary-text / --danger-text); kontrol 12 / kart 18 / panel 24 px; alan 48 px, 16 px yazı (iOS yakınlaştırmasız);
   odak görünür (2 px vurgu + 2 px boşluk); hata: kırmızı kenar + yumuşak halka + simgeli metin; "hareketi azalt"a saygı.
   ========================================================================== */

.auth,
.page-narrow {
  --fm-line: color-mix(in srgb, var(--border) 85%, transparent);
  --fm-field: color-mix(in srgb, var(--bg) 62%, var(--surface));
  --fm-field-hover: color-mix(in srgb, var(--primary) 32%, var(--border-strong));
  --fm-tile: color-mix(in srgb, var(--surface2) 62%, transparent);
  --fm-panel: var(--gradient-heroDark), linear-gradient(180deg, color-mix(in srgb, var(--surface2) 70%, var(--bg-elevated)) 0%, var(--bg-elevated) 100%);
  --fm-panel-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 30px 80px -40px rgba(0, 0, 0, 0.75);
  --fm-glow: color-mix(in srgb, var(--primary) 13%, transparent);
  --fm-err: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.4v.1'/%3E%3C/svg%3E");
}
:root[data-theme="light"] .auth,
:root[data-theme="light"] .page-narrow {
  --fm-field: var(--surface);
  --fm-tile: color-mix(in srgb, var(--surface2) 70%, var(--surface));
  --fm-panel: var(--gradient-heroLight), linear-gradient(180deg, var(--surface) 0%, color-mix(in srgb, var(--primary) 4%, var(--surface)) 100%);
  --fm-panel-shadow: var(--elev2);
  --fm-glow: color-mix(in srgb, var(--primary) 9%, transparent);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) .auth,
  :root:not([data-theme]) .page-narrow {
    --fm-field: var(--surface);
    --fm-tile: color-mix(in srgb, var(--surface2) 70%, var(--surface));
    --fm-panel: var(--gradient-heroLight), linear-gradient(180deg, var(--surface) 0%, color-mix(in srgb, var(--primary) 4%, var(--surface)) 100%);
    --fm-panel-shadow: var(--elev2);
    --fm-glow: color-mix(in srgb, var(--primary) 9%, transparent);
  }
}

/* ---------------------------------------------------------------- Ortak: etiket, alan, yardım, hata, onay, anahtar */
.fm-eyebrow,
.page-narrow .page-head .eyebrow {
  display: inline-flex; align-items: center; gap: 8px; margin: 0;
  font: 700 0.75rem/1.2 var(--font-body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--primary-text);
}
:is(.auth, .page-narrow) .field { gap: 8px; }
:is(.auth, .page-narrow) .label { font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.005em; color: var(--text); }
:is(.auth, .page-narrow) legend.label { padding: 0; }
:is(.auth, .page-narrow) .help { font-size: var(--fs-xs); line-height: 1.45; color: var(--muted); }
:is(.auth, .page-narrow) :is(.input, .select, .textarea) {
  min-height: 48px; padding: 12px 14px; border-radius: var(--orca-ctl); border: 1px solid var(--border-strong);
  background-color: var(--fm-field); color: var(--text); font-size: 1rem; line-height: 1.4;
  transition: border-color var(--motion-fast), box-shadow var(--motion-fast), background-color var(--motion-fast);
}
:is(.auth, .page-narrow) .select { padding-inline-end: 40px; }
:is(.auth, .page-narrow) .textarea { min-height: 112px; }
:is(.auth, .page-narrow) :is(.input, .select, .textarea):hover { border-color: var(--fm-field-hover); }
:is(.auth, .page-narrow) :is(.input, .select, .textarea):focus {
  outline: 2px solid var(--primary); outline-offset: 2px; border-color: var(--primary); box-shadow: none;
}
:is(.auth, .page-narrow) :is(.input, .select, .textarea)[aria-invalid="true"] {
  border-color: var(--danger); box-shadow: 0 0 0 3px var(--danger-soft);
}
:is(.auth, .page-narrow) :is(.input, .select, .textarea)[aria-invalid="true"]:focus { outline-color: var(--danger); }
:is(.auth, .page-narrow) .input--sm { min-height: 40px; padding-block: 8px; font-size: var(--fs-md); }
:is(.auth, .page-narrow) .input--code { min-height: 56px; font-size: 1.625rem; letter-spacing: 0.42em; text-indent: 0.42em; font-variant-numeric: tabular-nums; }
:is(.auth, .page-narrow) .field-error {
  display: flex; align-items: flex-start; gap: 6px; margin: 0;
  font-size: var(--fs-xs); font-weight: 600; line-height: 1.4; color: var(--danger-text);
}
:is(.auth, .page-narrow) .field-error::before {
  content: ''; flex: none; width: 14px; height: 14px; margin-block-start: 1px; background: currentColor;
  -webkit-mask: var(--fm-err) center / contain no-repeat; mask: var(--fm-err) center / contain no-repeat;
}
:is(.auth, .page-narrow) .alert { border-radius: var(--orca-ctl); padding: 12px 14px; line-height: 1.45; }
:is(.auth, .page-narrow) .alert .icon { flex: none; width: 18px; height: 18px; margin-block-start: 1px; }
:is(.auth, .page-narrow) .strength { gap: 6px; margin-block-start: 2px; }
:is(.auth, .page-narrow) .strength i { height: 4px; }
:is(.auth, .page-narrow) .check { gap: 12px; line-height: 1.45; color: var(--text-secondary); }
:is(.auth, .page-narrow) .check input { width: 18px; height: 18px; margin-block-start: 1px; accent-color: var(--btn-primary-bg); }
:is(.auth, .page-narrow) .check input:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
:is(.auth, .page-narrow) .check a { color: var(--link); font-weight: 600; }
:is(.auth, .page-narrow) .btn { border-radius: var(--orca-ctl); }
:is(.auth, .page-narrow) .btn--lg { height: 48px; font-weight: 700; }
:is(.auth, .page-narrow) .btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
:is(.auth, .page-narrow) .link:focus-visible,
:is(.auth, .page-narrow) a:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 6px; }

/* ---------------------------------------------------------------- Giriş / kayıt / parola: ortalı kart */
.auth {
  position: relative; isolation: isolate; display: grid; place-items: center;
  padding-block: clamp(4px, 2vh, 24px) clamp(16px, 4vh, 48px);
}
@media (min-width: 768px) {
  .auth { min-height: calc(100vh - var(--shell-header) - var(--shell-bar) - var(--space-6) - var(--space-16)); padding-block: 8px 24px; }
}
/* Kartın ardında yumuşak vurgu ışıması + çok soluk orta yuvarlak (saha dili; yalnızca süs) */
.auth::before {
  content: ''; position: absolute; z-index: -1; inset-block: -4% 0; inset-inline: 0; margin-inline: auto; width: min(980px, 100%);
  background: radial-gradient(closest-side at 50% 46%, var(--fm-glow), transparent 72%); pointer-events: none;
}
.auth::after {
  content: ''; position: absolute; z-index: -1; inset-block-start: 50%; inset-inline-start: 50%; width: min(640px, 92vw); aspect-ratio: 1;
  translate: -50% -50%; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--primary) 8%, transparent); pointer-events: none;
}
[dir="rtl"] .auth::after { translate: 50% -50%; }
.auth__card {
  position: relative; width: 100%; max-width: 468px; margin: 0;
  padding: clamp(28px, 2rem + 1vw, 40px) clamp(20px, 1rem + 3vw, 40px) clamp(24px, 1.25rem + 1vw, 32px);
  border: 1px solid var(--border); border-radius: var(--orca-panel); background: var(--fm-panel); box-shadow: var(--fm-panel-shadow);
}
/* Üst kenarda ince vurgu çizgisi */
.auth__card::before {
  content: ''; position: absolute; inset-block-start: -1px; inset-inline: 18%; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 85%, transparent), transparent); pointer-events: none;
}
.auth__head { display: flex; flex-direction: column; align-items: center; margin-block-end: var(--space-6); text-align: center; }
.fm-mark {
  display: inline-grid; place-items: center; width: 52px; height: 52px; margin-block-end: var(--space-4); border-radius: 16px;
  border: 1px solid var(--fm-line); color: var(--text);
  background: radial-gradient(120% 120% at 70% 10%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 60%), var(--fm-tile);
  box-shadow: 0 12px 28px -18px color-mix(in srgb, var(--primary) 70%, transparent);
}
.fm-mark svg { width: 30px; height: 30px; }
.auth__head .fm-eyebrow { margin: 0 0 10px; color: var(--primary-text); }
.auth__head > .ai-mark {
  width: 52px !important; height: 52px !important; margin-block-end: var(--space-4) !important; border-radius: 16px !important;
  display: inline-grid; place-items: center; border: 1px solid var(--fm-line); color: var(--primary-text);
  background: radial-gradient(120% 120% at 70% 10%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 60%), var(--fm-tile);
  box-shadow: 0 12px 28px -18px color-mix(in srgb, var(--primary) 70%, transparent);
}
.auth__head > .ai-mark .icon { width: 26px; height: 26px; }
.auth__head h1 {
  margin: 0; font-family: var(--font-display); font-size: clamp(1.75rem, 1.55rem + 0.6vw, 2.0625rem); font-weight: 700; line-height: 1.1;
  letter-spacing: -0.03em; text-wrap: balance;
}
.auth__head p:not(.fm-eyebrow) { max-width: 38ch; margin: 10px 0 0; color: var(--text-secondary); font-size: var(--fs-md); line-height: 1.5; text-wrap: balance; }
.auth form.stack { gap: var(--space-5); }
.auth form.stack > .field + .field { margin-block-start: 0; }
.auth .row--between { align-items: baseline; }
.auth .row--between .link { font-weight: 600; }
.auth .btn--block[type="submit"] { margin-block-start: var(--space-1); }
.auth form .muted.xs.center { margin: calc(-1 * var(--space-2)) 0 0; color: var(--muted); }
/* Kayıt: iki onay kutusu dokunulabilir satır */
.auth .stack--sm > .check {
  padding: 12px 14px; border-radius: var(--orca-ctl); border: 1px solid var(--fm-line); background: var(--fm-tile); color: var(--text-secondary);
  transition: border-color var(--motion-fast);
}
.auth .stack--sm > .check:hover { border-color: var(--border-strong); }
.auth .stack--sm > .check:has(input:checked) { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); }
.auth .stack--sm { gap: var(--space-2); }
.auth__foot {
  margin-block-start: var(--space-6); padding-block-start: var(--space-5); border-block-start: 1px solid var(--fm-line);
  font-size: var(--fs-sm); color: var(--text-secondary); text-align: center;
}
.auth__foot .link { font-weight: 700; }
.auth__foot .btn { margin-inline: auto; }

/* Kayıt: "Üyelikle açılanlar" (kompakt üç satır) */
.fm-perks {
  container: fm-perks / inline-size; display: grid; gap: 8px; margin-block: calc(-1 * var(--space-1)) var(--space-6); padding: 14px 16px 10px;
  border-radius: 14px; border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border));
  background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 60%), var(--fm-tile);
}
.fm-perks__title {
  display: inline-flex; align-items: center; gap: 6px; margin: 0;
  font: 700 0.6875rem/1.2 var(--font-body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--primary-text);
}
.fm-perks__title .icon { width: 13px; height: 13px; }
.fm-perks__list { display: grid; margin: 0; padding: 0; list-style: none; }
.fm-perks__row { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 12px; padding-block: 7px; }
.fm-perks__row + .fm-perks__row { border-block-start: 1px dashed var(--fm-line); }
.fm-perks__icon { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--primary-soft); color: var(--primary-text); }
.fm-perks__icon .icon { width: 16px; height: 16px; }
.fm-perks__text { display: grid; gap: 1px; min-width: 0; }
.fm-perks__text strong { font-size: var(--fs-sm); line-height: 1.3; color: var(--text); }
.fm-perks__text span { color: var(--muted); font-size: 0.75rem; line-height: 1.35; }
@container fm-perks (min-width: 400px) {
  .fm-perks__text { grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 8px; }
  .fm-perks__text span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}

/* Telefon: kart kenara yakın, çerçeve inceltilir */
@media (max-width: 479px) {
  .auth { padding-block: 0 var(--space-6); }
  .auth::after { display: none; }
  .auth__card { margin-inline: calc(var(--page-gutter) * -0.5); width: calc(100% + var(--page-gutter)); max-width: none; border-radius: 20px; padding: 28px 18px 22px; }
  .auth__head { margin-block-end: var(--space-5); }
  .auth__head p:not(.fm-eyebrow) { font-size: var(--fs-sm); }
  .fm-mark { width: 46px; height: 46px; border-radius: 14px; }
  .fm-mark svg { width: 26px; height: 26px; }
}

/* ---------------------------------------------------------------- Ayar sayfaları: dar kap (.page-narrow) */
.page-narrow {
  --fm-pad: clamp(18px, 0.9rem + 1.1vw, 28px);
  display: flex; flex-direction: column; gap: var(--space-6); width: 100%; max-width: 880px; min-width: 0; margin-inline: auto;
}
.page-narrow--split { max-width: 1040px; }
.page-narrow--tool { max-width: 1120px; }
.page-narrow > :is(.mt-6, .mb-4, .section, .page-head, .tabs, .layout) { margin-block: 0; }

/* Başlık paneli: hesap (.fm-head) ve mevcut .page-head işaretlemesi (oran alarmları, kupon kurucusu, profil düzenleme) aynı dilde */
.fm-head,
.page-narrow > .page-head {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4) var(--space-5); flex-wrap: wrap;
  padding: clamp(20px, 1rem + 1.4vw, 30px) clamp(20px, 1rem + 1.8vw, 34px);
  border: 1px solid var(--border); border-radius: var(--orca-panel); background: var(--fm-panel); box-shadow: var(--fm-panel-shadow);
}
.fm-head { justify-content: flex-start; flex-wrap: nowrap; }
.fm-head__avatar {
  flex: none; width: 64px; height: 64px; font: 700 1.375rem/1 var(--font-display); letter-spacing: -0.01em;
  box-shadow: 0 0 0 3px var(--bg-elevated), 0 0 0 4px color-mix(in srgb, var(--primary) 45%, transparent);
}
.fm-head__text,
.page-narrow > .page-head > div:first-child { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fm-head h1,
.page-narrow > .page-head h1 {
  display: flex; align-items: center; gap: 12px; margin: 0;
  font-family: var(--font-display); font-size: clamp(1.75rem, 1.3rem + 1vw, 2.25rem); font-weight: 700; line-height: 1.08; letter-spacing: -0.03em;
}
.page-narrow > .page-head h1 > .icon { width: 26px; height: 26px; color: var(--primary-text); }
.page-narrow > .page-head h1.mt-2 { margin-block-start: 0; }
.fm-head__desc,
.page-narrow > .page-head p { max-width: 62ch; margin: 0; color: var(--text-secondary); font-size: var(--fs-md); line-height: 1.5; overflow-wrap: anywhere; }
.page-narrow > .page-head > .btn { flex: none; }

/* Bölüm kartları */
.page-narrow .card { padding: var(--fm-pad); border-radius: var(--orca-card); }
.page-narrow .card.card--tight { padding: clamp(16px, 0.8rem + 0.8vw, 22px); }
.page-narrow .card__head { margin-block-end: var(--space-4); }
.page-narrow .card__head :is(h2, h3),
.page-narrow .card > .card__title,
.page-narrow .card__head .card__title { font-family: var(--font-display); font-size: 1.1875rem; font-weight: 700; letter-spacing: -0.015em; line-height: 1.25; }
.page-narrow .card__title--sm { font-size: var(--fs-md) !important; }
.page-narrow .card__title > .icon { width: 18px; height: 18px; }
/* Kart başlığının hemen altındaki açıklama = başlığın yardım satırı */
.page-narrow .card__head + p.secondary,
.page-narrow .card__head + p.small { max-width: 64ch; margin: calc(-1 * var(--space-2)) 0 var(--space-5); color: var(--text-secondary); font-size: var(--fs-sm); line-height: 1.5; }
.page-narrow form > .field + .field,
.page-narrow form > .field + .grid { margin-block-start: var(--space-5); }
.page-narrow .grid--2 { gap: var(--space-5) var(--space-4); }
/* Kart altı eylem çubuğu: kartın son formunun son satırı kenardan kenara (kaydet sağda) */
.page-narrow .card > form:last-child > .form-actions:last-child,
.page-narrow form.card > .form-actions:last-child {
  justify-content: flex-end; margin: var(--space-6) calc(-1 * var(--fm-pad)) calc(-1 * var(--fm-pad)); padding: 14px var(--fm-pad);
  border-block-start: 1px solid var(--fm-line); border-radius: 0 0 calc(var(--orca-card) - 1px) calc(var(--orca-card) - 1px);
  background: color-mix(in srgb, var(--surface2) 45%, transparent);
}
.page-narrow form.card.stack > .form-actions:last-child { margin-block-start: var(--space-2); }
.page-narrow .card.card--tight > form:last-child > .form-actions:last-child { margin-inline: calc(-1 * clamp(16px, 0.8rem + 0.8vw, 22px)); margin-block-end: calc(-1 * clamp(16px, 0.8rem + 0.8vw, 22px)); padding-inline: clamp(16px, 0.8rem + 0.8vw, 22px); }
.page-narrow .form-actions .btn { min-width: 120px; height: 42px; font-weight: 700; }
.page-narrow .form-actions .btn--sm { height: 38px; font-size: var(--fs-sm); }

/* Anahtar satırları (bildirimler, oran alarmı, hatırlatmalar) */
.page-narrow .switch { gap: var(--space-4); padding-block: 14px; font-size: var(--fs-md); color: var(--text); }
.page-narrow .switch + .switch { border-block-start-color: var(--fm-line); }
.page-narrow .switch > span { display: grid; gap: 3px; min-width: 0; }
.page-narrow .switch > span strong { font-weight: 600; }
.page-narrow .switch > span small { font-size: var(--fs-xs); line-height: 1.4; color: var(--text-secondary); }
.page-narrow .switch input { width: 46px; height: 28px; }
.page-narrow .switch input::after { width: 22px; height: 22px; }
.page-narrow .switch input:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.page-narrow fieldset > legend.label + .help { margin-block: 4px 4px !important; }
/* Seçenek kutuları (oran alarmı duyarlılığı): dokunulabilir satır */
.page-narrow .sc-prefs__sens { gap: var(--space-2); }
.page-narrow .sc-prefs__sens > .check {
  padding: 12px 14px; border-radius: var(--orca-ctl); border: 1px solid var(--fm-line); background: var(--fm-tile);
  transition: border-color var(--motion-fast);
}
.page-narrow .sc-prefs__sens > .check:hover { border-color: var(--border-strong); }
.page-narrow .sc-prefs__sens > .check:has(input:checked) { border-color: color-mix(in srgb, var(--primary) 50%, var(--border)); background: color-mix(in srgb, var(--primary) 7%, var(--fm-tile)); }

/* ---------------------------------------------------------------- Hesabım */
/* Bölüm gezintisi: başlığın altında yapışkan cam şerit */
.fm-account > nav.chips {
  position: sticky; inset-block-start: calc(var(--shell-header) + 10px); z-index: 6; gap: 2px; padding: 5px; border-radius: 14px;
  border: 1px solid var(--fm-line); background: color-mix(in srgb, var(--bg-elevated) 84%, transparent);
  -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); box-shadow: var(--elev2);
  -webkit-mask-image: none; mask-image: none;
}
.fm-account > nav.chips .chip {
  flex: none; height: 36px; padding-inline: 14px; border: 0; border-radius: 10px; background: none; color: var(--text-secondary); font-weight: 600;
}
.fm-account > nav.chips .chip:hover { background: var(--surface2); color: var(--text); }
.fm-account > nav.chips .chip:focus-visible { outline-offset: -2px; }
.fm-account :is(section[id], div[id]) { scroll-margin-block-start: calc(var(--shell-header) + 76px); }
.fm-account > .grid--2 { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
.fm-account > .grid--2 > .stack { gap: var(--space-6); }
.fm-account #profile fieldset { margin-block-start: var(--space-6) !important; padding-block-start: var(--space-5) !important; border-block-start: 1px solid var(--fm-line) !important; }
.fm-account #profile fieldset > legend { float: inline-start; width: 100%; margin: 0; }
.fm-account #profile fieldset > legend + .help { clear: both; padding-block-start: 4px; }
.fm-account #tfa-title + .badge { flex: none; }
/* Hesap kartlarının başlıkları simgesiz (bileşen kartlarındaki simgeler de gizlenir: tek dil) */
.fm-account .card__title > .icon { display: none; }
.fm-account .qr { box-shadow: 0 0 0 1px var(--fm-line); }
/* Favoriler: bölüm kartı */
.fm-account #favorites {
  padding: var(--fm-pad); border: 1px solid var(--border); border-radius: var(--orca-card); background: var(--surface); box-shadow: var(--orca-card-shadow);
}
.fm-account #favorites > h2 { margin: 0 0 var(--space-4); font-family: var(--font-display); font-size: 1.1875rem; letter-spacing: -0.015em; }
.fm-account #favorites > h3.eyebrow { margin: var(--space-5) 0 var(--space-2); font-size: 0.6875rem; letter-spacing: 0.1em; color: var(--text-secondary); }
.fm-account #favorites > h2 + h3.eyebrow { margin-block-start: 0; }
.fm-account #favorites > .grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 8px; }
.fm-account #favorites .tile { gap: 10px; padding: 8px 6px 8px 12px; border-radius: var(--orca-ctl); border-color: var(--fm-line); background: var(--fm-tile); font-size: var(--fs-sm); }
.fm-account #favorites .tile:hover { border-color: var(--border-strong); }
.fm-account #favorites .tile .btn--icon { color: var(--muted); }
.fm-account #favorites .tile .btn--icon:hover { color: var(--danger-text); background: var(--danger-soft); }
.fm-account #favorites > .card { box-shadow: none; border-style: dashed; }
/* Silme: tehlike bölgesi */
.fm-account #danger { border-color: color-mix(in srgb, var(--danger) 35%, var(--border)) !important; }
.fm-account #danger-title { color: var(--danger-text); }
.fm-account #danger .field { max-width: 380px !important; }
.fm-account #danger > form:last-child > .form-actions:last-child { background: color-mix(in srgb, var(--danger) 6%, transparent); border-block-start-color: color-mix(in srgb, var(--danger) 22%, var(--border)); }

/* ---------------------------------------------------------------- İçerik + yan sütun (oran alarmları, profil düzenleme), kupon kurucusu */
.page-narrow--split > .layout,
.page-narrow--tool > .layout { gap: var(--space-6); }
@media (min-width: 1024px) {
  .page-narrow--split > .layout { grid-template-columns: minmax(0, 1fr) 340px; }
  .page-narrow--split > .layout > .aside { position: sticky; inset-block-start: calc(var(--shell-header) + var(--space-4)); }
  .page-narrow--tool > .layout { grid-template-columns: minmax(0, 1fr) 380px; }
  .page-narrow--tool .cpn-builder__aside { inset-block-start: calc(var(--shell-header) + var(--space-4)); }
}
.page-narrow .layout > .stack { gap: var(--space-6); }
.page-narrow .aside { gap: var(--space-5); }
.page-narrow .disclaimer { border-radius: var(--orca-ctl); }
.fm-oa .sc-how { gap: 10px; }
.fm-oa .sc-how li { padding: 10px 12px; border-radius: var(--orca-ctl); background: var(--fm-tile); color: var(--text-secondary); line-height: 1.45; }
.fm-oa .sc-how li .icon { margin-block-start: 2px; color: var(--primary-text); }
/* Sekmeler (kuponlar, topluluk alt gezinmesi): başlığın altında kapsül şerit */
.page-narrow > .tabs {
  gap: 2px; padding: 5px; border: 1px solid var(--fm-line); border-radius: 14px; background: color-mix(in srgb, var(--surface) 70%, transparent);
}
.page-narrow > .tabs .tab { padding: 9px 14px; border-radius: 10px; }
.page-narrow > .tabs .tab:hover { background: var(--surface2); }
.page-narrow > .tabs .tab[aria-current="page"] { background: color-mix(in srgb, var(--primary) 14%, var(--surface)); color: var(--text); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 55%, transparent); }
.page-narrow > .tabs .tab[aria-current="page"]::after { display: none; }
.page-narrow > .tabs .tab:focus-visible { outline-offset: -2px; border-radius: 10px; }
.fm-cpn .cpn-slip { border-radius: var(--orca-card); }
.fm-cpn .cpn-results:empty { display: none; }

/* Telefon: başlık paneli kenara yakın, avatar küçük */
@media (max-width: 639px) {
  .page-narrow { gap: var(--space-5); }
  .fm-head,
  .page-narrow > .page-head { margin-inline: calc(var(--page-gutter) * -0.5); border-radius: 20px; padding: 18px 16px; }
  .fm-head { gap: 14px; align-items: flex-start; }
  .fm-head__avatar { width: 52px; height: 52px; font-size: 1.125rem; }
  .fm-head__desc, .page-narrow > .page-head p { font-size: var(--fs-sm); }
  .fm-account > nav.chips { inset-block-start: calc(var(--shell-header) + 6px); margin-inline: calc(var(--page-gutter) * -0.5); }
  .page-narrow .card > form:last-child > .form-actions:last-child .btn,
  .page-narrow form.card > .form-actions:last-child .btn { flex: 1 1 auto; }
}

/* ---------------------------------------------------------------- Hareketi azalt / zorlanmış renkler */
@media (prefers-reduced-motion: reduce) {
  :is(.auth, .page-narrow) :is(.input, .select, .textarea, .switch input, .check) { transition: none; }
}
@media (forced-colors: active) {
  .auth::before, .auth::after, .auth__card::before { display: none; }
  :is(.auth, .page-narrow) .field-error::before { background: CanvasText; }
}