/* Deefter profil bileşenleri — Hesabım / üyelik tamamlama (hesap.deefter.com), programların /profil sayfası ve yönetim paneli
   iki adımlı doğrulama kurulumu ortak kullanır. Telefon / e-posta doğrulama kutusu, profil kartları, desen, Authenticator. */

.kod-kucuk { letter-spacing: .3em; font-weight: 700; text-align: center; }
.dogrula-kutu { border: 1px solid var(--ad-border); border-radius: 14px; padding: .85rem 1rem; background: var(--ad-surface); }
.dogrula-kutu[data-dogru="1"] { border-color: rgba(63, 163, 77, .35); background: rgba(63, 163, 77, .05); }
.rozet-dogru { font-size: .75rem; font-weight: 700; color: #2e8a3b; display: inline-flex; align-items: center; gap: .25rem; }
.hs-program { display: flex; align-items: center; gap: .85rem; padding: .85rem; border-radius: 14px; border: 1px solid var(--ad-border); transition: border-color .15s, box-shadow .15s; color: var(--ad-text); }
.hs-program:hover { border-color: rgba(var(--ad-primary-rgb), .4); box-shadow: 0 6px 18px rgba(16, 24, 40, .08); color: var(--ad-text); }
.hs-program .ikon { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; color: var(--ad-on-pink); font-size: 1.3rem; background: var(--ad-grad-pink); flex-shrink: 0; }
.hs-baglanti { display: flex; align-items: center; gap: .75rem; padding: .7rem 0; border-bottom: 1px dashed var(--ad-border); }
.hs-baglanti:last-child { border-bottom: 0; }
.hs-baglanti > i { font-size: 1.3rem; width: 28px; text-align: center; }
.zorunlu { color: var(--ad-danger); font-weight: 700; }
.dogrula-kutu.dogrula-hata { border-color: var(--ad-danger); background: color-mix(in srgb, var(--ad-danger) 5%, var(--ad-surface)); }

/* ---------------------------------------------------------------- Profilim kartları */
.pf-kart { background: var(--ad-surface); border-radius: 18px; box-shadow: var(--ad-shadow); padding: 0 1.35rem 1.35rem; margin-bottom: 1.25rem; }
.pf-baslik { display: flex; align-items: center; gap: .7rem; margin: 0 -1.35rem 1.15rem; padding: .85rem 1.35rem; font-weight: 700; font-size: 1.05rem;
  color: var(--ad-purple); border-left: 4px solid var(--ad-primary); border-radius: 18px 18px 0 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--ad-primary) 9%, var(--ad-surface)) 0%, var(--ad-surface) 85%); }
[data-bs-theme="dark"] .pf-baslik { color: var(--ad-text); }
.pf-ikon { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: var(--ad-primary); background: color-mix(in srgb, var(--ad-primary) 14%, var(--ad-surface)); font-size: 1.1rem; }
.pf-mini-ikon { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; flex-shrink: 0; color: var(--ad-on-pink); background: var(--ad-grad-pink); font-size: 1.1rem; }
.pf-dogrula { padding: .55rem .75rem; }
.pf-dogrula [data-deger] { font-size: .9rem; overflow-wrap: anywhere; }
.pf-hassas { display: flex; align-items: center; gap: .4rem; padding: .3rem .3rem .3rem .75rem; border: 1px solid var(--ad-border); border-radius: 10px; background: var(--ad-surface-2); }
.pf-maske { flex: 1; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .92rem; letter-spacing: .03em; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-ileti { margin: -.25rem 0 1rem .25rem; }
.pf-kaydet { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: .75rem; margin: .25rem -.25rem 0; padding: .75rem 1rem;
  background: color-mix(in srgb, var(--ad-surface) 92%, transparent); backdrop-filter: blur(8px); border: 1px solid var(--ad-border); border-radius: 16px; box-shadow: var(--ad-shadow); }
.pf-dogrulama { padding: .85rem; border: 1px solid var(--ad-border); border-radius: 14px; background: var(--ad-surface-2); }
.pf-anahtar { display: flex; align-items: center; gap: .6rem; padding: .55rem .65rem; border: 1px solid color-mix(in srgb, var(--ad-primary) 35%, var(--ad-border)); border-radius: 12px; background: var(--ad-surface); cursor: pointer; height: 100%; }
.pf-anahtar b { display: block; font-size: .86rem; }
.pf-anahtar small { display: block; color: var(--ad-muted); font-size: .74rem; }
.pf-anahtar.pasif { opacity: .55; cursor: not-allowed; }
.pf-desen-kart { padding: .85rem; border: 1px solid var(--ad-border); border-radius: 14px; height: 100%; }
@media (max-width: 575.98px) {
  .pf-kart { padding: 0 1rem 1.1rem; }
  .pf-baslik { margin: 0 -1rem 1rem; padding: .75rem 1rem; }
  .pf-kaydet { margin: .25rem 0 0; padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom, 0px)); border-radius: 14px; }
  .pf-kaydet .btn-lg { width: 100%; }
}

/* ---------------------------------------------------------------- desen (3x3) */
.desen { position: relative; width: 210px; height: 210px; margin: 0 auto; touch-action: none; user-select: none; -webkit-user-select: none; cursor: crosshair;
  border-radius: 18px; background: var(--ad-surface-2); }
.desen-buyuk { width: 240px; height: 240px; }
.desen svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.desen-cizgi { fill: none; stroke: var(--ad-primary); stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; opacity: .6; }
.desen-nokta { position: absolute; width: 24px; height: 24px; margin: -12px 0 0 -12px; border-radius: 50%; border: 3px solid #94a3b8; background: var(--ad-surface);
  transition: transform .12s, border-color .12s, background .12s; pointer-events: none; }
.desen-nokta.secili { border-color: var(--ad-primary); background: var(--ad-primary); transform: scale(1.18); box-shadow: 0 0 0 6px rgba(var(--ad-primary-rgb), .15); }
.desen.desen-hata .desen-nokta.secili { border-color: var(--ad-danger); background: var(--ad-danger); }
.desen.desen-hata .desen-cizgi { stroke: var(--ad-danger); }
.desen.desen-tamam .desen-nokta.secili { border-color: #2e8a3b; background: #2e8a3b; }
.desen.desen-tamam .desen-cizgi { stroke: #2e8a3b; }

/* ================================================================ iki adımlı doğrulama (Authenticator) — Hesabım, /profil, yönetim kurulumu */
.ia-baslik-alt { margin-left: auto; font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ad-muted); }
.ia-durum { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .7rem; margin-bottom: .8rem; }
.ia-rozet { display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .7rem; border-radius: 999px; font-size: .76rem; font-weight: 800; }
.ia-rozet.acik { background: rgba(22, 163, 74, .12); color: var(--ad-success-text); }   /* g#48 */
.ia-rozet.kapali { background: var(--ad-surface-2); color: var(--ad-muted); border: 1px solid var(--ad-border); }
.ia-artilar { list-style: none; padding: 0; margin: 0 0 .9rem; display: grid; gap: .35rem; font-size: .84rem; color: var(--ad-muted); }
.ia-artilar i { color: var(--ad-primary); margin-right: .45rem; }
.ia-ozet { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: .6rem; margin-bottom: .8rem; }
.ia-kalan { padding: .5rem .75rem; border-radius: 12px; background: var(--ad-surface-2); border: 1px solid var(--ad-border); }
.ia-kalan span { display: block; font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ad-muted); }
.ia-kalan b { font-size: .95rem; }
.ia-kalan.az { border-color: color-mix(in srgb, #f59e0b 50%, var(--ad-border)); background: color-mix(in srgb, #f59e0b 8%, var(--ad-surface)); }
.ia-eylemler { display: flex; flex-wrap: wrap; gap: .5rem; }
a.pf-anahtar { color: var(--ad-text); }
a.pf-anahtar:hover { border-color: var(--ad-primary); }
.ia-onay { margin-top: .85rem; padding: .85rem; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--ad-primary) 35%, var(--ad-border));
  background: color-mix(in srgb, var(--ad-primary) 4%, var(--ad-surface)); }
.ia-pencere .modal-content { border: 0; border-radius: 20px; overflow: hidden; }
.ia-pencere .modal-header { gap: .7rem; background: linear-gradient(180deg, color-mix(in srgb, var(--ad-primary) 7%, var(--ad-surface)), var(--ad-surface)); }
.ia-pencere .modal-title { font-size: 1.05rem; font-weight: 800; margin: 0; }
.ia-pencere .modal-header .btn-close { margin-left: auto; }
.ia-pencere-ikon { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 12px; display: grid; place-items: center; color: var(--ad-on-pink); background: var(--ad-grad-pink); font-size: 1.1rem; }
.ia-kurulum { margin-bottom: .4rem; }
.ia-adim { display: flex; gap: .65rem; align-items: flex-start; margin: .1rem 0 .65rem; }
.ia-adim > span { width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: .8rem; color: var(--ad-on-primary); background: var(--ad-primary); }
.ia-adim b { display: block; font-size: .92rem; color: var(--ad-text); }
.ia-adim small { display: block; color: var(--ad-muted); font-size: .78rem; }
.ia-uygulamalar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin: 0 0 1rem 2.2rem; }
.ia-app { display: grid; gap: .15rem; padding: .55rem .65rem; border: 1px solid var(--ad-border); border-radius: 12px; background: var(--ad-surface); font-size: .74rem; color: var(--ad-muted); }
.ia-app b { font-size: .8rem; color: var(--ad-text); }
.ia-app a { font-weight: 700; color: var(--ad-primary); }
.ia-qr-alan { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin: 0 0 1rem 2.2rem; }
.ia-qr { width: 190px; height: 190px; flex: 0 0 190px; padding: .5rem; border-radius: 16px; background: #fff; border: 1px solid var(--ad-border); }
.ia-qr svg { width: 100%; height: 100%; display: block; }
.ia-qr-yan { flex: 1 1 230px; min-width: 0; display: grid; gap: .65rem; }
.ia-ekle { justify-self: start; }
.ia-kurulum:not(.ia-dokunmatik) .ia-ekle { --bs-btn-bg: var(--ad-surface-2); }
.ia-dokunmatik .ia-qr-alan { flex-direction: column-reverse; align-items: stretch; }
.ia-dokunmatik .ia-ekle { justify-self: stretch; padding: .75rem 1rem; font-size: 1rem; }
.ia-dokunmatik .ia-qr { margin: 0 auto; }
.ia-etiket { font-size: .72rem; font-weight: 700; color: var(--ad-muted); margin-bottom: .25rem; }
.ia-sir { display: flex; align-items: center; gap: .4rem; padding: .35rem .4rem .35rem .75rem; border-radius: 11px; background: var(--ad-surface-2); border: 1px solid var(--ad-border); }
.ia-sir code { flex: 1; min-width: 0; font-size: .95rem; font-weight: 800; letter-spacing: .08em; color: var(--ad-text); word-break: normal; overflow-wrap: anywhere; user-select: all; }
.ia-bilgi { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .1rem .7rem; margin: 0; font-size: .78rem; }
.ia-bilgi dt { color: var(--ad-muted); font-weight: 600; }
.ia-bilgi dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.ia-dogrula { margin-left: 2.2rem; }
.ia-kod-giris { font-size: 1.35rem; letter-spacing: .4em; text-align: center; font-weight: 800; font-variant-numeric: tabular-nums; }
.ia-tamam { display: flex; gap: .7rem; align-items: flex-start; padding: .8rem .9rem; border-radius: 14px; background: color-mix(in srgb, var(--ad-success) 9%, var(--ad-surface));
  border: 1px solid color-mix(in srgb, var(--ad-success) 30%, var(--ad-border)); }
.ia-tamam > i { color: var(--ad-success); font-size: 1.4rem; }
.ia-tamam b { display: block; } .ia-tamam small { display: block; color: var(--ad-muted); font-size: .8rem; }
.ia-kodlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: .9rem 0; }
.ia-kodlar code { display: block; text-align: center; padding: .55rem; border-radius: 10px; background: var(--ad-surface-2); border: 1px dashed var(--ad-border);
  font-size: 1rem; font-weight: 800; letter-spacing: .1em; color: var(--ad-text); user-select: all; }
.ia-kurtarma-giris summary { cursor: pointer; font-size: .86rem; color: var(--ad-muted); text-align: center; list-style: none; }
.ia-kurtarma-giris summary::-webkit-details-marker { display: none; }
.ia-kurtarma-giris summary b { color: var(--ad-primary); }
@media (max-width: 575.98px) {
  .ia-pencere .modal-content { border-radius: 0; }
  .ia-uygulamalar, .ia-qr-alan, .ia-dogrula { margin-left: 0; }
  .ia-uygulamalar { grid-template-columns: minmax(0, 1fr); }
  .ia-ozet { grid-template-columns: minmax(0, 1fr); }
  .ia-eylemler .btn { flex: 1 1 100%; }
  .ia-qr { margin: 0 auto; }
}

/* ================================================================ programların /profil sayfası (Deefter hesabı ile) */
.pf-sayfa { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.pf-menu { position: sticky; top: 1rem; display: grid; gap: .2rem; padding: .6rem; border-radius: 18px; background: var(--ad-surface); box-shadow: var(--ad-shadow); }
.pf-menu a { display: flex; align-items: center; gap: .6rem; padding: .55rem .7rem; border-radius: 12px; color: var(--ad-muted); font-weight: 700; font-size: .86rem; text-decoration: none; white-space: nowrap; }
.pf-menu a i { width: 20px; text-align: center; color: var(--ad-primary); font-size: 1rem; }
.pf-menu a:hover, .pf-menu a.aktif { background: color-mix(in srgb, var(--ad-primary) 10%, var(--ad-surface)); color: var(--ad-text); }
.pf-govde { min-width: 0; }
.pf-govde .pf-kart { scroll-margin-top: 1rem; }
.pf-kart-alt { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: 1rem; padding-top: .85rem; border-top: 1px solid var(--ad-border); }
.pf-kart-alt .btn-primary { margin-left: auto; }
.pf-not { font-size: .76rem; color: var(--ad-muted); }
.pf-ozet-kart { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 1rem 1.25rem; margin-bottom: 1.25rem; border-radius: 18px; background: var(--ad-surface); box-shadow: var(--ad-shadow); }
.pf-avatar { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 16px; display: grid; place-items: center; color: var(--ad-on-pink); font-weight: 800; font-size: 1.4rem; background: var(--ad-ana-grad, var(--ad-grad-pink)); }
.pf-ozet-kart h2 { font-size: 1.15rem; font-weight: 800; margin: 0; color: var(--ad-text); }
.pf-ozet-kart .pf-alt { font-size: .8rem; color: var(--ad-muted); }
.pf-rozetler { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .35rem; }
.pf-rozet { display: inline-flex; align-items: center; gap: .3rem; padding: .18rem .6rem; border-radius: 999px; font-size: .7rem; font-weight: 800; background: var(--ad-surface-2); color: var(--ad-muted); border: 1px solid var(--ad-border); }
.pf-rozet.iyi { background: rgba(22, 163, 74, .1); color: var(--ad-success); border-color: transparent; }
.pf-uyari { display: flex; gap: .6rem; align-items: flex-start; padding: .8rem 1rem; margin-bottom: 1.25rem; border-radius: 14px; font-size: .86rem;
  background: color-mix(in srgb, #f59e0b 9%, var(--ad-surface)); border: 1px solid color-mix(in srgb, #f59e0b 35%, var(--ad-border)); }
@media (max-width: 991.98px) {
  .pf-sayfa { grid-template-columns: minmax(0, 1fr); gap: .9rem; }
  .pf-menu { position: sticky; top: 0; z-index: 6; display: flex; overflow-x: auto; scrollbar-width: none; border-radius: 14px; padding: .4rem; }
  .pf-menu::-webkit-scrollbar { display: none; }
  .pf-menu a { flex: 0 0 auto; padding: .45rem .7rem; }
}
@media (max-width: 575.98px) {
  .pf-kart-alt .btn-primary { width: 100%; margin-left: 0; }
  .pf-ozet-kart { padding: .9rem 1rem; }
}

/* ================================================================ g#91 "Girişte ek doğrulama" tek kart + Güvenlik durumu */
.ia-uyari { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem .8rem; padding: .7rem .85rem; margin-bottom: .8rem; border-radius: 14px;
  background: color-mix(in srgb, #f59e0b 10%, var(--ad-surface)); border: 1px solid color-mix(in srgb, #f59e0b 45%, var(--ad-border)); }
.ia-uyari > i { color: #d97706; font-size: 1.2rem; }
.ia-uyari > div { flex: 1 1 220px; min-width: 0; }
.ia-uyari b { display: block; font-size: .86rem; }
.ia-uyari small { display: block; color: var(--ad-muted); font-size: .76rem; }
.ia-uyari.tehlike { background: color-mix(in srgb, #dc2626 8%, var(--ad-surface)); border-color: color-mix(in srgb, #dc2626 40%, var(--ad-border)); }
.ia-uyari.tehlike > i { color: #dc2626; }
.ia-blok { padding: .85rem .9rem; border: 1px solid var(--ad-border); border-radius: 16px; background: var(--ad-surface-2); margin-bottom: .7rem; }
.ia-blok-bas { display: flex; align-items: flex-start; gap: .65rem; margin-bottom: .7rem; }
.ia-blok-bas > .min-w-0 { flex: 1 1 auto; }
.ia-blok-bas b { font-size: .92rem; }
.ia-blok-bas small { display: block; color: var(--ad-muted); font-size: .76rem; margin-top: .1rem; }
.ia-blok-ikon { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 1rem;
  background: color-mix(in srgb, var(--ad-primary) 14%, var(--ad-surface)); color: var(--ad-primary-text, var(--ad-primary)); }
.ia-oner { font-style: normal; font-size: .64rem; font-weight: 800; padding: .08rem .45rem; border-radius: 999px; vertical-align: .1em;
  background: color-mix(in srgb, #16a34a 14%, transparent); color: var(--ad-success-text, #15803d); }
.ia-etiket { flex: 0 0 auto; font-size: .7rem; font-weight: 800; padding: .2rem .6rem; border-radius: 999px; white-space: nowrap; }
.ia-etiket.acik { background: rgba(22, 163, 74, .12); color: var(--ad-success-text); }
.ia-etiket.uyari { background: color-mix(in srgb, #f59e0b 16%, transparent); color: #b45309; }
[data-bs-theme="dark"] .ia-etiket.uyari { color: #fbbf24; }
.ia-etiket.kapali { background: var(--ad-surface); color: var(--ad-muted); border: 1px solid var(--ad-border); }
.ia-kalan.yok { border-color: color-mix(in srgb, #dc2626 50%, var(--ad-border)); background: color-mix(in srgb, #dc2626 7%, var(--ad-surface)); }
.ia-kalan.yok b { color: #dc2626; }
.ia-kanallar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: .5rem; }

.gv-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.2rem; margin-bottom: .9rem; }
.gv-puan { --p: 0; --r: #dc2626; flex: 0 0 auto; width: 96px; height: 96px; border-radius: 50%; display: grid; place-content: center; text-align: center; position: relative;
  background: conic-gradient(var(--r) calc(var(--p) * 1%), var(--ad-surface-2) 0); }
.gv-puan::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: var(--ad-surface); }
.gv-puan b, .gv-puan small { position: relative; line-height: 1; }
.gv-puan b { font-size: 1.6rem; font-weight: 800; }
.gv-puan small { font-size: .7rem; color: var(--ad-muted); margin-top: .15rem; }
.gv-puan.orta { --r: #f59e0b; }
.gv-puan.iyi { --r: #16a34a; }
.gv-oneri { flex: 1 1 260px; min-width: 0; }
.gv-oneri b { display: block; font-size: .9rem; margin-bottom: .25rem; }
.gv-oneri small { display: block; color: var(--ad-muted); font-size: .8rem; }
.gv-oneri ul { margin: 0; padding-left: 1.1rem; font-size: .84rem; }
.gv-oneri li { margin: .15rem 0; }
.gv-bildirim { margin-bottom: .9rem; }
.gv-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.gv-bolum { min-width: 0; padding: .8rem .85rem; border: 1px solid var(--ad-border); border-radius: 16px; background: var(--ad-surface-2); }
.gv-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem; margin-bottom: .5rem; font-size: .9rem; }
.gv-liste { list-style: none; margin: 0; padding: 0; }
.gv-liste li { display: flex; align-items: center; gap: .6rem; padding: .45rem 0; border-top: 1px solid var(--ad-border); }
.gv-liste li:first-child { border-top: 0; }
.gv-liste li > i { flex: 0 0 auto; color: var(--ad-muted); font-size: 1.05rem; }
.gv-liste li > .min-w-0 { flex: 1 1 auto; }
.gv-liste b { display: block; font-size: .82rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gv-liste small { display: block; font-size: .72rem; color: var(--ad-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gv-bu { font-style: normal; font-size: .62rem; font-weight: 800; padding: .06rem .4rem; border-radius: 999px; margin-left: .25rem;
  background: color-mix(in srgb, var(--ad-primary) 16%, transparent); color: var(--ad-primary-text, var(--ad-primary)); }
@media (max-width: 767.98px) {
  .gv-iki { grid-template-columns: minmax(0, 1fr); }
  .gv-puan { width: 82px; height: 82px; }
}

/* g#90 Tehlikeli bölge + Üyeliği tamamen sil penceresi (uyelik-sil.js) */
.pf-tehlike { border: 1px solid color-mix(in srgb, var(--ad-danger) 35%, var(--ad-border)); }
.pf-tehlike .pf-ikon { background: linear-gradient(135deg, #f87171, #dc2626); color: #fff; }
.pf-tehlike-satir { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; padding: .85rem 1rem; border-radius: 14px; background: color-mix(in srgb, var(--ad-danger) 7%, transparent); }
.pf-tehlike-satir > div { flex: 1 1 260px; min-width: 0; }
.pf-tehlike-satir small { display: block; color: var(--ad-muted); }
.us-noktalar { display: flex; gap: .4rem; list-style: none; padding: 0; margin: 0 0 1rem; counter-reset: us; }
.us-noktalar li { flex: 1; font-size: .78rem; font-weight: 700; color: var(--ad-muted); padding-top: .45rem; border-top: 3px solid var(--ad-border); counter-increment: us; }
.us-noktalar li::before { content: counter(us) ". "; }
.us-noktalar li.aktif { color: var(--ad-danger); border-top-color: var(--ad-danger); }
.us-uyari { display: flex; gap: .6rem; padding: .8rem .9rem; border-radius: 12px; background: color-mix(in srgb, var(--ad-danger) 9%, transparent); color: var(--ad-text); font-size: .9rem; }
.us-uyari > i { color: var(--ad-danger); font-size: 1.15rem; flex-shrink: 0; }
.us-liste { display: grid; gap: .6rem; }
.us-sistem { border: 1px solid var(--ad-border); border-radius: 12px; padding: .65rem .8rem; background: var(--ad-surface-2, var(--ad-surface)); }
.us-sistem-ad { font-size: .74rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--ad-muted); margin-bottom: .35rem; }
.us-isletme + .us-isletme { margin-top: .5rem; padding-top: .5rem; border-top: 1px dashed var(--ad-border); }
.us-sayilar { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .35rem; }
.us-sayilar span { font-size: .74rem; padding: 2px 8px; border-radius: 999px; background: var(--ad-surface); border: 1px solid var(--ad-border); color: var(--ad-muted); }
.us-sayilar b { color: var(--ad-text); }
.us-hesap { margin: 0; padding-left: 1.1rem; font-size: .85rem; }
.us-not { font-size: .82rem; color: var(--ad-muted); }
.us-ad { color: var(--ad-danger); word-break: break-word; }
.us-tamam { font-size: 3rem; color: var(--ad-success, #16a34a); line-height: 1; }
.kod-buyuk { letter-spacing: .5em; font-weight: 800; }
.us-pencere [hidden] { display: none !important; }   /* d-flex adım alt bilgileri hidden ile gizlensin */

/* Yazarak aranan açılır kutu: il / ilçe (profil.js yazarakSec). Gerçek alan gizli <select>; liste gövdeye taşınır (position: fixed) */
.ys-gizli { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  opacity: 0 !important; pointer-events: none !important; overflow: hidden !important; }
.ys-girdi { cursor: text; text-overflow: ellipsis; }
.ys-girdi:disabled { cursor: not-allowed; }
.ys-liste { position: fixed; z-index: 1090; margin: 0; padding: 6px; list-style: none; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  background: var(--ad-surface); color: var(--ad-text); border: 1px solid var(--sh-frame-border, var(--ad-border)); border-radius: 14px; text-align: left;
  box-shadow: 0 2px 4px rgba(16, 24, 40, .06), 0 18px 44px rgba(16, 24, 40, .20); animation: ysAc .12s ease-out both; }
[data-bs-theme="dark"] .ys-liste { box-shadow: 0 24px 60px rgba(0, 0, 0, .6); }
.ys-liste[hidden] { display: none; }
.ys-secenek { display: flex; align-items: center; min-height: 40px; padding: 6px 12px; border-radius: 10px; cursor: pointer; font-size: .95rem; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.ys-secenek b { font-weight: 800; }
.ys-secenek.aktif { background: var(--ad-surface-2); }
.ys-secenek[aria-selected="true"] { font-weight: 700; background: color-mix(in srgb, var(--ad-primary) 10%, transparent); }
.ys-secenek[aria-selected="true"].aktif { background: color-mix(in srgb, var(--ad-primary) 16%, transparent); }
.ys-bos { padding: 14px 12px; text-align: center; color: var(--ad-muted); font-size: .9rem; }
.ys-durum { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (pointer: coarse) { .ys-secenek { min-height: 46px; font-size: 1rem; } }
@keyframes ysAc { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ys-liste { animation: none; } }

/* Onay metni penceresi (hesap: Üyeliğinizi tamamlayın — assets/js/onay-metin.js): sözleşme / KVKK metni açılır, sonuna inince "Okudum, anladım" etkinleşir */
.onay-ilerleme { height: 3px; flex: 0 0 auto; background: var(--ad-border); }
.onay-ilerleme > span { display: block; width: 0; height: 100%; background: var(--ad-grad-pink, var(--ad-primary)); transition: width .12s linear; }
.onay-govde { font-size: .93rem; line-height: 1.65; overscroll-behavior: contain; }
.onay-govde:focus-visible { outline: 2px solid var(--ad-primary); outline-offset: -2px; }
.onay-govde h2 { margin: 1.25rem 0 .4rem; font-size: 1.02rem; font-weight: 800; }
.onay-govde h2:first-child { margin-top: 0; }
.onay-govde ul { padding-left: 1.2rem; }
.onay-govde .taslak { margin: 0 0 1rem; padding: .7rem .9rem; border-radius: 12px; font-size: .85rem;
  background: color-mix(in srgb, #f59e0b 13%, var(--ad-surface)); border: 1px solid color-mix(in srgb, #f59e0b 38%, var(--ad-border)); color: var(--ad-text); }
.onay-alt { flex-wrap: wrap; gap: .5rem; }
.onay-alt > * { margin: 0; }
.onay-ipucu { flex: 1 1 auto; min-width: 0; color: var(--ad-muted); }
.onay-ipucu.tamam { color: var(--ad-text); font-weight: 600; }
.onay-ipucu.tamam i { color: #16a34a; }
.onay-alt .btn-primary { white-space: nowrap; }
@media (max-width: 575.98px) {
  .onay-ipucu { flex: 1 1 100%; }
  .onay-alt .btn-soft { flex: 1 1 0; }
  .onay-alt .btn-primary { flex: 2 1 0; }
}

/* ---------------------------------------------------------------- hatırlanan cihazlar (girişte "Bu cihazı 30 gün hatırla") */
.ia-guvenilir { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem .8rem; padding: .6rem .8rem; margin-bottom: .8rem; border-radius: 12px;
  border: 1px dashed var(--ad-border); background: var(--ad-surface-2); }
.ia-guvenilir > i { font-size: 1.15rem; color: var(--ad-muted); }
.ia-guvenilir > div { flex: 1 1 200px; }
.ia-guvenilir b { display: block; font-size: .84rem; }
.ia-guvenilir small { display: block; color: var(--ad-muted); font-size: .75rem; }
.ia-guvenilir.var { border-style: solid; border-color: color-mix(in srgb, var(--ad-primary) 35%, var(--ad-border)); }
.ia-guvenilir.var > i { color: var(--ad-primary); }
/* kurulum penceresinde 6 kutulu doğrulama */
.ia-dogrula .kk { margin-top: .75rem; }