/* ==========================================================================
   Görünümler (gorunum/*.js) — ekrana özel düzenler
   ========================================================================== */

/* ---------------- ortak ---------------- */
.arac-cubugu { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 16px; }
.arac-cubugu .arama { flex: 1 1 240px; max-width: 420px; }
.arac-cubugu .it-sag { margin-left: auto; }
.arac-cubugu .satir { flex-wrap: wrap; }   /* dar ekranda düğme grubu sarsın; düğme metni üç noktayla kesilmesin */
.bolum-baslik { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 28px 0 12px; }
.bolum-baslik h2 { font-size: 15px; font-weight: 650; }
.kart-liste { display: flex; flex-direction: column; }
.sayi-buyuk { font-size: 30px; font-weight: 650; letter-spacing: -.02em; line-height: 1.1; }

/* ==========================================================================
   Genel Bakış
   ========================================================================== */
.gb-izgara { display: grid; gap: 20px; }
.gb-ust { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); gap: 20px; }
.gb-grafikler { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr); gap: 20px; }
.gb-listeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.gb-ust > *, .gb-grafikler > *, .gb-listeler > * { min-width: 0; }
.gb-brifing-yer, .gb-nabiz-yer { display: flex; }
.gb-brifing-yer > *, .gb-nabiz-yer > * { flex: 1; }
.gb-listeler > .gb-kaynak { grid-column: 1 / -1; }
@container icerik (max-width: 1120px) {
  .gb-listeler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gb-listeler > .gb-kaynak { grid-column: auto; }
}
@container icerik (max-width: 840px) {
  .gb-ust, .gb-grafikler, .gb-listeler { grid-template-columns: minmax(0, 1fr); }
}

/* brifing */
.brifing {
  position: relative;
  overflow: hidden;
  padding: 22px 24px 18px;
  background: linear-gradient(180deg, var(--champagne-soft) 0%, var(--surface) 78%);
  border-color: color-mix(in srgb, var(--champagne) 35%, var(--border));
}
.brifing::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 2px;
  background: linear-gradient(90deg, var(--champagne), color-mix(in srgb, var(--champagne) 0%, transparent));
}
.brifing-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.brifing-baslik { font-family: var(--font-serif); font-size: 24px; font-weight: 650; line-height: 1.1; }
.brifing-tarih { font-size: 11.5px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; color: var(--champagne-text); white-space: nowrap; }
.brifing-liste { display: flex; flex-direction: column; gap: 9px; }
.brifing-liste li { position: relative; padding-left: 20px; font-size: 15px; line-height: 1.55; text-wrap: pretty; }
.brifing-liste li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: .6em;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  background: var(--champagne);
}
.brifing-liste strong { color: var(--accent); font-weight: 680; }
.brifing-eylemler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.brifing-eylemler:empty { display: none; }

/* canlı nabız */
.nabiz { padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.nabiz-bas { display: flex; align-items: center; gap: 8px; }
.nabiz-nokta { position: relative; width: 9px; height: 9px; border-radius: 50%; background: var(--border-guclu); flex: none; }
.nabiz-nokta[data-etkin] { background: var(--success); }
.nabiz-nokta[data-etkin]::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  border: 2px solid var(--success);
  animation: nabiz-dalga 1.9s ease-out infinite;
}
@keyframes nabiz-dalga { from { transform: scale(.5); opacity: .9; } to { transform: scale(1.7); opacity: 0; } }
.nabiz-sure { margin-left: auto; font-size: 12px; color: var(--text-3); }
.nabiz-ana { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.nabiz-sayi { font-size: 48px; font-weight: 650; line-height: 1; letter-spacing: -.03em; }
.nabiz-etiket { color: var(--text-2); }
.nabiz-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; }
.nabiz-alt div { padding: 10px 12px; border-radius: 10px; background: var(--surface-2); }
.nabiz-alt dt { font-size: 12px; color: var(--text-3); }
.nabiz-alt dd { margin: 2px 0 0; font-size: 19px; font-weight: 650; }
.nabiz > .dugme { align-self: flex-start; margin-top: auto; }

/* göstergeler */
.kpi-kart { overflow: hidden; }
.kpi-serit { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1px; background: var(--border); }
.kpi-serit > div { background: var(--surface); min-width: 0; }
.kpi { display: flex; flex-direction: column; gap: 4px; min-width: 0; height: 100%; padding: 18px 20px 14px; }
.kpi-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 22px; }
.kpi-ad { font-size: 12.5px; font-weight: 560; color: var(--text-2); }
.kpi-degisim {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 21px;
  padding: 0 7px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 680;
  font-variant-numeric: tabular-nums;
  background: var(--surface-2);
  color: var(--text-2);
}
.kpi-degisim[data-iyi="iyi"] { color: var(--success); background: var(--success-soft); }
.kpi-degisim[data-iyi="kotu"] { color: var(--danger); background: var(--danger-soft); }
.kpi-degisim span { font-size: 9px; }
.kpi-deger { font-size: 34px; font-weight: 650; line-height: 1.1; letter-spacing: -.025em; color: var(--text); }
.kpi-alt { font-size: 12.5px; color: var(--text-3); }
.kpi-kivilcim { margin-top: 8px; }
.kpi-ikincil {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 26px;
  padding: 12px 20px;
  border-top: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface-2) 38%, var(--surface));
  font-size: 13px;
  color: var(--text-2);
}
.kpi-ikincil li { display: flex; align-items: center; gap: 7px; }
.kpi-ikincil .ikon { color: var(--text-3); }
.kpi-ikincil strong { color: var(--text); font-weight: 650; }

/* cevapsız sorular */
.gb-bosluklar { display: flex; flex-direction: column; }
.gb-bosluk { padding: 10px 0; border-bottom: 1px solid var(--border); }
.gb-bosluk:first-child { padding-top: 2px; }
.gb-bosluk:last-child { border-bottom: 0; }
.gb-bosluk-satir { display: flex; align-items: center; gap: 10px; min-height: 30px; }
.gb-bosluk-soru { flex: 1; min-width: 0; font-size: 13.5px; }
.gb-bosluk-sayi { font-size: 12px; font-weight: 680; color: var(--champagne-text); font-variant-numeric: tabular-nums; }
.gb-cevap { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; animation: acilir-gir var(--t-orta) var(--egri); }
.gb-cevap-eylem { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.gb-bosluk-tamam { display: flex; align-items: center; gap: 8px; color: var(--success); font-size: 13px; font-weight: 580; }
.gb-bosluk[data-cozuldu] { animation: soluklas 2.6s var(--egri) forwards; }
@keyframes soluklas { 70% { opacity: 1; } to { opacity: 0; } }

/* son adaylar */
.gb-adaylar { display: flex; flex-direction: column; }
.gb-aday { display: flex; align-items: center; gap: 12px; padding: 8px; margin: 0 -8px; border-radius: 10px; color: var(--text); text-decoration: none; }
.gb-aday:hover { background: var(--accent-ince); color: var(--text); }
.gb-aday:focus-visible { outline-offset: -2px; }
.gb-aday-metin { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.35; }
.gb-aday-metin strong { font-size: 13.5px; font-weight: 600; }
.gb-aday-metin small { font-size: 12px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gb-aday-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 12px; color: var(--text-3); flex: none; }

.asama-rozet {
  --asama: var(--text-3);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--asama) 11%, var(--surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--asama) 28%, transparent);
  color: var(--text);
  font-size: 12px;
  font-weight: 560;
  white-space: nowrap;
}
.asama-rozet::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--asama); flex: none; }

/* kaynaklar */
.gb-kaynak-ad { display: inline-flex; align-items: center; gap: 8px; }
.gb-kaynak-ad .ikon { color: var(--text-3); }
.gb-donusum { width: 34%; }
.gb-donusum-hucre { display: grid; grid-template-columns: minmax(60px, 1fr) 52px; align-items: center; gap: 10px; text-align: right; }

/* ==========================================================================
   Konuşmalar — gelen kutusu
   ========================================================================== */
.gk {
  container: gk / inline-size;
  display: flex;
  flex-direction: column;
  height: calc(100dvh - var(--ust-yukseklik));
  min-height: 520px;
}
@media (max-width: 759px) {
  .gk { height: calc(100dvh - var(--ust-yukseklik) - var(--alt-gezinme) - env(safe-area-inset-bottom)); min-height: 420px; }
}

/* canlı şerit */
.gk-serit {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  padding: 0 16px 0 20px;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 72%, var(--bg));
  overflow: hidden;
  flex: none;
}
.gk-serit:empty { display: none; }
.gk-serit-baslik { display: flex; align-items: center; gap: 8px; flex: none; font-size: 12.5px; font-weight: 620; color: var(--text-2); white-space: nowrap; }
.gk-serit-liste {
  display: flex;
  gap: 8px;
  min-width: 0;
  padding: 7px 0;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
  mask-image: linear-gradient(90deg, #000 88%, transparent);
}
.gk-serit-liste::-webkit-scrollbar { display: none; }
.gk-serit-oge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border-radius: var(--r-tam);
  background: var(--surface);
  box-shadow: inset 0 0 0 1px var(--border);
  color: var(--text-2);
  font-size: 12px;
  white-space: nowrap;
  text-decoration: none;
  transition: box-shadow var(--t-hizli);
}
a.gk-serit-oge:hover { box-shadow: inset 0 0 0 1px var(--accent); color: var(--text); }
.gk-serit-oge[data-pasif] { filter: grayscale(1); }   /* soluk durum: saydamlık yerine gri ton — metin kontrastı AA altına düşmesin (durum ayrıca metin/anahtarla verilir) */
.gk-serit-sayfa { max-width: 200px; overflow: hidden; text-overflow: ellipsis; font-family: var(--font-mono); font-size: 11.5px; color: var(--text); }
.gk-serit-sure { color: var(--text-3); }
.gk-serit .rozet { height: 18px; padding: 0 6px; font-size: 11px; }

/* bölmeler */
.gk-govde { flex: 1; min-height: 0; display: grid; grid-template-columns: 214px minmax(300px, 360px) minmax(0, 1fr) 300px; }
.gk-filtre {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 16px 12px;
  overflow-y: auto;
  border-right: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface-2) 32%, var(--bg));
}
.gk-filtre-grup { display: flex; flex-direction: column; gap: 2px; }
.gk-filtre-grup .kucuk-baslik { padding: 0 10px 6px; font-size: 11px; }
.gk-filtre-oge {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--text-2);
  font-weight: 520;
  text-align: left;
  transition: background-color var(--t-hizli), color var(--t-hizli);
}
.gk-filtre-oge:hover { background: var(--surface-2); color: var(--text); }
.gk-filtre-oge[aria-pressed="true"] { background: var(--surface); color: var(--text); font-weight: 620; box-shadow: inset 0 0 0 1px var(--border), 0 1px 0 var(--border); }
.gk-filtre-oge[aria-pressed="true"] .ikon { color: var(--accent); }
.gk-filtre-tik { margin-left: auto; color: var(--accent); }
.gk-etiketler { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 6px; }
.gk-etiketler .cip { min-height: 26px; padding: 2px 10px; font-size: 12px; }
.gk-filtre-alt { margin-top: auto; display: flex; flex-direction: column; gap: 6px; }

.gk-liste { display: flex; flex-direction: column; min-height: 0; min-width: 0; border-right: 1px solid var(--border); background: var(--surface); }
.gk-liste-bas { display: flex; flex-direction: column; gap: 10px; padding: 14px 14px 12px; border-bottom: 1px solid var(--border); }
.gk-liste-ust { display: flex; align-items: center; gap: 8px; }
.gk-baslik.sayfa-baslik { font-size: 26px; }
.gk-sayac { margin-right: auto; font-size: 12.5px; color: var(--text-3); }
.gk-filtre-dugme { display: none; }
.gk-liste-ogeler { flex: 1; overflow-y: auto; overscroll-behavior: contain; transition: opacity var(--t-orta); }
.gk-liste-ogeler[data-yukleniyor] { opacity: .55; }
.gk-oge {
  position: relative;
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
  color: var(--text);
  text-decoration: none;
  transition: background-color var(--t-hizli);
}
.gk-oge:hover { background: var(--accent-ince); color: var(--text); }
.gk-oge[aria-current="true"] { background: var(--accent-soft); }
.gk-oge[aria-current="true"]::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: var(--accent); }
.gk-oge:focus-visible { outline-offset: -3px; }
.gk-oge-avatar { position: relative; flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--surface-2); color: var(--text-3); }
.gk-oge-avatar[data-durum="acik"]::after, .gk-oge-avatar[data-durum="devredildi"]::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--success);
  box-shadow: 0 0 0 2px var(--surface);
}
.gk-oge-avatar[data-durum="devredildi"]::after { background: var(--champagne); }
.gk-oge-govde { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.gk-oge-ust { display: flex; align-items: baseline; gap: 8px; }
.gk-oge-konu { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 620; }
.gk-oge-zaman { flex: none; font-size: 11.5px; color: var(--text-3); white-space: nowrap; }
.gk-oge-onizleme { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.45; color: var(--text-2); }
.gk-oge-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 3px; }
.gk-oge-alt .rozet { height: 20px; padding: 0 6px; font-size: 11px; }
.gk-etiket { font-size: 11.5px; font-weight: 580; color: var(--accent); }
.gk-oge-kaynak { margin-left: auto; font-size: 11px; color: var(--text-3); white-space: nowrap; }
.gk-liste-alt { padding: 10px 14px; border-top: 1px solid var(--border); }
.gk-liste-alt:empty { display: none; }
.gk-liste-son { margin: 0; text-align: center; font-size: 12px; color: var(--text-3); }

/* konuşma */
.gk-konusma { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--bg); }
.gk-konusma-bos { flex: 1; display: grid; place-items: center; padding: 24px; }
.gk-konusma-yukleniyor { padding: 24px; }
.gk-konusma-bas { display: flex; flex-direction: column; gap: 12px; padding: 14px 20px 12px; border-bottom: 1px solid var(--border); background: var(--surface); }
.gk-konusma-bas-ust { display: flex; align-items: flex-start; gap: 10px; }
.gk-geri { display: none; margin-left: -6px; }
.gk-konusma-baslik-kap { flex: 1; min-width: 0; }
.gk-konusma-baslik { font-family: var(--font-serif); font-weight: 650; font-size: 25px; line-height: 1.15; }
.gk-konusma-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 6px 0 0; font-size: 12.5px; color: var(--text-3); }
.gk-konusma-meta span { display: inline-flex; align-items: center; gap: 5px; }
.gk-konusma-eylem { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.gk-kart-dugme { display: none; }
.gk-ozet {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 11px;
  background: var(--champagne-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--champagne) 32%, transparent);
}
.gk-ozet-ikon { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 9px; background: var(--surface); color: var(--champagne-text); }
.gk-ozet-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.gk-ozet p { margin: 4px 0 0; font-size: 13.5px; }
.gk-ozet-puan { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; }

.gk-transkript-cerceve { position: relative; flex: 1; min-height: 0; display: flex; }
.gk-transkript-kap { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 12px 24px 24px; }
.gk-transkript { max-width: 840px; margin: 0 auto; display: flex; flex-direction: column; }
.gk-gun { display: flex; align-items: center; gap: 12px; margin: 16px 0 6px; font-size: 11px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); }
.gk-gun::before, .gk-gun::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.gk-mesaj { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent); }
.gk-mesaj:last-child { border-bottom: 0; }
.gk-mesaj-kenar { display: flex; flex-direction: column; gap: 2px; padding-top: 2px; text-align: right; }
.gk-rol { font-size: 10.5px; font-weight: 720; letter-spacing: .11em; text-transform: uppercase; color: var(--text-3); }
.gk-mesaj[data-rol="asistan"] .gk-rol { color: var(--accent); }
.gk-mesaj[data-rol="ekip"] .gk-rol { color: var(--champagne-text); }
.gk-mesaj-kenar time { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-3); }
.gk-mesaj-govde { min-width: 0; display: flex; flex-direction: column; gap: 8px; padding-left: 16px; border-left: 2px solid var(--border); }
.gk-mesaj[data-rol="asistan"] .gk-mesaj-govde { border-left-color: color-mix(in srgb, var(--accent) 45%, var(--border)); }
.gk-mesaj[data-rol="ekip"] .gk-mesaj-govde { border-left-color: var(--champagne); }
.gk-mesaj-metin { font-size: 14.5px; line-height: 1.62; color: var(--text); overflow-wrap: anywhere; }
.gk-mesaj[data-rol="ziyaretci"] .gk-mesaj-metin { font-weight: 520; }
.gk-mesaj[data-engellendi] .gk-mesaj-metin { color: var(--text-3); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--danger) 55%, transparent); }
.gk-mesaj[data-yeni] { animation: gk-yeni 1.8s var(--egri); }
@keyframes gk-yeni { from { background: var(--accent-soft); } }
.gk-kaynak-isaret { margin-left: 1px; font-size: 10.5px; }
.gk-kaynak-isaret a { display: inline-grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 4px; background: var(--accent-soft); color: var(--accent); font-weight: 720; text-decoration: none; }
.maske-cip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 7px;
  border-radius: 5px;
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px var(--border);
  font-size: 12px;
  font-weight: 500;
  color: var(--text-2);
  vertical-align: 1px;
}
.gk-kalkanlar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.gk-ham { margin: 0; padding: 10px 12px; border-radius: 0 9px 9px 0; border-left: 3px solid var(--warning); background: var(--warning-soft); font-size: 13.5px; }
.gk-ham p { margin: 4px 0 0; }
/* çok dil: mesajın Türkçesi, konuşma dili notu, yanıt çevirisi önizlemesi */
.gk-ceviri { margin: 0; padding: 8px 12px; border-radius: 9px; border-inline-start: 3px solid var(--info, var(--border-strong)); background: var(--surface-2); font-size: 13.5px; color: var(--text-2); }
.gk-ceviri p { margin: 3px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.gk-dil { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 8px 20px; border-bottom: 1px solid var(--border); background: var(--surface-2); font-size: 13px; color: var(--text-2); }
.gk-ceviri-onizleme { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.gk-yanit-dil { font-size: 13px; }
.gk-yanit[data-onizleme] > .gk-yanit-dil, .gk-yanit[data-onizleme] > .gk-yanit-alt { display: none; }
.gk-yanit[data-onizleme] .gk-yanit-girdi[readonly] { min-height: 0; opacity: .75; }
.gk-ceviri-bas { margin: 0; }
.gk-kaynaklar { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; }
.gk-kaynaklar li { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; color: var(--text-2); border-radius: 6px; }
.gk-kaynak-no { display: inline-grid; place-items: center; flex: none; min-width: 18px; height: 18px; border-radius: 5px; background: var(--surface-2); font-size: 11px; font-weight: 720; color: var(--text-2); }
.gk-kaynak-yol { font-size: 11.5px; color: var(--text-3); }
.gk-ek { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--text-3); }
.gk-mesaj-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.gk-meta { font-size: 11.5px; color: var(--text-3); }
.gk-degerlendirme { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 580; }
.gk-degerlendirme[data-deger="1"] { color: var(--success); }
.gk-degerlendirme[data-deger="-1"] { color: var(--danger); }
.gk-ogret-dugme { margin-left: auto; }   /* eskiden .7 saydamdı: bağlantı rengi AA altına düşüyordu */
.gk-sistem { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0; font-size: 12.5px; font-style: italic; color: var(--text-3); }
.gk-sistem time { font-family: var(--font-mono); font-size: 11px; font-style: normal; }
.gk-ogret {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border-radius: 12px;
  background: var(--surface);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--champagne) 45%, var(--border)), var(--golge-2);
  animation: acilir-gir var(--t-orta) var(--egri);
}
.gk-ogret-bas { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.gk-ogret-bas .ikon { color: var(--champagne-text); }
.gk-ogret-soru { margin: 0; padding: 8px 12px; border-left: 2px solid var(--border-guclu); border-radius: 0 8px 8px 0; background: var(--surface-2); }
.gk-ogret-soru p { margin: 2px 0 0; font-size: 13.5px; }
.gk-ogret-eylem { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.gk-ogret-tamam { display: flex; align-items: center; gap: 8px; color: var(--success); font-weight: 580; }
.gk-yeni-pil {
  position: absolute;
  left: 50%;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 14px;
  transform: translateX(-50%);
  border-radius: var(--r-tam);
  background: var(--ters-bg);
  color: var(--ters-text);
  font-size: 12.5px;
  font-weight: 620;
  box-shadow: var(--golge-2);
  animation: bildirim-gir var(--t-yavas) var(--egri-yay);
}

.gk-yanit { display: flex; flex-direction: column; gap: 8px; padding: 12px 20px 14px; border-top: 1px solid var(--border); background: var(--surface); }
.gk-yanit-girdi { min-height: 46px; max-height: 220px; resize: none; }
.gk-yanit-alt { display: flex; align-items: center; gap: 12px; }
.gk-yanit-ipucu { flex: 1; display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-3); }
.gk-yanit-tus { font-size: 11.5px; color: var(--text-3); white-space: nowrap; }
.gk-yanit-yok { display: flex; align-items: center; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--border); background: var(--surface); color: var(--text-2); font-size: 13px; }

/* ziyaretçi/aday kartı */
.gk-kart { overflow-y: auto; border-left: 1px solid var(--border); background: var(--surface); }
.gk-kart-bolum { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; border-bottom: 1px solid var(--border); }
.gk-kart-bolum:last-child { border-bottom: 0; }
.gk-kart-bolum .kucuk-baslik { display: flex; align-items: center; gap: 6px; }
.gk-kart-bolum .tanimlar { grid-template-columns: minmax(88px, max-content) 1fr; font-size: 13px; }
.gk-kart-bolum code { font-size: 12px; }
.gk-kart-aday { background: linear-gradient(180deg, var(--accent-ince), transparent); }
.gk-kart-aday-ust { display: flex; align-items: center; gap: 10px; }
.gk-kart-aday-ust div { display: flex; flex-direction: column; min-width: 0; }
.gk-kart-aday-ust small { color: var(--text-3); font-size: 12px; }
.gk-kart-aday .dugme { align-self: flex-start; }
.gk-onceki { display: flex; flex-direction: column; gap: 2px; }
.gk-onceki a { display: flex; flex-direction: column; padding: 6px 8px; margin: 0 -8px; border-radius: 8px; color: var(--text); text-decoration: none; }
.gk-onceki a:hover { background: var(--accent-ince); }
.gk-onceki small { color: var(--text-3); font-size: 12px; }
.gk-kart.cekmecede { display: block; overflow: visible; border: 0; }
.gk-kart.cekmecede .gk-kart-bolum { padding: 14px 0; }

@container gk (max-width: 1320px) {
  .gk-govde { grid-template-columns: minmax(290px, 340px) minmax(0, 1fr) 280px; }
  .gk-filtre { display: none; }
  .gk-filtre-dugme { display: inline-flex; }
}
@container gk (max-width: 1060px) {
  .gk-govde { grid-template-columns: minmax(270px, 320px) minmax(0, 1fr); }
  .gk-kart:not(.cekmecede) { display: none; }
  .gk-kart-dugme { display: inline-flex; }
}
@container gk (max-width: 720px) {
  .gk-govde { grid-template-columns: minmax(0, 1fr); }
  .gk-liste { border-right: 0; }
  .gk-konusma { display: none; }
  .gk[data-acik] .gk-liste { display: none; }
  .gk[data-acik] .gk-konusma { display: flex; }
  .gk[data-acik] .gk-serit { display: none; }
  .gk-geri { display: inline-flex; }
  .gk-konusma-bas { padding: 10px 12px; }
  .gk-konusma-bas-ust { flex-wrap: wrap; }
  .gk-konusma-baslik { font-size: 21px; }
  .gk-konusma-eylem { width: 100%; justify-content: flex-start; }
  .gk-mesaj { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .gk-mesaj-kenar { flex-direction: row; align-items: baseline; gap: 8px; text-align: left; }
  .gk-mesaj-govde { padding-left: 12px; }
  .gk-transkript-kap { padding: 8px 14px 16px; }
  .gk-yanit { padding: 10px 12px; }
  .gk-dil { padding: 8px 12px; }
  .gk-yanit-tus { display: none; }
  .gk-serit { padding: 0 12px; }
}

/* ==========================================================================
   Adaylar — pano, tablo, ayrıntı çekmecesi, aşama düzenleyici
   ========================================================================== */
.ah-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin: -4px 0 18px; }
.ah-ozet:empty { display: none; }
.ah-dagilim { flex: 1 1 260px; display: flex; gap: 2px; min-width: 200px; height: 10px; border-radius: 6px; overflow: hidden; background: var(--surface-2); }
.ah-dilim { min-width: 4px; background: var(--asama); }
.ah-ozet-sayilar { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 0; }
.ah-ozet-sayilar div { display: flex; flex-direction: column; }
.ah-ozet-sayilar dt { font-size: 11.5px; color: var(--text-3); }
.ah-ozet-sayilar dd { margin: 0; font-size: 16px; font-weight: 650; }
.ah-asama-sec:empty { display: none; }
.ah-asama-sec .secim, .arac-cubugu > .secim { width: auto; min-width: 150px; }

.ak-pano {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(272px, 1fr);
  gap: 14px;
  padding-bottom: 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  transition: opacity var(--t-orta);
}
.ak-pano[data-yukleniyor] { opacity: .55; }
.ak-sutun {
  --asama: var(--text-3);
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 420px;
  max-height: max(460px, calc(100dvh - 300px));
  border-radius: 13px;
  background: color-mix(in srgb, var(--surface-2) 55%, var(--bg));
  box-shadow: inset 0 0 0 1px var(--border);
  scroll-snap-align: start;
  transition: box-shadow var(--t-hizli) var(--egri), background-color var(--t-hizli);
}
.ak-sutun::before { content: ""; height: 3px; margin: 0 14px; border-radius: 0 0 3px 3px; background: var(--asama); opacity: .85; }
.ak-sutun[data-kapanis="kazanildi"] { background: color-mix(in srgb, var(--success) 5%, var(--bg)); }
.ak-sutun[data-kapanis="kaybedildi"] { background: color-mix(in srgb, var(--danger) 4%, var(--bg)); }
.ak-sutun[data-hedef] { background: var(--accent-ince); box-shadow: inset 0 0 0 2px var(--accent), 0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent); }
.ak-sutun-bas { display: flex; align-items: center; gap: 8px; padding: 11px 14px 8px; }
.ak-sutun-nokta { width: 9px; height: 9px; border-radius: 50%; background: var(--asama); flex: none; }
.ak-sutun-ad { font-size: 13.5px; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ak-sutun-deger { margin-left: auto; font-size: 12px; color: var(--text-3); white-space: nowrap; }
.ak-liste { flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 4px 10px 12px; overflow-y: auto; overscroll-behavior: contain; }
.ak {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 11px 12px 10px 15px;
  border-radius: 10px;
  background: var(--surface);
  box-shadow: 0 1px 0 var(--border), inset 0 0 0 1px var(--border);
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
  transition: box-shadow var(--t-hizli) var(--egri), transform var(--t-hizli) var(--egri), opacity var(--t-hizli);
}
.ak::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: var(--asama); }
.ak:hover { box-shadow: 0 8px 18px -12px rgb(28 25 23 / .35), inset 0 0 0 1px var(--border-guclu); transform: translateY(-1px); }
.ak:focus-visible { outline-offset: 2px; }
.ak-ust { display: flex; align-items: baseline; gap: 8px; }
.ak:has(.ak-tutamac) .ak-ust { padding-right: 16px; }
.ak-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 620; }
.ak-deger { flex: none; font-size: 12.5px; font-weight: 680; }
.ak-konu { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 12.5px; color: var(--text-2); }
.ak-alt { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 11.5px; color: var(--text-3); }
.ak-kaynak { display: inline-flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-sag { display: inline-flex; align-items: center; gap: 6px; flex: none; margin-left: auto; }
.ak-not { display: inline-flex; align-items: center; gap: 3px; }
.ak-zaman { white-space: nowrap; }
.ak-tutamac { position: absolute; top: 7px; right: 5px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; color: var(--text-3); opacity: 0; touch-action: none; transition: opacity var(--t-hizli); }
.ak:hover .ak-tutamac, .ak:focus-visible .ak-tutamac { opacity: 1; }
@media (hover: none) { .ak-tutamac { opacity: .7; } }
.ak-surukleniyor { opacity: .35; transform: none !important; }
.ak-kopya { position: fixed; z-index: 200; margin: 0; pointer-events: none; cursor: grabbing; box-shadow: var(--golge-kaldir), inset 0 0 0 1.5px var(--accent) !important; transform-origin: 30% 20%; }
body.surukleme, body.surukleme * { cursor: grabbing !important; user-select: none !important; }
.ak-bos { margin: 4px 2px; padding: 18px 10px; border-radius: 10px; border: 1.5px dashed var(--border-guclu); text-align: center; font-size: 12.5px; color: var(--text-3); }
.ak-daha { margin: 0 10px 10px; }
@media (max-width: 759px) {
  .ak-pano { grid-auto-columns: 84vw; margin: 0 -16px; padding: 0 16px 12px; scroll-snap-type: x mandatory; }
  .ak-sutun { max-height: none; min-height: 300px; }
}

.sicaklik { display: inline-flex; align-items: flex-end; height: 14px; }
.sicaklik-cubuklar { display: inline-flex; align-items: flex-end; gap: 2px; }
.sicaklik-cubuklar i { width: 3px; border-radius: 1px; background: var(--border-guclu); }
.sicaklik-cubuklar i:nth-child(1) { height: 6px; }
.sicaklik-cubuklar i:nth-child(2) { height: 9px; }
.sicaklik-cubuklar i:nth-child(3) { height: 12px; }
.sicaklik[data-derece="3"] i[data-dolu] { background: var(--danger); }
.sicaklik[data-derece="2"] i[data-dolu] { background: var(--warning); }
.sicaklik[data-derece="1"] i[data-dolu] { background: var(--info); }

.ah-tablo-kart { padding: 4px 8px 12px; }
.ah-ad { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.ah-ad > span { display: flex; flex-direction: column; min-width: 0; }
.ah-ad strong { font-weight: 600; }
.ah-ad small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--text-3); }
.ah-kaynak { display: inline-flex; align-items: center; gap: 6px; color: var(--text-2); }

/* ayrıntı çekmecesi */
.ah-ayrinti { display: flex; flex-direction: column; gap: 22px; }
.ah-ust { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: end; gap: 12px 16px; padding: 14px; border-radius: 12px; background: var(--surface-2); }
.ah-asama { position: relative; }
.ah-asama-nokta { position: absolute; left: 12px; bottom: 13px; z-index: 1; width: 9px; height: 9px; border-radius: 50%; background: var(--asama); pointer-events: none; }
.ah-asama .secim { padding-left: 28px; }
.ah-ust-sag { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ah-ust-sag:empty { display: none; }
.ah-atanan { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-2); }
.ah-bolum { display: flex; flex-direction: column; gap: 10px; }
.ah-bolum .kucuk-baslik { display: flex; align-items: center; gap: 6px; }
.ah-bolum > p { margin: 0; display: flex; align-items: center; gap: 4px; }
.ah-mesaj { margin: 0; padding: 10px 14px; border-left: 2px solid var(--champagne); border-radius: 0 10px 10px 0; background: var(--champagne-soft); font-size: 14px; white-space: pre-wrap; }
.ah-konusma { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--border); color: var(--text); text-decoration: none; transition: box-shadow var(--t-hizli), background-color var(--t-hizli); }
.ah-konusma:hover { background: var(--accent-ince); box-shadow: inset 0 0 0 1px var(--accent); color: var(--text); }
.ah-konusma > span:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ah-konusma small { color: var(--text-3); font-size: 12.5px; }
.ah-konusma-ikon { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); }
.ah-not-form { display: flex; flex-direction: column; gap: 8px; }
.ah-not-eylem { display: flex; justify-content: flex-end; }
.ah-notlar { display: flex; flex-direction: column; gap: 12px; }
.ah-not { display: flex; gap: 10px; }
.ah-not > div { flex: 1; min-width: 0; }
.ah-not[data-yeni] { animation: gk-yeni 1.8s var(--egri); border-radius: 8px; }
.ah-not-ust { display: flex; align-items: baseline; gap: 8px; margin: 0; font-size: 13px; }
.ah-not-ust time { font-size: 12px; color: var(--text-3); }
.ah-not-metin { margin: 2px 0 0; font-size: 13.5px; white-space: pre-wrap; }
.ah-gecmis { position: relative; display: flex; flex-direction: column; gap: 12px; padding-left: 20px; }
.ah-gecmis::before { content: ""; position: absolute; left: 4px; top: 6px; bottom: 6px; width: 1px; background: var(--border-guclu); }
.ah-gecmis li { position: relative; font-size: 13px; }
.ah-gecmis p { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.ah-gecmis time { font-size: 12px; color: var(--text-3); }
.ah-gecmis-nokta { position: absolute; left: -20px; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--champagne); }
.ah-tehlike { padding-top: 16px; border-top: 1px solid var(--border); align-items: flex-start; }

/* aşama düzenleyici */
.asama-duzen { display: flex; flex-direction: column; gap: 8px; }
.asama-duzen-bas, .asama-duzen-satir { display: grid; grid-template-columns: 22px 46px minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1.25fr) auto; align-items: center; gap: 8px; }
.asama-duzen-bas { padding: 0 8px 2px; font-size: 11px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); }
.asama-duzen-satir { padding: 8px; border-radius: 10px; background: var(--surface-2); box-shadow: inset 3px 0 0 var(--asama); }
.asama-duzen-no { text-align: center; font-size: 12px; font-weight: 650; color: var(--text-3); }
.asama-renk { width: 46px; }
.asama-duzen-eylem { display: flex; gap: 2px; }
@media (max-width: 759px) {
  .asama-duzen-bas { display: none; }
  .asama-duzen-satir { grid-template-columns: 22px 46px minmax(0, 1fr); }
  .asama-duzen-satir > :nth-child(4), .asama-duzen-satir > :nth-child(5) { grid-column: 2 / -1; }
  .asama-duzen-eylem { grid-column: 1 / -1; justify-content: flex-end; }
}

/* ==========================================================================
   Şema formu (ayarlar) ve zaman yolculuğu
   ========================================================================== */
.sema-form { display: grid; grid-template-columns: 188px minmax(0, 1fr); align-items: start; gap: 28px; }
.sema-form:not(:has(> .sema-nav)) { grid-template-columns: minmax(0, 1fr); }
.sema-nav { position: sticky; top: calc(var(--ust-yukseklik) + 20px); display: flex; flex-direction: column; gap: 2px; }
.sema-nav-oge { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 34px; padding: 0 10px; border-radius: 8px; color: var(--text-2); font-weight: 530; text-decoration: none; }
.sema-nav-oge:hover { background: var(--surface-2); color: var(--text); }
.sema-nav-sayi:empty { display: none; }
.sema-nav-sayi { display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--champagne-soft); color: var(--champagne-text); font-size: 11px; font-weight: 720; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--champagne) 35%, transparent); }
.sema-bolumler { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.sema-grup { padding: 20px 22px 22px; border: 1px solid var(--border); border-radius: var(--r-2); background: var(--surface); box-shadow: var(--golge-1); scroll-margin-top: calc(var(--ust-yukseklik) + 16px); }
.sema-grup-baslik { margin-bottom: 16px; font-family: var(--font-serif); font-size: 22px; font-weight: 650; }
.sema-grup-alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
/* gerekli_ayar: bağlı anahtar kapalıyken alan, boş kalan grup ve nav öğesi gizli (form.js bagliGorunurluk) */
.sema-grup[hidden], .sema-nav-oge[hidden], .sema-grup-alanlar > [hidden] { display: none; }
.sema-grup-alanlar > .alan-metin_uzun, .sema-grup-alanlar > .alan-liste, .sema-grup-alanlar > .alan-nesne_liste, .sema-grup-alanlar > .alan-onay,
.sema-grup-alanlar > .alan-gorsel, .sema-grup-alanlar > .karsilama-kapali { grid-column: 1 / -1; }
.sema-grup-alt { margin: -10px 0 16px; font-size: 13px; color: var(--text-3); }
label.dugme[aria-disabled="true"] { opacity: .5; pointer-events: none; }
/* Ayarlar › Yükleme ve karşılama: bölümün Açık/Kapalı anahtarı (en üstte, vurgulu) */
.karsilama-grup .karsilama-anahtar { padding: 14px 16px; background: var(--accent-ince, color-mix(in srgb, var(--accent) 8%, var(--surface))); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent); }
.karsilama-grup .karsilama-anahtar .alan-etiket { font-size: 15px; font-weight: 620; }
.karsilama-kapali { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13px; color: var(--text-3); }
@container icerik (max-width: 760px) {
  .sema-form { grid-template-columns: minmax(0, 1fr); }
  .sema-nav { position: static; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -4px; }
  .sema-nav-oge { flex: none; }
  .sema-grup-alanlar { grid-template-columns: minmax(0, 1fr); }
}
.alan-sag { display: inline-flex; align-items: center; gap: 6px; }
.alan-sag:empty { display: none; }
/* iki katmanlı panel: kilitli ayar rozeti (müşteri) ve katman seçimi (süper) */
.alan-ust:has(.alan-kilit, .alan-katman) { flex-wrap: wrap; row-gap: 4px; }   /* dar ekranda etiket ezilmesin: sağdakiler alt satıra iner */
.alan-ust:has(.alan-kilit, .alan-katman) .alan-sag { flex-wrap: wrap; }
.alan-kilit { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: var(--r-tam); background: var(--surface-2); font-size: 11.5px; color: var(--text-2); white-space: nowrap; }
.alan-katman { max-width: 190px; padding: 2px 6px; border: 1px solid var(--border); border-radius: var(--r-1); background: var(--surface); font: inherit; font-size: 12px; color: var(--text-2); }
.alan-sayac { font-size: 11.5px; color: var(--text-3); white-space: nowrap; }
.dugme.alan-gecmis { --d-renk: var(--text-3); }   /* ikon düğmesi: saydamlıkla 3:1 altına düşüyordu */
.alan:hover .dugme.alan-gecmis, .dugme.alan-gecmis:focus-visible { --d-renk: var(--text); }
.alan[data-kirli] > .alan-ust .alan-etiket::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  transform: translateY(-2px) rotate(45deg);
  background: var(--champagne);
}
.alan-satir {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "ust kontrol" "aciklama kontrol" "hata hata";
  align-items: center;
  column-gap: 16px;
  row-gap: 2px;
  padding: 12px 14px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--surface-2) 55%, var(--surface));
}
.alan-satir > .alan-ust { grid-area: ust; }
.alan-satir > .anahtar { grid-area: kontrol; }
.alan-satir > .alan-aciklama { grid-area: aciklama; }
.alan-satir > .alan-hata { grid-area: hata; }
.alan-satir .alan-etiket { cursor: pointer; font-weight: 560; }
.alan-kompakt.alan-satir { padding: 4px 0; background: transparent; }
.alan-kompakt .alan-etiket { font-size: 12px; }
.renk-alan { display: flex; gap: 8px; }
.renk-secici { flex: none; width: 46px; }
.renk-metin { width: 124px; }
.renk-not { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; white-space: nowrap; }
.renk-not[data-ton="iyi"] { color: var(--success); }
.renk-not[data-ton="zayif"] { color: var(--warning); }
/* Profil › Tercihler › Renk teması (ana + süs rengi çifti) */
.prf-tercih-renk { flex-wrap: wrap; }
.prf-renkler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; width: 100%; }
.prf-renk { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 10px 6px 6px; border: 0; border-radius: var(--r-1); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); color: var(--text); font: inherit; font-size: 13px; line-height: 1.25; text-align: left; cursor: pointer; transition: box-shadow var(--t-hizli); }
.prf-renk:hover { box-shadow: inset 0 0 0 1px var(--border-guclu); }
.prf-renk[aria-checked="true"] { box-shadow: inset 0 0 0 2px var(--accent); }
.prf-renk-ornek { flex: none; display: flex; width: 28px; height: 22px; border-radius: 5px; overflow: hidden; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .12); }
.prf-renk-ornek i { flex: 1; }
.prf-renk-ornek i:last-child { flex: .45; }
/* Ayarlar › Kurulum › Sektör ayarları */
.sektor-govde:empty { display: none; }
.sektor-govde { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.sektor-liste { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sektor-satir { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--surface-2) 55%, var(--surface)); }
.sektor-satir p { margin: 0; overflow-wrap: anywhere; }
.sektor-satir-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
.sektor-fark summary { cursor: pointer; font-size: 12.5px; color: var(--text-2); }
.sektor-fark-ic { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px 14px; margin-top: 6px; font-size: 13px; }
.sektor-fark-ic p, .sektor-fark-ic ul { margin: 2px 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.sektor-fark-ic ul { padding-inline-start: 18px; }
.sektor-fark-ic li { list-style: disc; }
.sektor-eylem { display: flex; justify-content: flex-end; }
/* Ayarlar › Görünüm: hazır renk temaları ve site taraması (ana rengin üstünde) */
.renk-temalari { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 10px; background: color-mix(in srgb, var(--surface-2) 55%, var(--surface)); }
.renk-temalari-baslik { margin: 0; font-weight: 560; font-size: 13.5px; }
.renk-temalari-grup { margin: 4px 0 -2px; font-size: 12px; color: var(--text-3); }
.renk-temalari .alan-aciklama { margin: 0; }
.renk-temalari-izgara, .renk-tarama-sonuc { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 6px; }
.renk-tarama-sonuc:empty { display: none; }
.renk-tema { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 6px 10px 6px 6px; border: 0; border-radius: 8px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); color: var(--text); font: inherit; font-size: 13px; line-height: 1.25; text-align: left; cursor: pointer; transition: box-shadow .15s; }
.renk-tema:hover:not(:disabled) { box-shadow: inset 0 0 0 1px var(--border-guclu); }
.renk-tema[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--accent); }
.renk-tema:disabled { cursor: not-allowed; opacity: .6; }
.renk-tema-ornek { flex: none; width: 26px; height: 26px; border-radius: 6px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .14); }
.renk-tema-ad { display: flex; flex-direction: column; min-width: 0; }
.renk-tema-ad small { color: var(--text-3); font-size: 11px; }
.renk-tarama { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 2px; }
.renk-temalari > .metin-3:empty { display: none; }
.gizli-alan { display: flex; gap: 8px; }
.gizli-durum { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--text-3); }
.gizli-durum[data-durum="dolu"] { color: var(--success); }
.gizli-durum[data-durum="sil"] { color: var(--danger); }
.saat-araligi { display: flex; align-items: center; gap: 8px; }
.saat-araligi .girdi { width: 132px; }
.saat-ara { color: var(--text-3); }
.nesne-alan { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.nesne-liste { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.nesne-satir { display: flex; gap: 10px; padding: 12px; border-radius: 10px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--border); }
.nesne-satir-alanlar { flex: 1; min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px 12px; }
.nesne-satir-eylem { display: flex; flex-direction: column; gap: 2px; }
/* bolumler ayar türü (js/form.js): sıralı seçilen bölümler + ekleme kutusu; nokta süs (ad yazılı), koyu temada da görünsün diye ince halka */
.bolum-alan { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.bolum-liste { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.bolum-satir { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; min-height: 44px; padding: 4px 6px 4px 12px; border-radius: 10px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--border); }
.bolum-satir .bolum-nokta { width: 10px; height: 10px; box-shadow: 0 0 0 1px var(--border-guclu); }
.bolum-satir-ad { flex: 1 1 120px; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.bolum-satir-eylem { display: flex; gap: 2px; margin-left: auto; }
.bolum-liste-bos { padding: 8px 0; color: var(--text-3); font-size: 13px; }
.bolum-ekle { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.bolum-ekle .secim { flex: 1 1 180px; min-width: 0; max-width: 320px; }
.sema-cubuk {
  grid-column: 1 / -1;
  position: sticky;
  bottom: 16px;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px 10px 18px;
  border-radius: 14px;
  background: var(--ters-bg);
  color: var(--ters-text);
  box-shadow: var(--golge-3);
  animation: bildirim-gir var(--t-yavas) var(--egri-yay);
}
.sema-cubuk[hidden] { display: none; }
.sema-cubuk-nokta { width: 8px; height: 8px; transform: rotate(45deg); background: var(--ters-vurgu); flex: none; }
.sema-kirli-sayac { font-size: 13.5px; font-weight: 560; }
.sema-cubuk .dugme[data-tur="hayalet"] { --d-renk: var(--ters-text-2); --d-bg-ust: color-mix(in srgb, var(--ters-text) 10%, transparent); }
.sema-cubuk .dugme[data-tur="hayalet"]:hover:not(:disabled) { --d-renk: var(--ters-text); }
@media (max-width: 759px) { .sema-cubuk { bottom: calc(var(--alt-gezinme) + 12px + env(safe-area-inset-bottom)); } }

.zy { display: flex; flex-direction: column; gap: 18px; }
.zy-anahtar { align-self: center; margin-right: 6px; padding: 2px 7px; border-radius: 5px; background: var(--surface-2); font-size: 11.5px; color: var(--text-2); }
.zy-ust p { margin: 0; }
.zy-kaydirici-kap { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.zy-uc { font-size: 11.5px; color: var(--text-3); }
.zy-kaydirici { flex: 1; accent-color: var(--accent); height: 24px; }
.zy-an { display: flex; flex-direction: column; gap: 12px; padding: 18px; border-radius: 14px; background: var(--champagne-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--champagne) 35%, transparent); }
.zy-an-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.zy-an-tarih { font-family: var(--font-serif); font-weight: 650; font-size: 20px; }
.zy-an-deger { font-size: 15px; }
.zy-an-kim { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12.5px; color: var(--text-2); }
.zy-renk { display: inline-flex; align-items: center; gap: 10px; }
.zy-renk-ornek { width: 30px; height: 30px; border-radius: 9px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .12); }
.zy-liste { display: flex; flex-wrap: wrap; gap: 6px; }
.zy-liste li { padding: 3px 10px; border-radius: var(--r-tam); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 13px; }
.zy-json { max-height: 240px; overflow: auto; padding: 10px; border-radius: 8px; background: var(--surface); font-size: 12px; }
.zy-metin { margin: 0; white-space: pre-wrap; }
.zy-bos { font-style: italic; color: var(--text-3); }
.zy-sayi { font-size: 24px; font-weight: 650; }
.zy-su-an { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 12px; background: var(--surface-2); }
.zy-cizelge { position: relative; display: flex; flex-direction: column; }
.zy-cizelge::before { content: ""; position: absolute; left: 13px; top: 14px; bottom: 14px; width: 1px; background: var(--border-guclu); }
.zy-nokta-dugme { display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px 8px 8px 6px; border-radius: 9px; text-align: left; }
.zy-nokta-dugme:hover { background: var(--surface-2); }
.zy-nokta-isaret { position: relative; z-index: 1; flex: none; width: 14px; height: 14px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 2px var(--border-guclu); transition: box-shadow var(--t-hizli); }
.zy-nokta[data-secili] .zy-nokta-isaret { box-shadow: inset 0 0 0 4px var(--accent); }
.zy-nokta[data-secili] .zy-nokta-dugme { background: var(--accent-ince); }
.zy-nokta-metin { display: flex; flex-direction: column; }
.zy-nokta-metin small { font-size: 12px; color: var(--text-3); }

/* ==========================================================================
   Ayarlar — form + canlı önizleme; kurulum
   ========================================================================== */
.ayarlar-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 380px; align-items: start; gap: 24px; }
.ayarlar-form { min-width: 0; }
.ayarlar-duzen .sema-form { grid-template-columns: minmax(0, 1fr); }
.ayarlar-duzen .sema-nav { position: sticky; top: var(--ust-yukseklik); z-index: 4; flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: 8px 0; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(8px); }
.ayarlar-duzen .sema-nav-oge { flex: none; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); }
.ayarlar-duzen[data-onizlemesiz] { grid-template-columns: minmax(0, 1fr); }   /* karşılama kapalı: önizleme yok */
@container icerik (max-width: 1080px) {
  .ayarlar-duzen { grid-template-columns: minmax(0, 1fr); }
  .onizleme { position: static !important; order: -1; }
}
/* karşılama formu daha dar: 1366 px'lik dizüstünde de önizleme yanda kalsın */
@container icerik (min-width: 960px) and (max-width: 1080px) {
  .karsilama-duzen:not([data-onizlemesiz]) { grid-template-columns: minmax(0, 1fr) 340px; }
  .karsilama-duzen .onizleme { position: sticky !important; order: 0; }
}
.onizleme {
  position: sticky;
  top: calc(var(--ust-yukseklik) + 16px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: var(--r-3);
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--golge-1);
}
.onizleme-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.onizleme-baslik { font-family: var(--font-serif); font-size: 21px; font-weight: 650; }
.onizleme-alt { margin: 2px 0 0; font-size: 12.5px; color: var(--text-3); }
.onizleme-canli { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--success); white-space: nowrap; flex: none; }
.onizleme-kontrol { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.onizleme-acik { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--text-2); }
.onizleme-cerceve { position: relative; height: 560px; border-radius: 12px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--border); background: #F4F2EE; }
.onizleme-cerceve[data-yerlesim="mobil"] { width: 300px; height: 580px; margin: 0 auto; border-radius: 30px; box-shadow: 0 0 0 7px var(--text), 0 0 0 8px var(--border-guclu); }
.onizleme-iframe { display: block; width: 100%; height: 100%; border: 0; }
.onizleme-statik { position: absolute; inset: 0; }
.onizleme-not { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12px; color: var(--text-3); }

/* statik taklit (widget yüklenemezse) */
.ws { --ws-renk: #0F5C58; position: absolute; inset: 0; background: repeating-linear-gradient(180deg, #F4F2EE 0 58px, #EFEBE5 58px 60px); font-family: var(--font-sans); color: #1C1917; }
.ws-pencere { position: absolute; right: 16px; bottom: 84px; left: 16px; display: flex; flex-direction: column; max-height: 440px; border-radius: 18px; background: #FFFFFF; box-shadow: 0 24px 60px -24px rgb(0 0 0 / .45), 0 0 0 1px rgb(0 0 0 / .06); overflow: hidden; }
.ws[data-konum="sol"] .ws-baslatici { right: auto; left: 16px; }
.ws-bas { display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: var(--ws-renk); color: #FFFFFF; }
.ws-bas div { flex: 1; display: flex; flex-direction: column; line-height: 1.25; }
.ws-bas small { opacity: .85; font-size: 12px; }
.ws-avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; background: rgb(255 255 255 / .2); }
.ws-avatar-bos { display: grid; place-items: center; font-weight: 700; }
.ws-kapat { font-size: 20px; opacity: .8; }
.ws-govde { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 14px; overflow: hidden; background: #FAF9F7; }
.ws-mesaj { align-self: flex-start; max-width: 88%; padding: 10px 12px; border-radius: 4px 14px 14px 14px; background: #FFFFFF; box-shadow: 0 0 0 1px rgb(0 0 0 / .06); font-size: 13.5px; }
.ws-oneriler, .ws-eylemler { display: flex; flex-wrap: wrap; gap: 6px; }
.ws-oneri { padding: 6px 10px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--ws-renk) 45%, transparent); color: var(--ws-renk); font-size: 12px; background: #FFFFFF; }
.ws-eylem { padding: 6px 10px; border-radius: 8px; background: color-mix(in srgb, var(--ws-renk) 12%, #FFFFFF); color: #1C1917; font-size: 12px; font-weight: 600; }
.ws-yaz { display: flex; align-items: center; justify-content: space-between; margin: 0 12px 10px; padding: 10px 12px; border-radius: 12px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .12); color: #736A61; font-size: 13px; }
.ws-gonder { color: var(--ws-renk); }
.ws-altbilgi { margin: 0; padding: 0 14px 12px; font-size: 11px; color: #736A61; }
.ws-altbilgi a { color: var(--ws-renk); }
.ws-baslatici { position: absolute; right: 16px; bottom: 16px; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--ws-renk); color: #FFFFFF; box-shadow: 0 12px 30px -10px rgb(0 0 0 / .5); }

/* kurulum */
.kurulum { display: flex; flex-direction: column; gap: 20px; }
.kurulum-izgara { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 20px; }
@container icerik (max-width: 900px) { .kurulum-izgara { grid-template-columns: minmax(0, 1fr); } }
.kurulum-adimlar { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; padding-left: 20px; list-style: decimal; color: var(--text-2); font-size: 13.5px; }
.kurulum-adimlar li::marker { color: var(--champagne-text); font-weight: 700; }
.kurulum-wp { display: flex; flex-direction: column; gap: 4px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border); font-size: 13.5px; color: var(--text-2); }
.kurulum-wp a { color: var(--text); text-decoration: underline; text-underline-offset: 2px; }
.kurulum-not { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; font-size: 13.5px; color: var(--text-2); }
.kurulum-not > .ikon { flex: none; margin-top: 3px; color: var(--accent); }
.kurulum-not-ince { margin-top: 8px; font-size: 12.5px; color: var(--text-3); }
.kurulum-not-ince > .ikon { color: var(--text-3); }
.kurulum-basit { margin: 14px 0 8px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--border); }
.kurulum-basit > summary { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 10px; cursor: pointer; list-style: none; font-size: 13.5px; font-weight: 560; color: var(--text-2); }
.kurulum-basit > summary::-webkit-details-marker { display: none; }
.kurulum-basit > summary::after { content: ""; width: 7px; height: 7px; margin-left: auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform var(--t-hizli); }
.kurulum-basit[open] > summary::after { transform: rotate(-135deg); }
.kurulum-basit > summary:hover { color: var(--text); }
.kurulum-basit > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.kurulum-basit-ic { display: flex; flex-direction: column; gap: 8px; padding: 0 14px 14px; }
.kurulum-anahtar { font-size: 12.5px; overflow-wrap: anywhere; }
.alan-adlari { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.alan-adi { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto auto; align-items: center; gap: 8px; }
.alan-adi .alan-hata { grid-column: 2 / -1; }
.alan-adi-ikon { color: var(--text-3); }
.alan-adlari-eylem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.kart-govde > .dugme { margin-top: 12px; }

/* ==========================================================================
   Bilgi Bankası
   ========================================================================== */
.bb-govde { min-width: 0; }
.bb-sekme { display: flex; flex-direction: column; gap: 0; }
.bb-sekme > .uyari-kutu { margin-bottom: 16px; }
.bb-ozet { margin: 0 0 10px; font-size: 13px; color: var(--text-3); }
.bb-tablo { padding: 4px 8px 8px; }
.bb-tablo tr[data-pasif] td:not(.bb-durum) { filter: grayscale(1); color: var(--text-2); }   /* soluk durum: saydamlık yerine gri ton — metin kontrastı AA altına düşmesin (durum ayrıca metin/anahtarla verilir) */
.bb-kaynak { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.bb-kaynak-ikon { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 9px; background: var(--surface-2); color: var(--text-2); }
.bb-kaynak-ikon[data-tur="elle"] { background: var(--champagne-soft); color: var(--champagne-text); }
.bb-kaynak-ikon[data-tur="sss"] { background: var(--accent-soft); color: var(--accent); }
.bb-kaynak-metin { display: flex; flex-direction: column; min-width: 0; }
.bb-kaynak-metin strong { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bb-kaynak-metin code { font-size: 11.5px; color: var(--text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bb-durum { width: 120px; }

.bb-tarama-yeri:empty { display: none; }
.bb-tarama {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  background: var(--surface);
  box-shadow: inset 0 0 0 1px var(--border), var(--golge-1);
  animation: acilir-gir var(--t-orta) var(--egri);
}
.bb-tarama[data-durum="suruyor"], .bb-tarama[data-durum="kuyrukta"] { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, var(--border)); }
.bb-tarama-ust { display: flex; align-items: center; gap: 12px; }
.bb-tarama-ust .esnek { display: flex; flex-direction: column; }
.bb-tarama-ust small { font-size: 12px; color: var(--text-3); }
.bb-tarama-ikon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); flex: none; }
.bb-tarama-cubuk .cubuk { height: 8px; }
.bb-tarama-sayilar { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; }
.bb-tarama-sayilar div { display: flex; flex-direction: column; }
.bb-tarama-sayilar dt { font-size: 11.5px; color: var(--text-3); }
.bb-tarama-sayilar dd { margin: 0; font-size: 16px; font-weight: 650; }
.bb-tarama-sayilar div[data-hata] dd { color: var(--danger); }
.bb-tarama-hata { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12.5px; color: var(--warning); }
.bb-ice-onizleme:empty { display: none; }

/* kaynak düzenleyici */
.bb-editor { display: flex; flex-direction: column; gap: 18px; }
.bb-editor-bas { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.bb-editor-baslik { font-family: var(--font-serif); font-size: 30px; font-weight: 650; line-height: 1.15; }
.bb-editor-duzen { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); align-items: start; gap: 20px; }
@container icerik (max-width: 900px) { .bb-editor-duzen { grid-template-columns: minmax(0, 1fr); } }
.bb-editor-sol { display: flex; flex-direction: column; gap: 16px; padding: 20px; position: sticky; top: calc(var(--ust-yukseklik) + 16px); }
@container icerik (max-width: 900px) { .bb-editor-sol { position: static; } }
.bb-editor-sag { min-width: 0; }
.bb-bolumler { display: flex; flex-direction: column; gap: 12px; margin-bottom: 10px; counter-reset: bolum; }
.bb-bolum { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border); counter-increment: bolum; }
.bb-bolum:focus-within { border-color: color-mix(in srgb, var(--accent) 50%, var(--border)); }
.bb-bolum-ust { display: flex; align-items: center; gap: 6px; }
.bb-bolum-ust .girdi { flex: 1; font-weight: 600; }
.bb-bolum-no::before { content: counter(bolum); display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: var(--champagne-soft); color: var(--champagne-text); font-size: 12px; font-weight: 700; }
.bb-bolum .metin-kutusu { min-height: 120px; }
.bb-bolum-alt { display: flex; justify-content: flex-end; }
.bb-editor-alt {
  position: sticky;
  bottom: 12px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 0 0 1px var(--border), var(--golge-2);
}
@media (max-width: 759px) { .bb-editor-alt { bottom: calc(var(--alt-gezinme) + 10px + env(safe-area-inset-bottom)); } }

/* öncelikli cevaplar */
.bb-ozel-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); gap: 14px; }
.bb-ozel { display: flex; gap: 12px; padding: 16px 16px 14px 18px; border-radius: var(--r-2); background: var(--surface); border: 1px solid var(--border); box-shadow: var(--golge-1); position: relative; }
.bb-ozel::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 0 3px 3px 0; background: var(--border-guclu); }
.bb-ozel[data-aktif]::before { background: var(--champagne); }
.bb-ozel:not([data-aktif]) .bb-ozel-govde { filter: grayscale(1); color: var(--text-2); }   /* soluk durum: saydamlık yerine gri ton — metin kontrastı AA altına düşmesin (durum ayrıca metin/anahtarla verilir) */
.bb-ozel-govde { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.bb-ozel-soru { font-size: 15px; font-weight: 620; line-height: 1.35; }
.bb-ozel-cevap { margin: 0; font-size: 13.5px; color: var(--text-2); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.bb-ozel-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 4px; font-size: 12px; color: var(--text-3); }
.bb-ozel-meta > span:not(.rozet) { display: inline-flex; align-items: center; gap: 4px; }
.bb-ozel-eylem { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }

/* cevapsız sorular */
.bb-bosluklar { display: flex; flex-direction: column; gap: 10px; }
.bb-bosluk { padding: 14px 16px; border-radius: var(--r-2); background: var(--surface); border: 1px solid var(--border); }
.bb-bosluk:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.bb-bosluk[data-cozuldu] { animation: soluklas 2s var(--egri) forwards; }
.bb-bosluk-satir { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.bb-bosluk-metin { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.bb-bosluk-metin q { font-size: 15px; font-weight: 560; }
.bb-bosluk-meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--text-3); }
.bb-bosluk-meta strong { color: var(--champagne-text); }
.bb-bosluk-cubuk { width: 90px; }
.bb-bosluk-eylem { display: flex; flex-wrap: wrap; gap: 6px; }

/* test alanı */
.bb-test { display: flex; flex-direction: column; gap: 18px; max-width: 980px; }
.bb-test-form { display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.bb-test-form .metin-kutusu { font-size: 15.5px; min-height: 90px; }
.bb-test-alt { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.bb-test-sonuc { display: flex; flex-direction: column; gap: 16px; }
.bb-test-sonuc:empty { display: none; }
.bb-test-ozel { padding: 14px 16px; border-radius: 12px; background: var(--champagne-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--champagne) 38%, transparent); }
.bb-test-ozel-ust { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; color: var(--champagne-text); }
.bb-test-ozel p { margin: 4px 0 0; }
.bb-test-ozel-soru { font-weight: 600; }
.bb-test-yanit { padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; }
.bb-test-yanit-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.bb-test-yanit-ust .kucuk-baslik { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); }
.bb-test-yanit-metin { font-size: 15px; line-height: 1.6; }
.bb-test-parcalar { display: flex; flex-direction: column; gap: 10px; }
.bb-parca-liste { display: flex; flex-direction: column; gap: 8px; }
.bb-parca { padding: 12px 14px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border); }
.bb-parca[data-yeni] { border-color: color-mix(in srgb, var(--champagne) 60%, var(--border)); box-shadow: inset 3px 0 0 var(--champagne); }
.bb-parca-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.bb-parca-ust code { font-size: 11.5px; color: var(--text-3); }
.bb-parca-sira { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: var(--surface-2); font-size: 11.5px; font-weight: 700; color: var(--text-2); }
.bb-parca-puan { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; font-size: 12px; color: var(--text-2); }
.bb-parca-puan .cubuk { width: 80px; }
.bb-parca-metin { margin: 8px 0 0; font-size: 13.5px; color: var(--text-2); }
.bb-parca-metin mark { background: color-mix(in srgb, var(--champagne) 30%, transparent); color: var(--text); border-radius: 3px; padding: 0 2px; }

/* senaryolar */
.bb-senaryo-ozet { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-bottom: 14px; padding: 12px 16px; border-radius: 12px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); }
.bb-senaryo-ozet > span { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--text-2); }
.bb-senaryo-ozet > span[data-ton="basari"] .ikon { color: var(--success); }
.bb-senaryo-ozet > span[data-ton="tehlike"] .ikon { color: var(--danger); }
.bb-senaryo-ozet strong { color: var(--text); font-size: 16px; }
.bb-senaryolar { display: flex; flex-direction: column; gap: 12px; }
.bb-senaryo { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; border-radius: var(--r-2); background: var(--surface); border: 1px solid var(--border); box-shadow: var(--golge-1); }
.bb-senaryo[data-sonuc="kaldi"] { border-color: color-mix(in srgb, var(--danger) 35%, var(--border)); }
.bb-senaryo-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.bb-senaryo-soru { flex: 1 1 260px; font-size: 15px; font-weight: 620; }
.bb-senaryo-eylem { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.bb-senaryo-kurallar { display: flex; flex-wrap: wrap; gap: 6px; }
.bb-kural { display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 9px; border-radius: 6px; font-size: 12px; font-weight: 560; background: var(--surface-2); color: var(--text-2); }
.bb-kural[data-tur="var"] { background: var(--success-soft); color: var(--success); }
.bb-kural[data-tur="eksik"] { background: var(--danger-soft); color: var(--danger); text-decoration: line-through; }
.bb-kural[data-tur="yasakli"] { background: var(--danger-soft); color: var(--danger); }
.bb-kural[data-tur="yasak-yok"] { box-shadow: inset 0 0 0 1px var(--border-guclu); background: transparent; }
.bb-senaryo-meta { margin: 0; font-size: 12px; color: var(--text-3); }
.bb-fark summary { width: max-content; font-size: 12.5px; color: var(--accent); border-radius: 5px; }
.bb-fark-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
@container icerik (max-width: 700px) { .bb-fark-izgara { grid-template-columns: 1fr; } }
.bb-fark-sutun { padding: 12px 14px; border-radius: 10px; background: var(--surface-2); }
.bb-fark-sutun p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.6; }
.bb-fark-tek { margin: 8px 0 0; font-size: 13.5px; color: var(--text-2); }
.fark-sil { background: var(--danger-soft); color: var(--danger); text-decoration-color: currentColor; border-radius: 3px; }
.fark-ekle { background: var(--success-soft); color: var(--success); text-decoration: none; border-bottom: 1.5px solid currentColor; border-radius: 3px 3px 0 0; }

/* ==========================================================================
   Güvenlik + ortak zaman çizelgesi (zc-*)
   ========================================================================== */
.gv-sekme { display: flex; flex-direction: column; }
.gv-sekme > .uyari-kutu { margin-bottom: 14px; }
.gv-ip-cip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: var(--r-tam); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); font-size: 12.5px; color: var(--text-2); }
.gv-ip-cip code { color: var(--text); font-size: 12px; }
.gv-tablo { padding: 4px 8px 8px; }
.gv-tablo tr[data-doldu] td { filter: grayscale(1); color: var(--text-2); }   /* soluk durum: saydamlık yerine gri ton — metin kontrastı AA altına düşmesin (durum ayrıca metin/anahtarla verilir) */
.gv-deger { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.gv-deger code { font-size: 13px; color: var(--text); }
.gv-deger small { font-size: 11.5px; color: var(--text-3); }
.gv-neden { color: var(--text-2); }
.gv-sure { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--text-2); white-space: nowrap; }
.gv-isabet { display: inline-flex; flex-direction: column; align-items: flex-end; }
.gv-isabet small, .gv-alt { display: block; font-size: 11.5px; color: var(--text-3); }
.gv-yol { font-size: 11.5px; color: var(--text-2); }
.gv-sayi-uyari { color: var(--warning); font-weight: 650; }
.gv-sayi-tehlike { color: var(--danger); font-weight: 650; }
.gv-canli-kontrol { display: flex; flex-direction: column; gap: 8px; }
.gv-canli-kontrol:empty { display: none; }
.gv-adres-bilgi { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 12.5px; color: var(--text-2); }
.gv-toplu { display: flex; flex-direction: column; gap: 16px; }
.gv-toplu-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.gv-toplu-ozet > div { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; background: var(--surface-2); }
.gv-toplu-ozet span { font-size: 12px; color: var(--text-3); }
.gv-toplu-ozet strong { font-size: 22px; font-weight: 650; }
.gv-toplu-ozet small { font-size: 11.5px; color: var(--text-3); }
.gv-toplu-ozet > div[data-ton="basari"] { background: var(--success-soft); }
.gv-toplu-ozet > div[data-ton="basari"] strong { color: var(--success); }
.gv-toplu-ozet > div[data-ton="tehlike"] { background: var(--danger-soft); }
.gv-toplu-ozet > div[data-ton="tehlike"] strong { color: var(--danger); }
.gv-toplu-ozet > div[data-ton="uyari"] { background: var(--warning-soft); }
.gv-toplu-ozet > div[data-ton="uyari"] strong { color: var(--warning); }
@media (max-width: 759px) { .gv-toplu-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.gv-toplu-liste { border-radius: 12px; box-shadow: inset 0 0 0 1px var(--border); overflow: hidden; }
.gv-toplu-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; background: var(--surface-2); font-size: 13px; }
.gv-toplu-liste ul { max-height: 280px; overflow-y: auto; }
.gv-toplu-oge { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 8px 12px; border-top: 1px solid var(--border); }
.gv-toplu-oge[data-uyari="tehlike"] { background: var(--danger-soft); }
.gv-toplu-oge[data-uyari="uyari"] { background: var(--warning-soft); }
.gv-toplu-sayi { margin-left: auto; font-size: 12px; color: var(--text-3); }
.gv-toplu-detay summary { font-size: 13px; color: var(--text-2); }
.gv-toplu-detay ul { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; font-size: 12.5px; }
.gv-toplu-detay li { display: flex; gap: 10px; }
.gv-toplu-detay li span { color: var(--text-3); }
.gv-toplu-zaten { flex-direction: row !important; flex-wrap: wrap; gap: 6px 12px !important; }
.gv-toplu-sonuc { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 24px 0; text-align: center; color: var(--success); }
.gv-toplu-sonuc .bos-baslik { color: var(--text); }
.gv-toplu-sonuc p { margin: 0; }
.gv-toplu-cubuk {
  position: sticky;
  bottom: 16px;
  z-index: 6;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
  padding: 10px 12px 10px 18px;
  border-radius: 14px;
  background: var(--ters-bg);
  color: var(--ters-text);
  box-shadow: var(--golge-3);
  animation: bildirim-gir var(--t-yavas) var(--egri-yay);
}
.gv-toplu-cubuk[hidden] { display: none; }
.gv-toplu-cubuk .dugme[data-tur="hayalet"] { --d-renk: var(--ters-text-2); --d-bg-ust: color-mix(in srgb, var(--ters-text) 10%, transparent); }
@media (max-width: 759px) { .gv-toplu-cubuk { bottom: calc(var(--alt-gezinme) + 12px + env(safe-area-inset-bottom)); } }
.gv-secili-liste { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; }
.gv-ayar { display: flex; flex-direction: column; gap: 18px; }
.gv-ayar .sema-grup-alanlar > .genis, .gv-ayar .gv-kilit { grid-column: 1 / -1; }
.gv-kilit { display: flex; flex-direction: column; gap: 8px; }
.gv-kilit:empty { display: none; }
.gv-kilit .uyari-kutu .dugme { margin-top: 8px; }

.gv-olaylar { display: flex; flex-direction: column; gap: 22px; }
.zc-gun { display: flex; flex-direction: column; gap: 8px; }
.zc-gun-baslik {
  position: sticky;
  top: var(--ust-yukseklik);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 650;
  background: color-mix(in srgb, var(--bg) 90%, transparent);
  backdrop-filter: blur(6px);
}
.zc-liste { position: relative; display: flex; flex-direction: column; }
.zc-liste::before { content: ""; position: absolute; left: 71px; top: 12px; bottom: 12px; width: 1px; background: var(--border-guclu); }
.zc-oge { display: grid; grid-template-columns: 52px 38px minmax(0, 1fr); align-items: start; gap: 6px; padding: 8px 0; }
.zc-saat { padding-top: 5px; text-align: right; font-size: 12px; color: var(--text-3); }
.zc-nokta { position: relative; z-index: 1; display: grid; place-items: center; width: 28px; height: 28px; margin-left: 5px; border-radius: 50%; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-guclu); color: var(--text-3); }
.zc-oge[data-ton="tehlike"] .zc-nokta { color: var(--danger); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--danger) 45%, var(--border)); }
.zc-oge[data-ton="uyari"] .zc-nokta { color: var(--warning); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--warning) 45%, var(--border)); }
.zc-oge[data-ton="basari"] .zc-nokta { color: var(--success); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--success) 45%, var(--border)); }
.zc-govde { min-width: 0; padding: 8px 12px; border-radius: 10px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); }
.zc-baslik { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; }
.zc-baslik code { font-size: 12px; color: var(--text-2); }
.zc-ayrinti { margin: 4px 0 0; font-size: 13px; color: var(--text-2); overflow-wrap: anywhere; }
.zc-baglanti { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; font-size: 12.5px; }

/* genel bakış: huni altındaki kaynak notu */
.gb-huni-not { margin: 12px 0 0; font-size: var(--fs-13); line-height: 1.5; color: var(--text-3); }

/* hazır cevaplar (yanıt kutusu üstünde liste) */
.gk-hazir { display: flex; flex-direction: column; gap: 6px; padding: 8px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.gk-hazir-liste { list-style: none; margin: 0; padding: 0; max-height: 220px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.gk-hazir-oge { display: flex; flex-direction: column; gap: 2px; padding: 6px 8px; border-radius: 8px; cursor: pointer; min-width: 0; }
.gk-hazir-oge[aria-selected="true"], .gk-hazir-oge:hover { background: var(--surface); box-shadow: inset 0 0 0 1px var(--border-strong, var(--border)); }
.gk-hazir-bas { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.gk-hazir-bas code { font-size: 12px; color: var(--text-3); }
.gk-hazir-on { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* bilgi tazeliği (Senaryolar sekmesi) */
.bb-tazelik { margin-bottom: 14px; padding: 12px 16px; border-radius: 12px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); display: flex; flex-direction: column; gap: 10px; }
.bb-tazelik[data-durum="bozuk"] { box-shadow: inset 0 0 0 1px var(--danger); }
.bb-tazelik-ust { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.bb-tazelik-ust > div { flex: 1 1 240px; min-width: 0; }
.bb-tazelik-ust > .ikon { margin-top: 2px; color: var(--success); flex: none; }
.bb-tazelik[data-durum="bozuk"] .bb-tazelik-ust > .ikon { color: var(--danger); }
.bb-tazelik-ust p { margin: 2px 0 0; overflow-wrap: anywhere; }
.bb-tazelik-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; }
.bb-tazelik-liste li { display: flex; gap: 6px; align-items: baseline; overflow-wrap: anywhere; }
.bb-tazelik-liste .ikon { color: var(--danger); flex: none; }
.bb-tazelik-yollar summary { cursor: pointer; font-size: 13px; color: var(--text-2); }
.bb-tazelik-yollar ul { margin: 6px 0 0; padding-left: 18px; font-size: 12.5px; }
.bb-tazelik-yollar code { overflow-wrap: anywhere; }
.bb-tazelik-kapali { margin: 0 0 12px; }

/* ==========================================================================
   Yardım merkezi (gorunum/yardim.js)
   ========================================================================== */
.yardim-kategoriler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.yardim-kategori {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 12px;
  border: 1px solid var(--border); border-radius: var(--r-tam); background: var(--surface); color: var(--text-2); font: inherit; font-size: 13.5px; cursor: pointer;
  transition: border-color var(--t-hizli) var(--egri), background var(--t-hizli) var(--egri);
}
.yardim-kategori:hover { border-color: var(--border-guclu); color: var(--text); }
.yardim-kategori[aria-pressed="true"] { background: var(--accent-soft); border-color: var(--accent); color: var(--text); }
.yardim-grup { margin-top: 24px; }
.yardim-grup-baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 15px; font-weight: 650; color: var(--text); }
.yardim-grup-baslik .ikon { color: var(--accent); }
.yardim-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.yardim-kart {
  display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--border); border-radius: var(--r-2);
  background: var(--surface); color: inherit; text-decoration: none; min-width: 0;
  transition: border-color var(--t-hizli) var(--egri), box-shadow var(--t-hizli) var(--egri);
}
.yardim-kart:hover { border-color: var(--border-guclu); box-shadow: var(--golge-1); }
.yardim-kart:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.yardim-kart-ikon { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--r-2); background: var(--surface-2); color: var(--accent); }
.yardim-kart-metin { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.yardim-kart-metin strong { font-size: 14.5px; font-weight: 650; color: var(--text); overflow-wrap: anywhere; }
.yardim-kart-metin > span { font-size: 13px; color: var(--text-2); line-height: 1.45; }
.yardim-kart-metin .rozet { align-self: flex-start; margin-top: 2px; }
.yardim-yol { font-size: 13px; color: var(--text-3); margin-bottom: 12px; }
.yardim-yol a { color: var(--text-2); }
.yardim-makale { max-width: 720px; display: flex; flex-direction: column; gap: 14px; line-height: 1.6; color: var(--text); overflow-wrap: anywhere; }
.yardim-baslik { font-family: var(--font-serif); font-size: 28px; font-weight: 650; line-height: 1.2; margin: 0; }
.yardim-ozet { color: var(--text-2); font-size: 15px; margin: 0; }
.yardim-adimlar, .yardim-liste { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 6px; }
.yardim-adimlar { list-style: decimal; }
.yardim-liste { list-style: disc; }
.yardim-adimlar li::marker, .yardim-liste li::marker { color: var(--text-3); }
.yardim-git { margin: 4px 0 0; }

/* ==========================================================================
   Mobil (≤759 px): ad, başlık ve etiket "…" ile kesilmez; harf kuyrukları (y, ş, ğ, ç, ö, ü, İ, ı) kırpılmaz; sayfa yatay kaymaz.
   Masaüstü kuralları yukarıda olduğu gibi kalır; buradakiler yalnız dar ekranda onları geri alır. Dosya sonunda durur: aynı özgüllükte
   yukarıdaki kuralları kaskat sırasıyla ezer.
   ========================================================================== */
.onizleme-cerceve[data-yerlesim="mobil"] { max-width: 100%; }   /* 300 px sabit telefon çerçevesi 320 px ekranda kart içinden taşıyordu */
@media (max-width: 759px) {
  /* düğme / rozetten oluşan satır sarar; esnek çocuğu olan satırda metin kendi içinde sarar, o yüzden dokunulmaz */
  .satir:not(:has(> .esnek)) { flex-wrap: wrap; }
  /* tablo kart görünümünde (kapsayıcı ≤ 640 px) metin düğmesi içeren hücre yarım sütunda kalıp düğmeyi kesiyordu ("Hakkı düzenle", "Laboratuvara
     gönder"…): hücre tüm satırı kaplar, düğme tam görünür (düğmenin kendi sarma/40 px kuralı bilesen.css'te) */
  @container (max-width: 640px) {
    .tablo td:has(> .dugme:not(.ikon-dugme)) { grid-column: 1 / -1; }
  }
  /* genel bakış, aşama rozeti, adaylar */
  .brifing-bas { flex-wrap: wrap; gap: 4px 12px; }
  .brifing-tarih { white-space: normal; }
  .gb-aday-metin small, .ah-ad small { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  .asama-rozet { height: auto; min-height: 22px; padding-block: 3px; line-height: 1.25; white-space: normal; }
  .ak-sutun-ad, .ak-ad, .ak-kaynak { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.35; }
  .ak-konu { display: block; -webkit-line-clamp: none; overflow: visible; line-height: 1.4; }
  .ak-alt { flex-wrap: wrap; row-gap: 2px; }
  .ak-sutun-bas { flex-wrap: wrap; }

  /* konuşmalar (gelen kutusu) */
  .gk-serit-sayfa { max-width: none; overflow: visible; text-overflow: clip; }
  .gk-oge-konu { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.35; }
  .gk-filtre-oge { height: auto; min-height: 40px; padding-block: 6px; line-height: 1.3; }
  .gk-hazir-on { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  .gk-oge-alt .rozet, .gk-serit .rozet { height: auto; min-height: 20px; padding-block: 2px; line-height: 1.25; white-space: normal; }
  .gk-oge-alt .rozet > span:last-child, .gk-serit .rozet > span:last-child { overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }

  /* bilgi bankası */
  .bb-kaynak-metin strong, .bb-kaynak-metin code { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  .bb-kural { height: auto; min-height: 24px; padding-block: 3px; line-height: 1.3; }

  /* ayarlar ve güvenlik */
  .gv-ip-cip { height: auto; min-height: 32px; padding-block: 4px; flex-wrap: wrap; overflow-wrap: anywhere; }
  .renk-not { white-space: normal; }
  .saat-araligi { flex-wrap: wrap; }
  .saat-araligi .girdi { width: auto; flex: 1 1 110px; min-width: 0; }   /* iki saat kutusu (2 × 132 px) 320 px'te kart içinden taşıyordu */
  .sema-nav-oge { min-height: 40px; }
  .yardim-kategori { min-height: 40px; }
  /* yapışkan kaydet çubukları: sayaç + iki düğme 320 px'e sığmazsa satır atlar (düğme etiketi kesilmez) */
  .sema-cubuk, .bb-editor-alt { flex-wrap: wrap; row-gap: 8px; }
  .sema-kirli-sayac { flex: 1 1 9em; }
  .ah-ust { grid-template-columns: minmax(0, 1fr); }
}