/* Mesânî tasarım sistemi — küfî tevhid kimliği */
@font-face {
  font-family: "Amiri Quran";
  src: url("/varlik/font/AmiriQuran-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  --yesil: #0e6b45;
  --yesil-koyu: #0a4f34;
  --yesil-acik: #e7f2ec;
  --zemin: #f9faf8;
  --zemin-2: #ffffff;
  --metin: #1d2b24;
  --metin-soluk: #5b6b62;
  --cizgi: #dbe5df;
  --altin: #b08d3e;
}
@media (prefers-color-scheme: dark) {
  :root {
    --yesil: #2e9d6e;
    --yesil-koyu: #1c7550;
    --yesil-acik: #12241b;
    --zemin: #0e1512;
    --zemin-2: #16201a;
    --metin: #e4ece7;
    --metin-soluk: #93a49a;
    --cizgi: #24332b;
    --altin: #cfa955;
  }
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: "Avenir Next", Avenir, "Segoe UI", Inter, system-ui, sans-serif;
  background: var(--zemin);
  color: var(--metin);
  line-height: 1.65;
  font-size: 16.5px;
}
a { color: var(--yesil); text-decoration: none; }
a:hover { color: var(--yesil-koyu); }
h1 { font-size: clamp(1.6rem, 3.2vw, 2.3rem); margin: 0 0 .4em; letter-spacing: -.01em; }
h2 { font-size: 1.15rem; margin: 0 0 .8em; color: var(--yesil-koyu); }
@media (prefers-color-scheme: dark) { h2 { color: var(--yesil); } }

.kap { max-width: 980px; margin: 0 auto; padding: 0 1.1rem; }
.amiri { font-family: "Amiri Quran", "Geeza Pro", "Traditional Arabic", serif; }

/* Üst */
.ust { background: linear-gradient(135deg, var(--yesil-koyu), var(--yesil)); color: #fff; }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: .8rem; padding-bottom: .8rem; }
.marka { display: flex; align-items: center; gap: .8rem; color: #fff; }
.marka:hover { color: #fff; opacity: .92; }
.marka img { background: #fff; border-radius: 10px; padding: 4px; }
.marka-yazi { display: flex; flex-direction: column; line-height: 1.25; }
.marka-yazi strong { font-size: 1.25rem; letter-spacing: .02em; }
.marka-yazi small { opacity: .85; font-size: .78rem; }
.dil-sec { display: flex; align-items: center; gap: .35rem; }
.dil-sec svg { opacity: .8; margin-inline-end: .2rem; }
.dil-sec a { color: #fff; opacity: .75; padding: .25rem .55rem; border-radius: 7px; font-weight: 600; font-size: .9rem; }
.dil-sec a.aktif { opacity: 1; background: rgba(255,255,255,.18); }
.dil-sec a:hover { opacity: 1; color: #fff; }

main { padding: 1.6rem 1.1rem 2.5rem; }

/* Araç çubuğu + sekmeler */
.arac-cubugu { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .8rem; margin-bottom: 1.2rem; }
.sekmeler { display: inline-flex; border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; background: var(--zemin-2); }
.sekmeler a { padding: .45rem 1rem; font-weight: 600; font-size: .92rem; color: var(--metin-soluk); }
.sekmeler a.aktif { background: var(--yesil); color: #fff; }
.sekmeler.kucuk { margin-top: .5rem; }
.sekmeler.kucuk a { padding: .3rem .75rem; font-size: .84rem; }

/* Sure listesi */
.sure-listesi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: .7rem; }
.sure-kart { display: flex; align-items: center; gap: .9rem; background: var(--zemin-2); border: 1px solid var(--cizgi); border-radius: 12px; padding: .8rem 1rem; color: var(--metin); transition: border-color .15s, transform .15s; }
.sure-kart:hover { border-color: var(--yesil); transform: translateY(-1px); color: var(--metin); }
.sira { flex-shrink: 0; width: 2.3rem; height: 2.3rem; display: grid; place-items: center; background: var(--yesil-acik); color: var(--yesil-koyu); border-radius: 9px; font-weight: 700; }
@media (prefers-color-scheme: dark) { .sira { color: var(--yesil); } }
.adlar { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.ad { font-weight: 700; }
.detay { color: var(--metin-soluk); font-size: .82rem; }
.ad-ar { font-size: 1.5rem; color: var(--yesil-koyu); flex-shrink: 0; }
@media (prefers-color-scheme: dark) { .ad-ar { color: var(--yesil); } }

/* Sure sayfası */
.sure-baslik { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.sure-ar { font-size: 2.6rem; color: var(--yesil-koyu); }
@media (prefers-color-scheme: dark) { .sure-ar { color: var(--yesil); } }
.calar-cubuk { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; margin-bottom: 1.4rem; }
.dugme { display: inline-flex; align-items: center; gap: .5rem; background: var(--yesil); color: #fff; border: none; border-radius: 10px; padding: .55rem 1.1rem; font-size: .95rem; font-weight: 600; cursor: pointer; font-family: inherit; }
.dugme:hover { background: var(--yesil-koyu); }
audio { max-width: 100%; }

.ayet-listesi { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .7rem; }
.ayet-satir { background: var(--zemin-2); border: 1px solid var(--cizgi); border-radius: 12px; padding: 1rem 1.2rem; }
.ayet-satir.caliyor { border-color: var(--altin); box-shadow: 0 0 0 1px var(--altin); }
.ayet-arac { display: flex; align-items: center; gap: .6rem; float: inline-start; margin-inline-end: .9rem; }
.ayet-no { display: grid; place-items: center; min-width: 2rem; height: 2rem; padding: 0 .4rem; background: var(--yesil-acik); color: var(--yesil-koyu); border-radius: 8px; font-weight: 700; font-size: .9rem; }
.ayet-no:hover { background: var(--yesil); color: #fff; }
.oynat { display: grid; place-items: center; width: 2rem; height: 2rem; background: none; border: 1px solid var(--cizgi); border-radius: 8px; color: var(--yesil); cursor: pointer; }
.oynat:hover { border-color: var(--yesil); background: var(--yesil-acik); }
.arapca { font-size: 1.75rem; line-height: 2.3; margin: 0 0 .4rem; clear: none; }
.okunus { color: var(--metin-soluk); font-size: .95rem; margin: 0; font-style: italic; }

/* Ayet sayfası */
.iz { color: var(--metin-soluk); font-size: .88rem; margin-bottom: 1rem; }
.ayet-tek { display: flex; flex-direction: column; gap: 1rem; }
.kart { background: var(--zemin-2); border: 1px solid var(--cizgi); border-radius: 14px; padding: 1.3rem 1.5rem; }
.arapca-buyuk { font-size: 2.15rem; line-height: 2.4; margin: 0 0 .6rem; }
.tevil { white-space: normal; }
.uyari { background: var(--yesil-acik); border: 1px solid var(--cizgi); border-radius: 10px; padding: 1rem 1.2rem; }

.matris-tablo { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .6rem; margin: 0; }
.matris-tablo > div { background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 10px; padding: .55rem .8rem; }
.matris-tablo dt { font-size: .78rem; color: var(--metin-soluk); }
.matris-tablo dd { margin: 0; font-weight: 700; }

.ebced-sarici { overflow-x: auto; }
.ebced-tablo { width: 100%; border-collapse: collapse; }
.ebced-tablo th, .ebced-tablo td { padding: .45rem .7rem; border-bottom: 1px solid var(--cizgi); text-align: start; }
.ebced-tablo th { font-size: .8rem; color: var(--metin-soluk); text-transform: uppercase; letter-spacing: .05em; }
.ebced-tablo td.amiri { font-size: 1.35rem; }
.sayi { font-variant-numeric: tabular-nums; text-align: end; }
.ebced-tablo tfoot td { font-weight: 700; border-bottom: none; border-top: 2px solid var(--yesil); }
.toplam { color: var(--yesil-koyu); font-size: 1.1rem; }
@media (prefers-color-scheme: dark) { .toplam { color: var(--yesil); } }

.sayfa-gecis { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.6rem; }
.sayfa-gecis a { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; }

/* Alt */
.alt { border-top: 1px solid var(--cizgi); background: var(--zemin-2); margin-top: 2rem; }
.alt p { color: var(--metin-soluk); font-size: .82rem; padding: 1.1rem 0; margin: 0; text-align: center; }

@media (max-width: 640px) {
  .sure-baslik { flex-direction: column; align-items: flex-start; }
  .arapca { font-size: 1.5rem; }
  .arapca-buyuk { font-size: 1.75rem; }
}

/* Besmele satırı */
.ayet-satir.besmele { text-align: center; background: var(--yesil-acik); }
.ayet-satir.besmele .arapca { font-size: 1.9rem; }
.ayet-satir.besmele .ayet-arac { float: none; display: inline-flex; margin: 0 0 .3rem; }

/* Ayarlar paneli */
.ayarlar { position: relative; }
.ayarlar summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: .45rem;
  color: #fff; opacity: .9; font-weight: 600; font-size: .92rem; padding: .35rem .7rem;
  border: 1px solid rgba(255,255,255,.35); border-radius: 9px; user-select: none; }
.ayarlar summary::-webkit-details-marker { display: none; }
.ayarlar summary:hover, .ayarlar[open] summary { opacity: 1; background: rgba(255,255,255,.14); }
.ayarlar-panel { position: absolute; inset-inline-end: 0; top: calc(100% + .5rem); z-index: 30;
  min-width: 250px; background: var(--zemin-2); color: var(--metin);
  border: 1px solid var(--cizgi); border-radius: 12px; padding: .6rem .8rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.18); display: flex; flex-direction: column; gap: .45rem; }
.ayar-satir { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.ayar-ad { font-size: .84rem; color: var(--metin-soluk); }
.ayar-secim { display: inline-flex; border: 1px solid var(--cizgi); border-radius: 8px; overflow: hidden; }
.ayar-secim a { padding: .22rem .6rem; font-size: .84rem; font-weight: 600; color: var(--metin-soluk); }
.ayar-secim a.aktif { background: var(--yesil); color: #fff; }

/* Kelime takibi */
.kelime { border-radius: 6px; padding: 0 .08em; transition: background .12s; }
#metin-ar .kelime, .arapca .kelime { cursor: pointer; }
.kelime.aktif { background: color-mix(in srgb, var(--altin) 30%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--altin) 35%, transparent); }

.dugme.ikinci { background: var(--zemin-2); color: var(--yesil-koyu); border: 1px solid var(--cizgi); }
.dugme.ikinci:hover { border-color: var(--yesil); background: var(--yesil-acik); }
@media (prefers-color-scheme: dark) { .dugme.ikinci { color: var(--yesil); } }

/* Çalar çubuğu yapışkan: kontroller kaydırmada hep görünür */
.calar-cubuk { position: sticky; top: .6rem; z-index: 25;
  background: color-mix(in srgb, var(--zemin) 90%, transparent);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--cizgi); border-radius: 12px; padding: .55rem .8rem; }

/* Tıklanabilirlik yalnız zamanlaması olan metinlerde */
#metin-ar .kelime, .arapca .kelime { cursor: default; }
.takipli [data-k] { cursor: pointer; }
.takipli [data-k]:hover { background: color-mix(in srgb, var(--yesil) 14%, transparent); }

/* Duraklat/Devam durum simgeleri */
#duraklat .ik-dur, #duraklat .ik-oyn { display: inline-flex; }
#duraklat .ik-oyn { display: none; }
#duraklat.durdu .ik-dur { display: none; }
#duraklat.durdu .ik-oyn { display: inline-flex; }


/* Sûre oynatıcısı: tek imleç + zaman çizelgesi */
.calar-cubuk { flex-direction: column; align-items: stretch; gap: .55rem; }
.calar-dugmeler { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.dugme.simge { padding: .55rem .7rem; }
.dugme:disabled { opacity: .4; cursor: default; }
.anahtar { display: inline-flex; align-items: center; gap: .35rem; font-size: .85rem; color: var(--metin-soluk); cursor: pointer; user-select: none; }
.anahtar input { accent-color: var(--yesil); margin: 0; }
.cizelge { position: relative; height: 22px; border-radius: 8px; background: var(--yesil-acik); cursor: pointer;
  touch-action: none; user-select: none; direction: ltr; outline-offset: 3px; }
.cizelge[hidden] { display: none; }
.cz-bolumler { position: absolute; inset: 0; border-radius: 8px; overflow: hidden; }
.cz-bolum { position: absolute; top: 0; bottom: 0; border-right: 1px solid color-mix(in srgb, var(--yesil) 28%, transparent); box-sizing: border-box; }
.cz-bolum:hover { background: color-mix(in srgb, var(--yesil) 16%, transparent); }
.cz-bolum.gecti { background: color-mix(in srgb, var(--yesil) 24%, transparent); }
.cz-bolum.aktif { background: color-mix(in srgb, var(--altin) 34%, transparent); }
.cz-ibre { position: absolute; top: -3px; bottom: -3px; width: 2px; left: 0; margin-left: -1px; background: var(--altin); pointer-events: none; }
.cz-ipucu { position: absolute; bottom: calc(100% + 7px); transform: translateX(-50%); background: var(--metin); color: var(--zemin);
  font-size: .75rem; font-weight: 600; padding: .18rem .5rem; border-radius: 6px; white-space: nowrap; pointer-events: none; }
.cz-ipucu[hidden] { display: none; }

/* Kimlik: üst çubuk kişi bağı, formlar */
.ust-sag { display: flex; align-items: center; gap: .5rem; }
.kisi-bag { display: inline-flex; align-items: center; gap: .4rem; color: #fff; opacity: .92; padding: .38rem .75rem; border-radius: 8px;
  background: rgba(255,255,255,.14); font-weight: 600; font-size: .88rem; white-space: nowrap; }
.kisi-bag:hover { color: #fff; opacity: 1; background: rgba(255,255,255,.24); }
.kisi-bag.simge { padding: .42rem .5rem; }
.kisi-bag svg { width: 18px; height: 18px; }
.dugme.kucuk { padding: .32rem .7rem; font-size: .82rem; }
.form-kart { max-width: 440px; margin: 1rem auto; }
.alan { display: flex; flex-direction: column; gap: .3rem; margin-bottom: .95rem; }
.alan label { font-size: .85rem; color: var(--metin-soluk); font-weight: 600; }
.alan input { font: inherit; padding: .58rem .75rem; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--zemin); color: var(--metin); }
.alan input:focus { outline: 2px solid color-mix(in srgb, var(--yesil) 45%, transparent); outline-offset: 1px; border-color: var(--yesil); }
.uyari-kutu { background: color-mix(in srgb, var(--altin) 14%, transparent); border: 1px solid var(--altin); border-radius: 9px; padding: .55rem .8rem; margin: 0 0 .95rem; font-size: .92rem; }
.bilgi-kutu { background: var(--yesil-acik); border: 1px solid var(--cizgi); border-radius: 9px; padding: .55rem .8rem; margin: 0 0 .95rem; font-size: .92rem; }
.hesap-tablo { width: 100%; border-collapse: collapse; font-size: .9rem; }
.hesap-tablo th, .hesap-tablo td { text-align: start; padding: .45rem .5rem; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.hesap-tablo form { margin: 0; }
.satir-ic { display: inline-block; margin-top: .6rem; }

/* Yönetim paneli */
.duyuru { background: color-mix(in srgb, var(--altin) 16%, var(--zemin)); border-bottom: 1px solid var(--altin); font-size: .92rem; }
.duyuru .kap { padding-top: .5rem; padding-bottom: .5rem; }
.yonetim-nav { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: 1.2rem; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin-2); padding: .35rem; }
.yonetim-nav a { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .8rem; border-radius: 9px; font-weight: 600; font-size: .9rem; color: var(--metin-soluk); }
.yonetim-nav a:hover { color: var(--yesil); background: var(--yesil-acik); }
.yonetim-nav a.aktif { background: var(--yesil); color: #fff; }
.pano-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .7rem; margin-bottom: 1rem; }
.pano-kart { padding: .9rem 1rem; }
.kart-sayi { font-size: 1.55rem; font-weight: 700; color: var(--yesil-koyu); margin: .15rem 0; }
@media (prefers-color-scheme: dark) { .kart-sayi { color: var(--yesil); } }
.tablo { width: 100%; border-collapse: collapse; font-size: .9rem; }
.tablo th, .tablo td { text-align: start; padding: .45rem .55rem; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.tablo th { font-size: .78rem; color: var(--metin-soluk); font-weight: 600; }
.tablo td.sayi { text-align: end; font-variant-numeric: tabular-nums; }
.tablo tr.soluk td { opacity: .55; }
.tablo .amiri { font-size: 1.15rem; }
.satir-form { display: inline-block; margin: 0; }
.satir-form select { font: inherit; font-size: .85rem; padding: .25rem .4rem; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--zemin); color: var(--metin); }
.islemler form { margin-inline-end: .3rem; }
.form-satir { display: flex; flex-wrap: wrap; gap: .8rem; align-items: flex-end; }
.form-satir .alan { margin-bottom: .4rem; min-width: 160px; }
.alan select, .alan textarea { font: inherit; padding: .55rem .7rem; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--zemin); color: var(--metin); }
.alan textarea { line-height: 1.6; resize: vertical; }
.alan textarea:focus, .alan select:focus { outline: 2px solid color-mix(in srgb, var(--yesil) 45%, transparent); outline-offset: 1px; border-color: var(--yesil); }
.alan .anahtar { margin-inline-end: 1rem; margin-top: .3rem; }
input.kopya { width: 100%; font: inherit; font-size: .88rem; padding: .4rem .6rem; border: 1px dashed var(--altin); border-radius: 8px; background: var(--zemin); color: var(--metin); }
.rozet { display: inline-block; font-size: .72rem; font-weight: 700; padding: .1rem .45rem; border-radius: 6px; border: 1px solid var(--cizgi); color: var(--metin-soluk); }
.rozet.var { background: var(--yesil-acik); border-color: var(--yesil); color: var(--yesil-koyu); }
.cubuk { display: inline-block; width: 70px; height: 8px; background: var(--yesil-acik); border-radius: 4px; vertical-align: middle; overflow: hidden; }
.cubuk span { display: block; height: 100%; background: var(--yesil); }
.fark del { color: #b0483e; text-decoration: line-through; }
.fark ins { color: var(--yesil-koyu); text-decoration: none; }
@media (prefers-color-scheme: dark) { .fark ins { color: var(--yesil); } }
.grafik { width: 100%; height: auto; display: block; }
.grafik .izgara { stroke: var(--cizgi); stroke-width: 1; }
.grafik .eksen { fill: var(--metin-soluk); font-size: 11px; }
.grafik .c-sayfa { fill: var(--yesil); }
.grafik .c-dinle { fill: var(--altin); }
.lejant { display: flex; align-items: center; gap: .5rem; font-size: .85rem; margin: .5rem 0 0; }
.lejant-kutu { display: inline-block; width: 14px; height: 14px; border-radius: 3px; }
.lejant-kutu.c-sayfa { background: var(--yesil); }
.lejant-kutu.c-dinle { background: var(--altin); }
.iki-sutun { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: .8rem; }
.sayfa-gecis.kucuk a { font-size: .9rem; }
code.gizli { font-size: 1.05rem; letter-spacing: .08em; }
.arac-cubugu .dugme { margin-inline-start: auto; }

/* Frekans kartı */
.fk-denetim { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin: .4rem 0 .9rem; }
.sekmeler button { font: inherit; background: none; border: none; padding: .3rem .75rem; font-weight: 600; font-size: .84rem; color: var(--metin-soluk); cursor: pointer; }
.sekmeler button.aktif { background: var(--yesil); color: #fff; }
.sekmeler button:disabled { opacity: .4; cursor: default; }
.fk-katmanlar { display: inline-flex; gap: .6rem; }
.fk-sure input[type=range] { width: 120px; accent-color: var(--yesil); vertical-align: middle; }
.fk-sure span { font-variant-numeric: tabular-nums; min-width: 3ch; display: inline-block; }
.fk-denetim .dugme { margin-inline-start: auto; }
.fk-sekil svg { width: 100%; height: auto; display: block; }
.fk-sekil .fk-eksen { stroke: var(--cizgi); }
.fk-sekil .fk-tik { fill: var(--metin-soluk); font-size: 11px; }
.fk-sekil .fk-baslik { fill: var(--metin-soluk); font-size: 11px; font-weight: 600; }
.fk-sekil .fk-harf { font-family: "Amiri Quran", serif; font-size: 15px; fill: var(--metin); }
.c-harf { fill: var(--yesil); background: var(--yesil); }
.c-kelime { fill: var(--altin); background: var(--altin); }
.c-ayet { fill: var(--metin-soluk); background: var(--metin-soluk); }
.fk-tayf { width: 100%; height: auto; display: block; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--zemin); margin-top: .6rem; }
.fk-tablo td.amiri { font-size: 1.3rem; }
.fk-ozet { margin-top: .8rem; }
#fk-oynat .ik-oyn, #fk-oynat .ik-dur { display: inline-flex; }
#fk-oynat .ik-dur { display: none; }
#fk-oynat.caliyor .ik-oyn { display: none; }
#fk-oynat.caliyor .ik-dur { display: inline-flex; }
@media (max-width: 640px) { .fk-denetim .dugme { margin-inline-start: 0; width: 100%; justify-content: center; } }

/* Terkip */
.fk-secim { display: inline-flex; align-items: center; gap: .35rem; font-size: .85rem; color: var(--metin-soluk); }
.fk-secim select { font: inherit; font-size: .84rem; padding: .25rem .4rem; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--zemin); color: var(--metin); }
.fk-secim[hidden] { display: none; }
.terkip-tablo td.amiri { font-size: 1.25rem; white-space: nowrap; max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.terkip-tablo .islem a { margin-inline-end: .5rem; font-size: .85rem; font-weight: 600; }
.terkip-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .7rem; margin: .8rem 0 0; }
.terkip-form .alan { margin: 0; min-width: 110px; }
.terkip-form .alan input { width: 110px; }
.aralik-tablo th, .aralik-tablo td { text-align: center; font-size: .82rem; }
.aralik-tablo td { font-variant-numeric: tabular-nums; line-height: 1.3; }
.aralik-tablo td small { display: block; color: var(--metin-soluk); }
.aralik-tablo th.ref { font-weight: 700; color: var(--metin); }
#fk-terkip-ekle { margin-inline-start: .6rem; }

/* Akış */
.sure-frekans { margin-top: 1.2rem; }
.fk-k input[type=number] { width: 4.2rem; font: inherit; font-size: .85rem; padding: .2rem .4rem; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--zemin); color: var(--metin); }
.fk-alt { font-size: .95rem; margin: 1rem 0 .4rem; color: var(--yesil-koyu); }
@media (prefers-color-scheme: dark) { .fk-alt { color: var(--yesil); } }
#fk-oz { font-variant-numeric: tabular-nums; }
.fk-sekil .c-varyasyon { fill: var(--altin); }
.fk-sekil .fk-devir { fill: var(--metin); font-size: 11px; font-weight: 600; }

/* Frekans kartı — sade yüzey + katlanır bölümler */
.fk-ust { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin: .5rem 0 .6rem; }
.fk-ust .dugme { margin: 0; }
.fk-durum { margin: 0 0 .4rem; font-weight: 600; color: var(--metin); }
.fk-ac { border-top: 1px solid var(--cizgi); margin-top: .6rem; }
.fk-ac summary { cursor: pointer; padding: .55rem 0; font-weight: 600; font-size: .92rem; color: var(--yesil-koyu); list-style: none; }
.fk-ac summary::-webkit-details-marker { display: none; }
.fk-ac summary::before { content: "+"; display: inline-block; width: 1.1rem; font-weight: 700; }
.fk-ac[open] summary::before { content: "−"; }
@media (prefers-color-scheme: dark) { .fk-ac summary { color: var(--yesil); } }
.fk-ac-ic { padding: 0 0 .8rem; }
.fk-satir { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin: 0 0 .6rem; }
.fk-etk { font-size: .82rem; color: var(--metin-soluk); min-width: 7rem; }
.fk-nasil p { font-size: .88rem; color: var(--metin-soluk); margin: 0 0 .5rem; }
@media (max-width: 640px) { .fk-ust .dugme { width: 100%; justify-content: center; } .fk-etk { min-width: 100%; } }

/* Kullanıcı yönetimi */
.form-satir .satir-tam { flex-basis: 100%; }
.form-satir .alan.satir-tam textarea { width: 100%; }
.sil-form { margin-top: 1rem; padding-top: .9rem; border-top: 1px dashed var(--cizgi); align-items: center; }
.dugme.tehlike { background: #b0483e; }
.dugme.tehlike:hover { background: #8e3830; }

/* Kaldığın yer */
.kaldigin-kart { display: flex; align-items: center; gap: .9rem; background: var(--yesil-acik); border: 1px solid var(--yesil);
  border-radius: 12px; padding: .8rem 1.1rem; margin: 0 0 1.1rem; color: var(--metin); }
.kaldigin-kart:hover { color: var(--metin); border-color: var(--yesil-koyu); }
.kaldigin-kart svg { width: 22px; height: 22px; color: var(--yesil); flex-shrink: 0; }
.kaldigin-kart span:first-of-type { display: flex; flex-direction: column; flex: 1; line-height: 1.3; }
.kaldigin-kart small { color: var(--metin-soluk); font-size: .8rem; }
.kaldigin-eylem { font-weight: 600; color: var(--yesil-koyu); font-size: .9rem; }
@media (prefers-color-scheme: dark) { .kaldigin-eylem { color: var(--yesil); } }
@media (max-width: 640px) { .kaldigin-eylem { display: none; } }