/* sorgu.co araç arayüzü — tema bağımsız, dış bağımlılıksız. */
.sq-arac{font-family:'Inter',system-ui,-apple-system,sans-serif;max-width:860px;margin:0 auto 32px;
  background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.sq-form{display:grid;gap:16px}
.sq-satir{display:flex;flex-direction:column;gap:6px}
.sq-satir label{font-weight:600;font-size:.92rem;color:#1e293b}
.sq-satir small{color:#64748b;font-size:.82rem}
.sq-arac input,.sq-arac select{padding:11px 13px;border:1px solid #cbd5e1;border-radius:9px;font-size:1rem;
  background:#fff;color:#0f172a;width:100%;box-sizing:border-box}
.sq-arac input:focus,.sq-arac select:focus{outline:2px solid #2563eb;outline-offset:1px;border-color:#2563eb}
.sq-ikili{flex-direction:row;gap:14px}
.sq-ikili>span{flex:1;display:flex;flex-direction:column;gap:6px}
.sq-uyari{background:#fffbeb;border-left:3px solid #f59e0b;padding:10px 13px;border-radius:6px;
  font-size:.87rem;color:#78350f;margin:0}
.sq-btn{background:#2563eb;color:#fff;border:0;border-radius:9px;padding:13px 22px;font-size:1.02rem;
  font-weight:600;cursor:pointer}
.sq-btn:hover{background:#1d4ed8}
.sq-sonuc{margin-top:26px}
.sq-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}
/* 13.09.2026: .sq-ozet KART IZGARASIDIR (<div>). Araç sayfalarının giriş paragrafı ve
   gelirvergisi.js özet cümlesi aynı sınıfı <p> ile kullanınca paragraf ızgaraya dönüşüp
   <strong> parçaları ayrı hücrelere bölünüyordu (yayında 36 sayfa). Paragrafı düz metne döndür. */
p.sq-ozet{display:block;grid-template-columns:none;gap:0}
.sq-kart{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:15px}
.sq-kart span{display:block;font-size:.83rem;color:#64748b;margin-bottom:5px}
.sq-kart strong{font-size:1.22rem;color:#0f172a}
.sq-kart.sq-vurgu{background:#eff6ff;border-color:#bfdbfe}
.sq-kart.sq-vurgu strong{color:#1d4ed8;font-size:1.45rem}
.sq-plan{margin-top:20px}
.sq-plan summary{cursor:pointer;font-weight:600;color:#2563eb;padding:9px 0}
.sq-tablo-sar{overflow-x:auto;max-height:430px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:9px}
.sq-tablo{width:100%;border-collapse:collapse;font-size:.9rem}
.sq-tablo th{background:#f1f5f9;padding:10px;text-align:left;position:sticky;top:0;font-weight:600}
.sq-tablo td{padding:9px 10px;border-top:1px solid #f1f5f9}
.sq-tablo tbody tr:nth-child(even){background:#fafbfc}
.sq-hata{background:#fef2f2;border-left:3px solid #dc2626;padding:12px 14px;border-radius:6px;color:#991b1b}
.sq-yukleniyor{color:#64748b}
@media(max-width:640px){.sq-arac{padding:17px}.sq-ikili{flex-direction:column}}

/* Ana sayfa araç vitrini — kartlar sq2_arac_plan'dan otomatik gelir */
.sq-vitrin{max-width:960px;margin:2.5rem auto;padding:0 16px;font-family:'Inter',system-ui,sans-serif}
.sq-vitrin-baslik{margin:0 0 6px;font-size:1.35rem;color:#1e293b;font-weight:800}
.sq-vitrin-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:18px}
.sq-vitrin-kart{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e2e8f0;
  border-radius:14px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.sq-vitrin-kart:hover{border-color:#2563eb;box-shadow:0 6px 20px rgba(37,99,235,.12);transform:translateY(-2px)}
.sq-vitrin-ad{font-size:1.05rem;font-weight:800;color:#1e293b;line-height:1.3}
.sq-vitrin-ozet{font-size:.85rem;color:#64748b;line-height:1.55;flex:1}
.sq-vitrin-git{font-size:.82rem;font-weight:700;color:#2563eb}

/* Yaş hesaplayıcı: iki tarih grubu (doğum / hesaplama) ve üçlü gün-ay-yıl satırı */
.sq-arac .sq-grup{border:1px solid #dfe4ea;border-radius:8px;padding:.75rem 1rem 1rem;margin:0 0 1rem}
.sq-arac .sq-grup legend{font-weight:600;padding:0 .4rem;font-size:.95rem}
.sq-arac .sq-ipucu{font-weight:400;color:#5b6572;font-size:.85rem}
.sq-arac .sq-uclu{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:.75rem}
@media(max-width:480px){.sq-arac .sq-uclu{grid-template-columns:1fr}}
.sq-arac .sq-ana-sonuc{font-size:1.35rem;margin:0 0 .75rem;color:#2a78d6}

/* Sekmeli araç başlığı (gün hesaplama) */
.sq-sekmeler { display: flex; gap: .5rem; margin-bottom: 1rem; flex-wrap: wrap; }
.sq-sekme {
  flex: 1 1 auto; padding: .6rem 1rem; cursor: pointer;
  border: 1px solid #d0d7de; border-radius: 8px; background: #f6f8fa;
  font: inherit; font-weight: 600; color: #57606a;
}
.sq-sekme:hover { background: #eef1f4; }
.sq-sekme-acik { background: #0969da; border-color: #0969da; color: #fff; }
.sq-sekme:focus-visible { outline: 2px solid #0969da; outline-offset: 2px; }

/* mevduat aracı — hazır vade düğmeleri, kilitli alan, bilgi notu (09.09.2026) */
.sq-hazir { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0 0; }
.sq-mini {
  background: #eef4fc; border: 1px solid #c8dcf4; color: #1c4f8f;
  border-radius: 6px; padding: .28rem .6rem; font-size: .86rem; cursor: pointer;
}
.sq-mini:hover { background: #dceaf9; }
.sq-onay { display: inline-flex; align-items: center; gap: .35rem; margin-top: .4rem; font-weight: 400; }
.sq-kilitli input[type="text"] { background: #f3f5f7; color: #55606b; }
.sq-not {
  background: #f2f8ff; border-left: 3px solid #2a78d6; padding: .6rem .8rem;
  margin: .8rem 0; font-size: .92rem; border-radius: 0 6px 6px 0;
}
.sq-ozet-satir { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid #e8edf2; }
.sq-ozet-satir:last-child { border-bottom: 0; }
.sq-ozet-satir.sq-vurgu { font-size: 1.05rem; }

/* Otomatik "İlgili araçlar" kutusu (the_content filtresi) */
.sq-ilgili{background:#f0f6ff;border:1px solid #d7e6fb;border-radius:11px;padding:20px;margin-top:34px}
.sq-ilgili-baslik{display:block;margin-bottom:9px;color:#0f172a}
.sq-ilgili-liste{margin:0;padding-left:20px;color:#334155}
.sq-ilgili-liste li{margin:4px 0}
.sq-ilgili-liste a{color:#2563eb}

/* zekât aracı — dört ayarlık altın gram satırı (09.09.2026) */
.sq-arac .sq-dortlu{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
@media(max-width:560px){.sq-arac .sq-dortlu{grid-template-columns:repeat(2,1fr)}}

/* ── Takdir/teşekkür aracı: ders tablosu ────────────────────────────────────
   Tablo içi girdiler dar ekranda da okunur kalsın diye tam genişlik alır;
   .sq-tablo-sar zaten yatay kaydırma veriyor. */
#sq-takdir-tablo input[type="text"] {
  width: 100%;
  min-width: 5rem;
  padding: .35rem .45rem;
  box-sizing: border-box;
}
#sq-takdir-tablo .sq-td-ad { min-width: 11rem; }
#sq-takdir-tablo th:last-child,
#sq-takdir-tablo td:last-child { width: 2.5rem; text-align: center; }

.sq-td-sil {
  border: 1px solid #c9d2dd;
  background: #fff;
  color: #8a95a3;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1;
  padding: .3rem .5rem;
  font-size: 1rem;
}
.sq-td-sil:hover { color: #b3261e; border-color: #b3261e; }

.sq-btn-ikincil {
  background: #fff;
  color: #1f5fa9;
  border: 1px solid #1f5fa9;
  margin-top: .5rem;
}
.sq-btn-ikincil:hover { background: #f0f5fb; }

/* ── Hesap makinesi tuş takımı ─────────────────────────────────────────── */
.sq-ifade-girdi { font-size: 1.35rem; font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .02em; }
.sq-takim { margin: 1rem 0; display: flex; flex-direction: column; gap: .45rem; }
.sq-takim-satir { display: flex; gap: .45rem; }
.sq-tus { flex: 1 1 0; min-height: 3rem; font-size: 1.1rem; font-weight: 600; cursor: pointer;
  background: #f4f6f9; border: 1px solid #d6dce5; border-radius: 8px; color: #1f2933; line-height: 1; }
.sq-tus:hover { background: #e8edf4; }
.sq-tus:active { transform: translateY(1px); }
.sq-tus:focus-visible { outline: 3px solid #2a78d6; outline-offset: 2px; }
.sq-tus-islec { background: #e7effa; border-color: #b9cdea; color: #1b4d8f; }
.sq-tus-islec:hover { background: #d8e5f7; }
.sq-tus-sil { background: #fdeceb; border-color: #f2c4c0; color: #a32b21; }
.sq-tus-sil:hover { background: #fadedb; }
.sq-tus-esit { flex: 2 1 0; background: #2a78d6; border-color: #2a78d6; color: #fff; }
.sq-tus-esit:hover { background: #2264b4; }
.sq-sonuc-buyuk { font-size: 2rem; font-weight: 700; margin: .15rem 0 0; color: #1b4d8f;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; word-break: break-all; }
.sq-sonuc-etiket { font-size: .95rem; color: #52606d; margin: 0; word-break: break-all; }
.sq-sonuc-hata { border-left-color: #d64545; }
.sq-gecmis { margin-top: 1rem; padding: .85rem 1rem; background: #f7f9fc; border: 1px solid #e2e8f0; border-radius: 8px; }
.sq-gecmis .sq-mini-baslik { font-size: .95rem; margin: 0 0 .5rem; color: #52606d; }
.sq-gecmis-liste { list-style: none; margin: 0; padding: 0; font-size: .95rem; }
.sq-gecmis-liste li { padding: .25rem 0; border-bottom: 1px dashed #e2e8f0; word-break: break-all; }
.sq-gecmis-liste li:last-child { border-bottom: 0; }
@media (max-width: 480px) { .sq-tus { min-height: 2.7rem; font-size: 1rem; } }
.sq-olumlu{background:#f0fdf4;border-left:3px solid #16a34a;padding:10px 13px;border-radius:6px;margin:.85rem 0;color:#14532d}
/* IP adresim aracı (plan #97) */
.sq-ip-kutu{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px;text-align:center;margin-bottom:1rem}
.sq-ip-etiket{display:block;font-size:.9rem;color:#475569;margin-bottom:.35rem}
.sq-ip-deger{display:block;font-size:1.75rem;line-height:1.25;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:#0f172a}
.sq-ip-dugmeler{margin-top:.9rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.sq-btn-ikincil{background:#fff;color:#0f172a;border:1px solid #cbd5e1}
.sq-ip-tablo{width:100%;border-collapse:collapse}
.sq-ip-tablo th,.sq-ip-tablo td{padding:.5rem .6rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}
.sq-ip-tablo th{width:42%;font-weight:600;color:#334155}
.sq-ip-ua{font-size:.82rem;word-break:break-all;color:#475569}
.sq-ip-bos{color:#94a3b8;font-style:italic}
.sq-ip-hata{background:#fef2f2;border-left:3px solid #dc2626;padding:10px 13px;border-radius:6px;color:#7f1d1d}
@media (max-width:480px){.sq-ip-deger{font-size:1.3rem}.sq-ip-tablo th{width:50%}}

/* QR kod aracı — plan #98. Hazır kalıp düğmeleri normal düğme boyunda çok
   yer kaplıyor; yalnız bu araç içinde küçültülür. Tuval ekrana sığdırılır
   ama modüller tam sayı piksel kaldığı için bulanıklaşmaz. */
.sq-qr-ornek { padding: 7px 13px; font-size: .92rem; margin-top: 0; }
#sq-qr-tuval { image-rendering: pixelated; height: auto; display: block;
  margin: 0 auto; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; }
#sq-qr-metin { width: 100%; font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: .95rem; padding: 10px; border: 1px solid #cbd5e1; border-radius: 8px; }
#sq-qr-bilgi { text-align: center; }

/* Kelime sayacı — plan #99. Sayı kutuları ekran genişliğine göre sıralanır. */
.sq-kelime-izgara { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); margin-bottom: .8rem; }
.sq-kelime-kutu { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 10px; text-align: center; }
.sq-kelime-sayi { display: block; font-size: 1.7rem; font-weight: 700; color: #0f172a; line-height: 1.2; }
.sq-kelime-ad { display: block; font-size: .86rem; color: #475569; margin-top: .2rem; }
#sq-kelime-metin { width: 100%; padding: 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: .98rem; line-height: 1.55; }

/* Paylaşım çubuğu — 12.09.2026. Dış betik/çerez yok, simgeler satır içi SVG. */
.sq-paylas{margin-top:34px;padding-top:18px;border-top:1px solid #e6ecf5}
.sq-paylas-baslik{display:block;margin-bottom:10px;color:#0f172a;font-size:15px}
.sq-paylas-dugmeler{display:flex;flex-wrap:wrap;gap:8px}
.sq-paylas-dugme{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;
  border:1px solid #d7e6fb;background:#f7fafe;color:#1e293b;font-size:14px;line-height:1;
  text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.sq-paylas-dugme svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto}
.sq-paylas-dugme:hover{background:#eaf2fe;border-color:#b9d4f7;color:#0f172a;text-decoration:none}
.sq-paylas-wa:hover{background:#25d366;border-color:#25d366;color:#fff}
.sq-paylas-x:hover{background:#0f172a;border-color:#0f172a;color:#fff}
.sq-paylas-fb:hover{background:#1877f2;border-color:#1877f2;color:#fff}
.sq-paylas-li:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}
.sq-paylas-dugme.sq-kopyalandi{background:#dcfce7;border-color:#86efac;color:#166534}
@media (max-width:480px){.sq-paylas-dugme{padding:8px 11px;font-size:13px}}

/* Şifre oluşturucu — 12.09.2026 */
.sq-secenekler{display:flex;flex-wrap:wrap;gap:10px 18px;margin:6px 0}
/* ⚠️ .sq-onay satır 73te BAŞKA araçlar için zaten tanımlı; kural gövdeye
   değil #sq-sifre-arac altına yazılır, yoksa diğer araçların onay kutuları
   sessizce değişirdi. */
#sq-sifre-arac .sq-onay{display:flex;align-items:center;gap:8px;font-size:14px;color:#1e293b;margin:4px 0;cursor:pointer}
#sq-sifre-arac .sq-onay input{width:16px;height:16px;flex:0 0 auto;margin:0}
#sq-sifre-arac .sq-onay code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:12px;color:#475569}
.sq-gizli-etiket{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sq-sifre-cikti{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:19px;letter-spacing:.5px;padding:13px 14px;border:1.5px solid #d7e6fb;border-radius:9px;
  background:#f7fafe;color:#0f172a;word-break:break-all}
.sq-sifre-olcer-yuva{height:7px;background:#e6ecf5;border-radius:999px;overflow:hidden;margin:10px 0 8px}
.sq-sifre-olcer{height:100%;width:0;border-radius:999px;transition:width .2s,background-color .2s;background:#94a3b8}
.sq-sifre-olcer.sq-cok-zayif{background:#dc2626}
.sq-sifre-olcer.sq-zayif{background:#f97316}
.sq-sifre-olcer.sq-orta{background:#eab308}
.sq-sifre-olcer.sq-guclu{background:#22c55e}
.sq-sifre-olcer.sq-cok-guclu{background:#15803d}
#sq-sifre-uzunluk{width:100%;margin:6px 0}

/* NACE tehlike sınıfı rozetleri */
.sq-nace-rozet { display: inline-block; padding: .1rem .55rem; border-radius: 999px; font-size: .85rem; font-weight: 600; white-space: nowrap; }
.sq-nace-s1 { background: #dcfce7; color: #166534; }
.sq-nace-s2 { background: #fef3c7; color: #92400e; }
.sq-nace-s3 { background: #fee2e2; color: #991b1b; }
#sq-nace-sonuc .sq-sonuc-buyuk { font-size: 1.4rem; }

/* kaç gün kaldı (#117) */
.sq-kacgun-ana{font-size:2rem;font-weight:700;margin:.2rem 0;line-height:1.2}
.sq-kacgun-alt{margin:0 0 .8rem}
.sq-kacgun-baslik{margin:1.6rem 0 .6rem}
.sq-kacgun-tablo td small{display:block;opacity:.75;font-size:.8rem}
.sq-kacgun-sec{background:none;border:0;padding:0;color:inherit;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;text-align:left}

/* ── Renk kodu çevirici (plan #118) ─────────────────────────────────────── */
.sq-renk-onizleme{display:flex;align-items:center;justify-content:center;height:96px;border-radius:8px;
  font:600 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;margin:0 0 14px;
  border:1px solid rgba(0,0,0,.12)}
.sq-renk-kod{font:500 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(0,0,0,.05);
  padding:2px 6px;border-radius:4px}
.sq-renk-basamak-baslik{margin:16px 0 6px;font-weight:600}
.sq-renk-basamak{display:flex;flex-wrap:wrap;gap:4px}
.sq-renk-basamak .sq-renk-sec{flex:1 1 64px;min-width:64px;height:44px;border:1px solid rgba(0,0,0,.12);
  border-radius:6px;cursor:pointer;padding:0;position:relative}
.sq-renk-basamak .sq-renk-sec span{position:absolute;inset:auto 0 2px;font-size:9px;
  font-family:ui-monospace,Menlo,monospace;color:rgba(0,0,0,.55);background:rgba(255,255,255,.7)}
.sq-renk-kutu{width:34px;height:22px;border:1px solid rgba(0,0,0,.15);border-radius:4px;cursor:pointer;padding:0}
.sq-renk-tablo{display:block;max-height:480px;overflow:auto}
.sq-renk-tablo code{font-size:13px}
#sq-renk-secici{width:72px;height:38px;padding:2px;cursor:pointer}

/* ── Altın değeri hesaplayıcı (plan #91) ────────────────────────────────── */
.sq-altin-ana{font-size:32px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}
.sq-altin-baslik{margin-top:24px}
#sq-altin-fiyat-bilgi{margin-bottom:18px}
#sq-altin-ayar{min-width:200px}

/* ── Doğum haritası (plan #125) ─────────────────────────────────────────── */
.sq-natal-ozet{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.sq-natal-rozet{flex:1 1 150px;border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:10px 12px}
.sq-natal-rozet b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;opacity:.65}
.sq-natal-rozet span{font-size:19px;font-weight:600}
.sq-natal-tablo td:first-child{white-space:nowrap}
.sq-natal-sembol{font-size:17px;margin-left:2px;opacity:.75}
.sq-natal-retro{color:#b3261e;font-weight:600;margin-left:4px}
.sq-natal-not{font-size:13px;opacity:.8;margin-top:10px}
/* Yazı tura (#131) — hepsi #sq-yazitura-arac / sq-yazitura- önekli, başka araçla çakışmaz */
#sq-yazitura-arac .sq-yazitura-sahne{text-align:center;margin:8px 0 16px;perspective:600px}
#sq-yazitura-arac .sq-yazitura-para{width:110px;height:110px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fde68a,#d4a017 70%,#a16207);box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#713f12}
#sq-yazitura-arac .sq-yazitura-para.sq-yuz-Y::after{content:"YAZI"}
#sq-yazitura-arac .sq-yazitura-para.sq-yuz-T::after{content:"TURA"}
#sq-yazitura-arac .sq-yazitura-para.sq-donuyor{animation:sq-yazitura-don .65s ease-out}
@keyframes sq-yazitura-don{from{transform:rotateX(0)}to{transform:rotateX(1800deg)}}
#sq-yazitura-arac .sq-yazitura-sonuc-yazi{font-size:22px;font-weight:700;color:#1e293b;margin:12px 0 0}
#sq-yazitura-arac .sq-yazitura-sayac{width:100%;border-collapse:collapse;font-size:15px}
#sq-yazitura-arac .sq-yazitura-sayac th,#sq-yazitura-arac .sq-yazitura-sayac td{padding:6px 8px;border-bottom:1px solid #e6ecf5;text-align:left}
#sq-yazitura-arac #sq-yazitura-gecmis{word-break:break-word}
#sq-yazitura-arac #sq-yazitura-olasilik{margin-top:16px}

/* ── Çekiliş (plan #135) ── */
#sq-cekilis-liste{width:100%;font:15px/1.5 inherit}
.sq-cekilis-kazanan li{font-size:20px;font-weight:600;margin:4px 0}

.sq-suslu-satir{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.08)}.sq-suslu-ad{min-width:120px;font-weight:600}.sq-suslu-sonuc{flex:1 1 220px;font-size:18px;word-break:break-all}.sq-suslu-satir small{flex-basis:100%;opacity:.7}

/* Harf çevirme (büyük/küçük harf dönüştürücü) — plan #146, 13.09.2026 */
.sq-harf-kutu { margin-bottom: .8rem; }
.sq-harf-ust { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: .3rem; }
.sq-harf-ad { font-weight: 600; color: #0f172a; font-size: .95rem; }
.sq-harf-kutu textarea { width: 100%; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: .98rem; line-height: 1.55; background: #f8fafc; color: #0f172a; resize: vertical; }
.sq-harf-kutu small { display: block; margin-top: .25rem; color: #64748b; font-size: .82rem; }
.sq-harf-kopya { flex: 0 0 auto; padding: 5px 12px; font-size: .84rem; }
.sq-harf-kopya.sq-kopyalandi { background: #dcfce7; border-color: #86efac; color: #166534; }
#sq-harf-metin { width: 100%; padding: 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: .98rem; line-height: 1.55; }

/* Okul takvimi geri sayımı — plan #150, 13.09.2026 */
.sq-okul-ana { background: linear-gradient(180deg,#f0f7ff,#f8fafc); border: 1px solid #dbeafe; border-radius: 12px; padding: 20px 16px; text-align: center; margin-bottom: 1rem; }
.sq-okul-ust { margin: 0 0 .2rem; color: #1e40af; font-size: .98rem; font-weight: 600; }
.sq-okul-sayi { margin: 0; font-size: 3.1rem; font-weight: 800; color: #0f172a; line-height: 1.05; }
.sq-okul-sayi span { font-size: 1.2rem; font-weight: 600; color: #475569; margin-left: .25rem; }
.sq-okul-alt { margin: .35rem 0 0; color: #475569; font-size: .9rem; }
.sq-okul-ek { margin: .3rem 0 0; color: #64748b; font-size: .84rem; }
@media (max-width: 420px) { .sq-okul-sayi { font-size: 2.4rem; } }

/* Üslü sayı hesaplama — plan #156, 13.09.2026 */
.sq-uslu-ifade { margin: 0 0 .2rem; font-size: 1.15rem; color: #475569; }
.sq-uslu-ifade sup { font-size: .72em; }
.sq-uslu-sonuc { margin: 0 0 .8rem; font-size: 2rem; font-weight: 800; color: #0f172a; line-height: 1.15; word-break: break-all; }
.sq-uslu-sonuc.sq-uslu-uzun { font-size: 1rem; font-weight: 600; font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; line-height: 1.5; }
.sq-uslu-ornek { margin: 0 .3rem .3rem 0; padding: 4px 10px; font-size: .84rem; }

/* Mors çevirici (#154): kod dizileri eşit aralıklı yazıyla, taşarsa satır kırılır */
.sq-mors-kod { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .08em; word-break: break-word; }
#sq-mors-arac .sq-ana-sonuc.sq-mors-kod { font-size: 1.15rem; line-height: 1.9; }
#sq-mors-arac fieldset.sq-alan { border: 0; padding: 0; margin: 0 0 .75rem; }
#sq-mors-arac fieldset.sq-alan legend { font-weight: 600; padding: 0; }
#sq-mors-arac fieldset.sq-alan label { display: inline-block; margin-right: 1.25rem; font-weight: 400; }
#sq-mors-arac textarea { width: 100%; }

/* DNS sorgulama — plan #155, 13.09.2026 */
.sq-dns-baslik { margin: 0 0 .4rem; font-size: 1.15rem; font-weight: 700; color: #0f172a; word-break: break-all; }
.sq-dns-tur { margin: 1.1rem 0 .1rem; font-size: 1rem; color: #1e40af; }
.sq-dns-tur span { color: #64748b; font-weight: 400; font-size: .86rem; }
.sq-dns-aciklama { margin: 0 0 .4rem; color: #64748b; font-size: .86rem; }
.sq-dns-deger { font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; word-break: break-all; }
.sq-dns-ornek { margin: 0 .3rem .3rem 0; padding: 4px 10px; font-size: .84rem; }
#sq-dns-tur { width: 100%; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 8px; font-size: .98rem; background: #fff; }

/* Kombinasyon aracı (#144): uzun tam sayılar taşmasın, satır kırılsın */
.sq-komb-deger { word-break: break-all; }
#sq-komb-arac .sq-tablo td small { color: #555; }
#sq-komb-arac .sq-yok { color: #8a3b3b; }

/* ── Zar atma (#159) ─────────────────────────────────────────────── */
.sq-zar-alan{text-align:center;margin:0 0 1.2rem}
.sq-zar-sahne{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;min-height:64px;align-items:center}
.sq-zar-sahne.sq-zar-donuyor{animation:sq-zar-salla .42s ease-in-out}
@keyframes sq-zar-salla{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-14deg) scale(1.06)}50%{transform:rotate(12deg) scale(.96)}75%{transform:rotate(-8deg) scale(1.03)}100%{transform:rotate(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.sq-zar-sahne.sq-zar-donuyor{animation:none}}
.sq-zar-kup{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:58px;padding:0 .5rem;box-sizing:border-box;background:#fff;border:2px solid #2a78d6;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.12);font-weight:700;font-size:1.5rem;color:#2a78d6}
.sq-zar-sayaclar{margin:1.2rem 0}
.sq-zar-dagilim{width:100%;border-collapse:collapse;font-size:.95rem}
.sq-zar-dagilim th,.sq-zar-dagilim td{border:1px solid #e2e8f0;padding:.35rem .6rem;text-align:left}
.sq-zar-dagilim thead th{background:#f1f5f9}
.sq-zar-sonuc-yazi{font-size:1.15rem;font-weight:600;margin:.7rem 0 0}
.sq-dugmeler{display:flex;gap:.6rem;flex-wrap:wrap;margin:.5rem 0}

/* Oran orantı — plan #160, 13.09.2026 */
.sq-oran-kipler { display: flex; gap: 1.2rem; flex-wrap: wrap; }
.sq-oran-kipler label { font-weight: 600; cursor: pointer; }
.sq-oran-denklem { margin: .2rem 0 .6rem; font-size: 1.2rem; font-weight: 700; color: #1e40af; font-family: ui-monospace, Menlo, monospace; }
.sq-oran-ucl { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.sq-oran-x { margin: 0 0 .6rem; font-size: 1.6rem; color: #0f172a; }
.sq-oran-ornek { margin: 0 .3rem .3rem 0; padding: 4px 10px; font-size: .84rem; }

/* Denklem çözme — plan #161, 13.09.2026 */
.sq-denklem-kok { margin: 0 0 .7rem; font-size: 1.5rem; line-height: 1.5; color: #0f172a; }
.sq-denklem-kok strong { color: #1b4d8f; }
.sq-denklem-ornek { margin: 0 .3rem .3rem 0; padding: 4px 10px; font-size: .84rem; }
#sq-denklem-girdi { font-family: ui-monospace, Menlo, monospace; font-size: 1.05rem; }

/* Kesir hesaplama — plan #148, 13.09.2026 */
.sq-kesir-ana { margin: 0 0 .8rem; font-size: 1.5rem; color: #0f172a; display: flex;
  align-items: center; gap: .45rem; flex-wrap: wrap; }
.sq-kesir-imza { color: #52606d; font-weight: 600; }
.sq-kesir { display: inline-flex; flex-direction: column; align-items: center;
  vertical-align: middle; line-height: 1.15; font-weight: 700; color: #1b4d8f; }
.sq-kesir-pay { padding: 0 .35rem; border-bottom: 2px solid currentColor; }
.sq-kesir-payda { padding: 0 .35rem; }
.sq-kesir-kipler { display: flex; gap: 1.2rem; flex-wrap: wrap; margin-bottom: .4rem; }
.sq-kesir-kipler label { font-weight: 600; cursor: pointer; }
.sq-kesir-ucl { display: grid; grid-template-columns: 1fr auto 1fr; gap: .6rem; align-items: end; }
.sq-kesir-ornek { margin: 0 .3rem .3rem 0; padding: 4px 10px; font-size: .84rem; }
@media (max-width: 480px) { .sq-kesir-ucl { grid-template-columns: 1fr; } }

/* Not dönüştürme / harf notu — plan #123, 13.09.2026 */
.sq-harfnot-kipler { display: flex; gap: 1.1rem; flex-wrap: wrap; margin-bottom: .6rem; }
.sq-harfnot-kipler label { font-weight: 600; cursor: pointer; }
.sq-harfnot-ders td, .sq-harfnot-ders th { padding: .3rem .45rem; }
.sq-harfnot-ders input, .sq-harfnot-ders select { width: 100%; min-width: 70px; }
.sq-harfnot-ders .sq-harfnot-sil { padding: 2px 10px; line-height: 1.3; }
.sq-harfnot-olcek { margin: .8rem 0; }
.sq-harfnot-olcek summary { cursor: pointer; font-weight: 600; }
.sq-harfnot-katlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: .4rem; margin-top: .5rem; }
.sq-harfnot-katlar label { font-weight: 600; font-size: .9rem; }
.sq-harfnot-katlar input { width: 100%; }
.sq-gizli-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Vücut yağ oranı — plan #129, 13.09.2026 */
.sq-yag-kipler { display: flex; gap: 1.2rem; flex-wrap: wrap; margin-bottom: .6rem; }
.sq-yag-kipler label { font-weight: 600; cursor: pointer; }
.sq-yag-olculer { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .6rem; }
.sq-yag-ornek { margin: 0 .3rem .3rem 0; padding: 4px 10px; font-size: .84rem; }

/* IBAN sorgulama — plan #85, 13.09.2026 */
#sq-iban-girdi { font-family: ui-monospace, Menlo, monospace; font-size: 1.05rem; letter-spacing: .04em; }
#sq-iban-arac .sq-ana-sonuc { font-family: ui-monospace, Menlo, monospace; font-size: 1.2rem; }
.sq-iban-ornek { margin: 0 .3rem .3rem 0; padding: 4px 10px; font-size: .84rem; }

/* Yılbaşı geri sayımı — plan #167, 13.09.2026 */
.sq-yilbasi-sure { font-size: 1.2rem; font-weight: 600; font-variant-numeric: tabular-nums; margin: .2rem 0 .4rem; }
.sq-yilbasi-cubuk { height: 10px; background: #e2e8f0; border-radius: 6px; overflow: hidden; margin: .6rem 0 0; }
.sq-yilbasi-cubuk span { display: block; height: 100%; background: #2a78d6; }

/* Rapor parası — plan #165, 13.09.2026 */
.sq-rapor-grup { border: 0; padding: 0; margin: 0 0 .7rem; display: flex; gap: 1rem; flex-wrap: wrap; }
.sq-rapor-grup legend { font-weight: 600; margin-bottom: .3rem; width: 100%; }
.sq-rapor-ikili { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .6rem; }

/* Doğum parası — plan #166, 13.09.2026 */
.sq-analik-onay { display: block; font-weight: 600; margin: .2rem 0 .7rem; cursor: pointer; }
/* persentil (#182) */
.sq-bolge-yesil { color: #1e6b34; }
.sq-bolge-turuncu { color: #9a5a00; }
.sq-bolge-kirmizi { color: #a3261c; }

/* PDF birleştirme (#206) */
.sq-pdfb-liste{list-style:none;margin:12px 0;padding:0}
.sq-pdfb-liste li{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:6px;background:#fff}
.sq-pdfb-ad{flex:1;overflow-wrap:anywhere}
.sq-pdfb-mini{padding:2px 10px;min-width:34px}
.sq-pdfb-bos{color:#64748b;border-style:dashed !important}

/* PDF ayırma (#208) */
.sq-pdfa-kipler{border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px}
.sq-pdfa-kipler label{display:block;margin:4px 0;font-weight:normal}
.sq-pdfa-liste{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:6px}
/* hava durumu #176 */
.sq-hava-baslik{margin:0 0 12px}
.sq-hava-liste{margin:8px 0;padding-left:18px}
.sq-tablo-sar{overflow-x:auto;margin:6px 0 14px}
.sq-tablo{width:100%;border-collapse:collapse;font-size:.93rem}
.sq-tablo th,.sq-tablo td{padding:7px 9px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}
.sq-tablo th{background:#f8fafc;color:#334155}
.sq-cv-kalem{border:1px solid #d9dee5;border-radius:8px;padding:12px 14px;margin:0 0 12px}
.sq-cv-kalem label{display:block}
.sq-cv-kalem input,.sq-cv-kalem textarea{width:100%;margin-top:4px}
.sq-btn-ikincil{background:#fff;color:#2a78d6;border:1px solid #2a78d6;margin-bottom:8px}

/* klavye testi (#222) */
.sq-klv-tuval{margin:.9em 0;display:flex;flex-wrap:wrap;gap:.7em;align-items:flex-start;justify-content:center}
.sq-klv-blok{display:flex;flex-direction:column;gap:3px}
.sq-klv-blok-ana{flex:1 1 460px;min-width:0}
.sq-klv-satir{display:flex;gap:3px}
.sq-klv-tus{flex:1 0 0;min-width:0;padding:.5em .1em;text-align:center;font-size:.72em;line-height:1.1;
  border:1px solid #cbd5e1;border-radius:4px;background:#f8fafc;color:#334155;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;transition:background .1s,color .1s}
.sq-klv-bos{flex:1 0 0;min-width:0}
.sq-klv-ok{background:#dcfce7;border-color:#86efac;color:#166534}
.sq-klv-aktif{background:#16a34a;border-color:#15803d;color:#fff}
.sq-klv-acik .sq-klv-tuval{outline:2px solid #16a34a;outline-offset:6px;border-radius:6px}
.sq-klv-ust{text-align:center}
@media (max-width:600px){.sq-klv-tus{font-size:.6em;padding:.45em .05em}.sq-klv-blok-ana{flex-basis:100%}}
/* ölü piksel testi #227 — katman tam ekranı kaplar; Fullscreen API
   desteklenmese de (iOS Safari) position:fixed ile aynı işi görür */
.sq-opx-katman{position:fixed;inset:0;z-index:99999;background:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sq-opx-katman[hidden]{display:none}
.sq-opx-etiket{margin:0;padding:0 1.5em;max-width:46em;text-align:center;font-size:.95em;line-height:1.5;transition:opacity .4s;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.35)}
.sq-opx-canli{position:absolute;top:1em;right:1em;padding:.5em .9em;border:1px solid rgba(128,128,128,.6);border-radius:6px;background:rgba(0,0,0,.45);color:#fff;font-size:.85em;cursor:pointer}
.sq-opx-canli:hover{background:rgba(0,0,0,.7)}
html.sq-opx-kilit{overflow:hidden}
@media (max-width:600px){.sq-opx-etiket{font-size:.85em;padding:0 1em}}
/* QR kod okuyucu #212 */
.sq-qro-dugmeler{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;margin:.8em 0;position:relative}
.sq-qro-video{display:block;width:100%;max-width:420px;margin:.8em auto;border-radius:8px;background:#000}
.sq-qro-metin{white-space:pre-wrap;word-break:break-word;margin:0 0 .5em;font-size:.95em;background:rgba(127,127,127,.12);padding:.6em .7em;border-radius:6px;max-height:16em;overflow:auto}
.sq-qro-eylem{margin:.4em 0}
.sq-qro-eylem a{display:inline-block}
/* Takvim aracı — plan #234 */
.sq-tk-sekme{display:flex;gap:.4em;flex-wrap:wrap;margin:0 0 .8em}
.sq-tk-btn{padding:.45em 1.1em;border:1px solid rgba(127,127,127,.45);background:transparent;border-radius:6px;cursor:pointer;font-size:1em;font-weight:600}
.sq-tk-btn.sq-tk-aktif{background:#1f6feb;color:#fff;border-color:#1f6feb}
.sq-tk-bugun{margin:.2em 0 1em;font-weight:600}
.sq-tk-bugun[data-bos]{display:none}
.sq-tk-ozet{margin:.2em 0 1em}
.sq-tk-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1em}
.sq-tk-ay{border:1px solid rgba(127,127,127,.28);border-radius:8px;padding:.5em .6em}
.sq-tk-ay-ad{margin:.1em 0 .4em;font-size:1.02em;text-align:center}
.sq-tk-tablo{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.88em}
.sq-tk-tablo th{padding:.25em 0;text-align:center;font-weight:600;opacity:.75;font-size:.92em}
.sq-tk-tablo td{padding:.28em 0;text-align:center;border:0;position:relative}
.sq-tk-hafta{font-size:.78em;opacity:.45;font-variant-numeric:tabular-nums}
.sq-tk-hs{opacity:.72}
.sq-tk-gun{border-radius:5px}
.sq-tk-resmi{background:rgba(214,45,45,.16);font-weight:700;color:#b02525}
.sq-tk-yarim{background:rgba(214,45,45,.08);font-weight:600}
.sq-tk-okul{background:rgba(31,111,235,.13)}
.sq-tk-sinav{background:rgba(160,80,200,.14)}
.sq-tk-dini{background:rgba(20,150,110,.13)}
.sq-tk-bugun-hucre{outline:2px solid #1f6feb;outline-offset:-2px;font-weight:700}
.sq-tk-nokta{display:none}
.sq-tk-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sq-tk-gosterge{list-style:none;padding:0;margin:1em 0 .4em;display:flex;flex-wrap:wrap;gap:.4em 1.1em;font-size:.9em}
.sq-tk-gosterge li{display:flex;align-items:center;gap:.4em}
.sq-tk-ornek{width:1em;height:1em;border-radius:4px;display:inline-block;border:1px solid rgba(127,127,127,.3)}
.sq-tk-bugun-ornek{outline:2px solid #1f6feb;outline-offset:-2px}
.sq-tk-liste{margin:.6em 0 1.2em}
@media (prefers-color-scheme:dark){.sq-tk-resmi{color:#ff8a8a}}
@media (max-width:480px){.sq-tk-izgara{grid-template-columns:1fr}}
/* Karar çarkı — plan #235. ⚠️ Tüm kurallar #sq-cark ile kapsandı: .sq-onay
   ve .sq-dugme gibi adlar başka araçlarda da tanımlı, kapsamsız yazmak onları bozar. */
#sq-cark .sq-cark-duzen{display:flex;flex-wrap:wrap;gap:1.4em;align-items:flex-start}
#sq-cark .sq-cark-sol{flex:1 1 240px;min-width:240px}
#sq-cark .sq-cark-sag{flex:1 1 320px;min-width:280px;text-align:center}
#sq-cark .sq-cark-girdi{width:100%;box-sizing:border-box;font-family:inherit;font-size:1em;line-height:1.5;padding:.6em .7em;border:1px solid rgba(127,127,127,.45);border-radius:8px;resize:vertical}
#sq-cark .sq-cark-sayac{margin:.4em 0 .2em;font-size:.88em;opacity:.75}
#sq-cark .sq-onay{display:flex;align-items:center;gap:.5em;font-size:.92em;margin:.5em 0 0;cursor:pointer}
#sq-cark .sq-onay input{width:16px;height:16px;flex:0 0 auto;margin:0}
#sq-cark .sq-cark-kutu{position:relative;display:inline-block;max-width:420px;width:100%}
#sq-cark .sq-cark-tuval{width:100%;height:auto;display:block;border-radius:50%;cursor:pointer;box-shadow:0 2px 14px rgba(0,0,0,.18)}
#sq-cark .sq-cark-ok{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:24px solid #222;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
#sq-cark .sq-cark-cevir{margin:.9em auto 0;display:inline-block;padding:.6em 1.8em;font-size:1.05em;font-weight:600;border:0;border-radius:8px;background:#1f6feb;color:#fff;cursor:pointer}
#sq-cark .sq-cark-cevir:disabled{opacity:.5;cursor:not-allowed}
#sq-cark .sq-cark-sonuc{margin:.9em 0 .2em;font-size:1.05em}
#sq-cark .sq-cark-etiket{display:block;font-size:.8em;text-transform:uppercase;letter-spacing:.05em;opacity:.6}
#sq-cark .sq-cark-kazanan{font-size:1.5em;font-weight:700;color:#1f6feb;word-break:break-word}
#sq-cark .sq-cark-gecmis{margin:.3em 0 0;font-size:.85em;opacity:.7}
@media (prefers-reduced-motion:reduce){#sq-cark .sq-cark-tuval{transition-duration:.6s!important}}
#sq-cark .sq-etiket{display:block;font-weight:600;margin:0 0 .35em}
/* PDF → JPG — plan #228. Kurallar #sq-pdfjpg ile kapsandı (ortak sınıf adlarını bozmamak için). */
#sq-pdfjpg .sq-pj-birak{border:2px dashed rgba(127,127,127,.5);border-radius:10px;padding:1.6em 1em;text-align:center;transition:background .15s,border-color .15s}
#sq-pdfjpg .sq-pj-birak.sq-pj-uzerinde{border-color:#1f6feb;background:rgba(31,111,235,.07)}
#sq-pdfjpg .sq-pj-birak-yazi{margin:0 0 .7em;opacity:.8}
#sq-pdfjpg .sq-pj-sec{display:inline-block;padding:.55em 1.4em;background:#1f6feb;color:#fff;border-radius:8px;cursor:pointer;font-weight:600}
#sq-pdfjpg .sq-pj-ayar{display:flex;flex-wrap:wrap;gap:1.2em;margin:1em 0 .5em;align-items:center}
#sq-pdfjpg .sq-pj-ayar label{display:flex;align-items:center;gap:.5em;font-size:.95em}
#sq-pdfjpg .sq-pj-ayar select{padding:.35em .5em;border-radius:6px;border:1px solid rgba(127,127,127,.45)}
#sq-pdfjpg .sq-pj-kalite-yazi{min-width:3em;font-variant-numeric:tabular-nums;opacity:.8}
#sq-pdfjpg .sq-pj-durum{margin:.6em 0;font-weight:600;min-height:1.2em}
#sq-pdfjpg .sq-pj-durum.sq-pj-hata{color:#b02525}
#sq-pdfjpg .sq-pj-hepsi{margin:.2em 0 .8em;padding:.55em 1.5em;border:0;border-radius:8px;background:#1f6feb;color:#fff;font-weight:600;cursor:pointer}
#sq-pdfjpg .sq-pj-sonuc{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1em;margin-top:.5em}
#sq-pdfjpg .sq-pj-kart{border:1px solid rgba(127,127,127,.3);border-radius:8px;padding:.5em;text-align:center;display:flex;flex-direction:column;gap:.4em}
#sq-pdfjpg .sq-pj-kart img{width:100%;height:auto;border:1px solid rgba(127,127,127,.25);border-radius:4px;background:#fff}
#sq-pdfjpg .sq-pj-indir{padding:.4em .6em;border:0;border-radius:6px;background:rgba(31,111,235,.12);color:#1f6feb;font-weight:600;cursor:pointer;font-size:.88em}
#sq-pdfjpg .sq-pj-olcu{font-size:.78em;opacity:.65}

/* ── Fotoğraf boyutu küçültme (#213) ───────────────────────────────────── */
.sq-fk-birak{border:2px dashed #cbd5e1;border-radius:12px;padding:26px 18px;text-align:center;
  background:#f8fafc;transition:border-color .15s,background .15s}
.sq-fk-birak.sq-fk-uzerinde{border-color:#2563eb;background:#eff6ff}
.sq-fk-birak-yazi{margin:0 0 12px;color:#475569}
.sq-fk-sec{display:inline-block;background:#2563eb;color:#fff;border-radius:9px;padding:11px 20px;
  cursor:pointer;font-weight:600}
.sq-fk-mini{margin:12px 0 0;font-size:.86rem;color:#64748b}
.sq-fk-ayar{display:grid;gap:14px;margin-top:20px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.sq-fk-ayar label{display:grid;gap:6px;font-weight:600;color:#334155;font-size:.94rem}
.sq-fk-ayar select,.sq-fk-ayar input[type=number]{padding:10px;border:1px solid #cbd5e1;border-radius:8px;
  font-size:1rem;background:#fff;width:100%}
.sq-fk-girdi{display:flex;align-items:center;gap:8px}
.sq-fk-birim{color:#64748b;font-weight:500}
.sq-fk-kalite-yazi{font-weight:500;color:#64748b}
.sq-fk-durum{margin:16px 0 0;color:#334155}
.sq-fk-sonuc{display:grid;gap:14px;margin-top:18px}
.sq-fk-kart{display:flex;gap:16px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;
  padding:14px;background:#fff;flex-wrap:wrap}
.sq-fk-onizleme{width:110px;height:110px;object-fit:contain;background:#f1f5f9;border-radius:8px;flex:0 0 auto}
.sq-fk-bilgi{flex:1 1 220px;display:grid;gap:5px}
.sq-fk-ad{margin:0;font-weight:600;word-break:break-all}
.sq-fk-olcu{margin:0;display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:#475569;font-size:.94rem}
.sq-fk-ok{color:#94a3b8}
.sq-fk-yeni{font-weight:600;color:#0f172a}
.sq-fk-kazanc{margin:0;color:#15803d;font-weight:600}
.sq-fk-not{margin:0;font-size:.88rem;color:#b45309}
.sq-fk-bozuk .sq-fk-not{color:#b91c1c}
.sq-fk-indir{justify-self:start;margin-top:6px;padding:9px 18px;text-decoration:none;display:inline-block}

/* Emoji kopyalama aracı (#214) — ızgara, kategori sekmeleri, kopyalandı geri bildirimi */
.sq-emoji-sekmeler{display:flex;flex-wrap:wrap;gap:.4em;margin:.8em 0}
.sq-emoji-sekme{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:.35em .9em;font-size:.88rem;cursor:pointer;color:#1e293b}
.sq-emoji-sekme:hover{background:#e2e8f0}
.sq-emoji-etkin{background:#2a78d6;border-color:#2a78d6;color:#fff}
.sq-emoji-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.3em;max-height:26rem;overflow-y:auto;border:1px solid #e2e8f0;border-radius:10px;padding:.5em;background:#fff}
.sq-emoji-hucre{font-size:1.7rem;line-height:1;background:none;border:1px solid transparent;border-radius:8px;padding:.35em 0;cursor:pointer}
.sq-emoji-hucre:hover{background:#eff6ff;border-color:#bfdbfe}
.sq-emoji-kopyalandi{background:#dcfce7;border-color:#86efac}
@media (max-width:480px){.sq-emoji-izgara{grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr))}.sq-emoji-hucre{font-size:1.5rem}}

/* promil hesaplama (#239, 18.09.2026) — uyarı ve eşik renkleri */
.sq-uyari-kirmizi{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:8px;padding:12px 14px;margin:14px 0;color:#7f1d1d}
.sq-kirmizi{color:#dc2626}
.sq-turuncu{color:#c2410c}
.sq-yesil{color:#15803d}
.sq-promil-grup{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:10px 0}

/* Kelime bulucu — plan #174. Sekme düğmeleri site genelindeki .sq-sekme
   kuralını kullanır; buradaki kurallar yalnız sonuç listesini biçimler. */
#sq-kb-arac .sq-sekme-kutu { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .9rem; }
#sq-kb-arac .sq-sekme[aria-selected="true"] { background: #0969da; border-color: #0969da; color: #fff; }
#sq-kb-arac .sq-kb-grup { margin: .9rem 0; }
#sq-kb-arac .sq-kb-grup h4 { margin: 0 0 .4rem; font-size: .95rem; color: #475569; }
#sq-kb-arac .sq-kb-liste { display: flex; flex-wrap: wrap; gap: .35rem; list-style: none; margin: 0; padding: 0; }
#sq-kb-arac .sq-kb-liste li { background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 4px; padding: .15rem .5rem; font-size: .95rem; }
/* Rastgele sayı üreteci (plan #246) */
.sq-alan-onay label{display:flex;align-items:center;gap:.5rem;font-weight:400}
.sq-alan-onay input[type=checkbox]{width:auto;margin:0}
.sq-btn-kucuk{font-size:.9rem;padding:.3rem .7rem;margin:.15rem .3rem .15rem 0}
.sq-rs-cikti{min-height:2.6rem;font-size:1.5rem;font-weight:700;line-height:1.5;word-break:break-word}
.sq-rs-sayilar{color:#0f172a}
.sq-rs-ayrac{color:#94a3b8;font-weight:400}
.sq-rs-kaliplar{margin-top:.8rem}
.sq-rs-kaliplar .sq-not{margin-bottom:.35rem}
/* CPS (tıklama hızı) testi — plan #247 */
.sq-cps-ust{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin:.7rem 0;font-variant-numeric:tabular-nums}
.sq-cps-alan{user-select:none;-webkit-user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:190px;border:2px dashed #94a3b8;border-radius:12px;background:#f8fafc;font-size:1.25rem;font-weight:700;color:#475569;text-align:center;padding:1rem;touch-action:manipulation}
.sq-cps-alan:focus{outline:3px solid #2a78d6;outline-offset:2px}
.sq-cps-alan.sq-cps-aktif{border-style:solid;border-color:#1baf7a;background:#ecfdf5;color:#065f46}
.sq-cps-alan.sq-cps-bitti{border-color:#eb6834;background:#fff7ed;color:#7c2d12;cursor:default}
.sq-cps-buyuk{font-size:2.6rem;font-weight:800;margin:.2rem 0;line-height:1.1;color:#0f172a}
.sq-cps-buyuk span{font-size:1.1rem;font-weight:600;color:#64748b}
.sq-cps-liste{margin:.6rem 0;padding-left:1.2rem}
.sq-cps-uyari{color:#b45309;font-weight:600}
.sq-cps-tablo{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:.6rem}
.sq-cps-tablo th,.sq-cps-tablo td{border:1px solid #e2e8f0;padding:.3rem .6rem;text-align:left}

/* Şekilli nick listesi (#259) */
.sq-nick-liste { list-style: none; margin: 0 0 1.5em; padding: 0; }
.sq-nick-satir { display: flex; align-items: center; gap: .75em; padding: .5em .25em; border-bottom: 1px solid #e2e8f0; flex-wrap: wrap; }
.sq-nick-etiket { flex: 0 0 9em; font-size: .85em; color: #64748b; }
.sq-nick-deger { flex: 1 1 12em; font-size: 1.15em; overflow-wrap: anywhere; }
.sq-nick-kopyala { flex: 0 0 auto; }

/* Vitrin kırpma altlığı — kurul kararı anasayfa_yuku (25.09.2026) */
.sq-vitrin-devam{margin:22px 0 12px;font-size:.92rem;color:#475569;text-align:center}
.sq-vitrin-katlar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:6px}
.sq-vitrin-kat{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;
  border-radius:999px;text-decoration:none;color:#0f172a;font-size:.88rem;font-weight:600;background:#fff;
  transition:border-color .15s,color .15s}
.sq-vitrin-kat:hover{border-color:#2563eb;color:#2563eb}
.sq-vitrin-kat span{font-weight:400;font-size:.78rem;color:#94a3b8}
@media (prefers-color-scheme:dark){
  .sq-vitrin-devam{color:#94a3b8}
  .sq-vitrin-kat{background:#151b26;border-color:#223049;color:#e6e9ef}
}

/* Altın grafiği — SERP ölçümü 25.09.2026: rakiplerin tamamında grafik var, bizde yoktu */
.sq-altin-grafik-sar{position:relative;height:190px;margin:10px 0 22px}
@media (max-width:540px){.sq-altin-grafik-sar{height:160px}}

/* Altın külçe çizimi — kendi SVG'miz, üstte ortalı durur.
   ⚠️ Sağa KAYDIRILMIYOR: ölçüldü 25.09.2026, float panoyu 620→342 px'e
      daraltıyor ve fiyat tabloları sağdan kırpılıyordu. */
.sq-altin-gorsel{display:block;width:100%;max-width:220px;height:auto;margin:0 auto 12px}

/* 🔴 SİTE GENELİ DÜZELTME 25.09.2026: `.sq-tablo th,td{white-space:nowrap}` yüzünden
   tablolar dar kapsayıcıda SAĞDAN KIRPILIYORDU — altın aracında 342 px kutuya 477 px
   tablo giriyor, fiyat sütunu hiç görünmüyordu; son depremler aracında "Tarih/saat" ve
   "Derinlik" sütunları kayboluyordu. Başlık hücresi artık satır kaydırır (başlık uzun
   metindir, bölünmesinde sakınca yok); VERİ hücresi bölünmez, çünkü "6.694,00 TL" ya da
   "25.09.2026 05:42" ortadan bölünürse okunmaz olur. */
.sq-tablo th{white-space:normal}
/* Başlığın kaydırılması tek başına yetmedi (ölçüldü: 6 sayfada taşma sürdü).
   Tablo kendisi kaydırılabilir bir kutuya dönüştürülür — sığdığında hiçbir şey
   değişmez, sığmadığında kırpmak yerine yatay kaydırılır. */
.sq-tablo{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sq-altin-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 14px}
.sq-altin-baglanti{list-style:none;margin:6px 0 0;padding:0;clear:both}
.sq-altin-baglanti li{padding:7px 0;border-bottom:1px solid rgba(100,116,139,.18)}
.sq-altin-baglanti li:last-child{border-bottom:0}
.sq-altin-baglanti span{color:#64748b;font-size:.92em}
@media (prefers-color-scheme:dark){.sq-altin-baglanti span{color:#94a3b8}}

/* Son depremler: "az önce" kartı + döşemesiz harita (SERP eksiği 25.09.2026) */
.sq-dep-son{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:10px 0 14px;
  padding:12px 14px;border:1px solid rgba(100,116,139,.28);border-radius:10px;background:rgba(100,116,139,.06)}
.sq-dep-son-e{flex:1 0 100%;font-size:.82rem;letter-spacing:.02em;text-transform:uppercase;color:#64748b}
.sq-dep-son strong{font-size:1.5rem;padding:2px 10px;border-radius:8px}
.sq-dep-son-y{font-weight:600}
.sq-dep-son-z{flex:1 0 100%;font-size:.9rem;color:#64748b}
.sq-dep-harita-sar{margin:0 0 16px}
#sq-dep-harita{display:block;width:100%;border:1px solid rgba(100,116,139,.25);border-radius:10px}
@media (prefers-color-scheme:dark){
  .sq-dep-son-e,.sq-dep-son-z{color:#94a3b8}
}

/* Kıble canlı pusulası (SERP eksiği 25.09.2026) — kadran cihazla döner, ok kıbleyi gösterir. */
.sq-kible-pusula{margin:12px 0 18px}
.sq-kible-kadran-sar{position:relative;width:min(240px,70vw);aspect-ratio:1;margin:0 auto}
.sq-kible-kadran{position:absolute;inset:0;border:2px solid rgba(100,116,139,.45);border-radius:50%;
  transition:transform .15s linear}
.sq-kible-kadran span{position:absolute;font-weight:700;font-size:.95rem;color:#64748b}
.sq-kible-k{top:6px;left:50%;transform:translateX(-50%);color:#dc2626}
.sq-kible-g{bottom:6px;left:50%;transform:translateX(-50%)}
.sq-kible-d{right:8px;top:50%;transform:translateY(-50%)}
.sq-kible-b{left:8px;top:50%;transform:translateY(-50%)}
/* Ok, kadranla AYNI kutuyu kaplar ve yalnız döner: JS tek bir rotate() yazar,
   başka bir dönüşümle çakışmasın diye iğne ::before ile çizilir. */
.sq-kible-ok{position:absolute;inset:0;transition:transform .15s linear}
.sq-kible-ok::before{content:"";position:absolute;left:50%;top:8%;width:5px;height:42%;
  margin-left:-2.5px;background:linear-gradient(#16a34a,#15803d);border-radius:3px;
  box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.sq-kible-ok::after{content:"";position:absolute;left:50%;top:calc(8% - 12px);
  margin-left:-8px;border:8px solid transparent;border-bottom-color:#16a34a}

/* Hesap makinesi bilimsel tuş takımı (SERP eksiği 25.09.2026) */
/* 🔴 `.sq-takim{display:flex}` HTML'in `hidden` özniteliğini eziyordu: panel
   "kapalı" olmasına rağmen açık görünüyordu (ölçüldü 25.09.2026). `hidden`
   yalnızca `display:none` varsayılanıyla çalışır; display veren her kural
   onu geçersiz kılar. */
.sq-takim[hidden]{display:none}
.sq-hm-bilimsel-sar{margin:10px 0 14px}
.sq-tus-islev{font-size:.95rem}
.sq-hm-aci{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:10px 0 4px}
.sq-hm-aci label{display:inline-flex;align-items:center;gap:6px;font-weight:500}

/* Saat kaç — analog kadran (SERP eksiği 25.09.2026). Kendi çizimimiz, dış görsel yok. */
.sq-saatkac-kadran-sar{display:flex;justify-content:center;margin:4px 0 14px}
.sq-saatkac-kadran{width:min(240px,64vw);height:auto}
.sq-sk-cerceve{fill:#fff;stroke:#cbd5e1;stroke-width:2}
.sq-sk-uzun{stroke:#334155;stroke-width:2.4;stroke-linecap:round}
.sq-sk-kisa{stroke:#94a3b8;stroke-width:1.1;stroke-linecap:round}
.sq-sk-rakam{fill:#334155;font-size:15px;font-weight:600;text-anchor:middle;font-family:inherit}
.sq-sk-akrep{stroke:#0f172a;stroke-width:5.5;stroke-linecap:round}
.sq-sk-yelkovan{stroke:#0f172a;stroke-width:3.5;stroke-linecap:round}
.sq-sk-saniye{stroke:#dc2626;stroke-width:1.6;stroke-linecap:round}
.sq-sk-merkez{fill:#0f172a}
@media (prefers-color-scheme:dark){
  .sq-sk-cerceve{fill:#1e293b;stroke:#475569}
  .sq-sk-uzun{stroke:#e2e8f0}
  .sq-sk-rakam{fill:#e2e8f0}
  .sq-sk-akrep,.sq-sk-yelkovan{stroke:#f1f5f9}
  .sq-sk-merkez{fill:#f1f5f9}
}

/* Şekilli nick sembol paleti (SERP eksiği 25.09.2026) */
.sq-nick-sembol-grup{margin:0 0 14px}
.sq-nick-sembol-satir{display:flex;flex-wrap:wrap;gap:6px}
.sq-nick-sembol{min-width:42px;min-height:42px;font-size:1.25rem;line-height:1;cursor:pointer;
  border:1px solid rgba(100,116,139,.35);border-radius:9px;background:transparent;
  color:inherit;transition:background .12s,transform .12s}
.sq-nick-sembol:hover{background:rgba(37,99,235,.10)}
.sq-nick-sembol-ok{background:#16a34a;color:#fff;transform:scale(1.08)}

/* Takvim yazdırma (SERP eksiği 25.09.2026: "takvim 2026 PDF/indir") */
.sq-tk-arac-satir{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 6px}
@media print{
  /* Yalnız takvim basılır. visibility kullanılır: display:none kullanmak
     tablo düzenini bozuyor, visibility yerleşimi korur. */
  html.sq-yazdir body{background:#fff}
  html.sq-yazdir body *{visibility:hidden}
  html.sq-yazdir #sq-takvim,
  html.sq-yazdir #sq-takvim *{visibility:visible}
  html.sq-yazdir #sq-takvim{position:absolute;left:0;top:0;width:100%;padding:0;margin:0}
  html.sq-yazdir .sq-tk-sekme,
  html.sq-yazdir .sq-tk-arac-satir,
  html.sq-yazdir .sq-tk-bugun{display:none!important}
  html.sq-yazdir .sq-tk-izgara{break-inside:avoid;page-break-inside:avoid}
}