@font-face { font-family: 'Montserrat'; font-weight: 400; font-display: swap; src: url(fonts/Montserrat_400Regular.woff2) format('woff2'); }
@font-face { font-family: 'Montserrat'; font-weight: 500; font-display: swap; src: url(fonts/Montserrat_500Medium.woff2) format('woff2'); }
@font-face { font-family: 'Montserrat'; font-weight: 600 700; font-display: swap; src: url(fonts/Montserrat_600SemiBold.woff2) format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-weight: 500; font-display: swap; src: url(fonts/PlayfairDisplay_500Medium.woff2) format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 500 700; font-display: swap; src: url(fonts/PlayfairDisplay_500Medium_Italic.woff2) format('woff2'); }
:root {
  --gece: #13152B;
  --murekkep: #1D1F3B;
  --cizgi: #2E3056;
  --krem: #F3E6DC;
  --sis: #A19DB8;
  --gul: #E8A0A8;
  --gul-koyu: #C9727F;
  --yosun: #9CCBA8;
  --kiremit: #E58B78;
  --amber: #E6C27A;
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Montserrat', system-ui, sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--gece); color: var(--krem); font: 400 15px/1.6 var(--sans); }
a { color: inherit; }
h1, h2 { margin: 0; font-weight: 600; }
h1 { font-size: 26px; line-height: 1.25; }
h2 { font-size: 16px; line-height: 1.4; margin: 28px 0 12px; }
:focus-visible { outline: 2px solid var(--gul); outline-offset: 3px; border-radius: 6px; }
code { font-size: .9em; color: var(--gul); }

/* iskelet */
.kabuk { display: grid; grid-template-columns: 232px 1fr; min-height: 100vh; }
.yan { border-right: 1px solid var(--cizgi); padding: 24px 18px; display: flex; flex-direction: column; gap: 28px; position: sticky; top: 0; height: 100vh; }
.marka { display: flex; align-items: center; gap: 10px; text-decoration: none; font: italic 500 17px/1.2 var(--serif); }
.yan nav { display: flex; flex-direction: column; gap: 2px; }
.yan nav a { text-decoration: none; color: var(--sis); padding: 9px 12px; border-radius: 10px; font-weight: 500; }
.yan nav a:hover { color: var(--krem); background: var(--murekkep); }
.yan nav a[aria-current] { color: var(--krem); background: var(--murekkep); box-shadow: inset 3px 0 0 var(--gul); }
.cikis { margin-top: auto; }
.ana { padding: 32px 40px 64px; max-width: 1280px; width: 100%; }

/* metin */
.silik { color: var(--sis); }
.kucuk { color: var(--sis); font-size: 13px; }
.genis-metin { max-width: 70ch; }
.hikaye-basligi { font: italic 500 34px/1.2 var(--serif); letter-spacing: -.01em; margin: 6px 0 12px; max-width: 22ch; }

/* düğmeler */
.dugme { appearance: none; border: 1px solid var(--cizgi); background: var(--murekkep); color: var(--krem); font: 600 14px/1 var(--sans);
  padding: 12px 18px; border-radius: 12px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.dugme:hover:not(:disabled) { border-color: var(--sis); }
.dugme:disabled { opacity: .45; cursor: not-allowed; }
.ana-dugme { background: var(--gul); border-color: var(--gul); color: #2A1620; }
.ana-dugme:hover:not(:disabled) { background: #F0B3B9; border-color: #F0B3B9; }
.tehlike { color: var(--kiremit); }
.metin-dugme { background: none; border: 0; padding: 0; color: var(--gul); font: 600 14px var(--sans); cursor: pointer; text-decoration: none; }
.metin-dugme:hover { text-decoration: underline; text-underline-offset: 3px; }

/* bildirim */
.bildirim { padding: 12px 16px; border-radius: 12px; margin-bottom: 20px; background: var(--murekkep); border: 1px solid var(--cizgi); }
.bildirim.tamam { border-color: color-mix(in srgb, var(--yosun) 45%, transparent); color: var(--yosun); }
.bildirim.uyari { border-color: color-mix(in srgb, var(--amber) 45%, transparent); color: var(--amber); }
.bildirim.hata { border-color: color-mix(in srgb, var(--kiremit) 45%, transparent); color: var(--kiremit); }

/* telefon çerçevesi: panelin imza öğesi */
.telefon { position: relative; display: block; aspect-ratio: 9 / 16; width: 100%; border-radius: 18px; overflow: hidden;
  background: #0A0B18; border: 5px solid #0A0B18; box-shadow: 0 0 0 1px var(--cizgi); }
.telefon img, .telefon video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 13px; }
.telefon.buyuk { width: 260px; flex-shrink: 0; border-radius: 28px; border-width: 8px; box-shadow: 0 0 0 1px var(--cizgi), 0 30px 60px -30px rgba(232, 160, 168, .35); }
.telefon.buyuk img, .telefon.buyuk video { border-radius: 20px; }
.telefon.bos { display: grid; place-items: center; color: var(--sis); font-size: 14px; background: var(--murekkep); }
.oynatici { background: #000; }
.bos-ic { position: absolute; inset: 0; display: grid; place-items: center; color: var(--sis); font-size: 13px; background: var(--murekkep); }

/* durum etiketi */
.durum { position: absolute; left: 8px; top: 8px; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 99px;
  background: rgba(19, 21, 43, .85); color: var(--sis); backdrop-filter: blur(6px); }
.durum.satir-ici { position: static; display: inline-block; background: var(--murekkep); }
.d-planlandi { color: var(--gul); }
.d-yayinda { color: var(--yosun); }
.d-basarisiz { color: var(--kiremit); }
.d-hazir, .d-yukleniyor { color: var(--amber); }

/* akış: sahne */
.sahne { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, 1fr); gap: 40px; align-items: start; }
.sahne-sol { display: flex; gap: 32px; align-items: center; }
.sahne-metin { min-width: 0; }
.zaman-satiri { color: var(--gul); font-weight: 600; margin: 0; }
.sahne-metin .kucuk { margin: 16px 0 18px; }

.uretim { background: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 20px; padding: 22px; }
.uretim h2 { margin-top: 0; }
.hat { list-style: none; counter-reset: a; margin: 0 0 14px; padding: 0; }
.hat li { counter-increment: a; display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; padding: 8px 0; position: relative; color: var(--sis); }
.hat li::before { content: counter(a); grid-row: span 2; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--cizgi);
  display: grid; place-items: center; font-size: 12px; font-weight: 600; }
.hat li:not(:last-child)::after { content: ''; position: absolute; left: 13px; top: 36px; bottom: -6px; width: 1px; background: var(--cizgi); }
.hat-ad { font-weight: 600; color: var(--krem); }
.hat-is { font-size: 13px; }
.hat li.bitti::before { content: '✓'; background: color-mix(in srgb, var(--yosun) 18%, transparent); border-color: transparent; color: var(--yosun); }
.hat li.aktif::before { background: var(--gul); border-color: var(--gul); color: #2A1620; animation: nabiz 1.6s ease-in-out infinite; }
.hat li.aktif .hat-is { color: var(--gul); }
@keyframes nabiz { 50% { box-shadow: 0 0 0 7px rgba(232, 160, 168, .18); } }
@media (prefers-reduced-motion: reduce) { .hat li.aktif::before { animation: none; } }
.canli-mesaj { font-size: 13px; color: var(--sis); min-height: 2.6em; margin: 0 0 14px; border-top: 1px solid var(--cizgi); padding-top: 12px; }
.uret-form { display: flex; flex-wrap: wrap; gap: 10px; }
.uret-form .dugme { flex: 1 1 180px; }

.olcu { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 16px 0 0; }
.olcu div { background: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 14px; padding: 10px 12px; }
.olcu dt { font-size: 12px; color: var(--sis); }
.olcu dd { margin: 0; font-size: 22px; font-weight: 600; }
.olcu .kotu dd { color: var(--kiremit); }
.kredi { margin-top: 16px; }
.kredi-ust { display: flex; justify-content: space-between; font-size: 13px; color: var(--sis); margin-bottom: 6px; }
.kredi-ust span:last-child { color: var(--krem); font-weight: 600; }
.cubuk { height: 6px; border-radius: 6px; background: var(--cizgi); overflow: hidden; }
.cubuk i { display: block; height: 100%; background: var(--gul); border-radius: 6px; }
.kredi .kucuk { margin: 6px 0 0; }

/* şerit ve ızgara */
.serit-bolum { margin-top: 48px; }
.bolum-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.bolum-ust h2 { margin: 0 0 14px; }
.serit { display: grid; grid-auto-flow: column; grid-auto-columns: 150px; gap: 18px; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; }
.serit .poster { scroll-snap-align: start; }
.izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 26px 20px; margin-top: 8px; }
.poster { text-decoration: none; display: flex; flex-direction: column; gap: 8px; }
.poster:hover .telefon { box-shadow: 0 0 0 1px var(--gul); }
.poster-baslik { font: italic 500 15px/1.3 var(--serif); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.poster-alt { font-size: 12px; color: var(--sis); margin-top: -4px; }

/* sayfa başı ve sekmeler */
.sayfa-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.sekmeler { display: flex; gap: 4px; background: var(--murekkep); border: 1px solid var(--cizgi); padding: 4px; border-radius: 12px; flex-wrap: wrap; }
.sekmeler a { text-decoration: none; color: var(--sis); padding: 7px 12px; border-radius: 9px; font-size: 14px; font-weight: 500; }
.sekmeler a[aria-current] { background: var(--gece); color: var(--krem); }

/* video detay */
.geri { display: inline-block; margin-bottom: 18px; }
.geri::before { content: '‹ '; }
.detay { display: grid; grid-template-columns: auto 1fr; gap: 44px; align-items: start; }
.detay-sol { position: sticky; top: 24px; }
.detay-sag { max-width: 68ch; }
.eylemler { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 6px; }
.eylemler form { margin: 0; }
.mektup { font: 400 18px/1.75 var(--serif); background: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 18px; padding: 24px 28px; }
.mektup p { margin: 0 0 .7em; }
.mektup .kart-sorusu { font-style: italic; color: var(--gul); font-size: 20px; }
.etiketler { display: flex; flex-wrap: wrap; gap: 6px; }
.etiketler span { font-size: 12px; color: var(--sis); border: 1px solid var(--cizgi); padding: 3px 9px; border-radius: 99px; }
.kayit-kutu { margin-top: 28px; }
.kayit-kutu summary { cursor: pointer; color: var(--gul); font-weight: 600; }

/* kayıtlar */
.kayit-liste { list-style: none; margin: 12px 0 0; padding: 0; font-size: 13px; }
.kayit-liste li { display: grid; grid-template-columns: 44px 84px 1fr; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--cizgi); }
.kayit-liste time { color: var(--sis); font-variant-numeric: tabular-nums; }
.kayit-liste b { font-weight: 600; }
.kayit-liste span { overflow-wrap: anywhere; }
.kayit-liste li.kotu span { color: var(--kiremit); }
.a-yazar { color: #C9B6F2; } .a-kontrolcu { color: var(--amber); } .a-ses { color: #8EC9E8; }
.a-tasarimci { color: var(--gul); } .a-montaj { color: var(--yosun); } .a-yayinci { color: #F0D0A0; } .a-orkestra { color: var(--sis); }

/* formlar */
.form-dar { max-width: 560px; }
.alan { margin-bottom: 20px; }
.alan label, .giris-kart label { display: block; font-weight: 600; margin-bottom: 6px; }
input[type=text], input[type=number], input[type=time], input[type=password], textarea {
  width: 100%; background: var(--murekkep); color: var(--krem); border: 1px solid var(--cizgi); border-radius: 12px; padding: 11px 13px; font: 15px var(--sans); }
input:focus, textarea:focus { border-color: var(--gul); outline: none; box-shadow: 0 0 0 3px rgba(232, 160, 168, .2); }
.ipucu { font-size: 13px; color: var(--sis); margin: 6px 0 0; }
.talimat { min-height: 60vh; font: 14px/1.65 var(--sans); margin: 16px 0; resize: vertical; }

/* arşiv */
.blok { margin-bottom: 36px; }
.klasorler { list-style: none; padding: 0; margin: 0 0 10px; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.klasorler li { background: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 16px; padding: 14px 16px; display: grid; gap: 2px; }
.klasorler li.aktif { border-color: color-mix(in srgb, var(--gul) 55%, transparent); }
.klasorler em { font-style: normal; font-size: 12px; color: var(--sis); }
.klasorler li.aktif em { color: var(--gul); }
.muzikler { list-style: none; padding: 0; margin: 0 0 16px; }
.muzikler li { display: flex; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
.muzik-ad { flex: 1; overflow-wrap: anywhere; }
.muzikler form { margin: 0; }
.yukle-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.dosya-sec { position: relative; display: inline-flex; border: 1px dashed var(--cizgi); border-radius: 12px; padding: 11px 16px; color: var(--sis); cursor: pointer; }
.dosya-sec input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.dosya-sec:focus-within { outline: 2px solid var(--gul); outline-offset: 3px; }

/* giriş */
.giris-sayfa { min-height: 100vh; display: grid; place-items: center; padding: 16px;
  background: radial-gradient(60% 50% at 50% 60%, rgba(232, 160, 168, .1), transparent), var(--gece); }
.giris-kart { width: min(380px, 100%); background: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 24px; padding: 32px; text-align: center; }
.giris-kart h1 { font: italic 500 26px/1.2 var(--serif); margin: 14px 0 4px; }
.giris-kart p { color: var(--sis); margin: 0 0 22px; }
.giris-kart label { text-align: left; }
.giris-kart .dugme { width: 100%; margin-top: 16px; }
.hata-metin { color: var(--kiremit) !important; margin: 10px 0 0 !important; text-align: left; font-size: 14px; }

/* mobil */
@media (max-width: 960px) {
  .sahne { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .kabuk { grid-template-columns: 1fr; }
  .yan { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 16px; border-right: 0; border-bottom: 1px solid var(--cizgi); }
  .yan nav { flex-direction: row; overflow-x: auto; width: 100%; order: 3; }
  .yan nav a { white-space: nowrap; padding: 7px 10px; }
  .yan nav a[aria-current] { box-shadow: inset 0 -2px 0 var(--gul); }
  .cikis { margin: 0 0 0 auto; }
  .ana { padding: 20px 16px 48px; }
  .sahne-sol { flex-direction: column; align-items: flex-start; }
  .telefon.buyuk { width: min(240px, 70vw); }
  .hikaye-basligi { font-size: 27px; }
  .detay { grid-template-columns: 1fr; gap: 24px; }
  .detay-sol { position: static; }
  .olcu { grid-template-columns: repeat(2, 1fr); }
  .mektup { padding: 18px; font-size: 17px; }
  .kayit-liste li { grid-template-columns: 40px 1fr; }
  .kayit-liste li span { grid-column: 1 / -1; }
}

/* ---- çok kanal ---- */
select { width: 100%; background: var(--murekkep); color: var(--krem); border: 1px solid var(--cizgi); border-radius: 12px;
  padding: 10px 12px; font: 500 15px var(--sans); }
select:focus { border-color: var(--gul); outline: none; box-shadow: 0 0 0 3px rgba(232, 160, 168, .2); }
.kanal-bolum { border-top: 1px solid var(--cizgi); padding-top: 18px; display: flex; flex-direction: column; gap: 10px; }
.kanal-secici label { display: block; font-size: 12px; color: var(--sis); margin: 0 0 6px 4px; }
.secici-kutu { position: relative; display: flex; align-items: center; }
.secici-kutu img { position: absolute; left: 9px; border-radius: 7px; pointer-events: none; }
.secici-kutu select { padding-left: 44px; font-weight: 600; }

.akis { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 36px; align-items: start; }
.vitrin h1 { margin-bottom: 18px; }
.vitrin-serit { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 18px; }
.vitrin-kart { display: flex; gap: 18px; align-items: center; background: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 22px; padding: 14px; }
.vitrin-kart.kapali { opacity: .55; }
.telefon.orta { width: 128px; flex-shrink: 0; border-radius: 20px; border-width: 5px; }
.telefon.orta img { border-radius: 15px; }
.telefon.orta.bos span { font-size: 12px; text-align: center; padding: 0 10px; }
.vitrin-metin { min-width: 0; }
.vitrin-kanal { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-weight: 600; font-size: 14px; flex-wrap: wrap; }
.vitrin-kanal img { border-radius: 6px; }
.kucuk-baslik { font-size: 22px; margin: 4px 0 8px; }
.kucuk-baslik a { text-decoration: none; }
.kucuk-baslik a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.bos-durum { background: var(--murekkep); border: 1px dashed var(--cizgi); border-radius: 22px; padding: 32px; display: grid; gap: 12px; justify-items: start; }
.bos-durum p { margin: 0; font: italic 500 22px var(--serif); }
.uret-form { flex-direction: column; }
.uret-form label { font-size: 13px; color: var(--sis); }
.uret-dugmeler { display: flex; gap: 10px; flex-wrap: wrap; }
.uret-dugmeler .dugme { flex: 1 1 140px; }
.filtreler { display: flex; flex-wrap: wrap; gap: 10px; }

.kanal-listesi { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 18px; }
.kanal-kart { background: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 22px; padding: 20px; scroll-margin-top: 24px; }
.kanal-kart:target { border-color: var(--gul); }
.kanal-kart.kapali .kanal-kafa, .kanal-kart.kapali .kanal-nis { opacity: .6; }
.kanal-kafa { display: flex; gap: 14px; align-items: center; }
.kanal-kafa h2 { margin: 0; font: italic 500 22px/1.2 var(--serif); }
.kanal-kafa p { margin: 2px 0 0; }
.kanal-logo { border-radius: 14px; }
.sag { margin-left: auto; }
.kanal-nis { font-size: 14px; margin: 14px 0 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.anahtar { display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; color: var(--sis); font: 600 13px var(--sans); cursor: pointer; padding: 4px; }
.anahtar span { width: 36px; height: 20px; border-radius: 20px; background: var(--cizgi); position: relative; transition: background .2s; }
.anahtar span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: var(--sis); transition: transform .2s; }
.anahtar[aria-checked=true] { color: var(--yosun); }
.anahtar[aria-checked=true] span { background: color-mix(in srgb, var(--yosun) 40%, transparent); }
.anahtar[aria-checked=true] span::after { transform: translateX(16px); background: var(--yosun); }
@media (prefers-reduced-motion: reduce) { .anahtar span, .anahtar span::after { transition: none; } }
.hazirlik { list-style: none; padding: 0; margin: 16px 0 4px; display: grid; gap: 6px; font-size: 14px; }
.hazirlik li { display: flex; gap: 10px; align-items: baseline; }
.hazirlik li::before { content: ''; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; transform: translateY(-1px); }
.hazirlik li.tamam::before { background: var(--yosun); }
.hazirlik li.eksik { color: var(--amber); }
.hazirlik li.eksik::before { background: var(--amber); }
.hazirlik b { font-weight: 600; }
.kucuk-dosya { padding: 11px 14px; font-weight: 600; font-size: 14px; color: var(--krem); border-style: solid; }
.logo-form { margin: 0; }

.yeni-kanal { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--cizgi); scroll-margin-top: 24px; }
.yeni-kanal h2 { margin-top: 0; font-size: 20px; }
.alan-cift { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
fieldset.alan { border: 0; padding: 0; margin: 0 0 20px; }
fieldset.alan legend { font-weight: 600; margin-bottom: 8px; padding: 0; }
.kutucuklar { display: flex; flex-wrap: wrap; gap: 8px; }
.kutucuklar label { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 8px 12px; cursor: pointer; font-weight: 500; }
.kutucuklar input { accent-color: var(--gul); }
textarea { resize: vertical; line-height: 1.55; }
.ayrac { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--cizgi); }
.kayit-kanal { font-style: normal; color: var(--sis); margin-right: 8px; }
.kayit-kanal::after { content: ':'; }

@media (max-width: 1100px) { .akis { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .kanal-bolum { width: 100%; order: 4; border-top: 0; padding-top: 0; flex-direction: row; flex-wrap: wrap; align-items: end; }
  .kanal-secici { flex: 1 1 100%; }
  .vitrin-serit, .kanal-listesi { grid-template-columns: 1fr; }
  .telefon.orta { width: 104px; }
  .alan-cift { grid-template-columns: 1fr; gap: 0; }
}
.uret-form { flex-wrap: nowrap; }
.uret-form > * { flex: 0 0 auto; }
.uret-form .uret-dugmeler .dugme { flex: 1 1 140px; }
.vitrin-serit { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); }
.kucuk-baslik { font-size: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ---- TikTok ---- */
.tt-bolum { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--cizgi); }
.tt-ust { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tt-ust h2, .tt-ust h3 { margin: 0; font-size: 16px; }
.rozet { font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 99px; border: 1px solid var(--cizgi); color: var(--krem); }
.rozet.silik { color: var(--sis); }
.tt-ayar { margin-top: 12px; }
.tt-ayar summary { cursor: pointer; color: var(--gul); font-weight: 600; margin-bottom: 14px; }
.tt-bolum textarea[readonly] { margin: 6px 0 10px; color: var(--sis); }
.t-yayinda, .t-taslakta { color: var(--yosun); }
.t-basarisiz { color: var(--kiremit); }
.t-bekliyor, .t-onay_bekliyor, .t-gonderiliyor, .t-isleniyor { color: var(--amber); }
.t-atlandi { color: var(--sis); }
.tt-rozet { font-size: 11px; font-weight: 600; margin-bottom: -4px; }
.olcu-baslik { margin: 20px 0 0; font-size: 14px; color: var(--sis); }
.olcu dt a { color: inherit; }
.onay-liste { display: grid; gap: 22px; }
.onay-kart { display: grid; grid-template-columns: 200px 1fr; gap: 24px; background: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 22px; padding: 18px; scroll-margin-top: 24px; }
.onay-kart:target { border-color: var(--gul); }
.onay-kart .telefon { width: 200px; }
.hesap { display: flex; align-items: center; gap: 10px; font-weight: 600; margin: 0 0 12px; }
.hesap img { border-radius: 50%; }
.onay-not { font-size: 13px; color: var(--sis); }
.onay-not a { color: var(--gul); }
.alt-baglantilar { margin: 18px 0 0 !important; font-size: 13px; }
.alt-baglantilar a { color: var(--sis); }
.acik-sayfa { max-width: 72ch; margin: 0 auto; padding: 40px 20px 64px; }
.acik-sayfa h1 { font: italic 500 30px/1.2 var(--serif); margin: 12px 0 8px; }
.acik-sayfa h2 { margin-top: 32px; }
.acik-sayfa section + section { margin-top: 40px; padding-top: 8px; border-top: 1px solid var(--cizgi); }
.acik-ust { display: flex; align-items: center; gap: 10px; text-decoration: none; font: italic 500 17px var(--serif); }
@media (max-width: 760px) { .onay-kart { grid-template-columns: 1fr; } .onay-kart .telefon { width: min(220px, 70vw); } }

/* bağlantılar */
.adimlar { padding-left: 20px; margin: 0 0 18px; display: grid; gap: 8px; font-size: 14px; }
.adimlar a { color: var(--gul); }
.kopya-satir { display: flex; gap: 8px; margin: 8px 0 4px; }
.kopya-satir input { flex: 1; min-width: 0; font-size: 13px; }
.sil-sec { display: flex !important; align-items: center; gap: 8px; font-weight: 400 !important; font-size: 13px; color: var(--sis); margin-top: 8px; }
.uyari-metin { color: var(--amber); }
.dugme:disabled { opacity: .45; cursor: not-allowed; }
.giris-kart input { margin-bottom: 14px; }
.giris-kart .ipucu { text-align: left; margin: -8px 0 16px; }