/* Atıf Platformu — ön yüz. Tema değişkenlerini (--ink, --line, --lime …) kullanır, yoksa kendi varsayılanlarına düşer. */
.atif, .atif-karsilama { --a-ink: var(--ink, #171717); --a-line: var(--line, #eaeaea); --a-line2: var(--line-2, #d9d9d9); --a-muted: var(--muted, #8c8c8c); --a-surface: var(--surface, #fff); --a-bg: var(--bg, #f7f7f7); --a-lime: var(--lime, #cbf36c); --a-blue: var(--blue, #0059e6);  }
.atif { max-width: 1200px; margin: 0 auto; padding: 48px 24px 96px; }
.atif-dar { max-width: 460px; }
.atif h1 { font-size: clamp(30px, 4vw, 44px); letter-spacing: -0.03em; margin: 0 0 8px; }
.atif-h2 { font-size: 24px; margin: 40px 0 14px; }
.atif-h3 { font-size: 20px; margin: 36px 0 12px; display: flex; gap: 10px; align-items: baseline; }
.atif-h3 small, .atif-h2 small { color: var(--a-muted); font-weight: 500; font-size: 14px; }
.atif-alt { color: var(--a-muted); font-size: 15px; }
.atif-gri { color: var(--a-muted); }
.atif-sag { text-align: right; white-space: nowrap; }
.atif-orta { text-align: center; margin: 12px 0; }
.atif a:not(.btn):not(.atif-kart) { color: var(--a-blue); }

.btn-sm { height: 32px; padding: 0 12px; font-size: 13px; }
.btn-blok { width: 100%; justify-content: center; margin-top: 10px; }
.atif button.btn { cursor: pointer; font-family: inherit; }

/* Rozetler */
.atif-rozet { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 500; white-space: nowrap; background: #eee; color: #444; }
.atif-rozet-yesil { background: #e6f6d5; color: #2f6400; }
.atif-rozet-sari { background: #fff4d1; color: #7a5600; }
.atif-rozet-kirmizi { background: #fde2e2; color: #a01c1c; }
.atif-rozet-mavi { background: #e2ecff; color: #0a3ea8; }
.atif-rozet-mor { background: #ece2fb; color: #4e24c2; }
.atif-rozet-turuncu { background: #ffe9d1; color: #8a4700; }

/* Uyarılar */
.atif-uyari { padding: 12px 16px; border-radius: 10px; margin: 16px 0; font-size: 15px; border: 1px solid; }
.atif-uyari-basari { background: #f1fbe7; border-color: #cfeab0; color: #2f5a00; }
.atif-uyari-hata { background: #fdf0f0; border-color: #f2c4c4; color: #8f1d1d; }
.atif-uyari-bilgi { background: #f2f6ff; border-color: #d3e0ff; color: #1d3a7a; }
.atif-bos { padding: 32px; text-align: center; border: 1px dashed var(--a-line2); border-radius: 14px; color: var(--a-muted); background: var(--a-surface); }

/* Formlar */
.atif-form { display: grid; gap: 14px; }
.atif-form label { display: grid; gap: 6px; font-size: 14px; font-weight: 500; color: #333; }
.atif-form label small { color: var(--a-muted); font-weight: 400; }
.atif-form input:not([type=checkbox]):not([type=radio]):not([type=range]), .atif-form select, .atif-form textarea {
  width: 100%; font: inherit; font-size: 15px; padding: 10px 12px; border: 1px solid var(--a-line2); border-radius: 9px; background: var(--a-surface); color: var(--a-ink); }
.atif-form input:focus, .atif-form select:focus, .atif-form textarea:focus { outline: 2px solid var(--a-blue); outline-offset: -1px; border-color: transparent; }
.atif-form .atif-onay { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; }
.atif-form .atif-onay input { margin-top: 4px; }
.atif-form fieldset { border: 1px solid var(--a-line); border-radius: 14px; padding: 20px; margin: 0; background: var(--a-surface); display: grid; gap: 14px; }
.atif-form legend { font-weight: 600; padding: 0 6px; }
.atif-form-iki { grid-template-columns: 1fr 1fr; align-items: start; }
.atif-form-iki > button, .atif-form-iki > p, .atif-form-iki > input[type=hidden] { grid-column: 1 / -1; justify-self: start; }
.atif-satir { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.atif-satir-form { grid-template-columns: 200px 1fr auto; }
.atif-form input[type=range] { width: 100%; accent-color: var(--a-ink); }
.atif-ozet-kutu { background: var(--a-bg); border-radius: 10px; padding: 14px; display: grid; gap: 6px; font-size: 14px; }
.atif-ozet-kutu div { display: flex; justify-content: space-between; }
.atif-ozet-kutu small { color: var(--a-muted); }
.atif-fiyat-grid { display: grid; grid-template-columns: 1fr 110px 110px; gap: 8px; align-items: center; font-size: 14px; }
.atif-fiyat-grid small { color: var(--a-muted); }

.atif-sekme-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; background: #eee; border-radius: 10px; padding: 4px; margin: 20px 0; }
.atif-sekme-sec a { text-align: center; padding: 9px; border-radius: 8px; font-weight: 500; color: #555 !important; }
.atif-sekme-sec a.on { background: var(--a-surface); color: var(--a-ink) !important; box-shadow: 0 1px 3px rgba(0,0,0,.08); }

/* Görev listesi */
.atif-sayfa-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 28px; }
.atif-filtre { display: flex; gap: 6px; flex-wrap: wrap; }
.atif-filtre a { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--a-line2); background: var(--a-surface); font-size: 14px; color: #444 !important; }
.atif-filtre a.on { background: var(--a-ink); border-color: var(--a-ink); color: #fff !important; }
.atif-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.atif-kart { display: block; background: var(--a-surface); border: 1px solid var(--a-line); border-radius: 16px; padding: 20px; color: inherit; }
.atif-gorev-kart { transition: border-color .15s, transform .15s, box-shadow .15s; }
.atif-gorev-kart:hover { border-color: var(--a-ink); transform: translateY(-2px); box-shadow: 0 16px 40px -24px rgba(0,0,0,.3); }
.atif-kart-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.atif-odul-buyuk { font-size: 30px; font-weight: 700; letter-spacing: -0.03em; margin: 14px 0 2px; }
.atif-odul-buyuk span { font-size: 15px; font-weight: 500; color: var(--a-muted); letter-spacing: 0; }
.atif-gorev-kart h3 { font-size: 18px; margin: 4px 0 4px; line-height: 1.3; }
.atif-marka-satir { color: var(--a-muted); font-size: 14px; }
.atif-fiyatlar { list-style: none; padding: 0; margin: 16px 0; display: grid; gap: 6px; }
.atif-fiyatlar li { display: flex; justify-content: space-between; font-size: 14px; padding: 7px 10px; background: var(--a-bg); border-radius: 8px; }
.atif-fiyatlar li.atif-havuz-satir { background: var(--a-lime); }
.atif-kart-alt { display: flex; justify-content: space-between; font-size: 13px; color: var(--a-muted); }

/* Görev sayfası */
.atif-gorev-izgara { display: grid; grid-template-columns: 1fr 360px; gap: 40px; align-items: start; }
.atif-gorev-sayfa h1 { margin-top: 14px; }
.atif-icerik-metin { font-size: 16px; color: #333; margin-top: 20px; }
.atif-adimlar { padding-left: 20px; display: grid; gap: 8px; color: #333; }
.atif-sorgular { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.atif-sorgular li { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: 999px; padding: 7px 14px; font-size: 14px; }
.atif-yan { position: sticky; top: 84px; }
.atif-yan .atif-odul-buyuk { margin-top: 2px; }
.atif-bar { height: 6px; border-radius: 99px; background: #eee; overflow: hidden; margin: 4px 0 6px; }
.atif-bar i { display: block; height: 100%; background: var(--a-ink); }
.atif-meta-liste { list-style: none; padding: 0; margin: 16px 0; border-top: 1px solid var(--a-line); }
.atif-meta-liste li { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--a-line); font-size: 14px; }
.atif-meta-liste span { color: var(--a-muted); }
.atif-meta-liste b { text-align: right; font-weight: 500; }
.atif-yan .atif-form { margin-top: 12px; }

/* Panel */
.atif-panel-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.atif-panel-bas small { color: var(--a-muted); }
.atif-panel-menu { display: flex; gap: 4px; border-bottom: 1px solid var(--a-line); margin: 24px 0 8px; overflow-x: auto; }
.atif-panel-menu a { padding: 10px 14px; color: #666 !important; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; font-weight: 500; }
.atif-panel-menu a.on { color: var(--a-ink) !important; border-color: var(--a-ink); }
.atif-panel-menu .atif-cikis { margin-left: auto; color: var(--a-muted) !important; }
.atif-istler { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 20px 0; }
.atif-ist { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: 14px; padding: 16px; display: grid; gap: 4px; }
.atif-ist small { color: var(--a-muted); }
.atif-ist b { font-size: 24px; letter-spacing: -0.02em; }
.atif-ist b small { font-size: 12px; font-weight: 400; letter-spacing: 0; }
.atif-ist span { font-size: 13px; color: var(--a-muted); }
.atif-gorev-bas { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.atif-gorev-bas h2 { margin: 0; font-size: 28px; }
.atif-basvuru-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.atif-basvuru-kart { display: grid; gap: 8px; }
.atif-basvuru-kart p { font-size: 14px; color: #444; margin: 0; }
.atif-linkler { display: flex; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.atif-detay { margin-top: 32px; background: var(--a-surface); border: 1px solid var(--a-line); border-radius: 12px; padding: 14px 18px; }
.atif-detay summary { cursor: pointer; font-weight: 600; }

/* Tablolar */
.atif-tablo-sar { overflow-x: auto; background: var(--a-surface); border: 1px solid var(--a-line); border-radius: 14px; }
.atif-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.atif-tablo th { text-align: left; font-weight: 500; color: var(--a-muted); padding: 12px 14px; border-bottom: 1px solid var(--a-line); white-space: nowrap; }
.atif-tablo td { padding: 12px 14px; border-bottom: 1px solid #f3f3f3; vertical-align: top; }
.atif-tablo tr:last-child td { border-bottom: 0; }
.atif-tablo td small { color: var(--a-muted); }

@media (max-width: 900px) {
  .atif-gorev-izgara { grid-template-columns: 1fr; }
  .atif-yan { position: static; }
  .atif-form-iki { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .atif { padding: 32px 16px 64px; }
  .atif-satir-form { grid-template-columns: 1fr; }
  .atif-fiyat-grid { grid-template-columns: 1fr 90px 90px; }
  .atif-form fieldset { padding: 16px; }
}

/* Ödeme */
.atif-odeme-kutu { display: grid; grid-template-columns: 1.2fr 1fr; gap: 20px 32px; background: var(--a-surface); border: 2px solid var(--a-ink); border-radius: 16px; padding: 24px; margin: 20px 0; }
.atif-odeme-kutu h3 { margin: 0 0 6px; font-size: 20px; }
.atif-odeme-tutar { display: grid; gap: 6px; font-size: 15px; align-self: start; background: var(--a-bg); border-radius: 12px; padding: 14px; }
.atif-odeme-tutar div { display: flex; justify-content: space-between; }
.atif-odeme-toplam { border-top: 1px solid var(--a-line2); padding-top: 8px; margin-top: 2px; font-size: 18px; }
.atif-odeme-kutu .atif-form, .atif-odeme-kutu .atif-havale, .atif-odeme-kutu > .atif-alt { grid-column: 1 / -1; }
.atif-odeme-kutu .atif-form button { justify-self: start; }
.atif-havale summary { cursor: pointer; font-weight: 500; }
.atif-demo-odeme { max-width: 460px; margin: 24px auto; }
@media (max-width: 760px) { .atif-odeme-kutu { grid-template-columns: 1fr; padding: 18px; } }
.atif-kart-odeme { max-width: 460px; margin: 24px auto; }
.atif-kart-satir { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
.atif-kart-not { margin-top: 12px; font-size: 13px; }
.atif-form .atif-tam { grid-column: 1 / -1; }
.atif-platform-grid { display: grid; grid-template-columns: 1fr 160px 160px; gap: 8px 12px; align-items: center; }
.atif-platform-grid small { color: var(--a-muted); }
.atif-form .atif-platform-grid input:disabled { background: var(--a-bg) !important; color: var(--a-muted) !important; opacity: .55; }
@media (max-width: 640px) { .atif-platform-grid { grid-template-columns: 1fr 90px 90px; } }
.atif-fiyatlar li.atif-diger { background: none; color: var(--a-muted); padding-top: 0; padding-bottom: 0; }
.atif-filtre a { white-space: nowrap; }

/* İlk giriş: kullanıcı adı seçimi */
.atif-karsilama { margin: -48px -24px -96px; padding: 96px 16px 120px; min-height: 70vh; display: flex; justify-content: center; align-items: flex-start;
  background-color: #efefef; background-image: linear-gradient(#e2e2e2 1px, transparent 1px), linear-gradient(90deg, #e2e2e2 1px, transparent 1px); background-size: 80px 80px; background-position: -1px -1px; }
.atif-kk { width: 100%; max-width: 500px; }
.atif-kk-sekmeler { display: flex; justify-content: space-between; padding: 0 32px; position: relative; z-index: 1; margin-bottom: -1px; }
.atif-kk-sekmeler > * { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px 14px; font-size: 17px; border: 1px solid var(--a-line2); border-bottom: 0; border-radius: 6px 6px 0 0; background: #f4f4f5; color: var(--a-muted) !important; }
.atif-kk-sekmeler > .on { background: var(--a-surface); color: var(--a-ink) !important; position: relative; }
.atif-kk-sekmeler > .on::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--a-surface); }
.atif-kk-kart { background: #fcfcfc; border: 1px solid var(--a-line2); border-radius: 10px; padding: 40px 36px 36px; text-align: center; }
.atif-kk-logo { width: 72px; height: 72px; margin: 0 auto 28px; border-radius: 12px; background: var(--a-lime); color: var(--a-ink); display: grid; place-items: center; }
.atif-kk h1 { font-size: 36px; letter-spacing: -0.02em; margin: 0; }
.atif-kk-alt { color: var(--a-muted); font-size: 19px; margin: 10px 0 36px; }
.atif-kk-form { text-align: left; background: #f4f4f5; border-radius: 12px; padding: 22px 24px 24px; }
.atif-kk-form > label { display: block; font-size: 17px; font-weight: 500; margin-bottom: 12px; }
.atif-kk-girdi { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding-bottom: 22px; border-bottom: 1px solid var(--a-line2); }
.atif-kk-girdi input { font: inherit; font-size: 17px; padding: 14px 16px; border: 1px solid var(--a-line2); border-radius: 10px; background: #ececec; color: var(--a-ink); min-width: 0; }
.atif-kk-girdi input:focus { outline: 2px solid var(--a-ink); outline-offset: -1px; background: var(--a-surface); }
.atif-kk-girdi span { display: grid; place-items: center; padding: 0 28px; background: var(--a-surface); border-radius: 8px; font-size: 17px; }
.atif-kk-kurallar { list-style: none; padding: 0; margin: 20px 0 22px; display: grid; gap: 14px; }
.atif-kk-kurallar li { display: flex; align-items: center; gap: 14px; color: var(--a-muted); font-size: 16px; transition: color .15s; }
.atif-kk-kurallar li::before { content: ""; width: 20px; height: 20px; flex: none; border: 1.5px solid #9a9a9a; border-radius: 3px; background: var(--a-surface) center/14px no-repeat; transition: background-color .15s, border-color .15s; }
.atif-kk-kurallar li.ok { color: var(--a-ink); }
.atif-kk-kurallar li.ok::before { background-color: var(--a-ink); border-color: var(--a-ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9L12.5 5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.atif-kk-kurallar li.bekliyor::before { border-style: dashed; }
.atif-kk-devam { width: 100%; height: 56px; border: 0; border-radius: 10px; font: inherit; font-size: 18px; font-weight: 500; background: var(--a-ink); color: #fff; cursor: pointer; transition: background .15s, color .15s; }
.atif-kk-devam:disabled { background: #e3e3e3; color: #9a9a9a; cursor: not-allowed; }
.atif-kk-not { font-size: 13px; color: var(--a-muted); margin-top: 14px; text-align: center; }
.atif-kk .atif-uyari { text-align: left; }
@media (max-width: 640px) {
  .atif-karsilama { margin: -32px -16px -64px; padding: 48px 12px 72px; }
  .atif-kk-sekmeler { padding: 0 12px; }
  .atif-kk-sekmeler > * { padding: 10px 14px 12px; font-size: 15px; }
  .atif-kk-kart { padding: 32px 18px 22px; }
  .atif-kk h1 { font-size: 28px; }
  .atif-kk-alt { font-size: 17px; margin-bottom: 26px; }
  .atif-kk-form { padding: 18px 16px 20px; }
  .atif-kk-girdi span { padding: 0 16px; }
}

/* ---------- Üretici uygulaması ---------- */
body.atif-uygulama-govde { background-color: #f3f3f3; background-image: linear-gradient(#e6e6e6 1px, transparent 1px), linear-gradient(90deg, #e6e6e6 1px, transparent 1px); background-size: 40px 40px; min-height: 100vh; }
.atif-uygulama-govde .atif-karsilama { margin: 0; background: none; min-height: 100vh; }
.atif [hidden] { display: none !important; }
.atif-uyg { max-width: 1240px; margin: 0 auto; padding: 20px 20px 48px; display: grid; grid-template-columns: 250px 1fr; gap: 20px; align-items: start; }
.atif-uyg-yan { position: sticky; top: 20px; }
.atif-uyg-logo { display: flex; justify-content: space-between; align-items: center; padding: 2px 4px 12px; }
.atif-uyg-logo a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--a-ink) !important; }
.atif-uyg-logo-ikon { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: var(--a-lime); }
.atif-uyg-cikis { width: 30px; height: 30px; border: 1px solid var(--a-line2); border-radius: 6px; background: var(--a-surface); justify-content: center; color: #777 !important; }
.atif-profil-kart { background: var(--a-surface); border: 1px solid var(--a-line2); border-radius: 8px; padding: 16px; display: grid; gap: 10px; }
.atif-profil-bas { display: flex; gap: 10px; align-items: center; }
.atif-profil-bas b { display: block; font-size: 15px; }
.atif-profil-bas a { font-size: 12px; color: var(--a-muted) !important; }
.atif-avatar { display: inline-grid; place-items: center; flex: none; border-radius: 50%; background: var(--av); color: #fff; font-weight: 700; }
.atif-profil-hesaplar { display: flex; flex-wrap: wrap; gap: 4px; }
.atif-profil-tarih { color: var(--a-muted); font-size: 12px; }
.atif-profil-kart hr { border: 0; border-top: 1px solid var(--a-line); margin: 2px 0; width: 100%; }
.atif-puan { justify-self: start; font-size: 12px; font-weight: 600; padding: 4px 10px; border: 1px solid var(--a-line2); border-radius: 4px; }
.atif-stat { position: relative; display: grid; padding: 10px 12px; border-radius: 4px; color: var(--a-ink) !important; }
.atif-stat b { font-size: 17px; }
.atif-stat span { font-size: 12px; }
.atif-stat i { position: absolute; top: 8px; right: 8px; width: 18px; height: 18px; border-radius: 4px; background: rgba(255,255,255,.7); display: grid; place-items: center; font-style: normal; font-size: 11px; }
.atif-stat-lime { background: var(--a-lime); }
.atif-stat-mor { background: #c084fc; }
.atif-uyg-ana { background: var(--a-surface); border: 1px solid var(--a-line2); border-radius: 8px; min-width: 0; }
.atif-uyg-bar { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; padding: 12px 16px 0; border-bottom: 1px solid var(--a-line2); flex-wrap: wrap; }
.atif-uyg-sekmeler { display: flex; gap: 6px; }
.atif-uyg-sekmeler a { padding: 8px 12px; font-size: 13px; color: var(--a-muted) !important; border: 1px solid var(--a-line2); border-bottom: 0; border-radius: 5px 5px 0 0; background: #f6f6f6; margin-bottom: -1px; }
.atif-uyg-sekmeler a.on { color: var(--a-ink) !important; background: var(--a-surface); font-weight: 600; }
.atif-uyg-sag { display: flex; gap: 8px; padding-bottom: 8px; }
.atif-uyg-dugme { padding: 6px 12px; font-size: 13px; border: 1px solid var(--a-line2); border-radius: 5px; color: var(--a-ink) !important; background: var(--a-surface); }
.atif-uyg-dugme.on { border-color: var(--a-ink); }
.atif-uyg-cuzdan { background: var(--a-lime); border-color: #b5dd54; font-weight: 600; }
.atif-uyg-icerik { padding: 16px; }
.atif-uyg-baslik { font-size: 18px; margin: 8px 0 12px; }
.atif-uyg-icerik .atif-bolum + .atif-uyg-baslik { margin-top: 28px; }
.atif-akis-arac { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.atif-akis-ara { flex: 1 1 220px; max-width: 320px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid var(--a-line2); border-radius: 6px; color: var(--a-muted); }
.atif-akis-ara input { border: 0; outline: 0; padding: 9px 0; font: inherit; font-size: 14px; width: 100%; background: none; }
.atif-akis-arac select { font: inherit; font-size: 13px; font-weight: 500; padding: 8px 10px; border: 1px solid var(--a-line2); border-radius: 6px; background: var(--a-surface); }
.atif-akis { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.atif-bk { display: flex; flex-direction: column; border: 1px solid var(--a-line2); border-radius: 6px; background: #fafafa; color: var(--a-ink) !important; overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.atif-bk:hover { border-color: var(--a-ink); box-shadow: 0 8px 24px -16px rgba(0,0,0,.35); }
.atif-bk-bas { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; background: #efefef; border-bottom: 1px solid var(--a-line2); font-size: 12px; }
.atif-bk-tarih { background: var(--a-ink); color: #fff; padding: 3px 8px; border-radius: 4px; font-weight: 600; }
.atif-bk-kapandi { color: var(--a-muted); }
.atif-bk-durum { background: var(--a-surface); border: 1px solid var(--a-line2); border-radius: 999px; padding: 2px 9px; color: var(--a-muted); font-size: 11px; }
.atif-bk-secildi { background: var(--a-lime); border-color: #b5dd54; color: var(--a-ink); }
.atif-bk-govde { padding: 12px 12px 10px; display: grid; gap: 10px; flex: 1; }
.atif-bk-marka { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; }
.atif-bk-kisi { margin-left: auto; font-size: 11px; color: #555; background: var(--a-surface); border: 1px solid var(--a-line); border-radius: 4px; padding: 1px 6px; }
.atif-bk-odul { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 14px; }
.atif-bk-etiket { font-size: 11px; color: var(--a-muted); border: 1px solid var(--a-line2); border-radius: 4px; padding: 2px 6px; white-space: nowrap; background: var(--a-surface); }
.atif-bk-aciklama { margin: 0; font-size: 12px; color: #666; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.atif-bk-aciklama b { color: var(--a-ink); font-weight: 600; }
.atif-bk-alt { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-top: 1px solid var(--a-line); }
.atif-bk-ikonlar { display: flex; flex-wrap: wrap; gap: 4px; }
.atif-bk-incele { font-size: 12px; color: var(--a-muted); }
.atif-pi { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 4px; background: var(--pi); }
.atif-pi svg { display: block; }
.atif-profil-hesaplar .atif-pi { width: 18px; height: 18px; }
.atif-bk-kapali { background: #f6f6f6; }
.atif-bk-kapali .atif-avatar, .atif-bk-kapali .atif-pi { filter: grayscale(1); opacity: .6; }
.atif-bk-kapali .atif-bk-marka span:not(.atif-bk-kisi):not(.atif-avatar) { color: #777; }
.atif-bk-kapali .atif-bk-odul b { color: #555; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 900px) {
  .atif-uyg { grid-template-columns: 1fr; padding: 12px 12px 40px; }
  .atif-uyg-yan { position: static; }
  .atif-akis { grid-template-columns: 1fr; }
}

/* ---------- Marka uygulaması ---------- */
body.atif-uygulama-govde .atif-mp, body.atif-uygulama-govde .atif-ge { background: #fafafa; }
.atif-mp { max-width: none; padding: 0; display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; }
.atif-mp-yan { position: sticky; top: 0; height: 100vh; overflow-y: auto; background: #fafafa; border-right: 1px solid var(--a-line); padding: 14px 10px 0; display: flex; flex-direction: column; gap: 10px; }
.atif-mp-logo { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 600; padding: 4px 6px 6px; color: var(--a-ink) !important; }
.atif-mp-logo-ikon { width: 34px; height: 34px; border-radius: 9px; }
.atif-mp-bul { display: flex; align-items: center; border: 1px solid var(--a-line2); border-radius: 8px; background: var(--a-surface); padding: 0 10px; color: #888; }
.atif-mp-bul input { border: 0; outline: 0; background: none; font: inherit; font-size: 14px; padding: 9px 0; width: 100%; }
.atif-mp-menu { display: grid; gap: 14px; margin-top: 6px; }
.atif-mp-grup { display: grid; gap: 2px; }
.atif-mp-grup > span { font-size: 11px; letter-spacing: .06em; color: #888; padding: 4px 6px; }
.atif-mp-grup a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; font-size: 14px; color: #3d3d3d !important; }
.atif-mp-grup a svg { color: #2563eb; flex: none; }
.atif-mp-grup a:hover { background: #f0f0f0; }
.atif-mp-grup a.on { background: #ececec; color: var(--a-ink) !important; font-weight: 500; }
.atif-mp-plan { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 9px 10px; border: 1px solid var(--a-line2); border-radius: 8px; background: var(--a-surface); font-size: 14px; color: #333 !important; }
.atif-mp-plan svg { color: #2563eb; }
.atif-mp-plan i { margin-left: auto; font-style: normal; color: #2563eb; border: 1px solid #2563eb; border-radius: 999px; padding: 0 8px; font-size: 12px; }
.atif-mp-hata { text-align: center; padding: 8px; border: 1px solid var(--a-line); border-radius: 8px; font-size: 13px; color: #777 !important; background: #f6f6f6; }
.atif-mp-kim { margin-top: auto; display: flex; align-items: center; justify-content: space-between; padding: 12px 6px; border-top: 1px solid var(--a-line); background: #fafafa; position: sticky; bottom: 0; }
.atif-mp-kim a:first-child { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--a-ink) !important; }
.atif-mp-harf { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; background: var(--a-lime); font-weight: 700; font-size: 13px; }
.atif-mp-cikis { color: #999 !important; font-size: 16px; padding: 4px; }
.atif-mp-ana { min-width: 0; background: var(--a-surface); }
.atif-mp-bas { display: flex; justify-content: space-between; align-items: center; padding: 14px 28px; border-bottom: 1px solid var(--a-line); background: #fafafa; }
.atif-mp-bas h1 { font-size: 17px !important; margin: 0 !important; letter-spacing: 0 !important; }
.atif-mp-bas p { margin: 2px 0 0; font-size: 13px; color: #777; }
.atif-mp-kullanici { width: 34px; height: 34px; border: 1px solid var(--a-line2); border-radius: 8px; display: grid; place-items: center; color: #666 !important; }
.atif-mp-icerik { padding: 26px 28px 48px; }
.atif-mp-kartlar3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 26px; }
.atif-mp-kutu { display: block; background: #fafafa; border: 1px solid var(--a-line); border-radius: 12px; padding: 22px 26px; color: var(--a-ink) !important; }
a.atif-mp-kutu:hover { border-color: var(--a-line2); background: #f6f6f6; }
.atif-mp-kutu-bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.atif-mp-kutu-bas b { font-size: 16px; font-weight: 600; }
.atif-mp-kutu-bas > span { color: #777; }
.atif-mp-kutu-deger { font-size: 20px; color: #555; margin-bottom: 10px; }
.atif-mp-kutu-alt { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #666; }
.atif-mp-ekle { font-style: normal; font-size: 11px; color: #2563eb; border: 1px solid #93b4f5; border-radius: 6px; padding: 4px 10px; }
.atif-mp-yuvarlar { display: flex; margin-bottom: 12px; }
.atif-mp-yuvarlar > * { margin-right: -6px; border: 2px solid #fafafa; border-radius: 50%; }
.atif-mp-bos-yuvar { width: 32px; height: 32px; background: #e6e6e6; }
.atif-mi { display: inline-grid; place-items: center; border-radius: 50%; flex: none; }
.atif-mi-chatgpt { background: #10a37f; }
.atif-mi-gemini { background: #fff; border: 1px solid #e5e5e5; }
.atif-mp-izgara { display: grid; grid-template-columns: minmax(300px, 400px) 1fr; gap: 26px; align-items: start; }
.atif-mp-secim { font-size: 13px; color: #777 !important; border: 1px solid var(--a-line); border-radius: 6px; padding: 4px 10px; background: var(--a-surface); }
.atif-mp-gauge { position: relative; width: 100%; max-width: 330px; margin: 20px auto 10px; }
.atif-mp-gauge svg { display: block; width: 100%; }
.atif-g-bg, .atif-g-on { fill: none; stroke-width: 26; stroke-linecap: round; }
.atif-g-bg { stroke: #ececec; }
.atif-g-on { stroke: var(--a-ink); transition: stroke-dasharray 1s ease; }
.atif-mp-gauge > div { position: absolute; left: 0; right: 0; bottom: 4px; text-align: center; }
.atif-mp-gauge b { display: block; font-size: 30px; letter-spacing: -0.02em; }
.atif-mp-gauge small { font-size: 12px; color: #888; }
.atif-mp-gorunurluk h4 { font-size: 14px; font-weight: 500; color: #555; margin: 24px 0 14px; padding-top: 18px; border-top: 1px solid var(--a-line); }
.atif-mp-model { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; margin-bottom: 16px; }
.atif-mp-model-ust { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 6px; }
.atif-mp-cizgiler { height: 16px; background: repeating-linear-gradient(90deg, #d4d4d4 0 2px, transparent 2px 6px); position: relative; overflow: hidden; }
.atif-mp-cizgiler i { position: absolute; inset: 0 auto 0 0; background: repeating-linear-gradient(90deg, var(--a-ink) 0 2px, transparent 2px 6px); }
.atif-mp-grafik-alan { position: relative; margin-top: 8px; }
.atif-mp-grafik { width: 100%; height: 260px; display: block; }
.atif-mp-grafik-ornek { opacity: .45; filter: blur(1.5px); }
.atif-g-izgara { stroke: #efefef; }
.atif-g-yazi { font-size: 10px; fill: #aaa; }
.atif-mp-kilit { position: absolute; inset: 0; display: grid; place-items: center; }
.atif-mp-kilit-kart { width: min(520px, 92%); background: var(--a-surface); border: 1px solid var(--a-line2); border-radius: 10px; box-shadow: 0 20px 50px -20px rgba(0,0,0,.25); padding: 20px 20px 0; }
.atif-mp-kilit-kart h3 { font-size: 19px; margin: 0 0 14px; }
.atif-mp-kilit-kart b { font-size: 15px; }
.atif-mp-kilit-kart p { font-size: 13px; color: #666; line-height: 1.6; margin: 10px 0 16px; }
.atif-mp-kilit-alt { display: flex; justify-content: space-between; align-items: center; margin: 0 -20px; padding: 12px 20px; border-top: 1px solid var(--a-line); }
.atif-mp-kilit-alt a:first-child { color: #777 !important; font-size: 14px; }
.atif-mp-kilit-dugme { background: var(--a-lime); color: var(--a-ink) !important; font-weight: 600; padding: 9px 22px; border-radius: 7px; }
.atif-mp-model-liste { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--a-line); }
.atif-mp-model-liste-bas { display: flex; justify-content: space-between; font-size: 13px; color: #777; padding: 0 10px 10px; }
.atif-mp-model-satir { display: flex; align-items: center; gap: 10px; padding: 9px 10px; font-size: 14px; border-radius: 6px; }
.atif-mp-model-satir:nth-child(odd) { background: #f4f4f4; }
.atif-mp-model-satir > i { width: 8px; height: 8px; border-radius: 50%; }
.atif-mp-model-satir b { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 500; color: #888; border: 1px solid var(--a-line); border-radius: 4px; padding: 2px 8px; background: var(--a-surface); }
.atif-mp-ses { display: grid; gap: 14px; }
.atif-mp-ses-satir { display: grid; grid-template-columns: auto 180px 1fr 50px 190px; gap: 12px; align-items: center; font-size: 14px; }
.atif-mp-ses-satir.sen { font-weight: 600; }
.atif-mp-ses-satir em { color: #888; font-style: normal; font-weight: 400; }
.atif-mp-ses-satir small { color: #888; font-weight: 400; }
@media (max-width: 1100px) { .atif-mp-izgara { grid-template-columns: 1fr; } .atif-mp-ses-satir { grid-template-columns: auto 1fr 60px; } .atif-mp-ses-satir .atif-mp-cizgiler, .atif-mp-ses-satir small { display: none; } }
@media (max-width: 860px) {
  .atif-mp { grid-template-columns: 1fr; }
  .atif-mp-yan { position: static; height: auto; border-right: 0; border-bottom: 1px solid var(--a-line); }
  .atif-mp-menu { grid-template-columns: 1fr 1fr; }
  .atif-mp-kim { position: static; }
  .atif-mp-kartlar3 { grid-template-columns: 1fr; }
  .atif-mp-icerik, .atif-mp-bas { padding-left: 16px; padding-right: 16px; }
}

/* ---------- Giriş / kayıt ---------- */
.atif-ge { --a-ink: #171717; --a-line: #eaeaea; --a-line2: #d9d9d9; --a-lime: #cbf36c; display: grid; grid-template-columns: minmax(380px, 40%) 1fr; grid-template-rows: 1fr auto; min-height: 100vh; }
.atif-ge-sol { padding: 36px 64px 48px; border-right: 1px solid var(--a-line); background: #fafafa; }
.atif-ge-ust { display: flex; justify-content: space-between; align-items: center; max-width: 470px; }
.atif-ge-logo { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 16px; color: var(--a-ink) !important; }
.atif-ge-logo-ikon { width: 36px; height: 36px; border-radius: 9px; }
.atif-ge-ustdugme { border: 1px solid var(--a-line2); border-radius: 6px; padding: 8px 20px; background: var(--a-surface, #fff); font-weight: 500; color: var(--a-ink) !important; }
.atif-ge-form-alan { max-width: 470px; margin-top: 76px; }
.atif-ge h1 { font-size: 26px; line-height: 1.3; letter-spacing: -0.02em; margin: 0; }
.atif-ge-alt { color: #777; margin: 18px 0 28px; max-width: 34ch; }
.atif-ge-form { display: grid; gap: 16px; }
.atif-ge-form label { display: grid; gap: 8px; color: #777; font-size: 15px; }
.atif-ge-form label small { font-size: 12px; }
.atif-ge-form input:not([type=checkbox]) { font: inherit; font-size: 17px; padding: 11px 12px; border: 1px solid var(--a-line2); border-radius: 6px; background: #fff; color: var(--a-ink); }
.atif-ge-form input:focus { outline: 2px solid var(--a-ink); outline-offset: -1px; }
.atif-ge-form .atif-ge-onay { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; }
.atif-ge-onay input { margin-top: 3px; }
.atif-ge-devam { height: 44px; border: 0; border-radius: 6px; background: var(--a-lime); font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; color: var(--a-ink); }
.atif-ge-devam:hover { filter: brightness(.96); }
.atif-ge-baglanti { color: #777; font-size: 14px; margin: 16px 0 0; }
.atif-ge-baglanti a { color: var(--a-ink) !important; font-weight: 600; }
.atif-ge-yardim { margin-top: 14px; border: 1px solid var(--a-line2); border-radius: 4px; background: #fafafa; padding: 22px 20px 20px; box-shadow: 0 6px 18px -12px rgba(0,0,0,.2); }
.atif-ge-yardim h3 { font-size: 20px; margin: 0 0 6px; }
.atif-ge-yardim p { color: #888; margin: 0 0 22px; }
.atif-ge-yardim a { display: inline-block; border: 1px solid var(--a-line2); background: #fff; border-radius: 4px; padding: 8px 28px; font-weight: 500; color: var(--a-ink) !important; }
.atif-ge-sag { overflow: hidden; padding: 40px 0 0 40px; background: #f7f7f7; }
.atif-ge-alt-cubuk { grid-column: 1 / -1; display: flex; justify-content: space-between; padding: 16px 36px; background: #ebebeb; font-size: 14px; }
.atif-ge-alt-cubuk a { color: #777 !important; }
.atif-ge-alt-cubuk span { display: flex; gap: 28px; }
.atif-ge .atif-uyari { margin: 0 0 16px; }
/* önizleme */
.atif-ge-pano { display: grid; grid-template-columns: 350px 1fr; min-width: 1000px; height: 100%; border: 1px solid #e5e5e5; border-right: 0; border-bottom: 0; border-radius: 22px 0 0 0; background: #fff; overflow: hidden; -webkit-mask-image: linear-gradient(#000 70%, transparent); mask-image: linear-gradient(#000 70%, transparent); }
.atif-ge-pano-yan { border-right: 1px solid #ededed; padding: 16px 12px; display: flex; flex-direction: column; gap: 12px; }
.atif-ge-pano-marka { display: flex; align-items: center; gap: 12px; padding: 0 6px 12px; }
.atif-ge-pano-marka b { display: block; font-size: 15px; font-weight: 500; }
.atif-ge-pano-marka small { color: #888; font-size: 12px; }
.atif-ge-pano-harf { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid #e5e5e5; border-radius: 10px; font-weight: 700; font-size: 18px; }
.atif-ge-pano-ara { display: flex; justify-content: space-between; align-items: center; border: 1px solid #e3e3e3; border-radius: 8px; padding: 9px 12px; color: #999; }
.atif-ge-pano-grup { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px 0; color: #999; }
.atif-ge-pano-oge { display: flex; align-items: center; gap: 14px; padding: 0 14px; }
.atif-ge-isk { display: block; border-radius: 999px; background: #ececec; }
.atif-ge-yuvar { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ececec; flex: none; }
.atif-ge-yuvar-b { width: 46px; height: 46px; background: #f0f0f0; border: 0; }
.atif-ge-pano-ana { padding: 0; }
.atif-ge-pano-bas { display: grid; gap: 10px; padding: 16px 30px; border-bottom: 1px solid #ededed; }
.atif-ge-pano-kartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 26px 30px 0; }
.atif-ge-kart { border: 1px solid #ededed; border-radius: 18px; padding: 26px 30px; display: grid; gap: 16px; align-content: start; }
.atif-ge-alt-kartlar .atif-ge-kart { min-height: 640px; }
.atif-ge-yay { width: 85%; margin: 10px auto; }
.atif-ge-cizgi { width: 100%; }
.atif-ge-satir { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; }
.atif-ge-satir div { display: grid; gap: 8px; }
.atif-ge-cubuk { height: 18px; background: repeating-linear-gradient(90deg, #e2e2e2 0 2px, transparent 2px 7px); }
.atif-ge-satir2 { display: flex; align-items: center; gap: 12px; padding: 4px 0; }
.atif-ge-nokta { width: 14px; height: 14px; border-radius: 50%; background: #e3e3e3; }
.atif-ge-model { font-weight: 500; color: #666; margin-top: 10px; }
.atif-ge-pano-uretici { grid-template-columns: 260px 1fr; }
.atif-ge-stat { border-radius: 6px; padding: 14px; display: grid; gap: 8px; }
.atif-ge-stat-lime { background: #e9fbbf; }
.atif-ge-stat-mor { background: #ead9fd; }
.atif-ge-stat .atif-ge-isk { background: rgba(0,0,0,.08); }
.atif-ge-stat small { color: #666; }
.atif-ge-gorev { padding: 18px 20px; gap: 12px; }
.atif-ge-ikonlar { display: flex; gap: 4px; filter: grayscale(1); opacity: .5; }
@media (max-width: 960px) {
  .atif-ge { grid-template-columns: 1fr; }
  .atif-ge-sag { display: none; }
  .atif-ge-sol { padding: 24px 16px 40px; border-right: 0; }
  .atif-ge-form-alan { margin-top: 40px; }
  .atif-ge-alt-cubuk { padding: 14px 16px; }
}

/* Giriş önizlemesi: zeminden ayrışsın (ilk sürüm fazla beyazdı) */
.atif-ge-sag { background-color: #e9e9e9; background-image: linear-gradient(#e0e0e0 1px, transparent 1px), linear-gradient(90deg, #e0e0e0 1px, transparent 1px); background-size: 40px 40px; }
.atif-ge-pano { background: #fdfdfd; border-color: #d4d4d4; box-shadow: 0 30px 70px -30px rgba(0,0,0,.28), 0 0 0 6px rgba(255,255,255,.45); -webkit-mask-image: linear-gradient(#000 78%, transparent); mask-image: linear-gradient(#000 78%, transparent); }
.atif-ge-pano-yan { background: #f7f7f7; border-right-color: #e2e2e2; }
.atif-ge-pano-bas { border-bottom-color: #e6e6e6; }
.atif-ge-isk { background: #e1e1e1; }
.atif-ge-yuvar { border-color: #dedede; background: #f1f1f1; }
.atif-ge-yuvar-b { background: #e6e6e6; }
.atif-ge-kart { border-color: #e2e2e2; background: #fff; }
.atif-ge-pano-ara, .atif-ge-pano-harf { border-color: #dcdcdc; background: #fff; }
.atif-ge-cubuk { background: repeating-linear-gradient(90deg, #d2d2d2 0 2px, transparent 2px 7px); }
.atif-ge-nokta { background: #d9d9d9; }
.atif-ge-yay path:first-child { stroke: #e3e3e3; }
.atif-ge-cizgi polyline { stroke: #c4c4c4; }

/* ---------- Yeni görev: adım adım, tek sütun ---------- */
.atif-gf { max-width: 780px; display: grid; gap: 18px; }
.atif-gf label { display: grid; gap: 7px; font-size: 14px; font-weight: 500; color: #333; }
.atif-gf label small { font-weight: 400; color: var(--a-muted); font-size: 12px; }
.atif-gf input:not([type=checkbox]):not([type=range]), .atif-gf select, .atif-gf textarea { width: 100%; font: inherit; font-size: 15px; padding: 10px 12px; border: 1px solid var(--a-line2); border-radius: 8px; background: #fff; color: var(--a-ink); }
.atif-gf input:focus, .atif-gf select:focus, .atif-gf textarea:focus { outline: 2px solid var(--a-ink); outline-offset: -1px; border-color: transparent; }
.atif-gf-marka { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 14px 18px; border: 1px solid var(--a-line); border-radius: 12px; background: #fafafa; }
.atif-gf-marka > div small { display: block; color: var(--a-muted); font-size: 12px; }
.atif-gf-marka > div b { font-size: 16px; margin-right: 8px; }
.atif-gf-marka > div span { color: var(--a-muted); font-size: 13px; }
.atif-gf-marka details { grid-column: 3; justify-self: end; }
.atif-gf-marka details[open] { grid-column: 1 / -1; justify-self: stretch; display: grid; gap: 12px; padding-top: 6px; }
.atif-gf-marka summary { cursor: pointer; font-size: 13px; color: #2563eb; list-style: none; justify-self: end; }
.atif-gf-marka summary::-webkit-details-marker { display: none; }
.atif-gf-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.atif-gf-adim { border: 1px solid var(--a-line); border-radius: 14px; background: #fff; padding: 22px 24px 24px; display: grid; gap: 16px; }
.atif-gf-adim > header { display: flex; gap: 14px; align-items: flex-start; padding-bottom: 14px; border-bottom: 1px solid var(--a-line); }
.atif-gf-adim > header > span { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--a-ink); color: #fff; font-weight: 600; font-size: 14px; }
.atif-gf-adim h3 { margin: 2px 0 2px; font-size: 17px; }
.atif-gf-adim header p { margin: 0; color: var(--a-muted); font-size: 13px; }
.atif-gf-platformlar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; align-items: start; }
.atif-gf-pk { border: 1px solid var(--a-line2); border-radius: 10px; background: #fafafa; transition: border-color .15s, background .15s, box-shadow .15s; }
.atif-gf-pk.on { border-color: var(--a-ink); background: #fff; box-shadow: 0 0 0 1px var(--a-ink); }
.atif-gf .atif-gf-pk-bas { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 12px 14px; cursor: pointer; }
.atif-gf-pk-bas input { position: absolute; opacity: 0; pointer-events: none; }
.atif-gf-pk-bas b { font-weight: 500; font-size: 14px; }
.atif-gf-tik { margin-left: auto; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid #c4c4c4; flex: none; background: #fff center/12px no-repeat; }
.on > .atif-gf-pk-bas .atif-gf-tik, .atif-gf-model:has(input:checked) .atif-gf-tik { background-color: var(--a-ink); border-color: var(--a-ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.9L12.5 5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.atif-gf-pk-alanlar { display: none; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 14px 14px; }
.atif-gf-pk.on .atif-gf-pk-alanlar { display: grid; }
.atif-gf-pk-alanlar label { font-size: 12px; color: var(--a-muted); font-weight: 400; }
.atif-gf-tl { display: flex; align-items: center; border: 1px solid var(--a-line2); border-radius: 8px; background: #fff; padding-right: 10px; color: var(--a-muted); font-size: 13px; }
.atif-gf .atif-gf-tl input { border: 0 !important; outline: 0 !important; padding: 8px 10px; background: none; }
.atif-gf-tl:focus-within { outline: 2px solid var(--a-ink); outline-offset: -1px; }
.atif-gf-buyuk { max-width: 280px; }
.atif-gf-buyuk input { font-size: 22px !important; font-weight: 600; }
.atif-gf-kaydirici input[type=range] { width: 100%; accent-color: var(--a-ink); }
.atif-gf-kaydirici small { display: flex; justify-content: space-between; }
.atif-gf-dagilim { background: #fafafa; border: 1px solid var(--a-line); border-radius: 10px; padding: 16px; display: grid; gap: 10px; }
.atif-gf-bar { display: flex; gap: 4px; height: 12px; }
.atif-gf-bar i { border-radius: 4px; min-width: 4px; transition: flex .2s; }
.atif-gf-satir { display: grid; grid-template-columns: 12px 1fr auto; gap: 10px; align-items: center; font-size: 14px; }
.atif-gf-satir .sw { width: 12px; height: 12px; border-radius: 3px; }
.atif-gf-satir em { font-style: normal; color: var(--a-muted); font-size: 12px; margin-left: 4px; }
.atif-gf-dagilim p { margin: 2px 0 0; font-size: 12px; color: var(--a-muted); }
.atif-gf-sayac { justify-self: end; }
.atif-gf-sayac.asim b { color: #b91c1c; }
.atif-gf-modeller { display: flex; gap: 10px; flex-wrap: wrap; }
.atif-gf .atif-gf-model { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--a-line2); border-radius: 10px; cursor: pointer; min-width: 190px; }
.atif-gf-model:has(input:checked) { border-color: var(--a-ink); box-shadow: 0 0 0 1px var(--a-ink); }
.atif-gf-model input { position: absolute; opacity: 0; pointer-events: none; }
.atif-gf-uclu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.atif-gf-ozet { position: sticky; bottom: 12px; z-index: 2; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 14px; background: var(--a-ink); color: #fff; box-shadow: 0 18px 40px -18px rgba(0,0,0,.5); }
.atif-gf-ozet small { display: block; color: #bdbdbd; font-size: 12px; }
.atif-gf-ozet b { font-size: 22px; letter-spacing: -0.02em; }
.atif-gf-ozet span { display: block; color: #bdbdbd; font-size: 12px; margin-top: 2px; }
.atif-gf-ozet .btn { background: var(--a-lime); color: var(--a-ink); border: 0; cursor: pointer; font-family: inherit; }
.atif-gf-not { margin: -6px 0 0; font-size: 13px; }
@media (max-width: 700px) {
  .atif-gf-platformlar, .atif-gf-ikili, .atif-gf-uclu { grid-template-columns: 1fr; }
  .atif-gf-ozet { flex-direction: column; align-items: stretch; text-align: center; }
  .atif-gf-adim { padding: 18px 16px; }
}