/* 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}
.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}