/* SDHA SİTESİ (sdhub.info) — 01.10.2026.
 * RENK/YAZI: sdhub.com.tr site_yeni/kaynak/site.css ile AYNI değerler (aynı marka ailesi; elle sapma yok).
 * ETKİLEŞİM KALIBI: SDHub (kullanıcı kuralı "YENİ PANEL = SDHub KALIBI"): sağdan kayan panel, simgeli
 * sekmeler (etkin = dolu, beyaz yazı), hap düğmeler, anahtar, parçalı düğme, altta SABİT çubuk,
 * temalı girdi kutuları. Ölçüler SDHub design-tokens yarıçap/boşluk değerlerinden. */
:root {
  --gece:#060D1F; --gece-2:#0A1633; --gece-3:#101E45; --gece-cizgi:rgba(148,170,220,.16);
  --gece-metin:#E9EEF9; --gece-soluk:#9DA9C4;
  --zemin:#F7F8FB; --zemin-2:#EDF1FA; --kart:#FFFFFF; --cizgi:#D9E0EE; --murekkep:#0B1834; --soluk:#5B6784;
  --lacivert:#1A3A8C; --lacivert-h:#14307A; --altin:#F5B301; --altin-koyu:#8A6200;
  --kirmizi:#EF4444; --yesil:#22C55E; --yesil-koyu:#15803D;
  --golge:0 1px 2px rgba(11,24,52,.04), 0 10px 30px rgba(11,24,52,.06);
  --golge-b:0 40px 90px -30px rgba(3,8,25,.7);
  --serif:'Playfair Display',Georgia,serif; --sans:Manrope,'Segoe UI',system-ui,sans-serif;
  --mono:'Cascadia Mono','JetBrains Mono',Consolas,'Courier New',monospace;
  --egri:cubic-bezier(.2,.7,.2,1);
  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-tam:999px;
}
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--zemin); color:var(--murekkep); font-family:var(--sans); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }
body.kilitli { overflow:hidden; }
img { max-width:100%; display:block; }
a { color:var(--lacivert); text-decoration:none; }
a:hover { color:var(--lacivert-h); }
h1,h2,h3 { font-family:var(--serif); margin:0; line-height:1.15; font-weight:700; text-wrap:balance; }
p { margin:0; text-wrap:pretty; }
button { font:inherit; color:inherit; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid var(--altin); outline-offset:2px; border-radius:6px; }
.kap { max-width:1320px; margin:0 auto; padding:0 28px; }
.atla { position:absolute; left:-9999px; top:8px; z-index:200; background:#fff; color:var(--murekkep); padding:10px 16px; border-radius:10px; font-weight:700; }
.atla:focus { left:16px; }
.soluk-acik { color:var(--gece-soluk); }

/* ── örnek veri şeridi (yalnız taslak) ───────────────────────────── */
.demo-serit { background:var(--altin); color:var(--murekkep); font-size:13px; font-weight:600; padding:6px 28px; text-align:center; }
.demo-serit i { margin-right:6px; }

/* ── düğmeler ─────────────────────────────────────────────────────── */
.dugme { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 16px; border-radius:var(--r-md); border:1px solid transparent; font-weight:700; font-size:14.5px; cursor:pointer; white-space:nowrap; transition:background .15s, border-color .15s, color .15s, transform .15s; text-decoration:none; }
.dugme:active { transform:translateY(1px); }
.dugme:disabled { opacity:.55; cursor:not-allowed; }
.dugme.kucuk { min-height:34px; padding:0 12px; font-size:13.5px; }
.dugme.altin { background:var(--altin); color:var(--murekkep); }
.dugme.altin:hover { background:#FFC21F; color:var(--murekkep); }
.dugme.lacivert { background:var(--lacivert); color:#fff; }
.dugme.lacivert:hover { background:var(--lacivert-h); color:#fff; }
.dugme.cizgi { background:var(--kart); border-color:var(--cizgi); color:var(--murekkep); }
.dugme.cizgi:hover { border-color:var(--lacivert); color:var(--lacivert); }
.dugme.cizgi.tehlike:hover { border-color:var(--kirmizi); color:#B91C1C; }
.dugme.cizgi-acik { background:transparent; border-color:rgba(255,255,255,.24); color:#DCE4F7; }
.dugme.cizgi-acik:hover { border-color:var(--altin); color:#fff; background:rgba(245,179,1,.08); }
.dugme.hayalet { background:transparent; color:var(--gece-soluk); }
.dugme.hayalet:hover { color:#fff; background:rgba(255,255,255,.06); }
.baglanti { background:none; border:0; padding:0; color:var(--lacivert); font-weight:700; cursor:pointer; }
.baglanti:disabled { color:var(--soluk); cursor:default; font-weight:600; }

/* ── üst şerit ────────────────────────────────────────────────────── */
/* Ana site şeridi: sdhub.com.tr'ye dönüş (yapışkan DEĞİL; kaydırınca gider, pano başlığı yapışkan kalır). Dar ekranda
   bağlantılar tek satırda yatay kayar. Yazı markası ana sitedeki gibi: SD beyaz, Hub/HA altın. */
.site-serit { background:#03081A; border-bottom:1px solid var(--gece-cizgi); }
.site-serit-ic { display:flex; align-items:center; gap:22px; height:38px; overflow-x:auto; white-space:nowrap; scrollbar-width:none; }
.site-serit-ic::-webkit-scrollbar { display:none; }
.site-serit a { color:#fff; font-size:13px; font-weight:800; letter-spacing:.01em; opacity:.82; transition:opacity .15s; }
.site-serit a:hover, .site-serit a:focus-visible { opacity:1; color:#fff; }
.site-serit .hub { color:var(--altin); }
.site-serit .ev { display:inline-flex; align-items:center; gap:6px; color:var(--gece-soluk); font-weight:700; padding-right:20px; border-right:1px solid var(--gece-cizgi); }
.site-serit .ev:hover { color:#fff; }
.ust { position:sticky; top:0; z-index:60; background:var(--gece); border-bottom:1px solid var(--gece-cizgi); }
.ust-ic { display:flex; align-items:center; gap:22px; height:72px; }
.marka { display:flex; align-items:center; gap:10px; color:#fff; }
.marka:hover { color:#fff; }
.marka-ad { font-family:var(--serif); font-weight:700; font-size:30px; letter-spacing:.02em; line-height:1; }
.marka-ad::after { content:""; display:inline-block; width:8px; height:8px; margin-left:3px; border-radius:50%; background:var(--altin); vertical-align:top; }
.marka-alt { font-size:11px; line-height:1.25; color:var(--gece-soluk); font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.urunler { display:flex; gap:6px; background:rgba(255,255,255,.04); border:1px solid var(--gece-cizgi); padding:4px; border-radius:var(--r-tam); }
.urun-sekme { display:inline-flex; align-items:center; gap:8px; border:0; background:transparent; color:var(--gece-soluk); font-weight:800; font-size:14px; padding:8px 16px; border-radius:var(--r-tam); cursor:pointer; letter-spacing:.01em; }
.urun-sekme:hover { color:#fff; }
.urun-sekme[aria-selected="true"] { background:var(--altin); color:var(--murekkep); }
.ust-eylem { margin-left:auto; display:flex; align-items:center; gap:10px; }
.ust-grup { display:flex; gap:10px; align-items:center; }
.kullanici { display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); border-radius:var(--r-tam); padding:4px 14px 4px 4px; color:#fff; cursor:pointer; }
.kullanici:hover { border-color:var(--altin); }
.avatar { width:34px; height:34px; border-radius:50%; background:var(--altin); color:var(--murekkep); display:grid; place-items:center; font-weight:800; font-size:13px; }
.kullanici-ad { display:flex; flex-direction:column; text-align:left; line-height:1.15; max-width:190px; }
.kullanici-ad b { font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kullanici-ad small { font-size:11.5px; color:var(--gece-soluk); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ── düzen ────────────────────────────────────────────────────────── */
.ana { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:24px; padding-top:24px; padding-bottom:40px; align-items:start; }

/* ── PANO (havalimanı panosu) ─────────────────────────────────────── */
.pano { background:var(--gece-2); color:var(--gece-metin); border-radius:var(--r-xl); box-shadow:var(--golge-b); overflow:hidden; border:1px solid var(--gece-cizgi); }
.pano-bas { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:22px 26px 18px; background:linear-gradient(180deg,var(--gece-3),var(--gece-2)); border-bottom:1px solid var(--gece-cizgi); }
.pano-baslik h1 { font-size:28px; color:#fff; margin-top:6px; }
.pano-ozet { color:var(--gece-soluk); font-size:14px; margin-top:4px; }
.canli { display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; letter-spacing:.14em; color:var(--altin); }
.canli i { width:8px; height:8px; border-radius:50%; background:var(--kirmizi); box-shadow:0 0 0 0 rgba(239,68,68,.6); animation:nabiz 1.8s infinite; }
@keyframes nabiz { 70% { box-shadow:0 0 0 8px rgba(239,68,68,0); } 100% { box-shadow:0 0 0 0 rgba(239,68,68,0); } }
.pano-saat { text-align:right; display:flex; flex-direction:column; }
.pano-saat b { font-family:var(--mono); font-size:34px; color:var(--altin); letter-spacing:.04em; line-height:1; font-variant-numeric:tabular-nums; }
.pano-saat small { color:var(--gece-soluk); font-size:12.5px; margin-top:6px; }

.arac { padding:16px 26px; border-bottom:1px solid var(--gece-cizgi); background:rgba(255,255,255,.02); display:flex; flex-direction:column; gap:12px; }
.ara-kutu { display:flex; align-items:center; gap:10px; background:var(--gece); border:1px solid var(--gece-cizgi); border-radius:var(--r-md); padding:4px 4px 4px 14px; }
.ara-kutu:focus-within { border-color:var(--altin); }
.ara-kutu i { color:var(--gece-soluk); }
.pano .ara-kutu input { flex:1; box-shadow:none; min-width:0; background:transparent; border:0; outline:0; color:#fff; font:inherit; font-size:15px; padding:8px 0; }
.pano .ara-kutu input::placeholder { color:#6F7C9B; }
.suzgec { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; }
.secim { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; color:var(--gece-soluk); }
.pano .secim select { width:auto; background-color:var(--gece); color:#fff; border:1px solid var(--gece-cizgi); border-radius:var(--r-md); padding:7px 30px 7px 10px; font:inherit; font-size:13.5px; appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--gece-soluk) 50%),linear-gradient(135deg,var(--gece-soluk) 50%,transparent 50%); background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%; background-size:5px 5px; background-repeat:no-repeat; }
.haplar { display:flex; gap:6px; flex-wrap:wrap; }
.hap { border:1px solid var(--gece-cizgi); background:transparent; color:var(--gece-soluk); border-radius:var(--r-tam); padding:6px 13px; font-size:13px; font-weight:700; cursor:pointer; }
.hap:hover { color:#fff; border-color:rgba(255,255,255,.35); }
.hap.etkin { background:var(--lacivert); border-color:var(--lacivert); color:#fff; }
.parcali { display:inline-flex; border:1px solid var(--gece-cizgi); border-radius:var(--r-md); overflow:hidden; }
.parcali button { border:0; background:transparent; color:var(--gece-soluk); padding:7px 12px; font-size:13px; font-weight:700; cursor:pointer; display:inline-flex; gap:6px; align-items:center; }
.parcali button + button { border-left:1px solid var(--gece-cizgi); }
.parcali button.etkin { background:var(--lacivert); color:#fff; }
.anahtar { display:inline-flex; align-items:center; gap:10px; font-size:13.5px; font-weight:700; cursor:pointer; user-select:none; }
.anahtar input { position:absolute; opacity:0; width:1px; height:1px; }
.anahtar span { width:38px; height:22px; border-radius:var(--r-tam); background:#3A4666; position:relative; transition:background .2s; flex:none; }
.anahtar span::after { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#fff; transition:transform .2s var(--egri); }
.anahtar input:checked + span { background:var(--lacivert); }
.anahtar input:checked + span::after { transform:translateX(16px); }
.anahtar input:focus-visible + span { outline:3px solid var(--altin); outline-offset:2px; }
.pano .anahtar { color:var(--gece-soluk); }
/* İlk giriş: kullanım koşulları — uzun metin kutu içinde kayar, onay anahtarı hep görünür */
.kosul-liste { margin:0 0 14px; padding:12px 14px 12px 34px; max-height:min(42vh, 320px); overflow:auto; background:var(--zemin);
  border:1px solid var(--cizgi); border-radius:var(--r-md); font-size:13.5px; line-height:1.55; }
.kosul-liste li + li { margin-top:8px; }
.kosul-liste:focus-visible { outline:3px solid var(--altin); outline-offset:2px; }

.pano-kolon { display:grid; grid-template-columns:86px 104px minmax(0,1fr) 170px 128px; gap:16px; padding:10px 26px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#7D8AA8; border-bottom:1px solid var(--gece-cizgi); }
.pano-liste { list-style:none; margin:0; padding:0; }
.satir { display:grid; grid-template-columns:86px 104px minmax(0,1fr) 170px 128px; gap:16px; align-items:center; padding:14px 26px; border-bottom:1px solid var(--gece-cizgi); border-left:3px solid transparent; cursor:pointer; transition:background .15s; position:relative; }
.satir:hover, .satir:focus-visible { background:rgba(255,255,255,.035); outline:none; }
.satir:focus-visible { box-shadow:inset 0 0 0 2px var(--altin); }
.satir.yeni { border-left-color:var(--altin); background:linear-gradient(90deg,rgba(245,179,1,.07),transparent 40%); }
.satir.gelen { animation:gelen 1.2s ease 3; }
@keyframes gelen { 50% { background:rgba(245,179,1,.16); } }
.satir.eslesti .s-govde h3 { color:#FFE7A3; }
.s-saat { display:flex; flex-direction:column; font-variant-numeric:tabular-nums; }
.s-saat b { font-family:var(--mono); font-size:20px; color:var(--altin); letter-spacing:.03em; line-height:1.1; }
.s-saat small { color:var(--gece-soluk); font-size:12px; }
.s-gorsel { width:104px; height:70px; border-radius:var(--r-md); overflow:hidden; background:var(--gece-3); border:1px solid var(--gece-cizgi); }
.s-gorsel img { width:100%; height:100%; object-fit:cover; }
/* Görseli olan ama küçük resmi olmayan haber (kaynak görseli bizde barındırılmaz): "Görseli gör" — tıklayınca
   abone olmayana "abonelere özel" penceresi, aboneye haberin kendisi açılır. */
.gorsel-gor { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  border:0; padding:0; cursor:pointer; color:#E9EEF9; font:inherit; font-size:11.5px; font-weight:800; letter-spacing:.01em;
  background:radial-gradient(circle at 30% 20%,rgba(245,179,1,.16),transparent 65%), var(--gece-3); }
.gorsel-gor i { font-size:20px; color:var(--altin); }
.gorsel-gor:hover, .gorsel-gor:focus-visible { background:radial-gradient(circle at 30% 20%,rgba(245,179,1,.28),transparent 65%), var(--gece-3); }
.gorsel-gor:focus-visible { outline:3px solid var(--altin); outline-offset:-3px; }
.kurum-simge { width:100%; height:100%; display:grid; place-items:center; font-size:26px; color:var(--gece-soluk); background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.07),transparent 60%); }
.kurum-simge.t-valilik { color:#8FB2FF; } .kurum-simge.t-kaymakamlik { color:#7FD1C1; }
.kurum-simge.t-bakanlik { color:#F3C66B; } .kurum-simge.t-belediye { color:#C9A2F5; }
.kurum-simge.t-universite { color:#FF9F8A; } .kurum-simge.t-cumhurbaskanligi { color:#FFD25E; }
.kurum-simge.t-sdha { color:var(--altin); }
.s-govde { min-width:0; }
.s-ust { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:5px; }
.rozet { display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; padding:3px 8px; border-radius:var(--r-sm); background:rgba(255,255,255,.07); color:var(--gece-soluk); }
.rozet.yeni { background:var(--altin); color:var(--murekkep); }
.rozet.ornek { background:#3B2A5E; color:#D9C6FF; }
.rozet.eslesme { background:rgba(245,179,1,.14); color:#FFD875; text-transform:none; letter-spacing:0; font-size:11.5px; }
.rozet.sdha { background:rgba(245,179,1,.12); color:var(--altin); }
.s-govde h3 { font-family:var(--sans); font-size:16.5px; font-weight:800; color:#fff; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.s-govde p { color:var(--gece-soluk); font-size:14px; line-height:1.5; margin-top:4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.s-kurum { display:flex; flex-direction:column; min-width:0; }
.s-kurum b { font-size:13.5px; color:#DCE4F7; font-weight:700; line-height:1.3; }
.s-kurum small { font-size:12px; color:var(--gece-soluk); margin-top:2px; }
.s-durum { display:flex; flex-direction:column; align-items:flex-end; gap:6px; font-size:12px; font-weight:700; }
.kilit { display:inline-flex; align-items:center; gap:6px; color:var(--gece-soluk); }
.kilit i { color:var(--altin); }
.ekler { display:inline-flex; gap:10px; color:var(--gece-soluk); }
.ekler span { display:inline-flex; gap:4px; align-items:center; }
.ac-ok { color:var(--altin); font-size:13px; }
.pano-alt { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 26px 20px; font-size:13px; }
.bos { padding:56px 26px; text-align:center; color:var(--gece-soluk); }
.bos i { font-size:34px; display:block; margin-bottom:10px; color:#55627F; }
.bos b { display:block; color:#fff; font-size:16px; margin-bottom:4px; }
.iskelet { height:70px; margin:14px 26px; border-radius:var(--r-md); background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.07),rgba(255,255,255,.03)); background-size:200% 100%; animation:parilti 1.4s infinite; }
@keyframes parilti { to { background-position:-200% 0; } }

/* ── yan kartlar ──────────────────────────────────────────────────── */
.yan { display:flex; flex-direction:column; gap:18px; position:sticky; top:96px; }
.kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--r-xl); padding:20px; box-shadow:var(--golge); }
.kart h2 { font-size:19px; }
.kart p { color:var(--soluk); font-size:14.5px; margin-top:8px; }
.kart .dugme { margin-top:14px; }
.kart-simge { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; font-size:20px; background:rgba(245,179,1,.16); color:var(--altin-koyu); margin-bottom:12px; }
.kart-simge.mavi { background:rgba(26,58,140,.1); color:var(--lacivert); }
.kart.cta { background:linear-gradient(180deg,#FFFBEA,#fff 55%); border-color:#F2E2A8; }
.artilar { list-style:none; padding:0; margin:12px 0 0; display:flex; flex-direction:column; gap:7px; font-size:14px; }
.artilar i { color:var(--yesil-koyu); margin-right:6px; }
.kart-not { font-size:13px !important; }
.kart-eylem { display:flex; gap:8px; flex-wrap:wrap; }
.kart-eylem .dugme { margin-top:14px; }
.kart-bas { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.kart-bas h2 { font-family:var(--sans); font-size:15.5px; font-weight:800; display:flex; gap:8px; align-items:center; }
.kart-bas h2 i { color:var(--lacivert); }
.sayi { display:inline-grid; place-items:center; min-width:22px; height:20px; padding:0 6px; border-radius:var(--r-tam); background:var(--zemin-2); color:var(--soluk); font-size:12px; font-weight:800; font-family:var(--sans); }
.cipler { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.cip { display:inline-flex; align-items:center; gap:4px; background:var(--zemin-2); border:1px solid var(--cizgi); border-radius:var(--r-tam); padding:4px 4px 4px 11px; font-size:13px; font-weight:700; color:var(--murekkep); }
.cip button { border:0; background:transparent; width:22px; height:22px; border-radius:50%; cursor:pointer; color:var(--soluk); display:grid; place-items:center; font-size:11px; }
.cip button:hover { background:#fff; color:#B91C1C; }
.cip .cip-sayi { font-size:11px; color:var(--altin-koyu); background:rgba(245,179,1,.18); border-radius:var(--r-tam); padding:0 6px; }
.cipler .bos-not { font-size:13px; color:var(--soluk); }
.ekle-satir { display:flex; gap:8px; margin-top:12px; }
.ekle-satir input { flex:1; min-width:0; }
.ekle-satir .dugme { margin-top:0; }
.ipucu { font-size:12.5px !important; line-height:1.45; }
.rss-kisa { display:block; margin-top:12px; padding:9px 11px; border-radius:var(--r-md); background:var(--zemin); border:1px solid var(--cizgi); font-family:var(--mono); font-size:12px; color:var(--murekkep); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ── girdi kutuları (temalı) ──────────────────────────────────────── */
input[type=text], input[type=email], input[type=tel], input[type=url], input[type=search], textarea, select {
  font:inherit; font-size:15px; color:var(--murekkep); background:var(--zemin); border:1px solid var(--cizgi); border-radius:var(--r-md); padding:9px 12px; outline:0; transition:border-color .15s, box-shadow .15s; width:100%; }
input:focus, textarea:focus, select:focus { border-color:var(--lacivert); box-shadow:0 0 0 3px rgba(26,58,140,.12); }
.pano input, .pano select { width:auto; }
textarea { resize:vertical; }
.alan { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; color:var(--soluk); }
.alan small { font-weight:500; font-size:12px; }
.izgara { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px; }
.izgara .tam { grid-column:1 / -1; }
.onay { display:flex; gap:10px; align-items:flex-start; font-size:13.5px; margin-top:14px; color:var(--soluk); }
.onay input { margin-top:3px; width:auto; accent-color:var(--lacivert); }
.tuzak { position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
.hata { margin-top:12px; padding:9px 12px; border-radius:var(--r-md); background:#FEF2F2; color:#991B1B; font-size:13.5px; font-weight:600; border:1px solid #FECACA; }
.kod-kutu { font-family:var(--mono); font-size:28px !important; letter-spacing:.5em; text-align:center; padding:12px !important; }
.kucuk-not { font-size:13px; color:var(--soluk); margin-top:12px; }
.modal-govde .anahtar { margin-top:14px; color:var(--murekkep); }
.modal-govde .anahtar span { background:#C5CEDF; }

/* ── açılır pencere ───────────────────────────────────────────────── */
.modal { border:0; padding:0; border-radius:var(--r-xl); width:min(480px, calc(100vw - 32px)); background:var(--kart); color:var(--murekkep); box-shadow:var(--golge-b); }
.modal.genis { width:min(660px, calc(100vw - 32px)); }
.modal::backdrop { background:rgba(4,9,24,.62); backdrop-filter:blur(3px); }
/* Uzun formda başlık ve alt çubuk SABİT, yalnız gövde kayar (SDHub kalıbı: altta sabit çubuk).
   Yalnız [open] iken flex: kapalı dialog'a display verilirse sayfada görünür kalırdı. */
.modal[open] { display:flex; flex-direction:column; max-height:calc(100dvh - 32px); }
.modal[open] > .modal-bas, .modal[open] > .modal-alt { flex:none; }
.modal[open] > .modal-govde { overflow:auto; min-height:0; }
.modal-alt { border-top:1px solid transparent; }
.modal.genis .modal-alt { border-top-color:var(--cizgi); background:var(--zemin); border-radius:0 0 var(--r-xl) var(--r-xl); }
.modal[open] { animation:belir .22s var(--egri); }
@keyframes belir { from { opacity:0; transform:translateY(10px) scale(.98); } }
.modal-bas { display:flex; align-items:center; gap:12px; padding:18px 20px 0; }
.modal-bas h2 { font-size:21px; flex:1; }
.modal-simge { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:rgba(26,58,140,.1); color:var(--lacivert); font-size:18px; flex:none; }
.modal-simge.altin { background:rgba(245,179,1,.18); color:var(--altin-koyu); }
.kapat { border:0; background:transparent; width:36px; height:36px; border-radius:10px; cursor:pointer; color:var(--soluk); display:grid; place-items:center; flex:none; }
.kapat:hover { background:var(--zemin-2); color:var(--murekkep); }
.modal-govde { padding:14px 20px 4px; color:var(--soluk); font-size:15px; }
.modal-govde > p:first-child { color:var(--soluk); }
.kilit-haber { font-weight:800; color:var(--murekkep) !important; font-size:15.5px; padding:12px 14px; border-left:3px solid var(--altin); background:var(--zemin); border-radius:0 var(--r-md) var(--r-md) 0; margin-bottom:12px; }
.modal-alt { display:flex; justify-content:flex-end; gap:10px; padding:16px 20px 20px; flex-wrap:wrap; }
.sonuc { text-align:center; padding:28px 20px 8px; }
.sonuc-simge { font-size:46px; color:var(--yesil-koyu); display:block; }
.sonuc h3 { font-size:22px; color:var(--murekkep); margin:6px 0 8px; }

/* ── sağdan kayan panel (SDHub kalıbı) ────────────────────────────── */
.perde { position:fixed; inset:0; background:rgba(4,9,24,.55); z-index:80; animation:solgun .2s; }
@keyframes solgun { from { opacity:0; } }
.sheet { position:fixed; top:0; right:0; bottom:0; z-index:90; width:min(520px,100vw); background:var(--kart); display:flex; flex-direction:column; box-shadow:-30px 0 80px -30px rgba(3,8,25,.5); animation:kay .28s var(--egri); }
.sheet.genis { width:min(820px,100vw); }
@keyframes kay { from { transform:translateX(40px); opacity:0; } }
.sheet-bas { display:flex; align-items:flex-start; gap:12px; padding:18px 22px 6px; }
.sheet-ust { flex:1; display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; font-size:13px; color:var(--soluk); font-weight:600; }
.sheet-ust h2 { font-size:22px; color:var(--murekkep); }
.sheet-ust .rozet { background:var(--zemin-2); color:var(--soluk); }
.sheet-ust .rozet.sdha { background:rgba(245,179,1,.18); color:var(--altin-koyu); }
.haber-baslik { font-size:27px; padding:4px 22px 14px; color:var(--murekkep); }
.sekmeler { display:flex; gap:6px; padding:0 22px 12px; border-bottom:1px solid var(--cizgi); flex-wrap:wrap; }
.sekmeler button { display:inline-flex; align-items:center; gap:7px; border:1px solid var(--cizgi); background:var(--kart); color:var(--soluk); border-radius:var(--r-tam); padding:7px 14px; font-weight:700; font-size:13.5px; cursor:pointer; }
.sekmeler button:hover { color:var(--lacivert); border-color:var(--lacivert); }
.sekmeler button.etkin { background:var(--lacivert); border-color:var(--lacivert); color:#fff; }
.sekmeler button.etkin .sayi { background:rgba(255,255,255,.2); color:#fff; }
.sheet-govde { flex:1; overflow:auto; padding:18px 22px 24px; }
.sheet-alt { display:flex; align-items:center; gap:10px; padding:14px 22px; border-top:1px solid var(--cizgi); background:var(--zemin); flex-wrap:wrap; }
.bosluk { flex:1; }

.metin { font-size:16.5px; line-height:1.75; color:#1E2A47; max-width:70ch; }
.metin p + p { margin-top:14px; }
.metin-ozet { font-weight:700; color:var(--murekkep); }
.kaynak-kutu { margin-top:22px; padding:12px 14px; border-radius:var(--r-md); background:var(--zemin); border:1px solid var(--cizgi); font-size:13.5px; color:var(--soluk); display:flex; gap:10px; align-items:flex-start; }
.kaynak-kutu i { color:var(--lacivert); margin-top:2px; }
.galeri { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:14px; }
.galeri-oge { border:1px solid var(--cizgi); border-radius:var(--r-lg); overflow:hidden; background:var(--zemin); display:flex; flex-direction:column; }
.galeri-oge .g-gorsel { aspect-ratio:3/2; background:var(--zemin-2); display:grid; place-items:center; color:var(--soluk); font-size:30px; }
.galeri-oge .g-gorsel img { width:100%; height:100%; object-fit:cover; }
.galeri-oge .g-bilgi { padding:10px 12px; font-size:12.5px; color:var(--soluk); display:flex; flex-direction:column; gap:8px; }
.galeri-oge .g-bilgi b { color:var(--murekkep); font-size:13px; word-break:break-all; }
.galeri-oge .dugme { align-self:flex-start; }
.g-not { font-size:12px; color:var(--altin-koyu); }
.belge-liste { display:flex; flex-direction:column; gap:10px; }
.belge { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--cizgi); border-radius:var(--r-lg); }
.belge > i { font-size:24px; color:#B91C1C; }
.belge div { flex:1; min-width:0; font-size:13px; color:var(--soluk); }
.belge b { display:block; color:var(--murekkep); font-size:14px; word-break:break-all; }
.bos-sekme { padding:40px 10px; text-align:center; color:var(--soluk); }
.bos-sekme i { font-size:30px; display:block; margin-bottom:8px; color:#A3AEC6; }

/* Hesabım: solda etiket, sağda değer */
.satirlar { display:flex; flex-direction:column; border:1px solid var(--cizgi); border-radius:var(--r-lg); overflow:hidden; }
.bilgi-satir { display:flex; justify-content:space-between; gap:16px; padding:12px 14px; font-size:14px; }
.bilgi-satir + .bilgi-satir { border-top:1px solid var(--cizgi); }
.bilgi-satir span { color:var(--soluk); font-weight:600; }
.bilgi-satir b { text-align:right; word-break:break-word; }
.dogrulandi { color:var(--yesil-koyu); font-size:12px; margin-left:6px; white-space:nowrap; }
.not-kutu { margin-top:14px; font-size:13px; color:var(--soluk); display:flex; gap:8px; }
.abonelik { border:1px solid var(--cizgi); border-radius:var(--r-lg); padding:16px; display:flex; gap:14px; align-items:flex-start; }
.abonelik + .abonelik { margin-top:12px; }
.abonelik .modal-simge { flex:none; }
.abonelik div { flex:1; }
.abonelik h3 { font-family:var(--sans); font-size:15.5px; font-weight:800; }
.abonelik p { font-size:13.5px; color:var(--soluk); margin-top:4px; }
.durum-hap { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; padding:3px 10px; border-radius:var(--r-tam); }
.durum-hap.aktif { background:#DCFCE7; color:var(--yesil-koyu); }
.durum-hap.yok { background:var(--zemin-2); color:var(--soluk); }
.abonelik-dugme { margin-top:10px; }
.kart.cta.sdha { background:linear-gradient(180deg,#EEF3FF,#fff 55%); border-color:#CBD7F2; }
.rss-tam { display:block; padding:12px; border-radius:var(--r-md); background:var(--gece); color:#E8EEFF; font-family:var(--mono); font-size:12.5px; word-break:break-all; line-height:1.5; }
.adimlar { margin:16px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:8px; font-size:14px; color:#1E2A47; }

/* Bülten gönder: içerik türü hapları + ek listesi */
.tur-sec { border:0; padding:0; margin:16px 0 0; display:flex; flex-wrap:wrap; gap:8px; }
.tur-sec legend { font-size:13px; font-weight:700; color:var(--soluk); margin-bottom:8px; padding:0; }
.tur-sec label { cursor:pointer; }
.tur-sec input { position:absolute; opacity:0; width:1px; height:1px; }
.tur-sec span { display:inline-block; border:1px solid var(--cizgi); border-radius:var(--r-tam); padding:6px 13px; font-size:13.5px; font-weight:700; color:var(--soluk); background:var(--kart); transition:background .15s, color .15s, border-color .15s; }
.tur-sec label:hover span { border-color:var(--lacivert); color:var(--lacivert); }
.tur-sec input:checked + span { background:var(--lacivert); border-color:var(--lacivert); color:#fff; }
.tur-sec input:focus-visible + span { outline:3px solid var(--altin); outline-offset:2px; }
.gizli-girdi { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
.ek-alan { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ek-alan:focus-within .dugme { outline:3px solid var(--altin); outline-offset:2px; }
.ek-alan small { font-weight:500; }
.ek-liste { list-style:none; padding:0; margin:8px 0 0; display:flex; flex-direction:column; gap:6px; }
.ek-liste li { display:flex; align-items:center; gap:10px; padding:6px 6px 6px 12px; border:1px solid var(--cizgi); border-radius:var(--r-md); background:var(--zemin); font-size:13.5px; color:var(--murekkep); font-weight:600; }
.ek-liste li > i { color:var(--lacivert); }
.ek-liste .ek-ad { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ek-liste small { color:var(--soluk); font-weight:500; }
.ek-liste .kapat { width:30px; height:30px; }

/* ── bildirim ─────────────────────────────────────────────────────── */
.bildirim { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:120; background:var(--gece); color:#fff; padding:12px 18px; border-radius:var(--r-lg); box-shadow:var(--golge-b); font-size:14px; font-weight:600; display:flex; gap:10px; align-items:center; max-width:calc(100vw - 32px); animation:belir .2s var(--egri); }
.bildirim.hata-b { background:#7F1D1D; }

/* ── alt bilgi ────────────────────────────────────────────────────── */
.alt { border-top:1px solid var(--cizgi); background:var(--kart); }
.alt-ic { display:flex; justify-content:space-between; gap:12px; padding:18px 28px; font-size:13.5px; color:var(--soluk); flex-wrap:wrap; }

/* ── dar ekran ────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .ana { grid-template-columns:minmax(0,1fr); }
  .yan { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gizle-dar, .marka-alt { display:none; }
  .pano-kolon, .satir { grid-template-columns:76px 96px minmax(0,1fr) 140px; }
  .pano-kolon span:last-child, .s-durum { display:none; }
}
@media (max-width: 760px) {
  .kap { padding:0 16px; }
  .ust-ic { height:auto; flex-wrap:wrap; gap:10px 14px; padding-top:10px; padding-bottom:10px; }
  .urunler { order:3; width:100%; justify-content:stretch; }
  .urun-sekme { flex:1; justify-content:center; padding:8px 10px; font-size:13px; }
  .gizle-dar, .marka-alt, .kullanici-ad { display:none; }
  .kullanici { padding:4px; }
  .ust-eylem .dugme { min-height:36px; padding:0 12px; font-size:13.5px; }
  .ana { padding-top:16px; gap:16px; }
  .yan { grid-template-columns:minmax(0,1fr); }
  .pano { border-radius:var(--r-lg); }
  .pano-bas { padding:16px; }
  .pano-baslik h1 { font-size:22px; }
  .pano-saat b { font-size:24px; }
  .arac { padding:12px 16px; }
  .pano-kolon { display:none; }
  .satir { grid-template-columns:84px minmax(0,1fr); grid-template-areas:"g m" "g k"; gap:4px 12px; padding:12px 16px; align-items:start; }
  .s-saat { display:none; }
  .s-gorsel { grid-area:g; width:84px; height:64px; }
  .s-govde { grid-area:m; }
  .s-kurum { grid-area:k; flex-direction:row; gap:6px; flex-wrap:wrap; }
  .s-kurum b, .s-kurum small { font-size:12px; margin:0; }
  .s-govde h3 { font-size:15px; }
  .s-govde p { -webkit-line-clamp:2; font-size:13px; }
  .satir .saat-ic { display:inline-flex; }
  .pano-alt { padding:14px 16px; flex-direction:column-reverse; }
  .izgara { grid-template-columns:1fr; }
  .haber-baslik { font-size:22px; }
  .sheet-alt .dugme { flex:1; }
  .sheet-alt .bosluk { display:none; }
}
.saat-ic { display:none; font-family:var(--mono); color:var(--altin); font-weight:700; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; transition:none !important; } }