/* Inter Tight (SIL OFL), kendi sunucumuzdan: Google'a bağlantı yok. Değişken yazı tipi: 500-700 tek dosyada. */
/* Yazı tipi (29-30 Eki gece, ilk boyama): ağırlık ekseni 500-700, latin-ext yerine yalnız Türkçenin harfleri (Ğ ğ İ Ş ş; ı latin dosyasında). İkisi 135 KB yerine 30 KB. */
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 500 700; font-display: swap; src: url(inter-tight-tr.woff2) format("woff2"); unicode-range: U+011E-011F, U+0130, U+015E-015F; }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 500 700; font-display: swap; src: url(inter-tight-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Kâğıt yazısı (31 Eki): önizleme Word ve UDF çıktısıyla aynı satırı kırsın diye Times New Roman. Android'de Times New Roman yok,
   yerine Noto Serif geliyor (harfler daha geniş, satırlar Word'den farklı kırılıyordu). Tinos (Apache 2.0, Chrome OS'in yazı tipi)
   Times New Roman'la aynı ölçülerde; yalnız Times New Roman olmayan cihaz indirir (Mac, iPhone, Windows indirmez), kabuğa girmez.
   Latin, Türkçe harfler ve ₺; dört kesim, her biri ~10 KB. */
@font-face { font-family: Tinos; font-style: normal; font-weight: 400; font-display: swap; src: local("Tinos"), local("Tinos-Regular"), url(tinos-1.34-400.woff2) format("woff2"); }
@font-face { font-family: Tinos; font-style: normal; font-weight: 700; font-display: swap; src: local("Tinos Bold"), local("Tinos-Bold"), url(tinos-1.34-700.woff2) format("woff2"); }
@font-face { font-family: Tinos; font-style: italic; font-weight: 400; font-display: swap; src: local("Tinos Italic"), local("Tinos-Italic"), url(tinos-1.34-400i.woff2) format("woff2"); }
@font-face { font-family: Tinos; font-style: italic; font-weight: 700; font-display: swap; src: local("Tinos Bold Italic"), local("Tinos-BoldItalic"), url(tinos-1.34-700i.woff2) format("woff2"); }
/* Nesafet: koyu sinematik zemin, buzlu cam, kırık beyaz yazı (Melih, 28 Eki: krem-serif-altın kalıbından çık).
   Renk yalnız anlam taşır: lehe, aleyhe, risk; o da küçük bir nokta olarak. */
:root {
  --gece: #0b0f14;
  --gece-2: #10151c;
  --kirik: #f1ece2;
  --metin: rgba(241, 236, 226, .86);
  --soluk: rgba(241, 236, 226, .58);
  --sonuk: rgba(241, 236, 226, .52); /* Tur 7: .38 koyu zeminde 3,2:1'di; .52 ile 4,6-4,9:1 (küçük yazı için AA) */
  --cizgi: rgba(255, 255, 255, .085);
  --cizgi-2: rgba(255, 255, 255, .16);
  --cam: rgba(255, 255, 255, .045);
  --cam-2: rgba(255, 255, 255, .08);
  --kenar: rgba(255, 255, 255, .12);
  --lehe: #a9d9bc; --aleyhe: #f0aaa2; --risk: #f3c58b; --cift: #c9b8f2; --firsat: #a8c5ff; --notr: #aab2bd;
  --yazi: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;
  --sans: var(--yazi);
  --baslik: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --yaricap: 18px;
  --yay: cubic-bezier(.2, .9, .25, 1);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
html { background: var(--gece); -webkit-text-size-adjust: 100%; }
html.kilitli { overflow: hidden; }
body {
  background: var(--gece); color: var(--metin); font-family: var(--yazi); font-size: 16px; line-height: 1.5; letter-spacing: -0.006em;
  -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; min-height: 100vh;
}
button, input, select { font: inherit; color: inherit; }
/* seçim kutusu en uzun seçeneği kadar genişler; kabından taşmasın (2 Kas gece; hata avı: telefonda 60 harflik dava adı kronoloji
   ve tahsilatı 489/461 piksele taşırıyordu, Çeviri'de "Hedef dil" kartından 129 piksel taşıyordu) */
select { max-width: 100%; }
/* seçim kutusunun oku (2 Kas akşam; Melih: "taşmış gibi durmamalı"): tarayıcının kalın oku kenara yapışıyor, uzun seçenek
   ("Hizmet ve danışmanlık (vekâlet) sözleşmesi (TBK 502)") okun altına giriyordu. Ok bizim ince çizgimiz, sağda nefes payı;
   metin okun önünde "…" ile kesilir. Özgüllük yüksek: sayfa kurallarının background kısaltması ve padding'i oku ezmesin */
:root:not(.tanitim-modu) select:not([multiple]):not([size]) {
  appearance: none; -webkit-appearance: none;
  padding-right: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 fill=%27none%27 stroke=%27%23f1ece2%27 stroke-opacity=%27.7%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 13px center; background-size: 12px 8px;
}
:root:not(.tanitim-modu) select:not([multiple]):not([size]):disabled { opacity: .55; }
a { color: inherit; }
::selection { background: rgba(241, 236, 226, .24); }
:focus-visible { outline: 2px solid rgba(241, 236, 226, .7); outline-offset: 2px; border-radius: 8px; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.simge { flex: 0 0 auto; display: block; }

/* Üst çubuk: solda üç çizgi, ortada nesafet., sağda giriş ya da kullanıcı */
.tepe { position: fixed; top: 0; left: 0; right: 0; z-index: 40; padding-top: env(safe-area-inset-top); border-bottom: 1px solid transparent; transition: background .35s ease, border-color .35s ease; }
.tepe::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity .35s ease; background: rgba(11, 15, 20, .62); backdrop-filter: blur(22px) saturate(1.6); -webkit-backdrop-filter: blur(22px) saturate(1.6); }
.tepe.dolu, .tepe.uygulama { border-bottom-color: var(--cizgi); }
.tepe.dolu::before, .tepe.uygulama::before { opacity: 1; }
.tepe-ic { position: relative; height: 56px; display: flex; align-items: center; gap: 8px; padding: 0 max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left)); }
.tepe-menu { width: 44px; height: 44px; border: 0; background: none; border-radius: 12px; display: grid; place-content: center; gap: 5px; cursor: pointer; color: #fff; padding: 0; }
.tepe-menu span { display: block; width: 20px; height: 1.6px; border-radius: 2px; background: currentColor; transition: transform .32s var(--yay), opacity .2s; box-shadow: 0 1px 6px rgba(0, 0, 0, .25); }
.tepe-menu[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.6px) rotate(45deg); }
.tepe-menu[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.tepe-menu[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.6px) rotate(-45deg); }
.tepe-marka { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -54%); font-family: var(--baslik); font-weight: 700; font-size: 22px; letter-spacing: -0.06em; line-height: 1; color: #fff; text-decoration: none; white-space: nowrap; }
.tanitim-modu .tepe-marka { visibility: hidden; }
.tepe-sag { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.tepe-giris {
  border: 1px solid rgba(255, 255, 255, .26); border-radius: 999px; padding: 7px 16px; font-family: var(--baslik); font-weight: 600; font-size: 14.5px;
  color: #0b0f14; background: var(--kirik); cursor: pointer; letter-spacing: -0.01em;
  opacity: 0; transform: translateY(-10px); pointer-events: none; transition: opacity .3s ease, transform .4s var(--yay);
}
.tepe.dolu .tepe-giris { opacity: 1; transform: none; pointer-events: auto; }
.tepe-dugme { width: 40px; height: 40px; display: grid; place-items: center; padding: 0; background: none; border: 0; border-radius: 0; color: var(--kirik); font: inherit; text-decoration: none; cursor: pointer; }
.tepe-dugme:hover { background: var(--cam-2); }
.avatar { display: inline-grid; place-items: center; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; color: var(--kirik); background: rgba(255, 255, 255, .1); border: 1px solid var(--kenar); }
.avatar.buyuk { width: 40px; height: 40px; font-size: 14px; }
@media (max-width: 640px) { .tepe-marka { font-size: 20px; } }

/* Büyük yazı: açılışta ortada, kaydırdıkça küçülüp üst çubuğa oturur (konumu tanitim.js hesaplar) */
.buyuk-marka {
  position: fixed; left: 50%; top: 0; z-index: 41; margin: 0; font-family: var(--baslik); font-weight: 700; font-size: clamp(80px, 18.5vw, 420px);
  letter-spacing: -0.06em; line-height: 1; color: #fff; white-space: nowrap; text-shadow: 0 2px 40px rgba(0, 0, 0, .16);
  transform-origin: 50% 50%; transform: translate(-50%, -200vh); pointer-events: none; user-select: none; -webkit-user-select: none;
}
.buyuk-marka.yerinde { pointer-events: auto; cursor: pointer; text-shadow: none; }
html.kilitli .buyuk-marka { z-index: 39; }

/* Çekmece (üç çizgi) */
.cekmece-perde { position: fixed; inset: 0; z-index: 60; background: rgba(4, 6, 9, .55); opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.cekmece-perde.acik { opacity: 1; pointer-events: auto; }
.cekmece {
  position: fixed; top: 0; bottom: 0; left: 0; z-index: 61; width: min(380px, 100vw); display: flex; flex-direction: column;
  background: rgba(14, 18, 24, .88); backdrop-filter: blur(30px) saturate(1.5); -webkit-backdrop-filter: blur(30px) saturate(1.5);
  border-right: 1px solid var(--cizgi); box-shadow: 30px 0 80px rgba(0, 0, 0, .35);
  padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);
  transform: translateX(-104%); visibility: hidden; transition: transform .45s var(--yay), visibility 0s linear .45s; overflow-y: auto; outline: none;
}
.cekmece.acik { transform: none; visibility: visible; transition: transform .45s var(--yay), visibility 0s; }
.cekmece-ust { height: 56px; flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 0 10px; }
.cekmece-kapat { width: 44px; height: 44px; border: 0; background: none; color: var(--kirik); display: grid; place-items: center; border-radius: 12px; cursor: pointer; }
.cekmece-kapat:hover { background: var(--cam-2); }
.cekmece-marka { font-family: var(--baslik); font-weight: 700; font-size: 20px; letter-spacing: -0.06em; color: var(--kirik); }
.cekmece-ic { flex: 1; display: flex; flex-direction: column; padding: 6px 12px 18px; }
.c-tanitim { display: flex; flex-direction: column; padding: 18px 8px 10px; }
.c-oge { display: flex; flex-direction: column; gap: 2px; padding: 11px 6px; text-decoration: none; border-radius: 12px; }
.c-oge-ad { font-family: var(--baslik); font-weight: 600; font-size: 28px; letter-spacing: -0.04em; line-height: 1.05; color: var(--kirik); }
.c-oge-alt { font-size: 14px; color: var(--soluk); }
.c-oge:hover .c-oge-ad { color: #fff; }
.cekmece.acik .c-oge { animation: c-gel .5s var(--yay) both; animation-delay: calc(var(--sira) * 35ms + 80ms); }
@keyframes c-gel { from { opacity: 0; transform: translateX(-12px); } }
.c-alt { margin-top: auto; padding: 18px 8px 4px; display: flex; flex-direction: column; gap: 10px; }
.c-giris { border: 0; border-radius: 999px; padding: 13px; background: var(--kirik); color: #0b0f14; font-family: var(--baslik); font-weight: 600; font-size: 16px; cursor: pointer; }
.c-ilke { margin: 0; font-size: 12.5px; color: var(--sonuk); text-align: center; }
.c-grup { padding: 6px 0 10px; border-bottom: 1px solid var(--cizgi); }
.c-grup:last-of-type { border-bottom: 0; }
.c-grup-ad { font-size: 12.5px; font-weight: 600; color: var(--soluk); padding: 10px 12px 4px; }
.c-grup-ad span { font-weight: 400; color: var(--sonuk); }
.c-modul { display: flex; align-items: center; gap: 12px; width: 100%; padding: 9px 12px; border: 0; background: none; border-radius: 12px; color: var(--metin); text-decoration: none; font-size: 15.5px; cursor: pointer; text-align: left; }
.c-modul:hover { background: var(--cam); color: var(--kirik); }
.c-modul.secili { background: var(--cam-2); color: var(--kirik); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); }
.c-modul .simge { color: var(--soluk); }
.c-modul.secili .simge { color: var(--kirik); }
.c-ad { flex: 1; }
/* Masalar (1 Kas gece): çekmecede Yeni masa ve son masalar; köşeler menünün kuralıyla keskin */
.c-masa-liste { display: flex; flex-direction: column; }
.c-masa { display: block; padding: 7px 12px 7px 44px; color: var(--soluk); text-decoration: none; font-size: 14px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c-masa:hover, .c-masa:focus-visible { background: var(--cam); color: var(--kirik); }
.c-masa.secili { color: var(--kirik); background: var(--cam-2); }
.c-masa-tumu { color: var(--sonuk); font-size: 13px; }
.selam-yeni { display: none; align-items: center; gap: 6px; margin-top: 10px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .04); color: var(--soluk); font: inherit; font-size: 13px; cursor: pointer; }
.masa.sohbette .selam-yeni { display: inline-flex; }
.selam-yeni:hover, .selam-yeni:focus-visible { color: var(--kirik); border-color: var(--kirik); }
.ms-ust { display: flex; gap: 10px; align-items: center; margin-bottom: 14px; flex-wrap: wrap; }
.ms-ara { flex: 1 1 260px; height: 42px; padding: 0 14px; border-radius: 14px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .04); color: var(--metin); font: inherit; font-size: 15px; }
.ms-ara:focus { outline: none; border-color: var(--kirik); }
.ms-ust .dugme-cam { margin-top: 0; display: inline-flex; align-items: center; gap: 6px; }
.ms-liste { display: flex; flex-direction: column; border-top: 1px solid var(--cizgi); }
.ms-satir { display: flex; align-items: center; gap: 12px; padding: 12px 4px; border-bottom: 1px solid var(--cizgi); }
.ms-ad { flex: 1; min-width: 0; color: var(--metin); text-decoration: none; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-ad:hover, .ms-ad:focus-visible { color: var(--kirik); text-decoration: underline; }
.ms-tarih { flex: 0 0 auto; font-size: 12.5px; color: var(--sonuk); font-variant-numeric: tabular-nums; }
.ms-sil { flex: 0 0 auto; display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--sonuk); cursor: pointer; }
.ms-sil:hover, .ms-sil:focus-visible { color: var(--kirik); background: rgba(255, 255, 255, .06); }
.c-sayac { min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; display: grid; place-items: center; font-size: 12px; font-weight: 700; color: #0b0f14; background: var(--kirik); }
.c-cikis { color: var(--soluk); }

/* Giriş penceresi */
.giris-perde { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 16px; background: rgba(4, 6, 9, .5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; transition: opacity .25s ease; }
.giris-perde.acik { opacity: 1; }
.giris-kutu {
  position: relative; width: min(440px, 100%); padding: 40px 26px 24px; border-radius: 30px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px;
  background: linear-gradient(150deg, rgba(255, 255, 255, .13) 0%, rgba(20, 25, 33, .72) 40%, rgba(20, 25, 33, .8) 100%);
  border: 1px solid rgba(255, 255, 255, .16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 30px 80px rgba(0, 0, 0, .5);
  backdrop-filter: blur(30px) saturate(1.5); -webkit-backdrop-filter: blur(30px) saturate(1.5);
  transform: translateY(10px) scale(.98); transition: transform .4s var(--yay);
}
.giris-perde.acik .giris-kutu { transform: none; }
.giris-kapat { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--cam-2); color: var(--kirik); display: grid; place-items: center; cursor: pointer; }
.giris-marka { font-family: var(--baslik); font-weight: 700; font-size: 52px; letter-spacing: -0.06em; line-height: 1; color: #fff; }
.giris-alt { margin: 0 0 6px; color: var(--soluk); font-size: 14.5px; }
.giris-kutu .acilis-form { width: 100%; }
.giris-kutu .hata-metni { color: #ffc2bb; min-height: 18px; margin: 0; font-size: 13.5px; }
.giris-not { margin: 4px 0 0; font-size: 12px; color: var(--sonuk); }

/* ---------- Açılış sayfası ve filmler ---------- */
/* Açılış (giriş) ekranı: tam ekran video + nesafet. */
.acilis-sayfa { background: #0b0f14; color: #f2f4f7; min-height: 100vh; font-family: "Inter Tight", var(--sans); }
.acilis { position: relative; height: 100vh; height: 100svh; background: #0b0f14; overflow: hidden; color: #fff; }
.acilis video, .acilis .kapak { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.acilis::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,0) 58%, rgba(0,0,0,.6) 100%);
}
.acilis-alt {
  position: absolute; left: 0; right: 0; bottom: calc(28px + env(safe-area-inset-bottom)); z-index: 3;
  display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 16px;
}
.acilis-form {
  display: flex; width: min(420px, 100%); gap: 6px; padding: 6px; border-radius: 999px;
  background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .26);
  backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3);
}
.acilis-form input {
  flex: 1; min-width: 0; background: transparent; border: 0; outline: none; color: #fff;
  font-family: var(--sans); font-size: 16px; padding: 10px 14px;
}
.acilis-form input::placeholder { color: rgba(255, 255, 255, .72); }
.acilis-form button {
  border: 0; border-radius: 999px; background: #fff; color: #0b0f14; cursor: pointer;
  font-family: "Inter Tight", var(--sans); font-weight: 600; font-size: 15px; padding: 10px 20px; letter-spacing: -0.01em;
}
.acilis-form button:disabled { opacity: .6; }
.acilis .hata-metni { color: #ffc2bb; min-height: 18px; margin: 0; font-size: 13.5px; text-shadow: 0 1px 8px rgba(0,0,0,.4); }
.acilis-not { margin: 0; font-size: 12.5px; color: rgba(255, 255, 255, .78); text-align: center; letter-spacing: .01em; text-shadow: 0 1px 10px rgba(0,0,0,.35); }
@media (prefers-reduced-motion: reduce) { .acilis video { display: none; } }

/* Açılışın altı: tanıtım bölümleri (aynı sinematik dil) */
/* 31 Eki (Melih: "sağda ve solda boşluk olmasın"): bölümler ekranın tamamına yayılır, iki yanda ince pay; çok geniş ekranda 1760 px */
.tanitim { padding: 104px clamp(16px, 3vw, 48px) 40px; max-width: 1760px; margin: 0 auto; }
.tanitim h2 { font-weight: 700; font-size: clamp(46px, 9.5vw, 128px); letter-spacing: -0.055em; line-height: .95; margin: 0; }
.tanitim .giris-metni { color: #98a2b3; font-size: clamp(16px, 2vw, 20px); max-width: 860px; margin: 18px 0 0; line-height: 1.45; letter-spacing: -0.005em; }

@keyframes yanip { 50% { opacity: 0; } }

.ucler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 110px; }
@media (max-width: 760px) { .ucler { grid-template-columns: 1fr; margin-top: 72px; } }
.ucler h3 { font-weight: 700; font-size: clamp(34px, 4.4vw, 52px); letter-spacing: -0.045em; margin: 0; }
.ucler h3 span { color: rgba(255,255,255,.45); }
.ucler p { color: #98a2b3; font-size: 16.5px; line-height: 1.5; margin: 10px 0 0; }
.kapanis { text-align: center; padding: 140px 16px 60px; }
.kapanis h2 { font-weight: 700; font-size: clamp(40px, 8vw, 104px); letter-spacing: -0.055em; line-height: .98; margin: 0; }
.kapanis h2 span { color: rgba(255,255,255,.45); }
.kapanis a { display: inline-block; margin-top: 34px; background: #fff; color: #0b0f14; text-decoration: none; font-weight: 600; padding: 13px 26px; border-radius: 999px; }
.dip { text-align: center; color: rgba(255,255,255,.4); font-size: 13px; padding: 30px 16px calc(30px + env(safe-area-inset-bottom)); }

/* "tek cümle." filmi (orbit uyarlaması): tek şekil, buzlu cam, beyaz; vurgu rengi yok */
.o-sahne { position: relative; width: 100%; aspect-ratio: 16 / 10; margin: 44px auto 0; border-radius: 28px; overflow: hidden; isolation: isolate; border: 1px solid rgba(255,255,255,.08); background: #0b0f14; }
/* arka plan: 64x36'lık bulanık resim büyük ekranda düşük çözünürlüklü görünüyordu (31 Eki); aynı tonlar çözünürlükten bağımsız degradeyle */
.o-sahne::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 55% at 30% 30%, rgba(52, 72, 60, .55), transparent 70%), radial-gradient(55% 60% at 75% 65%, rgba(40, 46, 44, .7), transparent 72%), radial-gradient(45% 50% at 55% 85%, rgba(10, 12, 12, .8), transparent 70%), linear-gradient(160deg, #1b2320, #121615 55%, #0d1110); }
@media (max-width: 640px) { .o-sahne { aspect-ratio: 4 / 5; border-radius: 22px; } }
.o-sekil {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; container-type: size;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.26);
  backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3);
}
.o-sekil.beyaz { background: #fff; border-color: #fff; }
.o-sekil.pencere { background: rgba(10,14,20,.72); border-color: rgba(255,255,255,.18); }
.o-sekil.dolu { border-color: transparent; background: rgba(10,14,20,.55); }
.o-cubuk { position: absolute; inset: 0; display: flex; align-items: center; gap: 8px; padding: 0 7px 0 10px; }
.o-ekler { display: flex; gap: 5px; flex: 0 0 auto; }
.o-ek { font-size: 12px; font-weight: 600; color: #fff; background: rgba(255,255,255,.16); border-radius: 999px; padding: 5px 10px; white-space: nowrap; }
.o-ek.dolu { background: #fff; color: #0b0f14; }
.o-yazi { flex: 1; min-width: 0; color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; display: flex; align-items: center; }
.o-yer { color: rgba(255,255,255,.55); }
.o-kursor { width: 2px; height: 18px; background: #fff; margin-left: 1px; animation: yanip 1s steps(1) infinite; }
.o-gonder { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; color: rgba(255,255,255,.6); background: rgba(255,255,255,.12); transition: background .2s, color .2s; }
.o-gonder.hazir { background: #fff; color: #0b0f14; }
.o-imlec { position: absolute; left: 0; top: 0; z-index: 5; pointer-events: none; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); }
.o-yuzde { position: absolute; inset: 0; display: grid; place-items: center; color: #0b0f14; font-weight: 700; font-size: 19px; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.o-halka { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.o-ajan {
  position: absolute; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 6px; white-space: nowrap;
  font-size: 13.5px; color: rgba(255,255,255,.85); padding: 7px 13px 7px 9px; border-radius: 999px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transition: background .35s, color .35s;
}
.o-ajan b { color: #fff; font-weight: 700; }
.o-ajan.satir { font-size: 12.5px; padding: 6px 11px 6px 8px; }
.o-ajan.gecti { background: #fff; color: rgba(11,15,20,.75); } .o-ajan.gecti b { color: #0b0f14; }
.o-tik { width: 15px; height: 15px; border-radius: 50%; background: #fff; position: relative; flex: 0 0 auto; }
.o-tik::after { content: ""; position: absolute; left: 5px; top: 2.5px; width: 3.5px; height: 7px; border: solid #0b0f14; border-width: 0 1.8px 1.8px 0; transform: rotate(45deg); }
.o-ajan.gecti .o-tik { background: #0b0f14; } .o-ajan.gecti .o-tik::after { border-color: #fff; }
.o-cizgi { position: absolute; width: 2px; height: 34px; background: #fff; border-radius: 2px; z-index: 4; box-shadow: 0 0 0 3px rgba(255,255,255,.12); }
.o-pencere-ic { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.5cqh; }
.o-kutu { --marka: 17cqw; position: relative; width: 86cqw; aspect-ratio: 100 / 40; display: grid; place-items: center; }
.o-yorunge { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.o-yorunge.arka { z-index: 1; } .o-yorunge.on { z-index: 3; }
.o-marka { z-index: 2; }
.o-yorunge path { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: butt; }
.o-iz-arka { stroke: #fff; }
.o-iz-bosluk { stroke: #0c1117; }
.o-iz-on { stroke: #fff; }
.o-top { z-index: 4; transition: none; }
.o-marka { position: relative; color: #fff; font-weight: 700; font-size: var(--marka); letter-spacing: -0.06em; line-height: 1; white-space: nowrap; }
.o-nokta-yer { color: transparent; }
.o-taban { display: inline-block; width: 0; height: 0; vertical-align: baseline; }
.o-nokta-yer.dolu { color: #fff; }
.o-top { position: absolute; font-size: var(--marka); width: .16em; height: .16em; border-radius: 50%; background: #fff; transform: translate(-50%, -50%); }
.o-alt { color: rgba(255,255,255,.7); font-size: max(10px, 1.55cqw); letter-spacing: .26em; text-transform: uppercase; font-weight: 500; text-align: center; padding: 0 5cqw; }
@media (max-width: 640px) {
  .o-alt { letter-spacing: .12em; font-size: max(9px, 2.4cqw); }
  .o-ajan.satir .o-fiil { display: none; }
  .o-ajan { font-size: 12.5px; }
}
.o-bildirim { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 9px; color: #fff; font-size: 14px; font-weight: 500; white-space: nowrap; }

/* Liquid glass ve SF yazı (28 Ekim akşam, Melih: "fontları AI'dan çıkar, liquid glass yap, renkli etiketler kırık beyaz") */
:root { --kirik: #f1ece2; --cam-kenar: rgba(255,255,255,.22); }
.o-sahne, .acilis-form, .acilis-not, .nasil, .tanitim .giris-metni, .ucler p {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif; letter-spacing: -0.01em;
}
.o-marka { font-family: "Inter Tight", "Helvetica Neue", Arial, sans-serif; }
.acilis-form, .nasil, .o-ajan:not(.gecti), .o-sekil:not(.beyaz):not(.pencere):not(.dolu) {
  background: linear-gradient(140deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.05) 44%, rgba(255,255,255,.1) 100%);
  border: 1px solid var(--cam-kenar);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(255,255,255,.07), inset 1px 0 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.28);
  backdrop-filter: blur(24px) saturate(1.8) brightness(1.06); -webkit-backdrop-filter: blur(24px) saturate(1.8) brightness(1.06);
}
.o-sekil.pencere, .o-sekil.dolu {
  background: linear-gradient(150deg, rgba(255,255,255,.12) 0%, rgba(12,16,22,.6) 38%, rgba(12,16,22,.66) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 18px 44px rgba(0,0,0,.35);
}
.acilis-form::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: radial-gradient(120% 60% at 12% 0%, rgba(255,255,255,.16), rgba(255,255,255,0) 55%);
}
.acilis-form { position: relative; }
.acilis-form > * { position: relative; }
.o-ajan b { color: var(--kirik); }
.o-ajan.gecti, .o-ek.dolu, .o-gonder.hazir, .o-sekil.beyaz { background: var(--kirik); border-color: var(--kirik); }
.o-ajan b { transition: color .35s; }

/* Açılış: yeni bölümler (hafıza, içtihat, Mübaşir, hesap, gizlilik) */
.acilis-sayfa { font-family: var(--yazi); }
.tanitim h2 { font-family: var(--baslik); color: #fff; }
.ikili { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: clamp(40px, 5vw, 96px); align-items: center; }
.ikili-metin .giris-metni { max-width: none; }
.ikili h2 { font-size: clamp(46px, 6.6vw, 96px); }
@media (max-width: 900px) { .ikili { grid-template-columns: 1fr; gap: 36px; } }
.kapanis-giris { display: inline-block; margin-top: 34px; border: 0; background: var(--kirik); color: #0b0f14; font-family: var(--baslik); font-weight: 600; font-size: 16px; padding: 13px 28px; border-radius: 999px; cursor: pointer; }

.s-sahne, .s-karar {
  position: relative; border-radius: 26px; padding: 22px; min-height: 360px; display: flex; flex-direction: column; gap: 12px; isolation: isolate; overflow: hidden;
  background: linear-gradient(150deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .03) 42%, rgba(255, 255, 255, .06) 100%);
  border: 1px solid rgba(255, 255, 255, .13); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 24px 60px rgba(0, 0, 0, .35);
}
.s-sahne::before, .s-karar::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)), radial-gradient(60% 55% at 30% 30%, rgba(52, 72, 60, .55), transparent 70%), radial-gradient(55% 60% at 75% 65%, rgba(40, 46, 44, .7), transparent 72%), radial-gradient(45% 50% at 55% 85%, rgba(10, 12, 12, .8), transparent 70%), linear-gradient(160deg, #1b2320, #121615 55%, #0d1110); }
.s-balon { align-self: flex-end; max-width: 86%; padding: 11px 15px; border-radius: 18px 18px 6px 18px; background: var(--kirik); color: #0b0f14; font-size: 15.5px; line-height: 1.4; min-height: 44px; }
.s-durum { display: flex; align-items: center; gap: 9px; font-size: 13.5px; color: var(--soluk); padding: 2px 4px; }
.s-nabiz { width: 8px; height: 8px; border-radius: 50%; background: var(--kirik); animation: nabiz 1s ease-in-out infinite; }
@keyframes nabiz { 50% { opacity: .25; transform: scale(.7); } }
.s-cevap { display: flex; flex-direction: column; gap: 9px; max-width: 94%; }
.s-cevap-ust { font-size: 15px; color: var(--kirik); font-weight: 600; }
.s-alinti { padding: 10px 13px; border-radius: 14px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07); }
.s-kaynak { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--soluk); margin-bottom: 3px; }
.s-alinti-metin { font-size: 15px; color: var(--kirik); line-height: 1.4; }
.s-not { display: flex; align-items: baseline; gap: 9px; font-size: 14px; color: var(--metin); line-height: 1.4; }
.s-not .etiket { flex: 0 0 auto; }

.s-karar { margin: 0; gap: 10px; min-height: 0; }
.s-karar-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.s-mahkeme { font-family: var(--baslik); font-weight: 600; font-size: 19px; letter-spacing: -0.02em; color: #fff; }
.s-oy { font-size: 12.5px; color: var(--soluk); border: 1px solid var(--kenar); border-radius: 999px; padding: 2px 10px; }
.s-kunye { font-size: 13.5px; color: var(--soluk); font-variant-numeric: tabular-nums; margin-top: -4px; }
.s-karar blockquote { margin: 6px 0 4px; font-size: 15.5px; line-height: 1.5; color: var(--kirik); }
.s-karar mark { background: linear-gradient(transparent 62%, rgba(241, 236, 226, 0) 62%); color: inherit; transition: background .9s ease; padding: 0 1px; }
.s-karar mark.yanik { background: linear-gradient(transparent 58%, rgba(241, 236, 226, .28) 58%); }
.s-karar-alt { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 6px; font-size: 12.5px; color: var(--soluk); }
.s-karar-alt span { display: inline-flex; align-items: center; gap: 5px; }


.s-hesap { gap: 10px; justify-content: center; }
.s-hesap-girdi { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 14px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .07); font-size: 14.5px; color: var(--kirik); }
.s-hesap-adim { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 4px 4px 4px 14px; border-left: 1.5px solid var(--cizgi-2); font-size: 14.5px; color: var(--metin); line-height: 1.4; }
.s-hesap-adim .cip { flex: 0 0 auto; }
.s-hesap-sonuc { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 8px; padding: 16px 16px; border-radius: 16px; background: var(--kirik); color: #0b0f14; }
.s-hesap-sonuc span { font-size: 14px; font-weight: 600; }
.s-hesap-sonuc b { font-family: var(--baslik); font-size: 24px; letter-spacing: -0.03em; }

.s-gizlilik { gap: 14px; justify-content: center; }
.s-asama { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 14px; align-items: baseline; padding: 13px 14px; border-radius: 14px; background: rgba(255, 255, 255, .055); }
.s-asama-ad { font-size: 12.5px; font-weight: 600; color: var(--soluk); }
.s-asama-metin { font-size: 15px; color: var(--kirik); line-height: 1.45; }
.s-isim { border-radius: 6px; padding: 0 3px; margin: 0 -1px; background: rgba(241, 236, 226, .14); transition: filter .25s ease, background .3s ease; }
.s-isim.donusuyor { filter: blur(6px); }
.s-isim.maskeli { background: rgba(168, 197, 255, .16); font-variant-numeric: tabular-nums; font-size: .92em; }
@media (max-width: 640px) { .s-asama { grid-template-columns: 1fr; gap: 4px; } .s-sahne, .s-karar { padding: 16px; border-radius: 22px; } }
.tanitim .giris-metni, .ucler p { color: rgba(241, 236, 226, .62); }

/* ---------- Uygulama (giriş sonrası) ---------- */
body:has(.sayfa) { background: var(--gece) radial-gradient(120% 60% at 50% -10%, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 60%) no-repeat; }
/* Ekranın iki yanına yayılır; yalnız çok geniş (kavisli, 2400 px üstü) ekranda üst sınır (Melih, 28 Eki) */
.sayfa { max-width: 2200px; margin: 0 auto; padding: calc(56px + env(safe-area-inset-top) + 18px) max(clamp(16px, 2.6vw, 44px), env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(clamp(16px, 2.6vw, 44px), env(safe-area-inset-left)); }
.sayfa-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 10px 0 18px; }
.sayfa-ust h1 { margin: 0; font-family: var(--baslik); font-weight: 700; font-size: clamp(32px, 5vw, 46px); letter-spacing: -0.045em; line-height: 1.02; color: #fff; }
.sayfa-alt { margin: 8px 0 0; color: var(--soluk); font-size: 15px; max-width: 680px; }
.ornek-rozet { flex: 0 0 auto; font-size: 12px; font-weight: 600; color: var(--soluk); border: 1px dashed var(--cizgi-2); border-radius: 999px; padding: 3px 10px; white-space: nowrap; margin-top: 4px; }
.bolum-ad { font-family: var(--baslik); font-weight: 600; font-size: 19px; letter-spacing: -0.02em; color: var(--kirik); margin: 28px 0 12px; display: flex; align-items: center; gap: 10px; }
.ust-bosluk { margin-top: 16px; }
.kucuk { font-size: 13.5px; color: var(--soluk); margin: 10px 0 0; }
.duz { margin: 0; }
.bos { text-align: center; color: var(--soluk); padding: 24px 0; margin: 0; }

.kart {
  position: relative; border-radius: var(--yaricap); padding: 16px 18px; min-width: 0;
  background: linear-gradient(160deg, rgba(255, 255, 255, .065) 0%, rgba(255, 255, 255, .03) 60%);
  border: 1px solid var(--cizgi); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}
a.kart { display: block; text-decoration: none; transition: border-color .2s, transform .2s var(--yay), background .2s; }
a.kart:hover { border-color: var(--cizgi-2); transform: translateY(-1px); }
.kart.sonuk { opacity: .72; }
.kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.kart-ust h2 { margin: 0; font-family: var(--baslik); font-weight: 600; font-size: 17px; letter-spacing: -0.02em; color: var(--kirik); display: flex; align-items: center; gap: 9px; }
.kart-bag { font-size: 13px; color: var(--soluk); text-decoration: none; display: inline-flex; align-items: center; gap: 2px; text-align: right; }
a.kart-bag:hover { color: var(--kirik); }
.kart h3 { margin: 0; font-family: var(--baslik); font-weight: 600; font-size: 18px; letter-spacing: -0.02em; color: var(--kirik); display: flex; align-items: center; gap: 8px; justify-content: space-between; }
.kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
.izgara-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
@media (max-width: 760px) { .izgara-2 { grid-template-columns: 1fr; } }
.izgara-2 > .kart { margin: 0; }
.sayfa > .kart + .kart, .sayfa > .kart { margin-top: 14px; }

/* Satırlar: saat/gün solda, başlık ve alt satır */
.satir { display: flex; align-items: center; gap: 12px; padding: 10px 6px; border-radius: 12px; text-decoration: none; color: var(--metin); }
a.satir:hover { background: var(--cam); }
.satir + .satir { border-top: 1px solid var(--cizgi); border-radius: 0; }
a.satir + a.satir:hover { border-radius: 0; }
.satir.secili { background: var(--cam-2); border-radius: 12px; }
.satir.bitti { opacity: .5; }
.satir-zaman { flex: 0 0 64px; display: flex; flex-direction: column; font-size: 12.5px; color: var(--soluk); font-variant-numeric: tabular-nums; line-height: 1.25; }
.satir-zaman b { font-size: 14.5px; color: var(--kirik); font-weight: 600; }
.satir-zaman b.yeni { color: #0b0f14; background: var(--kirik); border-radius: 6px; padding: 0 6px; align-self: flex-start; font-size: 12.5px; }
.satir.acil .satir-zaman b { color: var(--aleyhe); }
.satir.yakin .satir-zaman b { color: var(--risk); }
.satir-govde { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.satir-baslik { color: var(--kirik); font-size: 15px; line-height: 1.35; }
.satir-alt { color: var(--soluk); font-size: 13px; line-height: 1.35; }
/* boşluksuz uzun yazı (bağlantı, dosya numarası) satırı yana taşırmaz (2 Kas gece; hata avı: uzun görev yazısı) */
.satir-baslik, .satir-alt { overflow-wrap: anywhere; }
.satir-sag { flex: 0 1 auto; max-width: 34%; align-self: flex-start; padding-top: 2px; color: var(--soluk); font-size: 12px; line-height: 1.35; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }

.etiket { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; padding: 3px 10px 3px 8px; border-radius: 999px; white-space: nowrap; color: var(--kirik); background: rgba(255, 255, 255, .07); }
.etiket::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--n, var(--notr)); }
.ince-etiket { font-size: 12px; color: var(--soluk); border: 1px solid var(--cizgi-2); border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
.cip { display: inline-block; font-size: 12px; font-weight: 500; padding: 2px 8px; border-radius: 7px; background: rgba(255, 255, 255, .075); color: var(--metin); white-space: nowrap; font-variant-numeric: tabular-nums; }
.cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.durum-cip { font-size: 12px; font-weight: 600; border-radius: 999px; padding: 2px 9px; white-space: nowrap; color: var(--soluk); border: 1px solid var(--cizgi-2); }
.durum-cip.yeni { color: #0b0f14; background: var(--kirik); border-color: var(--kirik); }
.durum-cip.alinacak { color: var(--risk); border-color: rgba(243, 197, 139, .35); }
.dugme-cam { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 9px 15px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--cam); color: var(--kirik); font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; }
.dugme-cam:hover { background: var(--cam-2); }
.dugme-cam:disabled { opacity: .5; cursor: default; }

/* Mübaşir notu */
.mubasir-not { display: flex; gap: 14px; align-items: baseline; padding: 14px 18px; border-radius: var(--yaricap); background: rgba(255, 255, 255, .05); border: 1px solid var(--cizgi); }
.mubasir-not p { margin: 0; color: var(--kirik); font-size: 15.5px; line-height: 1.5; }
.mubasir-ad { flex: 0 0 auto; font-family: var(--baslik); font-weight: 700; font-size: 15px; letter-spacing: -0.02em; color: #fff; }
.mubasir-not.uyarili { border-color: rgba(243, 197, 139, .3); background: rgba(243, 197, 139, .06); margin-bottom: 4px; }

/* Tek cümle yazıcısı */
.yazici { display: flex; align-items: center; gap: 6px; margin-top: 14px; padding: 6px; border-radius: 999px; background: linear-gradient(140deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .05) 44%, rgba(255, 255, 255, .09) 100%); border: 1px solid rgba(255, 255, 255, .18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 14px 34px rgba(0, 0, 0, .28); backdrop-filter: blur(24px) saturate(1.6); -webkit-backdrop-filter: blur(24px) saturate(1.6); }
.yazici input { flex: 1; min-width: 0; background: transparent; border: 0; outline: none; color: #fff; font-size: 16px; padding: 10px 6px; }
.yazici input::placeholder { color: rgba(255, 255, 255, .6); }
.y-ek, .y-gonder { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: 0; display: grid; place-items: center; cursor: pointer; }
.y-ek { background: rgba(255, 255, 255, .1); color: var(--kirik); }
.y-gonder { background: var(--kirik); color: #0b0f14; }
.yazici.sabit { position: sticky; bottom: calc(14px + env(safe-area-inset-bottom)); z-index: 5; margin-top: 18px; }

/* Rakamlar */
.rakamlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.rakam { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .045); }
.rakam span { font-size: 12.5px; color: var(--soluk); }
.rakam b { font-family: var(--baslik); font-size: 21px; font-weight: 600; letter-spacing: -0.02em; color: var(--kirik); font-variant-numeric: tabular-nums; }

/* Sor */
.sor-ipucu { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.ipucu { border: 1px solid var(--cizgi-2); background: var(--cam); color: var(--metin); border-radius: 999px; padding: 7px 13px; font-size: 13.5px; cursor: pointer; text-align: left; }
.ipucu:hover { background: var(--cam-2); color: var(--kirik); }
.mesajlar { display: flex; flex-direction: column; gap: 14px; max-width: 820px; }
.m-avukat { display: flex; justify-content: flex-end; }
.m-balon { max-width: 80%; padding: 11px 15px; border-radius: 18px 18px 6px 18px; background: var(--kirik); color: #0b0f14; font-size: 15.5px; line-height: 1.45; }
.m-nesafet { max-width: 92%; padding: 14px 16px; border-radius: 18px 18px 18px 6px; background: rgba(255, 255, 255, .055); border: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 10px; }
.m-ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.m-dosya { font-size: 12.5px; color: var(--soluk); text-decoration: none; border: 1px solid var(--cizgi-2); border-radius: 999px; padding: 1px 9px; }
.m-ozet { margin: 0; color: var(--kirik); font-size: 15.5px; }
.m-alinti { margin: 0; padding: 10px 13px; border-radius: 13px; background: rgba(255, 255, 255, .05); }
.m-alinti figcaption { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 12.5px; color: var(--soluk); }
.m-alinti blockquote { margin: 5px 0 0; color: var(--kirik); font-size: 15px; line-height: 1.45; }
.m-not { display: flex; align-items: baseline; gap: 9px; font-size: 14.5px; line-height: 1.45; }
.m-not .etiket { flex: 0 0 auto; }
.m-nesafet .dugme-cam { margin-top: 2px; align-self: flex-start; }

/* Takvim */
.takvim-duzen { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 22px; align-items: start; }
@media (max-width: 860px) { .takvim-duzen { grid-template-columns: 1fr; } .takvim-yan { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; } }
.takvim-yan { display: flex; flex-direction: column; gap: 14px; }
.mini-takvim { padding: 14px; border-radius: var(--yaricap); background: rgba(255, 255, 255, .04); border: 1px solid var(--cizgi); }
.mt-ay { font-family: var(--baslik); font-weight: 600; font-size: 15px; color: var(--kirik); margin: 0 0 8px 4px; }
.mt-izgara { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; font-size: 13px; font-variant-numeric: tabular-nums; }
.mt-bas { font-size: 11px; color: var(--sonuk); padding: 2px 0 4px; }
.mt-gun { position: relative; padding: 6px 0; border-radius: 8px; color: var(--metin); }
.mt-gun.tatil { color: var(--sonuk); }
.mt-gun.bugun { background: var(--kirik); color: #0b0f14; font-weight: 700; }
.mt-gun.var::after { content: ""; position: absolute; left: 50%; bottom: 2px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--kirik); }
.mt-gun.var.sure::after { background: var(--soluk); }
.mt-gun.bugun.var::after { background: #0b0f14; }
.yukle-alani { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px; border-radius: var(--yaricap); border: 1.5px dashed var(--cizgi-2); background: transparent; color: var(--soluk); font-size: 13px; cursor: pointer; text-align: center; }
.yukle-alani b { color: var(--kirik); font-size: 14.5px; }
.yukle-alani:disabled { cursor: default; opacity: .75; }
.yukle-alani.genis { width: 100%; margin-bottom: 14px; flex-direction: row; justify-content: center; gap: 10px; }
.gun-grup { margin-bottom: 18px; }
.gun-grup h3 { margin: 0 0 8px; font-family: var(--baslik); font-weight: 600; font-size: 15px; color: var(--soluk); letter-spacing: -0.01em; }
.olay { display: flex; gap: 14px; padding: 13px 15px; border-radius: 15px; background: rgba(255, 255, 255, .05); border: 1px solid var(--cizgi); margin-bottom: 8px; }
.olay.sure { background: transparent; border-style: dashed; }
.olay-saat { flex: 0 0 62px; font-weight: 600; color: var(--kirik); font-variant-numeric: tabular-nums; font-size: 14.5px; }
.olay.sure .olay-saat { font-size: 13px; }
.olay-govde { flex: 1; min-width: 0; }
.olay-baslik { display: flex; flex-wrap: wrap; column-gap: 9px; color: var(--metin); }
.olay-baslik b { color: var(--kirik); font-weight: 600; }
.olay-dosya { display: block; font-size: 13px; color: var(--soluk); text-decoration: none; margin-top: 3px; }
.olay-dosya small { display: block; font-size: 12.5px; color: var(--sonuk); }
.olay-sag { flex: 0 0 auto; align-self: flex-start; font-size: 12.5px; color: var(--soluk); font-variant-numeric: tabular-nums; white-space: nowrap; }
.hazirlik { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; color: var(--soluk); }
.hazirlik li { display: flex; align-items: center; gap: 7px; }
.hazirlik li.tamam { color: var(--metin); }
.hazirlik li.tamam .simge { color: var(--lehe); }

/* Süreler */
.sure-kutu + .sure-kutu { border-top: 1px solid var(--cizgi); }
.sure-satir { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 6px; border: 0; background: none; text-align: left; cursor: pointer; border-radius: 12px; }
.sure-satir:hover { background: var(--cam); }
.sure-satir > .simge { color: var(--sonuk); transition: transform .25s var(--yay); }
.sure-satir[aria-expanded="true"] > .simge { transform: rotate(90deg); }
.sure-kalan { flex: 0 0 92px; display: flex; flex-direction: column; font-size: 12.5px; color: var(--soluk); line-height: 1.3; }
.sure-kalan b { font-size: 15px; color: var(--kirik); }
.sure-kalan.acil b, span.sure-kalan.acil { color: var(--aleyhe); }
.sure-kalan.yakin b, span.sure-kalan.yakin { color: var(--risk); }
.sure-govde { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sure-detay { padding: 2px 6px 14px 110px; }
@media (max-width: 640px) { .sure-satir .cip, .sure-satir .avatar { display: none; } .sure-detay { padding-left: 6px; } .sure-kalan { flex-basis: 76px; } }
.hesap-izi { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.hesap-izi li { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 4px 0 4px 12px; border-left: 1.5px solid var(--cizgi-2); font-size: 14px; color: var(--metin); }
.hesap-izi .cip { flex: 0 0 auto; }
/* telefonda uzun dayanak künyesi ("GVK m.94/1-2-b; 2009/14592 BKK") taşıp metni daraltıyordu: kendi içinde kayar, gerekirse alta iner */
@media (max-width: 640px) { .hesap-izi li { flex-wrap: wrap; row-gap: 4px; } .hesap-izi .cip { white-space: normal; } }
.uyari { margin: 8px 0 0; padding: 8px 12px; border-radius: 10px; background: rgba(243, 197, 139, .08); color: var(--kirik); font-size: 13.5px; }

/* Tebligat */
.teb-ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.teb-ust h3 { font-size: 17px; }
.teb-dosya { margin-left: auto; font-size: 13px; color: var(--soluk); text-decoration: none; }
.kart > p { margin: 8px 0 0; color: var(--metin); }
.teb-tarih { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 10px; font-size: 13px; color: var(--soluk); }
.teb-sure { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin-top: 10px; padding: 9px 12px; border-radius: 11px; background: rgba(255, 255, 255, .05); color: var(--kirik); font-size: 14px; }
.teb-sure.acil { background: rgba(240, 170, 162, .1); }
.teb-sure.yakin { background: rgba(243, 197, 139, .08); }

/* Görevler */
.gorev-sutunlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: start; }
@media (max-width: 1080px) { .gorev-sutunlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .gorev-sutunlar { grid-template-columns: 1fr; } }
.gorev-sutun .kart-ust { flex-direction: column; align-items: flex-start; gap: 2px; }
.gorev { display: flex; align-items: flex-start; gap: 10px; padding: 10px 2px; border-top: 1px solid var(--cizgi); cursor: pointer; }
.gorev input { margin-top: 3px; width: 17px; height: 17px; accent-color: #f1ece2; flex: 0 0 auto; }
.gorev.bitti .satir-baslik { text-decoration: line-through; color: var(--soluk); }

/* Müvekkiller */
.muvekkil-kart { display: flex; flex-direction: column; gap: 10px; }
.mk-ust { display: flex; align-items: center; gap: 12px; }
.mk-dosya { font-size: 13.5px; color: var(--metin); }
.yetkiler { display: flex; flex-wrap: wrap; gap: 6px; }
.yetkiler span { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; padding: 2px 8px; border-radius: 7px; background: rgba(255, 255, 255, .06); color: var(--metin); }
.yetkiler span.yok { color: var(--aleyhe); background: rgba(240, 170, 162, .08); }
.yetkiler span.var .simge { color: var(--lehe); }
.yetkiler.genis { margin-top: 12px; }
.mk-uyari { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--soluk); }
.bilgi { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; margin: 4px 0 0; font-size: 14.5px; }
.bilgi dt { color: var(--soluk); }
.bilgi dd { margin: 0; color: var(--kirik); }

/* Tablo (tahsilat) */
.tablo-satir { display: grid; grid-template-columns: 96px minmax(0, 1fr) 130px 150px 120px; align-items: center; gap: 12px; padding: 11px 4px; border-top: 1px solid var(--cizgi); font-size: 14px; }
.tablo-satir:first-child { border-top: 0; }
.tablo-tarih { color: var(--soluk); font-variant-numeric: tabular-nums; font-size: 13px; }
.tutar { text-align: right; font-variant-numeric: tabular-nums; color: var(--lehe); font-weight: 600; }
.tutar.eksi { color: var(--risk); }
.makbuz { font-size: 12.5px; color: var(--sonuk); }
@media (max-width: 760px) { .tablo-satir { grid-template-columns: minmax(0, 1fr) auto; } .tablo-tarih { grid-column: 1 / -1; } .makbuz { display: none; } .tablo-satir .durum-cip { justify-self: end; grid-column: 2; } }

/* İçtihat */
.sorun { padding: 16px 0 4px; border-top: 1px solid var(--cizgi); margin-top: 14px; }
.sorun h3 { justify-content: flex-start; font-size: 16.5px; line-height: 1.35; margin-bottom: 10px; }
.sorun-no { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; background: rgba(255, 255, 255, .08); color: var(--kirik); }
.karar { margin: 0 0 10px; padding: 13px 15px; border-radius: 15px; background: rgba(255, 255, 255, .045); border: 1px solid var(--cizgi); }
.karar figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13px; color: var(--soluk); }
.karar figcaption b { color: var(--kirik); font-weight: 600; font-size: 14px; }
.karar-ilke { margin: 8px 0 0; color: var(--metin); font-size: 14.5px; }
.karar blockquote { margin: 8px 0 0; padding-left: 12px; border-left: 2px solid var(--cizgi-2); color: var(--kirik); font-size: 14.5px; line-height: 1.5; }

/* Dilekçe: kâğıt önizleme (Word çıktısıyla aynı: Times New Roman 12, iki yana yaslı) */
.dilekce-duzen { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 18px; align-items: start; }
.dilekce-duzen > .kart { padding: 8px; }
.kagit-alan { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 16px; align-items: start; }
@media (max-width: 1080px) { .dilekce-duzen { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .kagit-alan { grid-template-columns: 1fr; } }
.kagit { background: #fbfaf7; color: #111; border-radius: 6px; padding: 48px 46px; box-shadow: 0 30px 70px rgba(0, 0, 0, .45); font-family: "Times New Roman", Tinos, Times, serif; font-size: 15px; line-height: 1.5; text-align: justify; letter-spacing: 0; }
.kagit p { margin: 0 0 10px; }
.k-mahkeme { text-align: center; font-weight: 700; margin-bottom: 22px !important; }
.k-ust { display: grid; grid-template-columns: 110px 1fr; gap: 2px 8px; margin: 0 0 18px; }
.k-ust dt { font-weight: 700; }
.k-ust dd { margin: 0; }
.kagit h4 { margin: 18px 0 8px; font-size: 15px; text-align: center; }
.k-imza { text-align: right; white-space: pre-line; margin-top: 26px !important; }
@media (max-width: 640px) { .kagit { padding: 28px 20px; font-size: 14px; } .k-ust { grid-template-columns: 92px 1fr; } }
.dayanaklar h2 { margin: 0 0 6px; font-family: var(--baslik); font-size: 16px; font-weight: 600; color: var(--kirik); }
.dayanaklar .satir .simge { color: var(--lehe); }

/* Hesaplamalar */
.hesap-form { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 12px 16px; align-items: end; margin-top: 6px; }
@media (max-width: 640px) { .hesap-form { grid-template-columns: 1fr; } }
.alan-etiket { display: flex; flex-direction: column; gap: 5px; font-size: 13px; color: var(--soluk); }
.alan-etiket select, .alan-etiket input { width: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .05); color: var(--kirik); font-size: 15px; color-scheme: dark; }
.secenek { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--metin); cursor: pointer; grid-column: 1 / -1; }
.secenek input { width: 17px; height: 17px; accent-color: #f1ece2; }
.secenek[hidden] { display: none; }
.hesap-sonuc { margin-top: 16px; display: flex; flex-direction: column; gap: 10px; }
/* son gün kutusu: tek satırda hap, telefonda iki satıra inince yuvarlak köşeli kutu (2 Kas akşam UI taraması: 999 px yarıçap
   124 px yükseklikte "Son gün" ve "16 gün" yazılarını eğriye sıkıştırıyordu) */
.hs-son { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; padding: 14px 16px; border-radius: 28px; background: var(--kirik); color: #0b0f14; }
.hs-son > span:first-child { font-weight: 600; font-size: 14px; }
.hs-son b { font-family: var(--baslik); font-size: 23px; letter-spacing: -0.03em; }
/* telefonda yan yazı alt satıra inince kutu ~90 px; 28 px köşe hap gibi duruyordu (4 Kas taraması) */
@media (max-width: 640px) { .hs-son { border-radius: 22px; } }
/* yan yazı sığmazsa kutunun içinde sarar (4 Kas: kısmi ödemeli icra hesabında 390'da sağ iç boşluğa taşıyordu) */
.hs-son .sure-kalan { flex: 0 1 auto; min-width: 0; margin-left: auto; font-weight: 700; color: #0b0f14 !important; }
.ikili-kart { margin-top: 14px; }
.ikili-kart .kart h3 .cip { font-family: var(--yazi); font-weight: 500; }
.duz-liste { margin: 4px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; color: var(--metin); }
.duz-liste b { color: var(--kirik); }

/* Dosya kartları */
.dosya-kart { display: flex; flex-direction: column; gap: 4px; }
.dk-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.dk-sorumlu { display: flex; gap: 4px; }
.dk-mahkeme { margin: 6px 0 0; font-size: 13.5px; color: var(--metin); }
.dk-alt { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--cizgi); font-size: 13px; color: var(--soluk); }
.dk-sira { display: flex; align-items: center; gap: 6px; color: var(--kirik); }
.sayac-serit { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px; }

/* Dosya içi: sekmeler ve analiz */
.sekmeler { position: sticky; top: calc(56px + env(safe-area-inset-top)); z-index: 9; margin: 0 -16px; padding: 10px 16px; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; background: linear-gradient(var(--gece) 70%, rgba(11, 15, 20, 0)); }
.sekmeler::-webkit-scrollbar { display: none; }
.sekme { flex: 0 0 auto; text-decoration: none; padding: 8px 14px; border-radius: 999px; font-size: 14.5px; font-weight: 500; color: var(--soluk); border: 1px solid transparent; }
.sekme:hover { color: var(--kirik); }
.sekme.secili { background: var(--kirik); color: #0b0f14; }
.ilke { display: flex; gap: 12px; align-items: flex-start; padding: 14px 18px; margin-top: 12px; border-radius: var(--yaricap); background: rgba(255, 255, 255, .04); border: 1px solid var(--cizgi); }
.ilke p { margin: 0; color: var(--kirik); font-size: 15px; }
.ilke-isaret { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: rgba(255, 255, 255, .08); color: var(--kirik); font-weight: 700; }
.denge { display: flex; height: 8px; border-radius: 999px; overflow: hidden; background: var(--cizgi); margin: 16px 0 6px; gap: 2px; }
.denge span { display: block; }
.denge-yazi { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--soluk); }
.vurgu { margin-bottom: 10px; }
.vurgu p { margin: 8px 0 0; }
details.duzeltme { border: 1px dashed var(--cizgi-2); border-radius: 14px; padding: 12px 16px; margin-top: 12px; }
details.duzeltme summary { cursor: pointer; font-weight: 600; font-size: 14.5px; color: var(--kirik); }
details.duzeltme li { margin-top: 8px; font-size: 14.5px; }
.cizelge { position: relative; margin: 18px 0 0; padding-left: 26px; }
.cizelge::before { content: ""; position: absolute; left: 8px; top: 6px; bottom: 6px; width: 1.5px; background: var(--cizgi-2); }
.adim { position: relative; margin-bottom: 12px; }
.adim .nokta { position: absolute; left: -24px; top: 19px; width: 14px; height: 14px; border-radius: 50%; border: 3px solid var(--gece); background: var(--n); box-shadow: 0 0 0 1px var(--cizgi-2); }
.adim-kart { padding: 0; overflow: hidden; }
.adim-kart summary { list-style: none; cursor: pointer; padding: 14px 16px; }
.adim-kart summary::-webkit-details-marker { display: none; }
.adim-tarih { font-size: 13px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.adim-baslik { font-weight: 600; font-size: 16px; color: var(--kirik); margin: 2px 0 8px; }
.adim-govde { padding: 0 16px 16px; border-top: 1px solid var(--cizgi); }
.alan { margin-top: 12px; }
.alan h4 { margin: 0 0 3px; font-size: 12.5px; font-weight: 600; color: var(--soluk); }
.alan p { margin: 0; }
.izgara-alan { display: grid; grid-template-columns: 1fr; gap: 4px 16px; margin-top: 4px; }
@media (min-width: 640px) { .izgara-alan { grid-template-columns: 1fr 1fr; } }
.filtre { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 16px; }
.filtre button { border: 1px solid var(--cizgi-2); background: var(--cam); color: var(--metin); border-radius: 999px; padding: 6px 12px; font-size: 13.5px; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.filtre button.secili { background: var(--kirik); color: #0b0f14; border-color: var(--kirik); }
.filtre .adet { font-variant-numeric: tabular-nums; opacity: .7; }
.sohbet { margin-top: 10px; max-width: 820px; }
.gun { text-align: center; margin: 22px 0 10px; }
.gun span { font-size: 12.5px; color: var(--soluk); padding: 4px 12px; border-radius: 999px; background: var(--cam); border: 1px solid var(--cizgi); }
.mesaj { display: flex; flex-direction: column; margin-bottom: 14px; }
.mesaj.biz { align-items: flex-end; }
.mesaj.onlar { align-items: flex-start; }
.kim { font-size: 12px; color: var(--soluk); margin: 0 6px 3px; }
.balon { max-width: 86%; padding: 10px 13px; border-radius: 16px; font-size: 15.5px; line-height: 1.45; }
.mesaj.biz .balon { background: rgba(169, 217, 188, .14); color: var(--kirik); border-bottom-right-radius: 5px; }
.mesaj.onlar .balon { background: rgba(255, 255, 255, .07); color: var(--kirik); border-bottom-left-radius: 5px; }
.balon .saat { font-size: 11px; color: var(--soluk); margin-left: 8px; float: right; margin-top: 6px; }
.not { max-width: 86%; margin-top: 6px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .025); font-size: 14.5px; }
.not-ust { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.not .konu { font-size: 12.5px; color: var(--soluk); }
.not p { margin: 6px 0 0; }
.onem { display: inline-flex; gap: 3px; }
.onem i { width: 6px; height: 6px; border-radius: 50%; background: var(--cizgi-2); }
.onem i.dolu { background: var(--kirik); }
.kart.secenek { margin-bottom: 12px; }
.kart.secenek h3 { justify-content: flex-start; font-size: 17px; }
.kart.secenek.pasif { opacity: .7; border-style: dashed; }
.sira { color: var(--soluk); font-size: 15px; }
.kart.yapma { border-color: rgba(240, 170, 162, .25); background: rgba(240, 170, 162, .05); }
.kart.yapma ul { margin: 0; padding-left: 18px; }
.kart.yapma li { margin: 6px 0; }
.kart.soru { display: flex; gap: 12px; margin-bottom: 10px; }
.soru .no { font-family: var(--baslik); font-weight: 700; font-size: 18px; color: var(--soluk); min-width: 20px; }
.soru .neden { color: var(--soluk); font-size: 14px; margin-top: 4px; }
.kart.taslak { margin-bottom: 14px; }
.taslak blockquote { margin: 12px 0; padding: 12px 14px; border-left: 2px solid var(--cizgi-2); background: rgba(255, 255, 255, .03); border-radius: 0 12px 12px 0; font-size: 15.5px; line-height: 1.6; color: var(--kirik); }
.taslak .an { font-size: 13px; color: var(--soluk); }
.perde { position: fixed; inset: 0; z-index: 50; background: rgba(4, 6, 9, .55); display: flex; align-items: flex-end; justify-content: center; }
.sayfa-alt-pencere { position: relative; width: 100%; max-width: 760px; max-height: 85dvh; overflow: auto; border-radius: 22px 22px 0 0; padding: 20px 18px calc(24px + env(safe-area-inset-bottom)); background: #121820; border: 1px solid var(--cizgi); }
.sayfa-alt-pencere .kapat { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 50%; border: 0; background: var(--cam-2); color: var(--kirik); display: grid; place-items: center; cursor: pointer; }
.alt-not { margin-top: 32px; font-size: 12.5px; color: var(--sonuk); text-align: center; line-height: 1.6; }

.k-ust dd { text-align: left; }
.kart-kunye { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 4px; }
.kart-kunye dt { font-size: 11.5px; color: var(--sonuk); }
.kart-kunye dd { margin: 1px 0 0; font-size: 13.5px; color: var(--kirik); font-variant-numeric: tabular-nums; }
.dosya-sayfasi .sayfa-ust h1 { font-size: clamp(26px, 4vw, 38px); letter-spacing: -0.035em; }

/* İki yana yaslı metin (Melih, 28 Eki): paragraflar, açıklamalar, alıntılar. Başlık, düğme, etiket ve sayılar hariç.
   Dar ekranda (telefon, iPad dikey) kelime araları açılmasın diye Türkçe heceleme (html lang="tr"), son satır sola. */
p, blockquote, li, dd, .s-alinti-metin, .s-not, .m-not, .s-asama-metin, .s-hesap-metin,
.balon, .karar-ilke, .uyari, .m-ozet, .m-balon, .s-balon, .s-cevap-ust {
  text-align: justify; text-justify: inter-word; text-align-last: auto;
  -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 6 3 2; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 2;
  overflow-wrap: break-word;
}
/* Ortalı kısa notlar: satırlar iki yana, son satır ortada */
.acilis-not, .giris-alt, .giris-not, .c-ilke, .alt-not { text-align: justify; text-align-last: center; }
.bos { text-align: center; text-align-last: center; }
/* Tablo ve künye satırları, sayılar ve tek satırlık bilgiler yaslanmaz */
.bilgi dd, .k-ust dd, .tablo-satir, .s-kunye, .teb-tarih span { text-align: left; text-align-last: auto; -webkit-hyphens: manual; hyphens: manual; }
/* Etiketli notlar: etiket satırın başına gömülür, metin kartın tam genişliğinde akar (dar sütunda yaslama boşluk açmasın) */
.s-not, .m-not { display: block; }
.s-not > .etiket, .m-not > .etiket { display: inline-flex; vertical-align: 1px; margin-right: 8px; }
/* Dosya künyesi ve liste alt satırları bilgi satırıdır, sola yaslı kalır */
.dosya-sayfasi .sayfa-alt, .satir-alt, .olay-dosya, .mk-dosya, .c-oge-alt { text-align: left; text-align-last: auto; }
@media (max-width: 640px) {
  .mubasir-not { flex-direction: column; gap: 4px; }
}
/* Kaydırmaya bağlı animasyonu desteklemeyen dokunmatik ekran: büyük yazı kahramanla birlikte kayar, küçük yazı üst çubukta belirir */
html.marka-durgun .buyuk-marka { position: absolute; }
html.marka-durgun .tepe.dolu .tepe-marka { visibility: visible; }
/* Büyük yazının kaydırmaya bağlı hareketi: kare değerlerini tanitim.js ölçüp --k0..--k20 olarak verir */
@keyframes marka-in { 0% { transform: var(--k0); } 5% { transform: var(--k1); } 10% { transform: var(--k2); } 15% { transform: var(--k3); } 20% { transform: var(--k4); } 25% { transform: var(--k5); } 30% { transform: var(--k6); } 35% { transform: var(--k7); } 40% { transform: var(--k8); } 45% { transform: var(--k9); } 50% { transform: var(--k10); } 55% { transform: var(--k11); } 60% { transform: var(--k12); } 65% { transform: var(--k13); } 70% { transform: var(--k14); } 75% { transform: var(--k15); } 80% { transform: var(--k16); } 85% { transform: var(--k17); } 90% { transform: var(--k18); } 95% { transform: var(--k19); } 100% { transform: var(--k20); } }
.ipucu.secili { background: var(--kirik); color: #0b0f14; border-color: var(--kirik); }
.m-iz { margin-top: 2px; font-size: 12px; color: var(--sonuk); }
.o-ekler { overflow: hidden; }
/* Giriş: kullanıcı adı ve şifre */
.giris-form { width: 100%; display: flex; flex-direction: column; gap: 8px; }
.giris-alan { display: flex; padding: 6px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); }
.giris-alan input { flex: 1; min-width: 0; background: transparent; border: 0; outline: none; color: #fff; font-size: 16px; padding: 10px 14px; }
.giris-alan input::placeholder { color: rgba(255, 255, 255, .62); }
/* Mini takvim: yarım gün tatil (28 Ekim, arefe) ve adli tatil */
.mt-gun.yarim { background: linear-gradient(135deg, transparent 50%, rgba(241, 236, 226, .1) 50%); }
.mt-gun.adli { box-shadow: inset 0 -2px 0 rgba(243, 197, 139, .35); }
.mt-gun.bugun.yarim { background: var(--kirik); }
/* Süre ekle ve kayıtlı süreler */
.sure-ekle { margin-top: 14px; }
.sure-ekle .genis { grid-column: 1 / -1; }
.sure-ekle input[type=text] { width: 100%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .05); color: var(--kirik); font-size: 15px; }
.sure-islem { display: flex; gap: 8px; }
.sure-islem .dugme-cam { margin-top: 10px; }
.dugme-cam.sil { color: var(--aleyhe); }
.sure-kutu.bitti .sure-satir { opacity: .5; }
.ornek-acilir { margin-top: 18px; }
.ornek-acilir > summary { cursor: pointer; color: var(--soluk); font-size: 14px; display: flex; align-items: center; gap: 8px; padding: 6px 0; }
.bos-not { padding: 6px 2px; }
/* Duruşma ekle */
.durusma-ekle { padding: 12px 14px; }
.durusma-ekle > summary { cursor: pointer; font-family: var(--baslik); font-weight: 600; color: var(--kirik); }
.durusma-form { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.durusma-izgara { display: grid; grid-template-columns: 1fr 110px; gap: 8px; }
.durusma-form input, .durusma-form select { width: 100%; padding: 9px 11px; border-radius: 11px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .05); color: var(--kirik); font-size: 15px; color-scheme: dark; }
.durusma-form .dugme-cam { margin-top: 2px; align-self: flex-start; }
/* Büro: yöneticinin ekibi (1 Kas): kişi işlemleri satırın sağında, telefonda altında; geçici şifre bir kez, kopyalanır */
.buro-kisi { flex-wrap: wrap; row-gap: 8px; }
.buro-hata { color: var(--kirik); }
.buro-hata:empty { display: none; }
.buro-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-left: auto; }
.buro-eylem select { padding: 5px 9px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .05); color: var(--kirik); font: inherit; font-size: 12.5px; color-scheme: dark; }
.buro-ekle { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.buro-gecici { margin: 4px 0 12px; padding: 12px 14px; border: 1px solid var(--cizgi-2); border-radius: 14px; background: rgba(255, 255, 255, .04); }
.buro-gecici p { margin: 4px 0; }
.buro-gecici code { font-size: 14px; color: #fff; user-select: all; }
.buro-gecici .dn-kopya { margin: 6px 0 0; }
@media (max-width: 640px) { .buro-eylem { margin-left: 46px; } }
.olay-sil { margin-top: 6px; background: none; border: 0; padding: 0; color: var(--sonuk); font-size: 12.5px; cursor: pointer; }
.olay-sil:hover { color: var(--aleyhe); }

/* Ajan paneli ve merdiven */
.ajan-paneli { padding: 16px 18px 12px; }
.ajan-paneli .yazici { margin-top: 12px; }
.ajan-paneli.tam .yazici.sabit { margin-top: 18px; }


/* ---------- Masa v4 (29 Eki gece): yapay zekâ arayüzü. Ortada selam ve liquid glass yazı kutusu; sağda dosya destesi, solda takvim yaprağı.
   Kartlar keskin kenarlı, opak ve gölgeli (arka plandan bağımsız). Renk yok. ---------- */
.masa { position: relative; }
.masa-merkez { display: flex; justify-content: center; min-width: 0; }
/* Yazı kutusu Masa'da hep en altta ve küçük (Melih, 29 Eki sabah: "en altta dursun, ufak kalsın"); selam üstteki
   boşlukta ortalanır. --ust: sayfanın üst boşluğu (telefonda daha büyük) */
.sayfa.masa-sayfasi { --ust: calc(56px + env(safe-area-inset-top) + 18px); padding-top: var(--ust); padding-bottom: calc(18px + env(safe-area-inset-bottom)); }
.masa .ajan-paneli.masada { width: min(720px, 100%); display: flex; flex-direction: column; justify-content: flex-start; min-height: calc(100dvh - var(--ust) - 18px - env(safe-area-inset-bottom)); padding: 0; background: none; border: 0; box-shadow: none; }
.masa .ajan-paneli.masada:not(.sohbette) .selam { margin: auto 0; }
.masa .ajan-paneli.masada .buyuk-yazici { width: min(460px, 100%); position: sticky; bottom: calc(18px + env(safe-area-inset-bottom)); margin-top: 16px; }
.masa .ajan-paneli.masada:not(.sohbette) .mesajlar { display: none; }
/* konuşma başlayınca yazı kutusu konuşma sütunu kadar geniş (1 Kas gece; Melih: "alttaki konuşma baloncuğunu asıl konuşma baloncuğu
   kadar büyük yap, yazdıklarımız kadar"); boş Masa'da ortadaki küçük kutu kalır */
@media (min-width: 761px) { .masa .ajan-paneli.masada.sohbette .buyuk-yazici { width: 100%; } }
.masa .ajan-paneli.masada .mesajlar { flex: 1; max-width: none; }
.masa .ajan-paneli.masada .m-nesafet { max-width: none; }
/* kaydırınca mesaj yapışkan yazı kutusunun altında ya da üst çubuğun arkasında kalmasın */
.masa .ajan-paneli.masada .mesajlar > * { scroll-margin: calc(var(--ust) + 8px) 0 calc(96px + env(safe-area-inset-bottom)); }
.masa .ajan-paneli.masada.sohbette .oneriler, .masa .ajan-paneli.masada.sohbette .ornek-not { display: none; }
/* Cam kırılsın diye arkada hafif, renksiz ışık */
.masa-sayfasi::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(36% 30% at 50% 64%, rgba(241, 236, 226, .075), transparent 70%), radial-gradient(24% 22% at 33% 76%, rgba(176, 190, 206, .055), transparent 70%), radial-gradient(22% 22% at 68% 72%, rgba(241, 236, 226, .045), transparent 70%); }

/* Selam: başta ortada; ilk mesajda sağ üstteki yuvaya süzülür, orada kalır */
.selam { margin-bottom: 26px; text-align: center; }
.selam h1 { display: table; margin: 0 auto; font-family: var(--baslik); font-weight: 600; font-size: clamp(34px, 3.4vw, 52px); letter-spacing: -0.035em; line-height: 1.08; color: #fff; }
.selam p { text-align: center; text-align-last: auto; -webkit-hyphens: manual; hyphens: manual; }
.selam-soru { margin: 10px 0 0; font-size: clamp(17px, 1.45vw, 21px); color: var(--soluk); letter-spacing: -0.01em; }
.selam-tarih { display: none; }
.selam-yuva { min-height: 62px; display: flex; justify-content: flex-end; }
.selam-yuva .selam { margin: 0; text-align: right; }
.selam-yuva .selam h1 { margin: 0 0 0 auto; font-size: 26px; letter-spacing: -0.03em; }
.selam-yuva .selam p { text-align: right; }
.selam-yuva .selam-soru { display: none; }
/* Girişte öne çıkan (31 Eki): bugünün acil işi ya da Resmî Gazete'nin çok önemli maddesi soru yerine; aynı yazı, daha parlak */
.selam-soru.onemli { color: var(--kirik); }
.selam-yuva .selam-tarih { display: block; margin: 5px 0 0; font-size: 13.5px; color: var(--soluk); }
/* Dava konuşması: başlık davanın adı, daha küçük; köşede tek satır */
.selam.dava h1 { font-size: clamp(28px, 2.6vw, 40px); }
.selam-yuva .selam.dava h1 { display: block; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22px; }

/* Yeni dava: sağ üstteki "+" (destenin keskin, opak dili) */
.yd { position: relative; }
.dava-serit { display: none; }
.yd-kutu { position: absolute; top: calc(100% + 10px); right: 0; z-index: 60; width: min(320px, calc(100vw - 24px)); box-sizing: border-box; padding: 14px; background: #12161c; border: 1px solid var(--cizgi-2); box-shadow: 0 24px 60px -12px rgba(0, 0, 0, .7); }
.yd-kutu[hidden] { display: none; }
.yd-not { margin: 8px 0 0; font-size: 12px; color: var(--soluk); text-align: left; text-align-last: auto; }
.yd-liste { display: flex; flex-direction: column; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.yd-liste span { margin-bottom: 2px; font-size: 12px; color: var(--soluk); }
.yd-liste a { padding: 7px 0; color: var(--kirik); text-decoration: none; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yd-liste a:hover, .yd-liste a:focus-visible { color: #fff; }

/* Yazı kutusu: liquid glass (bulanık cam, üst kenarda ışık, kenarda ince parıltı) */
/* 1 Kas (Melih: "bir tık incelt, yüzde 15 kadar"): 52 px'ten 44'e; dolgu 5, düğmeler 32 */
.buyuk-yazici { position: relative; isolation: isolate; display: flex; flex-direction: row; align-items: flex-end; gap: 8px; width: min(620px, 100%); box-sizing: border-box; margin: 0 auto; padding: 5px; border-radius: 22px;
  /* 1 Kas (Melih: "dışındaki geçişi düzelt, o beyazlık bozmuş"): kenar parlaması ve üst ışık yarıya indi */
  background: linear-gradient(180deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .04) 55%, rgba(255, 255, 255, .05));
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .04), 0 22px 54px -14px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .25);
  -webkit-backdrop-filter: blur(26px) saturate(1.8) brightness(1.06); backdrop-filter: blur(26px) saturate(1.8) brightness(1.06);
  transition: border-color .25s ease, box-shadow .25s ease; }
.buyuk-yazici::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .04) 32%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, .04) 74%, rgba(255, 255, 255, .14));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.buyuk-yazici::after { content: ""; position: absolute; inset: 0 0 auto; height: 60%; z-index: -1; border-radius: 22px 22px 0 0; pointer-events: none; background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0)); }
.buyuk-yazici:focus-within { border-color: rgba(255, 255, 255, .17); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(255, 255, 255, .05), 0 26px 64px -14px rgba(0, 0, 0, .65); }
.buyuk-yazici textarea { flex: 1; min-width: 0; min-height: 22px; resize: none; background: transparent; border: 0; outline: none; color: #fff; font: inherit; font-size: 15.5px; line-height: 1.45; padding: 5px 4px; }
.buyuk-yazici .y-ek, .buyuk-yazici .y-gonder { width: 32px; height: 32px; }
.buyuk-yazici textarea::placeholder { color: rgba(255, 255, 255, .5); }
.buyuk-yazici .y-ek { background: rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18); }
/* Günün önerileri: küçük cam haplar */
.oneriler { justify-content: center; margin-top: 16px; margin-bottom: 0; }
.oneriler .ipucu { border-color: rgba(255, 255, 255, .13); background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: var(--metin); }
.oneriler .ipucu:hover { background: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .06)); color: #fff; }
.ornek-not { text-align: center; font-size: 12px; color: var(--sonuk); margin: 14px 0 0; }

/* Düşünürken: kart yok, dönen hukuk kelimesi */
.m-bekliyor { padding: 4px 2px; }
/* bekleme: sohbetin gerçek adımları (30 Eki); biten adımlar küçük ve soluk, süren adım altta */
.dusunuyor { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; font-size: 14.5px; color: var(--soluk); }
.dk-adimlar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 13px; line-height: 1.35; color: var(--sonuk); }
.dk-adimlar li { display: flex; align-items: flex-start; gap: 7px; text-align: left; text-align-last: auto; }
.dk-adimlar svg { flex: none; margin-top: 2px; } /* uzun adım sarınca tik ilk satırda */
.dk-simdi { display: flex; align-items: center; gap: 9px; }
.dk-kelime { display: inline-block; font-style: italic; }
.dk-sure { font-size: 12.5px; color: var(--sonuk); font-variant-numeric: tabular-nums; }

/* Köşeler: solda Takvim ve Ödemeler, sağda selam yuvası ve Mübaşir destesi. Desteler ekran kenarına yaslı, kartların
   bir kısmı kenardan taşar (Instagram Instants gibi). */
.masa-sol, .masa-sag { position: fixed; top: calc(56px + env(safe-area-inset-top) + 18px); z-index: 30; display: flex; flex-direction: column; gap: 16px; pointer-events: none; }
.masa-sol { left: 0; align-items: flex-start; }
.masa-sag { right: 0; align-items: flex-end; }
.masa-sol > *, .masa-sag > * { pointer-events: auto; }
/* hiç kaydı olmayan hesabın kartları: bölümün ne işe yaradığı ve ilk adım (30 Eki) */
.ilk-not { font-size: 14px; line-height: 1.6; color: var(--metin); text-align: left; text-align-last: auto; }
.ilk-baglar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ilk-baglar .dugme-cam { margin-top: 0; padding: 8px 14px; text-decoration: none; }
/* Tanıtım turu (30 Eki; tur.js): hedef aydınlanır, dışı kararır; hedeften küçük bir baloncuk çıkar (Melih: "yumuşat, ufak
   baloncuk, kare dümdüz yazmasın, özete odaklan"). Kırık beyaz, yuvarlak; ucu hedefin ortasını gösterir */
.tur { position: fixed; inset: 0; z-index: 95; }
.tur-isik { position: fixed; border-radius: 20px; box-shadow: 0 0 0 200vmax rgba(4, 6, 9, .62); pointer-events: none; transition: left .4s cubic-bezier(.2, .8, .2, 1), top .4s cubic-bezier(.2, .8, .2, 1), width .4s cubic-bezier(.2, .8, .2, 1), height .4s cubic-bezier(.2, .8, .2, 1); }
.tur-isik.yok { left: 50%; top: 50%; width: 0; height: 0; }
.tur-balon { --uc-x: 50%; --uc-y: 50%; position: fixed; width: min(280px, calc(100vw - 32px)); box-sizing: border-box; padding: 14px 16px 12px; border-radius: 18px; background: #f1ece2; color: #14171c; box-shadow: 0 18px 40px -14px rgba(0, 0, 0, .7); transition: left .4s cubic-bezier(.2, .8, .2, 1), top .4s cubic-bezier(.2, .8, .2, 1); }
.tur-balon.orta { left: 50%; top: 50%; transform: translate(-50%, -50%); }
.tur-balon::before { content: ""; position: absolute; width: 14px; height: 14px; border-radius: 3px; background: inherit; transform: rotate(45deg); }
.tur-balon.orta::before { display: none; }
.tur-balon[data-yon="alt"]::before { top: -6px; left: calc(var(--uc-x) - 7px); }
.tur-balon[data-yon="ust"]::before { bottom: -6px; left: calc(var(--uc-x) - 7px); }
.tur-balon[data-yon="sag"]::before { left: -6px; top: calc(var(--uc-y) - 7px); }
.tur-balon[data-yon="sol"]::before { right: -6px; top: calc(var(--uc-y) - 7px); }
.tur-balon b { display: block; font-family: var(--baslik); font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }
.tur-balon p, .tur-balon li { text-align: left; text-align-last: auto; }
.tur-balon p { margin: 4px 0 0; font-size: 13.5px; line-height: 1.5; color: #3a3d42; }
.tur-balon ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 13.5px; line-height: 1.4; color: #3a3d42; }
.tur-balon li { position: relative; padding-left: 12px; }
.tur-balon li::before { content: ""; position: absolute; left: 0; top: .55em; width: 5px; height: 5px; border-radius: 50%; background: #9a9590; }
.tur-balon [hidden] { display: none; }
.tur-alt { display: flex; align-items: center; gap: 4px; margin-top: 12px; }
.tur-noktalar { display: flex; align-items: center; gap: 4px; margin-right: auto; }
.tur-noktalar i { width: 5px; height: 5px; border-radius: 3px; background: rgba(20, 23, 28, .2); transition: width .25s ease; }
.tur-noktalar i.secili { width: 14px; background: #14171c; }
.tur-geri, .tur-ileri { border: 0; font: inherit; font-size: 13px; border-radius: 999px; cursor: pointer; }
.tur-geri { padding: 7px 10px; background: none; color: #5a5e66; }
.tur-geri:hover { color: #14171c; }
.tur-ileri { padding: 7px 15px; background: #14171c; color: #f1ece2; font-weight: 600; }
.tur-balon :focus-visible { outline: 2px solid #14171c; outline-offset: 2px; border-radius: 999px; }
@media (prefers-reduced-motion: reduce) { .tur-isik, .tur-balon, .tur-noktalar i { transition: none; } }
.masa-sol:has(.acik), .masa-sag:has(.acik) { z-index: 40; }
.selam-yuva { margin-right: max(26px, env(safe-area-inset-right)); }
.masa:not(.sohbette) .selam-yuva { display: none; }

/* Instants: squircle kartlar (Instagram Instants'ın kenarları dışa şişkin karesi, çerçevesiz). --w kartın kenarı;
   --adim arkadaki kartın alttan görünen şeridi (adı orada); --aci kenardan açılma eğimi; --tasma ekran dışında kalan pay.
   Biçim .ins-yuzey'de clip-path (#ins-sq), gölge düğmede drop-shadow (clip-path gölgeyi de keser). */
.ins-tanim { position: absolute; width: 0; height: 0; }
.ins { --w: 150px; --adim: 46px; --aci: 2.6deg; --taban: 1.2deg; --tasma: .2; position: relative;
  width: calc(var(--w) * (1 - var(--tasma))); height: calc(var(--w) + (var(--n) - 1) * var(--adim)); transition: height .45s cubic-bezier(.2, .8, .2, 1); }
.ins-sag { --yon: -1; }
.ins-sol { --yon: 1; }
.ins-yigin { position: absolute; inset: 0; perspective: 700px; }
.ins-kart { position: absolute; top: 0; width: var(--w); height: var(--w); padding: 0; border: 0; background: none; cursor: pointer; font: inherit; color: var(--kirik); text-align: left;
  z-index: calc(10 - var(--i)); filter: drop-shadow(0 16px 20px rgba(0, 0, 0, .55)) drop-shadow(0 2px 3px rgba(0, 0, 0, .4));
  transform: translateY(calc(var(--i) * var(--adim))) rotate(calc((var(--i) * var(--aci) + var(--taban)) * var(--yon))) rotateY(calc(var(--i) * 7deg * var(--yon)));
  transition: transform .45s cubic-bezier(.2, .8, .2, 1); }
.ins-sag .ins-kart { right: calc(var(--w) * var(--tasma) * -1); transform-origin: 100% 0; }
.ins-sol .ins-kart { left: calc(var(--w) * var(--tasma) * -1); transform-origin: 0 0; }
.ins-yuzey { position: absolute; inset: 0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; padding: 17px 18px 15px; clip-path: url(#ins-sq);
  background: linear-gradient(160deg, color-mix(in srgb, #323a46 calc(100% - var(--i, 0) * 22%), #161a21), #11151b 82%); }
.ins-sag .ins-yuzey { padding-right: calc(var(--w) * var(--tasma) + 12px); }
.ins-sol .ins-yuzey { padding-left: calc(var(--w) * var(--tasma) + 14px); }
.ins-yuz { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ins-buyuk { font-family: var(--baslik); font-size: 30px; font-weight: 700; letter-spacing: -0.035em; line-height: 1; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ins-buyuk.uzun { font-size: 21px; letter-spacing: -0.02em; }
.ins-alt { font-size: 12px; line-height: 1.3; color: var(--soluk); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ins-serit { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ins-ad { display: flex; align-items: baseline; gap: 6px; font-size: 13.5px; font-weight: 600; letter-spacing: -0.005em; color: #fff; }
.ins-ad b { font-size: 11px; font-weight: 600; color: var(--soluk); font-variant-numeric: tabular-nums; }
.ins-ozet { font-size: 11.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Takvim kartı: duvar takviminden koparılmış yaprak, krem kâğıt */
.ins-yuzey.kagit-kart { background: linear-gradient(170deg, #f5f1e9, #e0d9cb); }
.kagit-kart :is(.ins-buyuk, .ins-ad) { color: #15181d; }
.kagit-kart :is(.ins-alt, .ins-ozet, .ins-ad b) { color: #5f5a52; }
@media (hover: hover) and (pointer: fine) {
  .ins:hover { --adim: 60px; --aci: 4deg; }
  .ins-kart:hover { --yukari: 1; }
  .ins-kart:hover .ins-yuzey { filter: brightness(1.12); }
}
.ins.acik { --adim: 60px; --aci: 4deg; }
.ins-kart:focus-visible { outline: none; }
.ins-kart:focus-visible .ins-yuzey { filter: brightness(1.25); }
/* Instants'taki profil yuvarlağı: bugün ya da yarın biten iş sayısı */
.ins-rozet { position: absolute; z-index: 12; top: -11px; left: -13px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%;
  background: var(--kirik); color: #0b0f14; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; box-shadow: 0 0 0 3px #0b0f14, 0 8px 18px rgba(0, 0, 0, .5); }
@media (prefers-reduced-motion: reduce) { .ins, .ins-kart { transition: none; } }
/* Tablet: orta boy */
@media (min-width: 761px) and (max-width: 1100px) {
  .ins { --w: 124px; --adim: 40px; }
  .ins-yuzey { padding: 14px 15px 12px; }
  .ins-buyuk { font-size: 25px; }
}

/* Bakış (Instants görüntüleyicisi): kararan ekran; sol üstte kapat, sağ üstte bölümün tamamı; ortada büyük squircle kart,
   arkasında komşular eğik; altında ad, sayı, liste; en altta "bu konuda sor". */
.ins-bakis { position: fixed; inset: 0; z-index: 90; display: flex; flex-direction: column; align-items: center; background: rgba(4, 6, 9, .93); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); animation: bakis-gel .24s ease-out; }
.ins-bakis.gidiyor { animation: bakis-git .26s ease-in forwards; }
@keyframes bakis-gel { from { background: rgba(4, 6, 9, 0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); } }
@keyframes bakis-git { to { background: rgba(4, 6, 9, 0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); } }
.ins-bakis-ust { width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: calc(10px + env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left)); }
.ins-bakis-dugme { width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; background: none; color: #fff; cursor: pointer; }
.ins-bakis-dugme:hover { background: rgba(255, 255, 255, .08); }
.ins-bakis .ins-bakis-dugme:focus-visible, .ins-yanit button:focus-visible { border-radius: 50%; }
.ins-bakis-sag .kart-bag { color: #fff; font-size: 14px; }
.ins-bakis-govde { flex: 1; min-height: 0; width: min(470px, 100%); box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain; padding: 18px 16px 24px; display: flex; flex-direction: column; align-items: center; }
.ins-sahne { position: relative; width: min(300px, 73vw); aspect-ratio: 1; margin: 36px 0 22px; flex: none; }
.ins-buyuk-kart { position: absolute; inset: 0; z-index: 2; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .7)); }
.ins-buyuk-kart .ins-yuzey { --i: 0; padding: 26px 28px 24px; }
.ins-buyuk-kart .ins-buyuk.dev { font-size: clamp(46px, 13vw, 64px); }
.ins-buyuk-kart .ins-buyuk.dev.uzun { font-size: clamp(32px, 9vw, 42px); }
.ins-buyuk-kart .ins-alt { font-size: 15px; -webkit-line-clamp: 3; }
.ins-buyuk-kart .ins-ad { font-size: 17px; }
.ins-buyuk-kart .ins-ozet { font-size: 13.5px; }
/* arkadaki komşular: kaldırılmış, ±8° eğik, üstten ve yandan görünür */
.ins-arka { position: absolute; inset: 0; z-index: 1; padding: 0; border: 0; background: none; cursor: pointer; font: inherit; filter: drop-shadow(0 16px 24px rgba(0, 0, 0, .6)); transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
.ins-arka.sol { transform: translate(-11%, -12%) rotate(-8deg) scale(.9); }
.ins-arka.sag { transform: translate(11%, -12%) rotate(8deg) scale(.9); }
.ins-arka:hover.sol { transform: translate(-14%, -15%) rotate(-10deg) scale(.9); }
.ins-arka:hover.sag { transform: translate(14%, -15%) rotate(10deg) scale(.9); }
.ins-arka .ins-yuzey { --i: 2; }
.ins-meta { display: flex; align-items: baseline; justify-content: center; gap: 9px; margin-bottom: 10px; font-size: 15px; }
.ins-meta b { color: #fff; font-weight: 600; }
.ins-meta > span { color: var(--soluk); font-size: 13.5px; }
.ins-liste { width: 100%; animation: liste-gel .35s ease-out .12s both; }
@keyframes liste-gel { from { opacity: 0; transform: translateY(10px); } }
.ins-liste .yk { background: none; border: 0; box-shadow: none; padding: 0; }
.ins-yanit { width: min(470px, 100%); box-sizing: border-box; display: flex; align-items: center; gap: 8px; margin: 0 auto; padding: 10px 16px calc(14px + env(safe-area-inset-bottom)); }
.ins-yanit input { flex: 1; min-width: 0; height: 46px; box-sizing: border-box; padding: 0 18px; border-radius: 23px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .04); color: #fff; font: inherit; font-size: 15px; outline: none; }
.ins-yanit input:focus { border-color: rgba(255, 255, 255, .34); }
.ins-yanit input::placeholder { color: rgba(255, 255, 255, .45); }
.ins-yanit button { width: 46px; height: 46px; flex: none; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--kirik); color: #0b0f14; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .ins-bakis, .ins-bakis.gidiyor, .ins-liste { animation: none; } }
.yk-sira { display: flex; flex-direction: column; gap: 1px; margin: 8px 0 4px; padding-top: 8px; border-top: 1px solid var(--cizgi); font-size: 12px; color: var(--soluk); }
.yk-sira b { font-size: 13.5px; font-weight: 500; color: var(--kirik); }

/* Kart: keskin kenar, opak yüzey, derin gölge */
.yk { position: relative; box-sizing: border-box; padding: 14px 16px 10px; border-radius: 0; background: linear-gradient(180deg, #1c222b, #151a21); border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 26px 56px -18px rgba(0, 0, 0, .85), 0 10px 22px -10px rgba(0, 0, 0, .6); }
.yk-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 2px; }
.yk-ust h2 { margin: 0; display: flex; align-items: baseline; gap: 8px; font-family: var(--baslik); font-weight: 600; font-size: 16px; letter-spacing: -0.02em; color: var(--kirik); }
.yk-ornek { font-family: var(--yazi); font-size: 10.5px; font-weight: 500; letter-spacing: 0; color: var(--sonuk); border: 1px solid var(--cizgi-2); padding: 0 6px; }
.yk-not { margin: 4px 0 6px; font-size: 13.5px; line-height: 1.45; color: var(--metin); text-align: left; text-align-last: auto; -webkit-hyphens: manual; hyphens: manual; }
.yk-ara { margin-top: 6px; padding-top: 8px; border-top: 1px solid var(--cizgi); font-size: 11.5px; color: var(--sonuk); }
.yk .satir { padding: 8px 2px; gap: 10px; border-radius: 0; }
.yk .satir + .satir { border-top: 1px solid var(--cizgi); }
.yk a.satir:hover { background: rgba(255, 255, 255, .035); }
.yk .satir-zaman { flex-basis: 58px; font-size: 12px; }
.yk .satir-zaman b { font-size: 13.5px; }
.yk .satir-zaman b.yeni { border-radius: 0; }
.yk .satir.acil .satir-zaman b, .yk .satir.yakin .satir-zaman b { color: #fff; }
.yk .satir-baslik { font-size: 14px; }
.yk .satir-alt { font-size: 12.5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.yk .satir-baslik { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.yk .satir-sag { font-size: 11.5px; }
.yk .avatar { width: 24px; height: 24px; font-size: 9.5px; }
.yk .bos { padding: 10px 0; font-size: 13px; }
.yk .mini-takvim { padding: 4px 0 2px; background: none; border: 0; border-radius: 0; }
.yk .mt-ay { margin: 0 0 6px 2px; font-size: 13.5px; font-weight: 500; color: var(--soluk); }
.yk .mt-gun { border-radius: 0; padding: 5px 0; font-size: 12.5px; }
.yk .mt-gun.var.sure::after { background: var(--soluk); }
.yk .mt-gun.adli { box-shadow: inset 0 -2px 0 rgba(241, 236, 226, .22); }
.yk-rakamlar { display: flex; flex-direction: column; }
.yk-rakamlar > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 2px; }
.yk-rakamlar > div + div { border-top: 1px solid var(--cizgi); }
.yk-rakamlar span { font-size: 13px; color: var(--soluk); }
.yk-rakamlar b { font-family: var(--baslik); font-size: 17px; font-weight: 600; color: var(--kirik); font-variant-numeric: tabular-nums; }

/* Hesap: claude.ai gibi sol altta; tıklayınca büronun kişileri ve çıkış. Telefonda çekmecenin altında. */
.hesap { position: relative; }
.hesap.sabit { position: fixed; left: max(18px, env(safe-area-inset-left)); bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 35; }
.hesap-dugme { display: flex; align-items: center; gap: 10px; max-width: 240px; padding: 6px 14px 6px 6px; background: rgba(22, 27, 34, .72); border: 1px solid var(--cizgi-2); color: var(--kirik); font: inherit; text-align: left; cursor: pointer;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 10px 26px -12px rgba(0, 0, 0, .6); transition: background .2s ease; }
.hesap-dugme:hover, .hesap.acik .hesap-dugme { background: rgba(34, 40, 50, .85); }
.hesap-dugme .avatar { width: 30px; height: 30px; font-size: 11.5px; }
.hesap-ad { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.hesap-ad b { font-weight: 600; font-size: 13.5px; }
.hesap-ad span { font-size: 11.5px; color: var(--soluk); }
.hesap-menu { position: absolute; left: 0; bottom: calc(100% + 8px); width: 250px; box-sizing: border-box; padding: 8px; z-index: 2; background: linear-gradient(180deg, #1c222b, #151a21); border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 24px 50px -16px rgba(0, 0, 0, .8); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s ease, transform .25s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .25s; }
.hesap.acik .hesap-menu { opacity: 1; visibility: visible; transform: none; transition: opacity .18s ease, transform .25s cubic-bezier(.2, .8, .2, 1), visibility 0s; }
.hm-baslik { padding: 4px 8px 6px; font-size: 11.5px; color: var(--sonuk); }
.hm-kisi { display: flex; align-items: center; gap: 10px; padding: 7px 8px; color: var(--kirik); }
.hm-kisi.ben { background: rgba(255, 255, 255, .045); }
.hm-kisi .avatar { width: 26px; height: 26px; font-size: 10px; }
.hm-ad { flex: 1; display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.hm-ad b { font-weight: 500; font-size: 13.5px; }
.hm-ad span { font-size: 11.5px; color: var(--soluk); }
.hm-cikis { width: 100%; display: flex; align-items: center; gap: 8px; margin-top: 6px; padding: 9px 8px 5px; border: 0; border-top: 1px solid var(--cizgi); background: none; color: var(--soluk); font: inherit; font-size: 13.5px; cursor: pointer; }
.hm-cikis:hover { color: var(--kirik); }
.hm-sifre + .hm-cikis { margin-top: 0; padding-top: 5px; border-top: 0; }
/* şifre değiştirme penceresi: kasa kurulum kartı, ortada */
.sifre-kart { position: relative; width: min(420px, 100%); box-sizing: border-box; }
.sifre-kart h2 { padding-right: 40px; }
.cekmece .hesap-dugme { width: 100%; max-width: none; background: none; border-color: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.cekmece .hesap-menu { width: 100%; }
@media (min-width: 761px) { .sayfa { padding-bottom: calc(90px + env(safe-area-inset-bottom)); } }

/* Köşelerle çakışmasın: sohbet sütunu iki deste arasında kalır; dar ekranda köşe selamı yok */
@media (min-width: 761px) { .masa .ajan-paneli.masada { width: min(720px, 100%, max(420px, calc(100vw - 380px))); } }
@media (min-width: 761px) and (max-width: 1100px) { .selam-yuva { display: none; } }
/* köşe selamı kenar boşluğuna sığsın (1180-1280'de tarih satırı cevabın altında kalıyordu): sığmazsa alt satıra iner */
@media (min-width: 1101px) { .selam-yuva { max-width: calc((100vw - 720px) / 2 - 38px); } .selam-yuva .selam.dava h1 { max-width: 100%; } }

/* Telefon: desteler küçük, kenardan taşar; dokununca açılır (arkada perde), karta basınca içi alttan gelir. Hesap çekmecede. */
@media (max-width: 760px) {
  .sayfa.masa-sayfasi { --ust: calc(56px + env(safe-area-inset-top) + 52px); }
  /* dava adı iki destenin arasında, ortada; destelerle birlikte kayar (sabitken kartın ve cevabın üstüne biniyordu) */
  .masa.sohbette .dava-serit { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; top: -34px; left: 50%; transform: translateX(-50%); width: calc(100% - 124px); z-index: 30; font-size: 14px; line-height: 1.3; font-weight: 600; color: #fff; text-align: center; overflow: hidden; }
  .masa-sol, .masa-sag { top: calc(56px + env(safe-area-inset-top) + 12px); }
  /* konuşmada desteler sayfayla kayar, en üstte kalır (Instagram'ın gelen kutusundaki gibi), cevabın üstüne binmez;
     mesajlar destelerin altından başlar. -40px: sayfanın üst boşluğu (108) ile destenin yeri (68) arası */
  .masa.sohbette :is(.masa-sol, .masa-sag) { position: absolute; top: -40px; }
  .masa.sohbette .masa-sol { left: -16px; } /* sayfanın 16px kenar boşluğu: deste ekran kenarına yaslı kalır */
  .masa.sohbette .masa-sag { right: -16px; }
  .sayfa.masa-sayfasi { overflow-x: clip; } /* kenardan taşan kartlar yatay kaydırma açmasın */
  .masa.sohbette .ajan-paneli.masada .mesajlar { padding-top: var(--deste-payi, 172px); }
  .selam-yuva, .hesap.sabit { display: none; }
  .ins { --w: 100px; --adim: 28px; --aci: 3deg; --tasma: .34; }
  .ins .ins-yuzey { padding: 11px 12px 10px; }
  .ins-sag .ins-yuzey { padding-right: calc(var(--w) * var(--tasma) + 8px); }
  .ins-sol .ins-yuzey { padding-left: calc(var(--w) * var(--tasma) + 9px); }
  .ins .ins-buyuk { font-size: 20px; }
  .ins .ins-buyuk.uzun { font-size: 15px; }
  /* iki satır (4 Kas taraması): tek satırda "Kasım,…" ve "açık…" diye kesiliyordu; kartta alt yazının altında yer var */
  .ins .ins-alt { font-size: 10.5px; -webkit-line-clamp: 2; }
  /* takvim yaprağı dar (yazı alanı 45 px): "Çarşamba" tek kelimede sığmıyordu; kapalı yaprakta yalnız ay, açılınca gün adı da */
  .ins .ins-alt-gun { display: none; }
  .ins.acik .ins-alt-gun { display: inline; }
  .ins .ins-ad { font-size: 11.5px; gap: 4px; }
  .ins .ins-ad b, .ins .ins-ozet { display: none; }
  .ins-rozet { width: 24px; height: 24px; font-size: 11.5px; top: -8px; left: -9px; }
  /* açık: deste kenardan çıkar, kartlar okunur boyda; arkada perde */
  .ins.acik { --w: 150px; --adim: 50px; --aci: 2deg; --tasma: 0; }
  .ins-sag.acik .ins-kart { right: 12px; }
  .ins-sol.acik .ins-kart { left: 12px; }
  .ins.acik .ins-ad b, .ins.acik .ins-ozet { display: block; }
  .ins.acik .ins-buyuk { font-size: 26px; }
  .ins.acik .ins-alt { font-size: 12px; }
  .ins.acik .ins-yuzey { padding: 16px 17px 14px; }
  .ins.acik::before { content: ""; position: fixed; inset: 0; z-index: -1; background: rgba(6, 9, 13, .66); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
}

/* Yeni sürüm notu: yazı yazılırken sayfa kendiliğinden yenilenmez, bu not çıkar */
.surum-notu { position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 80; display: flex; align-items: center; gap: 12px; padding: 9px 10px 9px 16px; background: #161b22; border: 1px solid var(--cizgi-2); box-shadow: 0 18px 40px rgba(0, 0, 0, .5); font-size: 14px; color: var(--kirik); white-space: nowrap; }
.surum-notu button { background: var(--kirik); color: #0b0f14; border: 0; padding: 6px 12px; font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }

/* ---------- Anlatım filmi (29 Eki gece; referans: DistilBook tanıtımı, bizim temada) ---------- */
.an-sahne { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 34px auto 0; overflow: hidden; perspective: 1100px; background: radial-gradient(70% 60% at 50% 45%, #121821, #0b0f14 70%); border: 1px solid var(--cizgi); }
@media (max-width: 640px) { .an-sahne { aspect-ratio: 4 / 5; } }
.an-sahne > * { transition: opacity .45s ease, transform .6s cubic-bezier(.2, .8, .2, 1); }
.an-sahne .git { opacity: 0 !important; transform: translateY(-10px) !important; }
.an-yazi { position: absolute; left: 50%; top: 46%; z-index: 3; transform: translate(-50%, -50%); width: 90%; box-sizing: border-box; padding: 6% 4%; background: radial-gradient(closest-side, rgba(11, 15, 20, .82), rgba(11, 15, 20, 0)); text-align: center; font-family: var(--baslik); font-weight: 700; font-size: clamp(30px, 5.4vw, 74px); letter-spacing: -0.045em; line-height: 1; color: #fff; text-shadow: 0 6px 40px rgba(0, 0, 0, .8); }
.an-yazi.degis { opacity: 0; transform: translate(-50%, calc(-50% + 12px)); transition-duration: .16s; }
.an-sahne .an-yazi.git { transform: translate(-50%, -60%) !important; }
.an-sayac { position: absolute; left: 4%; bottom: 6%; z-index: 3; font-size: clamp(13px, 1.3vw, 16px); font-weight: 600; color: var(--kirik); font-variant-numeric: tabular-nums; }
.an-belge { position: absolute; z-index: 1; width: clamp(96px, 11vw, 150px); padding: 10px 11px 12px; box-sizing: border-box; display: flex; flex-direction: column; gap: 3px; background: linear-gradient(180deg, #f4f0e8, #e6dfd2); color: #15181d; box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .8);
  opacity: 0; transform: translate(-50%, -50%) translateZ(var(--derin)) rotate(var(--egim)) scale(.7); transition: opacity .7s ease, transform 1.1s cubic-bezier(.16, .84, .3, 1); }
.an-belge.gel { opacity: .92; transform: translate(-50%, -50%) translateZ(0) rotate(var(--egim)) scale(1); }
.an-belge.erit { opacity: 0; transform: translate(-50%, -50%) rotate(var(--egim)) scale(.4); transition: opacity .5s ease, transform .6s ease-in; }
.an-belge b { font-size: clamp(9px, .9vw, 12px); font-weight: 700; letter-spacing: -0.01em; }
.an-belge span { font-size: clamp(8px, .75vw, 10.5px); color: #5d5a54; }
.an-belge i { display: block; height: 3px; margin-top: 4px; background: rgba(21, 24, 29, .14); }
.an-belge i:nth-of-type(2) { width: 82%; } .an-belge i:nth-of-type(3) { width: 64%; }
.an-kanvas { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none; }
.an-kanvas.sonuk { opacity: 0; transition: opacity 1.2s ease .3s; }
.an-halka { position: absolute; left: 50%; top: 46%; z-index: 2; width: min(62%, 560px); aspect-ratio: 1; transform: translate(-50%, -50%) scale(.82); opacity: 0; transition: opacity .8s ease, transform 1.4s cubic-bezier(.2, .8, .2, 1); }
.an-halka.gel { opacity: .75; transform: translate(-50%, -50%) scale(1); }
.an-halka.git { opacity: 0 !important; transform: translate(-50%, -50%) scale(1.15) !important; }
.an-halka text { font-size: 10.5px; letter-spacing: .06em; fill: rgba(241, 236, 226, .5); }
.an-halka.gel text { animation: an-don 26s linear infinite; transform-origin: 200px 200px; }
@keyframes an-don { to { transform: rotate(360deg); } }
.an-marka { position: absolute; z-index: 4; font-family: var(--baslik); font-weight: 700; color: #fff; letter-spacing: -0.045em; line-height: 1; }
.an-marka.buyuk { left: 50%; top: 46%; font-size: clamp(44px, 7.6vw, 112px); opacity: 0; transform: translate(-50%, -50%) scale(.9); letter-spacing: .02em; transition: opacity .7s ease, transform 1.2s cubic-bezier(.2, .8, .2, 1), letter-spacing 1.2s cubic-bezier(.2, .8, .2, 1); }
.an-marka.buyuk.gel { opacity: 1; transform: translate(-50%, -50%) scale(1); letter-spacing: -0.045em; }
.an-marka.buyuk.kalk { opacity: 0; transform: translate(-50%, -62%) scale(.96); }
.an-marka.kose { left: 3.4%; top: 6%; font-size: clamp(15px, 1.5vw, 19px); }
.an-bolum { position: absolute; left: 50%; bottom: 5.5%; z-index: 4; transform: translateX(-50%); display: flex; gap: clamp(14px, 2.6vw, 34px); font-size: clamp(12px, 1.1vw, 14px); color: var(--sonuk); }
.an-bolum span { padding-bottom: 5px; border-bottom: 1px solid transparent; transition: color .3s ease, border-color .3s ease; }
.an-bolum span.etkin { color: var(--kirik); border-color: var(--kirik); }
.an-baslik { position: absolute; left: 6%; top: 13%; z-index: 4; font-family: var(--baslik); font-weight: 400; font-size: clamp(26px, 3.6vw, 52px); letter-spacing: -0.035em; color: var(--kirik); opacity: 0; transform: translateY(10px); }
.an-baslik b { font-weight: 700; color: #fff; }
.an-alt { position: absolute; left: 6%; top: calc(13% + clamp(38px, 5vw, 70px)); z-index: 4; margin: 0; max-width: 40ch; font-size: clamp(13px, 1.25vw, 16px); line-height: 1.45; color: var(--soluk); opacity: 0; transform: translateY(10px); text-align: left; }
.an-baslik.gel, .an-alt.gel { opacity: 1; transform: none; }
.an-kaynak { position: absolute; z-index: 3; width: clamp(110px, 13vw, 170px); height: clamp(48px, 5.4vw, 66px); box-sizing: border-box; padding: 9px 11px; background: linear-gradient(180deg, #f4f0e8, #e6dfd2); color: #15181d; box-shadow: 0 16px 34px -12px rgba(0, 0, 0, .8); opacity: 0; transform: translateX(-16px); }
.an-kaynak b { display: block; font-size: clamp(10px, 1vw, 13px); }
.an-kaynak i { display: block; height: 3px; margin-top: 6px; background: rgba(21, 24, 29, .14); width: 80%; }
.an-kaynak.gel { opacity: 1; transform: none; }
.an-olgu { position: absolute; z-index: 3; max-width: 46%; display: flex; flex-direction: column; gap: 3px; padding: 10px 14px; border: 1px solid rgba(241, 236, 226, .22); background: rgba(22, 27, 34, .9); opacity: 0; transform: translateX(-12px); }
.an-olgu span { font-size: clamp(12px, 1.3vw, 16px); color: #fff; line-height: 1.35; }
.an-olgu small { font-size: clamp(10px, .95vw, 12px); color: var(--soluk); }
.an-olgu.eksik { border-style: dashed; }
.an-olgu.gel { opacity: 1; transform: none; }
.an-cizgiler { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none; }
.an-cizgi { fill: none; stroke: rgba(241, 236, 226, .45); stroke-width: 1.2; stroke-dasharray: 600; stroke-dashoffset: 600; transition: stroke-dashoffset .5s ease; }
.an-cizgi.ciz { stroke-dashoffset: 0; }
.an-celiski { position: absolute; z-index: 4; padding: 4px 10px; font-size: clamp(11px, 1vw, 13px); font-weight: 700; color: #0b0f14; background: var(--aleyhe); opacity: 0; transform: scale(.8); }
.an-celiski.gel { opacity: 1; transform: none; animation: an-nabiz 1.4s ease-in-out .5s infinite; }
@keyframes an-nabiz { 50% { box-shadow: 0 0 0 10px rgba(240, 170, 162, 0); } 0%, 100% { box-shadow: 0 0 0 0 rgba(240, 170, 162, .45); } }
.an-duvar { position: absolute; inset: 0; z-index: 1; display: flex; flex-wrap: wrap; align-content: center; gap: 10px 22px; padding: 6% 5% 12%; font-size: clamp(11px, 1.15vw, 15px); color: rgba(241, 236, 226, .16); opacity: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 85%, transparent); mask-image: linear-gradient(90deg, transparent, #000 30%, #000 85%, transparent); }
.an-duvar.gel { opacity: 1; animation: an-kay 9s linear; }
@keyframes an-kay { from { transform: translateY(16px); } to { transform: translateY(-16px); } }
.an-duvar span { white-space: nowrap; transition: color .4s ease, text-shadow .4s ease; }
.an-duvar .an-secili.yan { color: #fff; text-shadow: 0 0 18px rgba(255, 255, 255, .5); }
.an-emsal { position: absolute; right: 5%; bottom: 17%; z-index: 4; display: flex; flex-direction: column; gap: 8px; width: min(48%, 470px); }
.an-emsal-satir { display: flex; align-items: center; gap: 10px; padding: 9px 12px; background: rgba(22, 27, 34, .94); border: 1px solid rgba(255, 255, 255, .12); font-size: clamp(11px, 1.15vw, 14px); color: #fff; opacity: 0; transform: translateX(20px); transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1); }
.an-emsal-satir.gel { opacity: 1; transform: none; }
.an-emsal-satir i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--lehe); }
.an-emsal-satir.aleyhe i { background: var(--aleyhe); }
.an-emsal-satir small { margin-left: auto; font-size: .82em; color: var(--soluk); white-space: nowrap; }
.an-kagit { position: absolute; right: 6%; top: 12%; bottom: 14%; z-index: 3; width: min(46%, 470px); box-sizing: border-box; padding: clamp(16px, 2.4vw, 34px) clamp(16px, 2.6vw, 36px); overflow: hidden; background: linear-gradient(180deg, #f6f3ec, #ebe5d9); color: #15181d; box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .85); opacity: 0; transform: translateY(18px) rotate(1.2deg); font-family: "Times New Roman", Tinos, Times, serif; }
.an-kagit.gel { opacity: 1; transform: rotate(.6deg); }
.an-kagit-ust { text-align: center; font-weight: 700; font-size: clamp(11px, 1.15vw, 15px); letter-spacing: .04em; margin-bottom: 14px; }
.an-kagit-alt { font-weight: 700; font-size: clamp(10px, 1vw, 13px); margin-bottom: 8px; }
.an-kagit p { margin: 0 0 6px; font-size: clamp(10.5px, 1.1vw, 14.5px); line-height: 1.5; text-align: left; text-align-last: auto; min-height: 1.5em; }
.an-dayanaklar { position: absolute; left: clamp(16px, 2.6vw, 36px); right: clamp(16px, 2.6vw, 36px); bottom: clamp(12px, 2vw, 24px); display: flex; flex-wrap: wrap; gap: 6px; font-family: var(--yazi); }
.an-dayanak { padding: 3px 8px; font-size: clamp(9.5px, .95vw, 12px); color: #15181d; border: 1px solid rgba(21, 24, 29, .3); opacity: 0; transform: translateY(6px); transition: opacity .3s ease, transform .3s ease; }
.an-dayanak.gel { opacity: 1; transform: none; }
.an-son { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; opacity: 0; transform: scale(.98); }
.an-son.gel { opacity: 1; transform: none; }
.an-son .an-marka { position: static; font-size: clamp(44px, 7vw, 100px); }
.an-ilke { margin: 0; max-width: 34ch; font-size: clamp(14px, 1.5vw, 19px); line-height: 1.45; color: var(--soluk); text-align: center; text-align-last: center; }
.an-tekrar { margin-top: 10px; padding: 8px 16px; background: none; border: 1px solid var(--cizgi-2); color: var(--kirik); font: inherit; font-size: 14px; cursor: pointer; }
.an-tekrar:hover { background: rgba(255, 255, 255, .06); }
@media (max-width: 640px) {
  .an-marka.kose { display: none; }
  .an-baslik { top: 8%; } .an-alt { top: calc(8% + 36px); max-width: 88%; }
  /* telefonda künye duvarı başlığın arkasından geçer: yazının çevresi koyu hâleyle okunur kalır */
  .an-baslik, .an-alt { text-shadow: 0 0 14px #0b0f14, 0 0 6px #0b0f14, 0 0 2px #0b0f14; }
  .an-kagit { left: 6%; right: 6%; width: auto; top: 30%; bottom: 13%; }
  .an-emsal { left: 5%; right: 5%; width: auto; bottom: 14%; }
  .an-olgu { max-width: 54%; }
}

/* ---------- Mübaşir'in günü (29 Eki gece; referans: Folio tanıtımı, bizim temada) ---------- */
.gn-sahne { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 34px auto 0; overflow: hidden; background: radial-gradient(80% 70% at 28% 40%, #141a23, #0b0f14 72%); border: 1px solid var(--cizgi); }
/* Telefon: 9:16, üç kat (Melih 29 Eki: adım yazısı panonun üstüne biniyordu): üstte şekil, ortada adım, altta pano */
@media (max-width: 640px) { .gn-sahne { aspect-ratio: 9 / 16; } }
.gn-sahne > * { transition: opacity .45s ease, transform .6s cubic-bezier(.2, .8, .2, 1); }
.gn-sahne .git { opacity: 0 !important; transform: translateY(-10px) !important; }
.gn-saat { position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%) scale(.96); font-family: var(--baslik); font-weight: 700; font-size: clamp(64px, 12vw, 168px); letter-spacing: -0.05em; color: #fff; font-variant-numeric: tabular-nums; opacity: 0; }
.gn-saat.gel { opacity: 1; transform: translate(-50%, -50%); }
.gn-sahne .gn-saat.git { transform: translate(-50%, -60%) !important; }
.gn-sabah { position: absolute; left: 50%; top: calc(44% + clamp(46px, 7vw, 98px)); transform: translateX(-50%); font-size: clamp(15px, 1.6vw, 20px); color: var(--soluk); opacity: 0; white-space: nowrap; }
.gn-sabah.gel { opacity: 1; }
.gn-sabah.kose { left: 5%; top: 7%; transform: none; font-size: clamp(13px, 1.2vw, 15px); color: var(--kirik); }
.gn-pano { position: absolute; right: 5%; top: 12%; z-index: 2; width: 44%; box-sizing: border-box; padding: 16px 18px 8px; background: rgba(17, 21, 28, .94); border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 30px 70px -24px rgba(0, 0, 0, .85); opacity: 0; transform: translateY(14px); }
.gn-pano.gel { opacity: 1; transform: none; }
.gn-pano-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--cizgi-2); }
.gn-pano-ust b { font-family: var(--baslik); font-weight: 600; font-size: clamp(14px, 1.4vw, 17px); color: #fff; }
.gn-pano-ust span { font-size: clamp(11px, 1vw, 13px); color: var(--soluk); }
.gn-satir { display: grid; grid-template-columns: clamp(48px, 5.4vw, 66px) minmax(0, 1fr) auto; align-items: baseline; column-gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); opacity: 0; transform: translateY(6px); transition: opacity .5s ease, transform .5s cubic-bezier(.2, .8, .2, 1); }
.gn-satir.gel { opacity: 1; transform: none; }
.gn-satir b { font-size: clamp(12px, 1.2vw, 14.5px); font-weight: 600; color: var(--kirik); font-variant-numeric: tabular-nums; }
.gn-satir span { font-size: clamp(12px, 1.2vw, 14.5px); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gn-satir small { font-size: clamp(11px, 1vw, 12.5px); color: var(--soluk); white-space: nowrap; }
.gn-satir em { grid-column: 2 / -1; justify-self: start; margin-top: 4px; padding: 1px 7px; font-style: normal; font-size: clamp(10px, .95vw, 11.5px); color: var(--kirik); border: 1px solid var(--cizgi-2); }
.gn-kanvas { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; pointer-events: none; }
.gn-adim { position: absolute; left: 6%; bottom: 13%; z-index: 2; max-width: 38%; display: flex; flex-direction: column; gap: 6px; opacity: 0; transform: translateY(12px); }
.gn-adim.gel { opacity: 1; transform: none; }
.gn-no { width: 26px; height: 26px; display: grid; place-items: center; font-size: 13px; font-weight: 700; color: #0b0f14; background: var(--kirik); font-variant-numeric: tabular-nums; }
.gn-adim b { font-family: var(--baslik); font-weight: 700; font-size: clamp(26px, 3.6vw, 50px); letter-spacing: -0.04em; line-height: 1.02; color: #fff; }
.gn-adim p { margin: 0; max-width: 34ch; font-size: clamp(13px, 1.3vw, 16px); line-height: 1.45; color: var(--soluk); text-align: left; text-align-last: auto; }
.gn-hazir { position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 8px; padding: 0 6% 12%; background: linear-gradient(90deg, rgba(11, 15, 20, .92) 30%, rgba(11, 15, 20, 0) 62%); opacity: 0; }
.gn-hazir.gel { opacity: 1; }
.gn-hazir b { font-family: var(--baslik); font-weight: 700; font-size: clamp(32px, 4.6vw, 64px); letter-spacing: -0.045em; color: #fff; }
.gn-hazir span { font-size: clamp(13px, 1.3vw, 16px); color: var(--soluk); }
@media (max-width: 640px) {
  .gn-pano { left: 5%; right: 5%; top: 44%; bottom: auto; width: auto; padding: 12px 14px 6px; }
  .gn-adim { left: 6%; right: 6%; top: 21%; bottom: auto; max-width: none; gap: 4px; }
  .gn-adim b { font-size: 26px; }
  .gn-adim p { font-size: 13px; line-height: 1.4; }
  .gn-no { width: 22px; height: 22px; font-size: 12px; }
  .gn-hazir { justify-content: flex-start; padding-top: 24%; background: linear-gradient(180deg, rgba(11, 15, 20, .94) 45%, rgba(11, 15, 20, 0) 70%); }
}

/* ---------- Köşeler ----------
   29 Eki sabah "keskinlik" kararı (Melih: "bi kaç yer çok AI hissettirmiş") 1 Kas'ta kalktı (Melih: "sitede hiçbir şeyi köşeli
   istemiyorum, yan menü hariç"): yalnız yan menü (çekmece) düz; geri kalanı dosyanın sonundaki "Yuvarlak köşeler" bloğunda.
   Aciliyet yine renkle değil parlaklık ve kalınlıkla (tek renk). */
:root { --yaricap: 14px; }
:root:not(.tanitim-modu) :is(.tepe-menu, .cekmece-kapat, .c-oge, .c-modul, .c-sayac, .c-masa) { border-radius: 0; }
/* satır listeleri: üst çizgiyle ayrılan satırlar çizgi olarak düz kalır */
:root:not(.tanitim-modu) :is(.satir + .satir, .yk .satir) { border-radius: 0; }
/* Yuvarlak kalanlar (Melih, 29 Eki öğle: "takvim ve konuşma kutucuklarını yuvarlak kenarlı yap, takvimin içi"): konuşma
   balonları ve sohbetteki seçenekler; takvimin gün hücreleri yuvarlak, bugün dolu daire (telefon takvimi gibi) */
:root:not(.tanitim-modu) .m-balon { border-radius: 18px 18px 6px 18px; }
/* takvim sayfasının içi: ay kutuları, olay kartları, duruşma ekleme ve PDF bırakma alanı (.olay kendi 15px'ine döner) */
:root:not(.tanitim-modu) :is(.mini-takvim, .takvim-duzen .kart, .takvim-duzen .yukle-alani) { border-radius: 14px; }
:root:not(.tanitim-modu) .m-nesafet { border-radius: 18px 18px 18px 6px; }
:root:not(.tanitim-modu) :is(.m-alinti, .m-dilekce) { border-radius: 12px; }
:root:not(.tanitim-modu) :is(.m-dosya, .mesajlar .ipucu, .m-dosyala-secenek .ipucu, .sor-ipucu .ipucu) { border-radius: 999px; }
:root:not(.tanitim-modu) .mt-gun, :root:not(.tanitim-modu) .yk .mt-gun { width: min(100%, 34px); aspect-ratio: 1; margin: 1px auto; padding: 0; display: grid; place-items: center; border-radius: 50%; }
:root:not(.tanitim-modu) .mt-gun.yarim, :root:not(.tanitim-modu) .mt-gun.adli { overflow: hidden; }
:root:not(.tanitim-modu) .satir.acil .satir-zaman b, :root:not(.tanitim-modu) .satir.yakin .satir-zaman b { color: #fff; font-weight: 700; }
:root:not(.tanitim-modu) :is(.sure-kalan.acil b, span.sure-kalan.acil) { color: #fff; font-weight: 700; }
:root:not(.tanitim-modu) :is(.sure-kalan.yakin b, span.sure-kalan.yakin) { color: var(--kirik); font-weight: 600; }
:root:not(.tanitim-modu) .tutar.eksi { color: var(--kirik); }
:root:not(.tanitim-modu) .durum-cip.alinacak { color: var(--kirik); border-color: var(--cizgi-2); }

/* ---------- Künye denetimi (29 Eki sabah): keskin, sakin; renk yalnız sonuç çiplerinde (doğru, farklı, yok) ---------- */
.dn-giris { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: 14px; align-items: stretch; margin-bottom: 18px; }
.dn-birak { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 22px 18px; border: 1.5px dashed var(--cizgi-2); background: rgba(255, 255, 255, .02); color: var(--soluk); font: inherit; font-size: 13px; text-align: center; cursor: pointer; }
.dn-birak b { color: var(--kirik); font-size: 15px; }
.dn-birak:hover, .dn-birak.uzerinde { border-color: rgba(255, 255, 255, .4); color: var(--kirik); background: rgba(255, 255, 255, .04); }
.dn-metin { width: 100%; box-sizing: border-box; min-height: 150px; resize: vertical; padding: 14px 16px; background: rgba(255, 255, 255, .03); border: 1px solid var(--cizgi-2); color: var(--metin); font: inherit; font-size: 14px; line-height: 1.55; outline: none; }
.dn-metin:focus { border-color: rgba(255, 255, 255, .34); }
.dn-bilgi { grid-column: 1 / -1; margin: 0; min-height: 1em; font-size: 13px; color: var(--soluk); text-align: left; text-align-last: auto; }
.dn-ozet { margin-bottom: 14px; }
.dn-ozet p { text-align: left; text-align-last: auto; }
.dn-sayim { margin: 0 0 4px; font-size: 15px; color: var(--kirik); }
.dn-sayim span { color: var(--soluk); font-size: 13.5px; }
.dn-gidecek { margin: 0 0 12px; font-size: 13px; color: var(--soluk); }
.dn-baslat { height: 40px; padding: 0 22px; background: var(--kirik); color: #0b0f14; border: 0; font: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer; }
.dn-baslat:disabled { opacity: .6; cursor: default; }
.dn-sonuc { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; padding: 14px 16px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .03); }
.dn-sonuc b { color: #fff; font-size: 15px; }
.dn-sonuc span { color: var(--soluk); font-size: 13.5px; }
.dn-kopyala { margin-left: auto; height: 32px; padding: 0 14px; background: none; border: 1px solid var(--cizgi-2); color: var(--kirik); font: inherit; font-size: 13px; cursor: pointer; }
.dn-bos { color: var(--soluk); font-size: 14px; }
.dn-liste { display: flex; flex-direction: column; gap: 10px; }
.dn-kunye { padding: 14px 16px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .03); }
.dn-kunye[data-durum="yok"] { border-color: rgba(240, 170, 162, .45); }
.dn-kunye[data-durum="farkli"], .dn-kunye[data-durum="eksik"] { border-color: rgba(243, 197, 139, .4); }
.dn-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.dn-ham { color: var(--kirik); font-weight: 600; font-size: 14.5px; line-height: 1.4; }
.dn-durum { flex: none; display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--soluk); }
.dn-nabiz { width: 8px; height: 8px; border-radius: 50%; background: var(--kirik); animation: yanip 1s ease-in-out infinite alternate; }
.dn-ayrinti { margin-top: 6px; display: flex; flex-direction: column; gap: 6px; }
.dn-ayrinti p { margin: 0; text-align: left; text-align-last: auto; }
.dn-resmi { font-size: 13.5px; color: var(--metin); }
.dn-resmi span { margin-right: 8px; color: var(--sonuk); font-size: 12px; }
.dn-resmi em { margin-left: 8px; font-style: normal; color: var(--soluk); font-size: 12.5px; }
.dn-fark { font-size: 13.5px; color: var(--kirik); }
.dn-aday, .dn-sonra { font-size: 13px; color: var(--soluk); }
.dn-kurul { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13px; color: var(--metin); }
.dn-alinti-satir { display: flex; flex-direction: column; gap: 5px; padding: 8px 0 2px; border-top: 1px solid var(--cizgi); }
.dn-alinti { font-size: 13.5px; line-height: 1.5; color: var(--metin); font-style: italic; }
.dn-alinti-sonuc { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 12.5px; color: var(--soluk); }
.dn-not { font-size: 12.5px; color: var(--soluk); }
.dn-maddeler { margin-top: 8px; }
.dn-maddeler h2 { margin: 6px 0 8px; font-family: var(--baslik); font-size: 16px; font-weight: 600; color: var(--kirik); }
.dn-madde { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 9px 0; border-top: 1px solid var(--cizgi); }
.dn-madde-ad { font-size: 13px; color: var(--soluk); }
@media (max-width: 760px) { .dn-giris { grid-template-columns: 1fr; } .dn-ust { flex-direction: column; gap: 6px; } .dn-kopyala { margin-left: 0; } }

/* ---------- "elli belge, bir bakışta." filmi (film.js; 23.46 yedeğinden geri) ---------- */
.f-sahne { position: relative; width: 100%; aspect-ratio: 16 / 10; margin: 44px auto 0; border-radius: 28px; overflow: hidden; isolation: isolate; border: 1px solid rgba(255,255,255,.08); }
.f-sahne::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 55% at 30% 30%, rgba(52, 72, 60, .55), transparent 70%), radial-gradient(55% 60% at 75% 65%, rgba(40, 46, 44, .7), transparent 72%), radial-gradient(45% 50% at 55% 85%, rgba(10, 12, 12, .8), transparent 70%), linear-gradient(160deg, #1b2320, #121615 55%, #0d1110); }
@media (max-width: 640px) {
  .f-sahne { aspect-ratio: 3 / 4; border-radius: 22px; }
}
.f-kart {
  position: absolute; transform: translate(-50%, -50%) rotate(var(--egim)); min-width: 150px; padding: 10px 12px; border-radius: 14px;
  display: flex; flex-direction: column; gap: 3px; color: #e4e7ec; font-size: 13px; line-height: 1.25;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  animation: suzul 5.5s ease-in-out infinite alternate;
}
.f-tur { font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--t, #cbd5e1); }
.f-ad { color: rgba(255,255,255,.82); }
.f-whatsapp { --t: #6fdc9b; }
.f-dekont { --t: #8ab4ff; }
.f-udf { --t: #f5c06b; }
.f-pdf { --t: #ff9a8f; }
.f-ses { --t: #c4a8ff; }
.f-jpg { --t: #7fd6d8; }
.f-eposta { --t: #d0d5dd; }
.f-fazla { position: absolute; transform: translate(-50%, 0); font-size: 12.5px; color: rgba(255,255,255,.7); padding: 5px 12px; border-radius: 999px; border: 1px dashed rgba(255,255,255,.25); }
.f-cubuk {
  position: absolute; left: 50%; bottom: 9%; transform: translateX(-50%); width: min(540px, 88%); display: flex; align-items: center; gap: 4px;
  padding: 6px 6px 6px 18px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.26);
  backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3);
}
.f-yazi { color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; }
.f-imlec { width: 2px; height: 19px; background: #fff; animation: yanip 1s steps(1) infinite; }
.f-gonder { margin-left: auto; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: #0b0f14; display: grid; place-items: center; font-weight: 700; transition: transform .15s ease; }
.f-gonder.basildi { transform: scale(.86); }
.f-panel {
  position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); width: min(640px, 90%); padding: 22px 24px; border-radius: 24px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(22px) saturate(1.2); -webkit-backdrop-filter: blur(22px) saturate(1.2);
  transition: width .55s cubic-bezier(.2,.9,.25,1.08), top .55s ease, transform .55s ease;
}
.f-panel.acik { width: min(1000px, 94%); top: 45%; }
.f-panel-ust { display: flex; align-items: center; gap: 10px; }
.f-etiket { font-size: 12px; font-weight: 700; background: #fff; color: #0b0f14; border-radius: 999px; padding: 3px 10px; }
.f-baslik { font-size: 23px; font-weight: 600; letter-spacing: -0.02em; }
.f-belge { margin-left: auto; color: rgba(255,255,255,.7); font-size: 15.5px; font-variant-numeric: tabular-nums; }
.f-ajanlar { margin-top: 14px; display: grid; gap: 10px; overflow: hidden; }
.f-ajan { display: grid; grid-template-columns: 90px 1fr 1fr auto; align-items: center; gap: 14px; font-size: 16px; }
.f-ajan-ad { font-weight: 700; }
.f-ajan-is { color: rgba(255,255,255,.7); }
.f-cizgi { height: 3px; border-radius: 3px; background: rgba(255,255,255,.14); overflow: hidden; }
.f-dolgu { display: block; height: 100%; width: 0; background: #fff; }
.f-durum { color: rgba(255,255,255,.85); font-size: 14.5px; font-variant-numeric: tabular-nums; min-width: 92px; text-align: right; }
.f-sutunlar { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px; }
.f-sutun-baslik { font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.f-sutun-baslik.lehe { color: #6fdc9b; }
.f-sutun-baslik.aleyhe { color: #ff9a8f; }
.f-madde { margin-top: 8px; padding: 9px 12px; border-radius: 11px; background: rgba(255,255,255,.06); border-left: 3px solid var(--r); display: flex; flex-direction: column; gap: 3px; }
.f-madde.lehe { --r: #6fdc9b; }
.f-madde.aleyhe { --r: #ff9a8f; }
.f-madde-metin { font-size: 16px; line-height: 1.3; }
.f-kaynak { font-size: 13px; color: rgba(255,255,255,.62); }
.f-ilke { position: absolute; left: 50%; bottom: 6%; transform: translateX(-50%); font-weight: 700; font-size: clamp(22px, 3vw, 32px); letter-spacing: -0.035em; white-space: nowrap; }
@media (max-width: 640px) {
  .f-kart { min-width: 128px; font-size: 12px; padding: 8px 10px; }
  .f-panel { padding: 14px; }
  .f-panel.acik { top: 4%; transform: translate(-50%, 0); }
  .f-ajan { grid-template-columns: 64px 1fr auto; }
  .f-ajan-is { display: none; }
  .f-sutunlar { grid-template-columns: 1fr; gap: 6px; }
  .f-sutun .f-madde:nth-of-type(n+4) { display: none; }
  .f-madde-metin { font-size: 13px; }
}
.f-sahne {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif; letter-spacing: -0.01em;
}
.f-ilke { font-family: "Inter Tight", "Helvetica Neue", Arial, sans-serif; }
.f-kart, .f-cubuk, .f-panel {
  background: linear-gradient(140deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.05) 44%, rgba(255,255,255,.1) 100%);
  border: 1px solid var(--cam-kenar);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(255,255,255,.07), inset 1px 0 0 rgba(255,255,255,.1), inset -1px 0 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.28);
  backdrop-filter: blur(24px) saturate(1.8) brightness(1.06); -webkit-backdrop-filter: blur(24px) saturate(1.8) brightness(1.06);
}
.f-panel::before, .f-kart::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: radial-gradient(120% 60% at 12% 0%, rgba(255,255,255,.16), rgba(255,255,255,0) 55%);
}
.f-panel > *, .f-kart > * { position: relative; }
.f-kart { color: var(--kirik); }
.f-tur { text-transform: none; letter-spacing: -0.005em; font-size: 12.5px; font-weight: 600; color: rgba(241,236,226,.6); }
.f-ad { color: var(--kirik); }
.f-baslik, .f-madde-metin, .f-ajan-ad { color: var(--kirik); }
.f-baslik { font-weight: 600; letter-spacing: -0.02em; }
.f-sutun-baslik { text-transform: none; letter-spacing: -0.005em; font-size: 14px; font-weight: 600; color: var(--kirik); display: flex; align-items: center; gap: 8px; }
.f-sutun-baslik::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--n); }
.f-sutun-baslik.lehe { --n: #a9d9bc; color: var(--kirik); }
.f-sutun-baslik.aleyhe { --n: #f0aaa2; color: var(--kirik); }
.f-madde { border-left: 0; background: rgba(255,255,255,.055); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); border-radius: 12px; padding: 11px 14px; }
.f-kaynak { color: rgba(241,236,226,.55); }
.f-etiket { background: var(--kirik); color: #0b0f14; }
@media (max-width: 640px) {
  .f-madde { padding: 8px 12px; margin-top: 6px; }
  .f-panel-ust + .f-sutunlar { margin-top: 10px; }
}
@keyframes suzul { from { transform: translate(-50%, calc(-50% - 4px)) rotate(var(--egim)); } to { transform: translate(-50%, calc(-50% + 4px)) rotate(var(--egim)); } }

/* ---------- Açılış: künye denetimi bölümü (29 Eki) ---------- */
.kd-liste { margin: 28px 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 30px; }
.kd-liste dt { color: #fff; font-size: 15.5px; font-weight: 600; letter-spacing: -0.005em; }
.kd-liste dd { margin: 4px 0 0; color: rgba(241, 236, 226, .62); font-size: 14.5px; line-height: 1.5; }
.kd-gizli { margin: 26px 0 0; padding-left: 14px; border-left: 2px solid rgba(241, 236, 226, .5); color: rgba(241, 236, 226, .8); font-size: 14.5px; line-height: 1.5; }
.s-denetim blockquote { font-size: 14px; }
.s-dn-satir { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; padding: 11px 0; border-top: 1px solid rgba(255, 255, 255, .08); }
.s-dn-satir b { display: block; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; }
.s-dn-satir span { display: block; margin-top: 2px; color: rgba(241, 236, 226, .62); font-size: 13.5px; line-height: 1.45; }
@media (max-width: 760px) { .kd-liste { grid-template-columns: 1fr; } }
.dn-kopya { margin-left: 10px; height: 24px; padding: 0 9px; background: none; border: 1px solid var(--cizgi-2); color: var(--kirik); font: inherit; font-size: 12px; cursor: pointer; }
.dn-kopya:hover { border-color: rgba(255, 255, 255, .4); }

/* Belgeden süre (29 Eki): Süre ekle formunun başında belge alanı ve bulunanların özeti */
.sb-birak { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 4px 0 12px; padding: 14px 16px; border: 1.5px dashed var(--cizgi-2); background: rgba(255, 255, 255, .02); color: var(--soluk); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.sb-birak b { color: var(--kirik); font-size: 14.5px; }
.sb-birak:hover, .sb-birak.uzerinde { border-color: rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .04); }
.sb-bilgi { display: flex; flex-direction: column; gap: 3px; margin: 0 0 12px; font-size: 13.5px; color: var(--metin); }
.sb-bilgi:empty { display: none; }
.sb-bilgi b { color: #fff; font-weight: 600; }
.sb-kanit { color: var(--soluk); font-style: italic; }
.sb-not { color: var(--soluk); font-size: 12.5px; }
.dn-belge { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--sonuk); }
.sb-secenekler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.sb-secenek { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 9px 12px; background: rgba(255, 255, 255, .03); border: 1px solid var(--cizgi-2); color: var(--kirik); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.sb-secenek span { color: var(--soluk); font-size: 12px; }
.sb-secenek:hover { border-color: rgba(255, 255, 255, .4); }

/* İçtihatlı sohbet cevabı (29 Eki) */
.m-dilekce { margin-top: 12px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .02); }
.m-dilekce-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--cizgi); }
/* dilekçenin son günü (2 Kas akşam turu): başlığın altında ince şerit; gün öne çıkar, hesabın dayanağı soluk */
.m-dilekce-sure { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 8px 12px; border-bottom: 1px solid var(--cizgi); font-size: 13px; }
.m-dilekce-sure .mds-gun { color: var(--kirik); font-weight: 600; }
.m-dilekce-sure .mds-not { flex: 1; min-width: 12em; color: var(--soluk); }
.dk-sure-ekle { margin-top: 8px; }
.m-dilekce pre { margin: 0; padding: 12px 14px; max-height: 420px; overflow: auto; white-space: pre-wrap; font: 13.5px/1.6 var(--yazi); color: var(--metin); }
.m-kararlar { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.m-karar { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; }
/* dilekçe sayfasının yan panelinde kararlar arası ("Kararı oku" düğmesi altta kalınca sonraki künyeye yapışıyordu) */
.dk-bolum .m-karar + .m-karar { margin-top: 12px; }
.m-karar .simge { flex: none; margin-top: 2px; color: var(--soluk); }
.m-karar b { display: block; color: var(--kirik); font-weight: 600; }
.m-karar span { display: block; color: var(--soluk); }
/* künyenin altında hüküm ("Bozma, oy çokluğuyla"): küçük, nedenle karışmasın diye ayrı satır */
.m-karar .m-karar-hukum { margin-top: 1px; font-size: 12px; letter-spacing: .01em; color: var(--soluk); opacity: .85; }
.m-uyari { color: var(--risk); }

/* Davalar paneli ve dosyalama (29 Eki öğle) */
.yd-yeni { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; background: var(--kirik); color: #0b0f14; font-size: 14.5px; font-weight: 600; text-decoration: none; }
.yd-yeni:hover { background: #fff; }
.m-dosyalandi { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 10px 0 0; font-size: 13.5px; color: var(--metin); }
.m-dosyalandi .simge { color: var(--lehe); }
.m-dosyalandi a { color: var(--kirik); }
.m-dosyala { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; font-size: 13.5px; color: var(--metin); }
.m-dosyala-secenek { display: flex; flex-wrap: wrap; gap: 8px; }
.m-dosyala-secenek a.ipucu { text-decoration: none; }
.m-hedef { margin: 0 0 6px; color: var(--soluk); }
.m-no { flex: none; min-width: 22px; color: var(--soluk); font-size: 12.5px; font-variant-numeric: tabular-nums; }

/* ---------- Dilekçe kurucu (29 Eki; Melih: "asıl rakip Harvey") ----------
   Solda form (masaüstünde yapışkan), sağda A4 kâğıdı (dışa aktarılan biçimle aynı: ortalı başlık, kalın etiket ve
   bölüm başlıkları, iki yana gövde, sağda imza) ve altında süre, kanunun istediği unsurlar, dayanaklar. */
.dk-duzen { display: grid; grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); gap: 22px; align-items: start; }
@media (max-width: 1080px) { .dk-duzen { grid-template-columns: 1fr; } }
.dk-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 18px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .03); position: sticky; top: calc(56px + env(safe-area-inset-top) + 16px); }
@media (max-width: 1080px) { .dk-form { position: static; } }
@media (max-width: 420px) { .dk-form { grid-template-columns: 1fr; padding: 14px; } }
.dk-form > .genis, .dk-alan.genis { grid-column: 1 / -1; }
.dk-alan { display: flex; flex-direction: column; gap: 5px; min-width: 0; font-size: 12.5px; color: var(--soluk); }
.dk-alan[hidden] { display: none; }
.dk-alan :is(input, select, textarea) { width: 100%; box-sizing: border-box; padding: 9px 11px; border: 1px solid var(--cizgi-2); border-radius: 0; background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 14.5px; color-scheme: dark; }
.dk-alan textarea { resize: vertical; line-height: 1.45; }
.dk-alan :is(input, select, textarea):focus { outline: none; border-color: rgba(255, 255, 255, .38); }
.dk-belge { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px dashed var(--cizgi-2); color: var(--soluk); font-size: 13px; line-height: 1.4; cursor: pointer; }
.dk-belge:hover, .dk-belge.uzerinde, .dk-belge:focus-visible { border-color: rgba(255, 255, 255, .42); color: var(--kirik); outline: none; }
.dk-belge svg { flex: none; }
.dk-gonder { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
/* "Yeni dilekçe" (4 Kas) cam düğme: kendi üst boşluğu satırda aşağı kaydırıyordu */
.dk-gonder .dk-yeni { margin-top: 0; }
.dk-birincil { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; border: 0; background: #f1ece2; color: #111; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.dk-birincil:hover { background: #fff; }
.dk-birincil:disabled { opacity: .6; cursor: progress; }
/* hidden niteliği display'li düğmeleri gizlemiyordu (31 Eki: inceleme tablosunda Durdur ve Yeniden kaydet hep görünüyordu) */
.dk-birincil[hidden], .dk-ikincil[hidden], .dugme-cam[hidden], .dn-kopya[hidden] { display: none; }
/* büronun matbusu (3 Kas): rehberli sayfada matbu türünde bilgi satırı ve ekleme paneli */
.dk-matbu { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0; font-size: 13px; color: var(--soluk); }
.dk-matbu-panel { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--cizgi-2); border-radius: 14px; }
.dk-matbu[hidden], .dk-matbu-panel[hidden] { display: none; }
.dk-sablon { width: 100%; box-sizing: border-box; min-height: 220px; resize: vertical; font: inherit; font-size: 13px; line-height: 1.5; }
.dk-durum { margin: 0; font-size: 13px; color: var(--soluk); }
.dk-not { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--sonuk); }
.dk-sag { min-width: 0; }
.dk-bos { display: flex; gap: 12px; align-items: flex-start; max-width: 640px; padding: 22px; border: 1px dashed var(--cizgi); color: var(--soluk); }
.dk-bos svg { flex: none; margin-top: 2px; }
.dk-bos p { margin: 0; line-height: 1.55; }
.dk-sonuc { display: grid; gap: 14px; min-width: 0; }
.dk-arac { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; } /* ızgara içinde içeriğinden dar olabilsin: uzun seçenekli kutu sayfayı genişletmesin */
.dk-arac .dugme-cam { margin-top: 0; }
.dk-kagit { box-sizing: border-box; max-width: 794px; padding: 56px 56px 64px 70px; background: #fbfaf7; color: #111; box-shadow: 0 30px 70px rgba(0, 0, 0, .45); font-family: "Times New Roman", Tinos, Times, serif; font-size: 15px; line-height: 1.5; outline: none; overflow-wrap: anywhere; }
.dk-kagit:focus-visible { box-shadow: 0 30px 70px rgba(0, 0, 0, .45), 0 0 0 2px rgba(241, 236, 226, .55); }
.dk-p { margin: 0 0 4px; min-height: 1em; }
.dk-h0 { text-align: left; }
.dk-h1 { text-align: center; }
.dk-h2 { text-align: right; }
.dk-h3 { text-align: justify; }
.dk-g { text-indent: 1.25cm; }
@media (max-width: 640px) { .dk-kagit { padding: 26px 18px 30px; font-size: 14px; } .dk-g { text-indent: 1.5em; } }
.dk-yan { display: grid; gap: 18px; max-width: 794px; }
.dk-bolum h3 { margin: 0 0 8px; font-size: 13px; font-weight: 600; letter-spacing: .01em; color: var(--soluk); }
.dk-bolum > p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.55; color: var(--metin); }
.dk-bolum > p.dk-not { font-size: 12.5px; color: var(--sonuk); }
.dk-sure b { color: #fff; }
.dk-unsurlar { list-style: none; display: grid; gap: 6px; margin: 8px 0 0; padding: 0; }
.dk-u { display: flex; gap: 10px; align-items: baseline; padding: 8px 10px; border: 1px solid var(--cizgi); }
.dk-u-durum { flex: none; min-width: 52px; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--sonuk); }
.dk-u.eksik { border-color: rgba(255, 255, 255, .4); }
.dk-u.eksik .dk-u-durum { color: #fff; }
.dk-u.yer-tutucu .dk-u-durum { color: var(--kirik); }
.dk-u.gerekmiyor { opacity: .55; }
.dk-u-govde { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dk-u-govde b { font-size: 14px; font-weight: 600; color: var(--metin); }
.dk-u-govde small { font-size: 12.5px; line-height: 1.4; color: var(--soluk); }
.m-dilekce-dugmeler { display: inline-flex; flex-wrap: wrap; gap: 6px; }

/* Sohbete eklenen belge (29 Eki): avukatın tarafında, okuma ilerlemesi, belgeden süre ve sık işler */
.m-belge { align-self: flex-end; display: grid; gap: 8px; width: min(460px, 100%); box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .05); border-radius: 18px 18px 6px 18px; }
.mb-ust { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mb-resim, .mb-simge { flex: none; width: 44px; height: 44px; border-radius: 8px; }
.mb-resim { object-fit: cover; }
.mb-simge { display: grid; place-items: center; background: rgba(255, 255, 255, .07); color: var(--kirik); }
.mb-ad { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.mb-ad b { overflow: hidden; font-size: 14px; color: #fff; white-space: nowrap; text-overflow: ellipsis; }
.mb-durum { font-size: 12.5px; line-height: 1.4; color: var(--soluk); }
.m-belge.okunuyor .mb-durum { color: var(--kirik); }
.m-belge.hata { border-color: rgba(255, 255, 255, .35); }
.m-belge.hata .mb-durum { color: #fff; }
.mb-kaldir { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: none; color: var(--soluk); cursor: pointer; }
.mb-kaldir:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.mb-sure { display: grid; gap: 4px; }
.mb-sure p { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--metin); text-align: left; text-align-last: auto; }
.mb-sure b { color: #fff; font-weight: 600; }
.mb-sure .mb-sure-alt { font-size: 12.5px; color: var(--soluk); }
.mb-sure-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 2px; }
.mb-sure-durum { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--kirik); }
.mb-tarih { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--soluk); }
.mb-tarih input { padding: 5px 8px; border: 1px solid var(--cizgi-2); border-radius: 8px; background: rgba(255, 255, 255, .05); color: var(--kirik); font: inherit; font-size: 13px; color-scheme: dark; }
.mb-eylemler { display: flex; flex-wrap: wrap; gap: 6px; }
.mb-not { margin: 0; font-size: 11.5px; line-height: 1.4; color: var(--sonuk); }
.belge-uzerinde { outline: 1px dashed rgba(255, 255, 255, .35); outline-offset: 8px; }
.m-sorular { margin-top: 10px; padding: 10px 12px; border-left: 2px solid rgba(255, 255, 255, .3); }
.m-sorular b { display: block; margin-bottom: 4px; font-size: 12.5px; font-weight: 600; color: var(--soluk); }
.m-sorular ul { margin: 0; padding-left: 18px; }
.m-sorular li { margin: 2px 0; font-size: 14.5px; line-height: 1.5; color: var(--metin); }
.mb-geri { margin-left: 6px; padding: 0; border: 0; background: none; color: var(--soluk); font: inherit; font-size: 12.5px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.mb-geri:hover { color: #fff; }

/* Büro kasası (29 Eki, uçtan uca şifreli) */
.kasa { display: grid; gap: 16px; max-width: 620px; }
.kasa-kart { display: grid; gap: 12px; padding: 20px; }
.kasa-kart h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 18px; color: #fff; }
.kasa-kart p { margin: 0; line-height: 1.55; color: var(--metin); }
.kasa-kart input { padding: 10px 12px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 15px; }
.kasa-not { margin: 0; font-size: 13px; color: var(--soluk); }
.kasa-kod { padding: 14px; border: 1px dashed var(--cizgi-2); font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: clamp(16px, 4.6vw, 22px); letter-spacing: .06em; color: #fff; text-align: center; overflow-wrap: anywhere; }
.kasa-sayilar { display: flex; gap: 28px; margin: 0; }
.kasa-sayilar div { display: grid; gap: 2px; }
.kasa-sayilar dt { font-size: 12.5px; color: var(--soluk); }
.kasa-sayilar dd { margin: 0; font-size: 22px; font-weight: 600; color: #fff; font-variant-numeric: tabular-nums; }
.mb-kayit { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font-size: 12.5px; color: var(--soluk); }
.mb-kayit a { color: var(--kirik); }
.mb-kayit select { padding: 4px 8px; border: 1px solid var(--cizgi-2); border-radius: 8px; background: rgba(255, 255, 255, .05); color: var(--kirik); font: inherit; font-size: 12.5px; color-scheme: dark; }
.kasa .dugme-cam { margin-top: 0; }

/* Tek renk (Tur 3, 29 Eki; Melih: "renk yok, tek renk koyu"): uygulamanın içinde kalan yeşil, kırmızı, turuncu
   vurgular parlaklık ve kalınlığa indi; açılış sayfası kendi dilinde kalır */
:root:not(.tanitim-modu) :is(.hazirlik li.tamam .simge, .yetkiler span.var .simge, .dayanaklar .satir .simge, .m-dosyalandi .simge) { color: var(--kirik); }
:root:not(.tanitim-modu) .yetkiler span.yok { color: var(--soluk); background: transparent; text-decoration: line-through; text-decoration-color: rgba(255, 255, 255, .35); }
:root:not(.tanitim-modu) .tutar { color: var(--kirik); }
:root:not(.tanitim-modu) .tutar.eksi { color: var(--soluk); }
:root:not(.tanitim-modu) :is(.dugme-cam.sil, .olay-sil) { color: var(--soluk); }
:root:not(.tanitim-modu) :is(.dugme-cam.sil, .olay-sil):hover { color: #fff; }
:root:not(.tanitim-modu) .m-uyari { color: #fff; font-weight: 600; padding-left: 10px; border-left: 2px solid rgba(255, 255, 255, .45); }
.m-eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.m-eylemler .dugme-cam { margin-top: 14px; }
/* kopyalama ve müvekkile anlat (1 Kas; Melih'in örneği: kod bloklarındaki kopyalama): cevabın sağ üst köşesinde yüzen, yarı saydam
   yuvarlak kare düğmeler; yazı etraflarından akar. Masaüstünde soluk, cevabın üzerine gelince belirgin. */
.m-govde { display: block; }
.m-ust-eylem { float: right; display: flex; align-items: center; gap: 6px; margin: -4px -6px 6px 12px; }
.m-kopya-yer { display: inline-flex; align-items: center; gap: 6px; flex-direction: row-reverse; }
.m-kopya { width: 30px; height: 30px; padding: 0; border: 1px solid var(--cizgi-2); border-radius: 8px; display: grid; place-items: center;
  background: rgba(255, 255, 255, .05); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--soluk); cursor: pointer; transition: color .2s, background .2s, opacity .2s, border-color .2s; }
.m-kopya:hover, .m-kopya:focus-visible { color: var(--kirik); background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .24); }
.m-muvekkile-dugme { height: 30px; padding: 0 11px; border: 1px solid var(--cizgi-2); border-radius: 8px; background: rgba(255, 255, 255, .05); color: var(--kirik); font: inherit; font-size: 12.5px; cursor: pointer; transition: background .2s, border-color .2s, opacity .2s; }
.m-muvekkile-dugme:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .24); }
.m-kopya-yazi { font-size: 12.5px; color: var(--soluk); }
/* iki düğme yan yana yazıyı daraltıp iki yana yaslı satırları açıyordu: müvekkile anlat varsa kendi ince satırında, sağda */
.m-ust-eylem:has(.m-muvekkile-dugme) { float: none; justify-content: flex-end; margin: -8px -8px 4px 0; }
/* silik dursun, okumayı bölmesin (1 Kas; Melih): çerçevesiz ve soluk; cevabın üzerine gelince biraz belirir, düğmenin üzerine gelince çerçeveli ve tam */
.m-nesafet :is(.m-kopya, .m-muvekkile-dugme) { opacity: .55; background: transparent; border-color: transparent; }
@media (hover: hover) {
  .m-nesafet :is(.m-kopya, .m-muvekkile-dugme) { opacity: .3; }
  .m-nesafet:hover :is(.m-kopya, .m-muvekkile-dugme) { opacity: .65; }
  .m-nesafet :is(.m-kopya, .m-muvekkile-dugme):is(:hover, :focus-visible) { opacity: 1; background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .24); }
}
/* kopyala yer kaplamaz (1 Kas gece; Melih: "tam olarak gözükmemeli, yazının üstünde silik şekilde durmalı, fare giderse gitmeli; telefonda
   baloncuğu tutarsın oradan kopyalarsın"): balonun köşesinde yazının üstüne biner (yazı onu dolanmaz), çok silik; balonun üzerine
   gelince biraz, düğmenin üzerine gelince tam belirir. Dokunmatik ekranda yok (basılı tutup kopyalanır); müvekkile anlat kalır */
.m-nesafet { position: relative; }
.m-ust-eylem:not(:has(.m-muvekkile-dugme)) { position: absolute; top: 6px; right: 6px; float: none; margin: 0; z-index: 1; }
@media (hover: hover) {
  .m-nesafet .m-kopya { opacity: .18; }
  .m-nesafet:hover .m-kopya { opacity: .5; }
  .m-nesafet .m-kopya:is(:hover, :focus-visible) { opacity: 1; }
}
@media (hover: none) {
  .m-nesafet .m-kopya-yer, .m-ust-eylem:not(:has(.m-muvekkile-dugme)) { display: none; }
}

/* Lehe/aleyhe biçimle (Tur 4, 29 Eki; renk yok): dolu nokta lehimize, boş halka aleyhimize, yarım dolu çift yönlü,
   elmas risk, kesik halka fırsat, soluk nokta nötr. Delil dengesi çubuğunda dolu, taralı, yarım ve soluk. */
:root:not(.tanitim-modu) .etiket::before { background: var(--soluk); box-sizing: border-box; }
:root:not(.tanitim-modu) .etiket.n-lehe::before { background: var(--kirik); }
:root:not(.tanitim-modu) .etiket.n-aleyhe::before { background: transparent; border: 1.5px solid var(--kirik); }
:root:not(.tanitim-modu) .etiket.n-iki::before { background: linear-gradient(90deg, var(--kirik) 50%, transparent 50%); border: 1.5px solid var(--kirik); }
:root:not(.tanitim-modu) .etiket.n-risk::before { border-radius: 1px; transform: rotate(45deg) scale(.86); background: var(--kirik); }
:root:not(.tanitim-modu) .etiket.n-firsat::before { background: transparent; border: 1.5px dashed var(--soluk); }
:root:not(.tanitim-modu) .adim .nokta { background: var(--soluk); box-sizing: border-box; }
:root:not(.tanitim-modu) .adim.n-lehe .nokta { background: var(--kirik); }
:root:not(.tanitim-modu) .adim.n-aleyhe .nokta { background: var(--gece); box-shadow: inset 0 0 0 2px var(--kirik), 0 0 0 1px var(--cizgi-2); }
:root:not(.tanitim-modu) .adim.n-iki .nokta { background: linear-gradient(90deg, var(--kirik) 50%, var(--gece) 50%); box-shadow: inset 0 0 0 2px var(--kirik), 0 0 0 1px var(--cizgi-2); }
:root:not(.tanitim-modu) .adim.n-risk .nokta { border-radius: 2px; transform: rotate(45deg) scale(.8); background: var(--kirik); }
:root:not(.tanitim-modu) .denge span { background: rgba(255, 255, 255, .22) !important; }
:root:not(.tanitim-modu) .denge span.n-lehe { background: var(--kirik) !important; }
:root:not(.tanitim-modu) .denge span.n-aleyhe { background: repeating-linear-gradient(135deg, var(--kirik) 0 2px, transparent 2px 5px) !important; }
:root:not(.tanitim-modu) .denge span.n-iki { background: linear-gradient(180deg, var(--kirik) 50%, rgba(255, 255, 255, .22) 50%) !important; }
:root:not(.tanitim-modu) .denge span.n-risk { background: rgba(255, 255, 255, .55) !important; }

/* Anlatım filmi, Üstat sahnesi: tartı (Tur 5, 29 Eki). İnce kol ve mil; kefeler kolun uçlarıyla iner, çıkar. Telefonda
   yer yok, gizli; kâğıt yazısı telefonda büyür. */
.an-tarti { position: absolute; left: 6%; top: 45%; width: 34%; height: 38%; z-index: 3; opacity: 0; transform: translateY(10px); }
.an-tarti.gel { opacity: 1; transform: none; }
.an-tarti-kol { position: absolute; left: 0; right: 0; top: 0; height: 1.5px; background: var(--kirik); transform-origin: 50% 50%; transition: transform 1s cubic-bezier(.3, 1.35, .5, 1); }
.an-tarti-mil { position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; border-radius: 50%; background: var(--kirik); box-shadow: 0 0 0 4px #0e131a; }
.an-kefe { position: absolute; top: 18px; width: 45%; display: grid; align-content: start; gap: 7px; transition: transform 1s cubic-bezier(.3, 1.35, .5, 1); }
.an-kefe.lehe { left: 0; }
.an-kefe.aleyhe { right: 0; }
.an-kefe small { font-size: clamp(11px, .95vw, 13px); color: var(--soluk); }
.an-kefe span { display: flex; align-items: baseline; gap: 8px; font-size: clamp(12px, 1.1vw, 14.5px); line-height: 1.35; color: var(--kirik); opacity: 0; transform: translateY(-8px); transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1); }
.an-kefe span.gel { opacity: 1; transform: none; }
.an-kefe span::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--kirik); transform: translateY(-1px); }
.an-kefe.aleyhe span { color: var(--soluk); }
.an-kefe.aleyhe span::before { box-sizing: border-box; background: transparent; border: 1.5px solid var(--soluk); }
@media (max-width: 640px) { .an-tarti { display: none; } .an-kagit p { font-size: 12px; } }

/* Mübaşir'in günü, son gün adımı (Tur 6): takvimin altında bayram kayması notu */
.gn-kayma { position: absolute; z-index: 3; transform: translate(-50%, 6px); max-width: 26ch; font-size: clamp(11.5px, 1vw, 13.5px); line-height: 1.4; color: var(--kirik); text-align: center; opacity: 0; transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1); pointer-events: none; }
.gn-kayma.gel { opacity: 1; transform: translate(-50%, 0); }
.gn-kayma.git { opacity: 0; }

/* Hareket azaltılmışsa (Tur 7): geçişler ve CSS canlandırmaları anında, kaydırma yumuşak değil. Filmler ve Instants
   zaten kendi az hareket hâllerine geçer. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* İnceleme tablosu (29-30 Eki gece): yoğun iş tablosu; ilk sütun ve başlık yapışkan, tablo kendi içinde kayar.
   Hücre işaretleri: tik (alıntı aynen var), ≈ (küçük farkla), ! (bulunamadı, değer kesik altı çizili). */
.ih-arac { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-bottom: 10px; min-width: 0; }
.ih-arac .dugme-cam { margin-top: 0; }
.ih-dava { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: var(--soluk); }
.ih-dava select, .ih-sutun-form input { padding: 9px 11px; border: 1px solid var(--cizgi-2); border-radius: 0; background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 14.5px; color-scheme: dark; }
.ih-dava select { min-width: 260px; max-width: 100%; }
.ih-sutun-form { display: flex; gap: 8px; max-width: 620px; margin: 6px 0 4px; }
.ih-sutun-form input { flex: 1; min-width: 0; }
.ih-sutun-form .dugme-cam { margin-top: 0; }
.ih-durum { min-height: 1.4em; margin: 6px 0 10px; font-size: 13px; color: var(--soluk); }
.ih-bos { display: flex; gap: 10px; align-items: flex-start; padding: 18px; border: 1px dashed var(--cizgi); color: var(--soluk); }
.ih-bos p { margin: 0; line-height: 1.55; }
.ih-bos a { color: var(--kirik); }
.ih-tablo-kap { overflow: auto; max-height: calc(100dvh - 280px); border: 1px solid var(--cizgi); }
.ih-tablo { min-width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13.5px; }
.ih-tablo th, .ih-tablo td { padding: 0; border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.ih-tablo thead th { position: sticky; top: 0; z-index: 2; padding: 10px 12px; background: #121820; color: var(--kirik); font-weight: 600; white-space: nowrap; }
.ih-tablo thead th span { margin-right: 4px; }
.ih-belge-sutun { position: sticky; left: 0; z-index: 1; min-width: 170px; max-width: 220px; background: #0f141b; }
.ih-tablo thead .ih-belge-sutun { z-index: 3; }
.ih-tablo tbody th { padding: 10px 12px; font-weight: 500; }
.ih-belge-ad { display: block; color: #fff; overflow-wrap: anywhere; }
.ih-tablo tbody th small { display: block; margin-top: 3px; font-size: 11.5px; color: var(--sonuk); }
.ih-hucre { min-width: 170px; max-width: 280px; }
.ih-hucre button { display: flex; align-items: flex-start; gap: 6px; width: 100%; padding: 10px 12px; border: 0; background: none; color: var(--metin); font: inherit; text-align: left; cursor: pointer; }
.ih-hucre button:hover, .ih-hucre button:focus-visible { background: rgba(255, 255, 255, .05); outline: none; }
.ih-deger { flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 1.45; }
.ih-hucre.yok-cevap .ih-deger, .ih-hucre.bos span { color: var(--sonuk); }
.ih-hucre.bos span { display: block; padding: 10px 12px; font-size: 12.5px; }
.ih-hucre.yok .ih-deger { text-decoration: underline dashed rgba(255, 255, 255, .5); text-underline-offset: 3px; }
.ih-im { flex: none; font-size: 12px; font-style: normal; line-height: 1.6; color: var(--soluk); }
.ih-im.uyar { color: #fff; font-weight: 700; }
.ih-sil { padding: 0; border: 0; background: none; color: var(--soluk); vertical-align: middle; cursor: pointer; }
.ih-sil:hover { color: #fff; }
.ih-cekmece { position: fixed; top: calc(56px + env(safe-area-inset-top)); right: 0; bottom: 0; z-index: 60; width: min(440px, 100%); box-sizing: border-box; overflow-y: auto; padding: 18px 20px 28px; background: #0f141b; border-left: 1px solid var(--cizgi-2); box-shadow: -30px 0 60px rgba(0, 0, 0, .5); }
.ih-cekmece[hidden] { display: none; }
.ih-cekmece-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.ih-cekmece-ust b { font-size: 16px; color: #fff; }
.ih-kapat { display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: none; color: var(--soluk); cursor: pointer; }
.ih-kapat:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.ih-soru { margin: 0 0 10px; font-size: 12.5px; line-height: 1.45; color: var(--soluk); }
.ih-cevap { margin: 0 0 10px; font-size: 15px; line-height: 1.5; color: #fff; }
.ih-alinti { margin: 0 0 8px; padding: 8px 12px; border-left: 2px solid var(--kirik); font-family: "Times New Roman", Tinos, Times, serif; font-size: 15px; line-height: 1.5; color: var(--metin); }
.ih-dogrulama { margin: 0 0 16px; font-size: 12.5px; color: var(--soluk); }
.ih-dogrulama.yok { color: #fff; font-weight: 600; }
.ih-cekmece h3 { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--soluk); }
.ih-belge { white-space: pre-wrap; font-family: "Times New Roman", Tinos, Times, serif; font-size: 14px; line-height: 1.55; color: var(--metin); }
.ih-belge mark { padding: 0 2px; background: rgba(241, 236, 226, .85); color: #111; }
@media (max-width: 760px) {
  .ih-cekmece { top: auto; height: 72dvh; width: 100%; border-left: 0; border-top: 1px solid var(--cizgi-2); box-shadow: 0 -30px 60px rgba(0, 0, 0, .5); }
  .ih-dava { flex: 1 1 100%; } .ih-dava select { min-width: 0; width: 100%; }
  .ih-tablo-kap { max-height: none; }
}
.ih-alinti, .ih-soru, .ih-cevap, .ih-dogrulama { text-align: left; text-align-last: auto; }

/* Cevaptaki kararı okuma (31 Eki, Cansel'in isteği): cevabın [1] dipnotu ve "Kararı oku" kararın tam metnini çekmecede açar.
   Okuma genişliği; gerekçe, hüküm ve karşı oy işaretli; bölüm düğmeleri kaydırırken üstte kalır. */
.m-dipnot { padding: 0 1px; border: 0; background: none; color: #fff; font: inherit; text-decoration: underline; text-decoration-color: rgba(241, 236, 226, .35); text-underline-offset: 3px; cursor: pointer; }
.m-dipnot:hover { text-decoration-color: currentColor; }
/* dilekçedeki künye: kararı açar (alıntı işaretli); metnin içinde kalır, yalnız ince alt çizgi */
.m-kunye { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: inherit; text-decoration: underline; text-decoration-color: rgba(241, 236, 226, .3); text-underline-offset: 3px; cursor: pointer; }
.m-kunye:hover { color: #fff; text-decoration-color: currentColor; }
.m-karar-oku { margin-top: 6px; height: 26px; padding: 0 10px; border: 1px solid var(--cizgi-2); background: none; color: var(--kirik); font: inherit; font-size: 12.5px; cursor: pointer; }
.m-karar-oku:hover { border-color: rgba(241, 236, 226, .5); color: #fff; }
.karar-cekmece { width: min(620px, 100%); }
.kc-eylem { margin: 0 0 14px; }
.kc-eylem .dn-kopya { margin-left: 0; }
.kc-atla { position: sticky; top: -18px; z-index: 1; display: flex; gap: 6px; margin: 0 -20px 6px; padding: 10px 20px; background: #0f141b; border-bottom: 1px solid var(--cizgi-2); }
.kc-atla button { height: 28px; padding: 0 11px; border: 1px solid var(--cizgi-2); background: none; color: var(--kirik); font: inherit; font-size: 12.5px; cursor: pointer; }
.kc-atla button:hover { border-color: rgba(241, 236, 226, .5); color: #fff; }
.karar-cekmece .ih-belge { font-size: 15px; line-height: 1.6; }
/* cevapla örtüşen cümleler (1 Kas): renk yok, hafif zemin; "İlgili yer" sıradakine götürür */
.kc-ilgili { padding: 1px 0; background: rgba(241, 236, 226, .1); color: #fff; -webkit-box-decoration-break: clone; box-decoration-break: clone; scroll-margin: 80px 0; }
.kc-atla .kc-ilgili-dugme { border-color: rgba(241, 236, 226, .5); color: #fff; }
.kc-ilgili-not { margin: 8px 0 10px; }
.kc-bolum { display: block; margin: 18px 0 6px; padding-top: 12px; border-top: 1px solid var(--cizgi-2); scroll-margin-top: 60px; font-family: var(--sans); font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--soluk); }
@media (max-width: 760px) { .karar-cekmece { height: 86dvh; } .kc-atla { top: -18px; } }

/* Sabah özeti, Mübaşir bakışında "Dikkat" (29-30 Eki gece): önemli madde kalın ve parlak, diğerleri normal; renk yok */
.satir.dikkat { padding-left: 12px; }
.satir.dikkat .satir-baslik { color: var(--metin); }
.satir.dikkat.acil .satir-baslik { color: #fff; font-weight: 600; }
.satir.dikkat.acil { box-shadow: inset 2px 0 0 rgba(255, 255, 255, .55); }

/* Müvekkil kabulü ve çatışma kontrolü (29-30 Eki gece; kabul.js, catisma.js). Renk yok: olası çatışma kalın ve solda
   ince çizgi, bilinen kişi normal, yalnız geçen soluk. Düzen dilekçe kurucuyla aynı (dk-duzen, dk-form, dk-kagit). */
.ck-ozet { margin: 0 0 4px; font-size: 14.5px; line-height: 1.55; color: var(--metin); }
.ck-ozet.olasi { color: #fff; font-weight: 600; }
.ck-grup { margin-top: 12px; }
.ck-grup h4 { margin: 0 0 6px; font-size: 12.5px; font-weight: 600; color: var(--soluk); }
.ck-liste { list-style: none; display: grid; gap: 6px; margin: 0; padding: 0; }
.ck-b { padding: 8px 10px 8px 12px; border: 1px solid var(--cizgi); font-size: 13.5px; line-height: 1.45; color: var(--metin); overflow-wrap: anywhere; }
.ck-b a { color: inherit; text-decoration: none; }
.ck-b a:hover, .ck-b a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.ck-b.d2 { border-color: rgba(255, 255, 255, .42); box-shadow: inset 2px 0 0 rgba(255, 255, 255, .7); color: #fff; font-weight: 600; }
.ck-b.d0 { color: var(--soluk); }
.ck-parca { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 400; color: var(--sonuk); }
.ck-kanun { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.ck-kanun summary { cursor: pointer; font-size: 13px; color: var(--soluk); }
.ck-kanun summary:hover { color: var(--kirik); }
.ck-kanun p { margin: 8px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--metin); }
.kb-secim { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--metin); cursor: pointer; }
.kb-secim input { flex: none; width: 16px; height: 16px; margin: 0; accent-color: #f1ece2; }
.kb-form [hidden] { display: none; }
.kb-canli { display: none; padding: 9px 11px; border: 1px solid var(--cizgi-2); background: none; color: var(--metin); font: inherit; font-size: 13.5px; text-align: left; cursor: pointer; }
.kb-canli.olasi { border-color: rgba(255, 255, 255, .42); box-shadow: inset 2px 0 0 rgba(255, 255, 255, .7); color: #fff; font-weight: 600; }
@media (max-width: 1080px) { .kb-canli:not([hidden]) { display: block; } }
.kb-tamam { margin: 0 0 16px; font-size: 14.5px; line-height: 1.55; color: var(--metin); text-align: left; }
.kb-tamam svg { display: inline-block; margin-right: 6px; vertical-align: -3px; }
.kb-tamam a, .kb-yeni { padding: 0; border: 0; background: none; color: var(--kirik); font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.kb-kagit .dk-p { margin-bottom: 8px; }
.kb-kayit { display: grid; gap: 10px; max-width: 980px; margin-top: 34px; }
.kb-kayit h2 { margin: 12px 0 0; font-size: 15px; font-weight: 600; color: var(--kirik); }
.kb-satirlar { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.kb-satirlar li { display: grid; grid-template-columns: 92px minmax(0, 1fr) minmax(0, 250px); gap: 12px; align-items: baseline; padding: 9px 2px; border-bottom: 1px solid var(--cizgi); font-size: 13.5px; color: var(--metin); }
.kb-tarih { color: var(--soluk); font-variant-numeric: tabular-nums; }
.kb-kim { overflow-wrap: anywhere; }
.kb-durum { font-size: 12.5px; color: var(--soluk); }
.kb-durum b { font-size: 13.5px; color: var(--kirik); }
.kb-durum b.ret { color: var(--soluk); }
@media (max-width: 640px) { .kb-satirlar li { grid-template-columns: 80px minmax(0, 1fr); } .kb-durum { grid-column: 2; } }
/* Yeni davada olası çatışma: dava açılmadan önce */
.yd-uyari { display: grid; gap: 10px; width: min(640px, 100%); box-sizing: border-box; margin: 0 auto 14px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, .42); box-shadow: inset 2px 0 0 rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .04); text-align: left; }
.yd-uyari[hidden] { display: none; }
.yd-uyari > b { font-size: 14.5px; color: #fff; }
.yd-uyari > p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--metin); }
.yd-uyari .ck-grup { margin-top: 0; }
.yd-uyari .dk-gonder .dugme-cam { margin-top: 0; }
/* Sohbette çatışma kontrolü kartı (serbest metinle açılan davanın ilk kartı) */
.m-catisma .ck-grup { margin-top: 0; }
.m-catisma-alt { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--soluk); }
.m-catisma-alt a { color: var(--kirik); }

/* Stajyer onayı (29-30 Eki gece; onay.js): solda taslaklar, sağda kâğıt ve karar; renk yok, bekleyen kalın */
.dk-arac-kap { display: grid; gap: 10px; }
.onay-cubuk { display: grid; gap: 8px; padding: 12px 14px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .03); }
.onay-cubuk .dk-arac .dugme-cam { margin-top: 0; }
.onay-durum { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--metin); text-align: left; }
.onay-durum a { color: var(--kirik); }
.onay-not { display: block; margin: 0; font-size: 13.5px; line-height: 1.5; font-weight: 400; color: var(--metin); }
.onay-not b { color: #fff; }
.onay-duzen { display: grid; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: 22px; align-items: start; }
@media (max-width: 900px) { .onay-duzen { grid-template-columns: 1fr; } }
.onay-liste { display: grid; gap: 6px; }
.onay-liste h3 { margin: 10px 0 2px; font-size: 12.5px; font-weight: 600; color: var(--soluk); }
.onay-satir { display: grid; gap: 2px; padding: 9px 11px; border: 1px solid var(--cizgi); color: var(--metin); text-decoration: none; }
.onay-satir:hover, .onay-satir:focus-visible { border-color: var(--cizgi-2); outline: none; }
.onay-satir.secili { border-color: rgba(255, 255, 255, .42); background: rgba(255, 255, 255, .04); }
.onay-satir.bekliyor .onay-baslik { font-weight: 600; color: #fff; }
.onay-baslik { font-size: 14px; overflow-wrap: anywhere; }
.onay-alt { margin: 0; font-size: 12.5px; color: var(--soluk); text-align: left; }
.onay-detay { display: grid; gap: 14px; min-width: 0; max-width: 794px; }
.onay-detay .dk-arac .dugme-cam { margin-top: 0; }
.onay-ust h2 { margin: 0 0 2px; font-size: 18px; font-weight: 600; color: var(--kirik); }
.onay-sonuc { margin: 0; font-size: 14px; line-height: 1.5; color: var(--metin); text-align: left; }
.onay-sonuc.bekliyor { font-weight: 600; color: #fff; }
.onay-sonuc .onay-not { margin-top: 4px; }
.onay-karar { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .03); }
.onay-karar .dugme-cam { margin-top: 0; }

/* Yapay zekâ kaydı (29-30 Eki gece; kullanim.js) */
.kl-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; max-width: 980px; }
.kl-ust .dugme-cam, .yk-gezgin .dugme-cam { margin-top: 0; }
.yk-gezgin { display: flex; align-items: center; gap: 10px; }
.yk-gezgin b { min-width: 110px; font-size: 15px; color: var(--kirik); text-align: center; }
.yk-gezgin .pasif { opacity: .35; pointer-events: none; }
.kl-ozet { display: flex; flex-wrap: wrap; gap: 28px; margin: 6px 0 18px; }
.kl-sayi { display: grid; gap: 2px; }
.kl-sayi b { font-size: 26px; font-weight: 700; letter-spacing: -0.02em; color: #fff; font-variant-numeric: tabular-nums; }
.kl-sayi span { font-size: 12.5px; color: var(--soluk); }
.kl-dokumler { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; max-width: 980px; margin-bottom: 18px; }
.kl-dokum h2 { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--soluk); }
.kl-dokum ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.kl-dokum li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px; padding: 7px 2px; border-bottom: 1px solid var(--cizgi); font-size: 13.5px; color: var(--metin); text-align: left; }
.kl-dokum li span:nth-child(n+2) { color: var(--soluk); font-variant-numeric: tabular-nums; }
.kl-tablo-kap { max-width: 980px; overflow-x: auto; }
.kl-tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.kl-tablo th { padding: 6px 8px; border-bottom: 1px solid var(--cizgi-2); font-size: 12px; font-weight: 600; color: var(--soluk); text-align: left; }
.kl-tablo th:nth-last-child(-n+2), .kl-tablo .kl-sag { text-align: right; font-variant-numeric: tabular-nums; }
.kl-tablo td { padding: 8px; border-bottom: 1px solid var(--cizgi); color: var(--metin); vertical-align: top; }
.kl-zaman { white-space: nowrap; color: var(--soluk); font-variant-numeric: tabular-nums; }
.kl-dava a { color: inherit; text-underline-offset: 3px; }
.kl-tablo tr.hata td { color: var(--soluk); }
.kl-hata { font-size: 12px; }
.kl-liste { display: none; list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.kl-liste li { display: grid; gap: 2px; padding: 9px 2px; border-bottom: 1px solid var(--cizgi); font-size: 13.5px; color: var(--metin); text-align: left; }
.kl-liste li.hata { color: var(--soluk); }
.kl-l1 { display: flex; justify-content: space-between; gap: 10px; font-variant-numeric: tabular-nums; }
.kl-l1 span { color: var(--soluk); }
.kl-l1 b { font-weight: 600; color: var(--kirik); }
.kl-l3 { font-size: 12.5px; color: var(--soluk); }
@media (max-width: 640px) { .kl-tablo-kap { display: none; } .kl-liste { display: block; } .kl-ozet { gap: 20px; } }

/* İş akışları (29-30 Eki gece; akis.js): giriş kartları, şartlar (durum yazısıyla, renk yok), sıralı adımlar */
.ak-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; max-width: 980px; }
.ak-kart { display: grid; gap: 6px; padding: 18px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .03); color: var(--metin); text-decoration: none; }
.ak-kart:hover, .ak-kart:focus-visible { border-color: rgba(255, 255, 255, .42); outline: none; }
.ak-kart b { font-size: 17px; font-weight: 600; color: var(--kirik); }
.ak-kart span { font-size: 13.5px; line-height: 1.5; color: var(--soluk); }
.ak-geri { margin: -6px 0 14px; font-size: 13.5px; }
.ak-geri a { display: inline-flex; align-items: center; gap: 4px; color: var(--soluk); text-decoration: none; }
.ak-geri a:hover { color: var(--kirik); }
.ak-geri .sz-yaz { margin-left: 18px; color: var(--kirik); }
.ak-form [hidden] { display: none; }
.ak-yol { margin: 0; font-size: 15px; font-weight: 600; color: #fff; }
.ak-sartlar, .ak-belgeler { list-style: none; display: grid; gap: 6px; margin: 0; padding: 0; }
.ak-sart { display: flex; gap: 10px; align-items: baseline; padding: 8px 10px; border: 1px solid var(--cizgi); font-size: 13.5px; line-height: 1.5; color: var(--metin); text-align: left; }
.ak-durum { flex: none; min-width: 44px; font-size: 12px; font-weight: 700; color: var(--sonuk); }
.ak-sart.evet .ak-durum { color: var(--kirik); }
.ak-sart.hayir { border-color: rgba(255, 255, 255, .42); box-shadow: inset 2px 0 0 rgba(255, 255, 255, .7); color: #fff; }
.ak-sart.hayir .ak-durum { color: #fff; }
.ak-dayanak { font-size: 12px; color: var(--sonuk); white-space: nowrap; }
.ak-sure { padding: 8px 0; border-top: 1px solid var(--cizgi); }
.ak-sure:first-of-type { border-top: 0; padding-top: 0; }
.ak-sure p { margin: 0 0 3px; font-size: 14px; line-height: 1.5; color: var(--metin); text-align: left; }
.ak-sure b { color: #fff; }
.ak-sonuc .dk-bolum > .dugme-cam { margin-top: 8px; }
.ak-adimlar { margin: 0; padding-left: 22px; display: grid; gap: 7px; font-size: 14px; line-height: 1.55; color: var(--metin); }
.ak-adimlar li::marker { color: var(--soluk); font-variant-numeric: tabular-nums; }
.ak-belgeler li { padding-left: 14px; position: relative; font-size: 13.5px; line-height: 1.5; color: var(--metin); text-align: left; }
.ak-belgeler li::before { content: ''; position: absolute; left: 2px; top: .65em; width: 5px; height: 1px; background: var(--soluk); }
.ak-kagit { margin-top: 10px; }
.ak-sart.lehe .ak-durum { color: #fff; }
.ak-sart.lehe { border-color: var(--cizgi-2); }

/* Kasa sayfası (29-30 Eki gece): belgeler (aslı indirilir), kasa şifresini değiştirme */
.kasa-sayilar { flex-wrap: wrap; row-gap: 12px; }
.kasa-belgeler ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.kasa-belgeler li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 2px; border-bottom: 1px solid var(--cizgi); }
.kasa-belge-ad { display: grid; gap: 2px; min-width: 0; font-size: 14px; color: var(--metin); overflow-wrap: anywhere; text-align: left; }
.kasa-belge-dava { font-size: 12.5px; color: var(--soluk); }
.kasa-belge-yalniz { flex: none; font-size: 12.5px; color: var(--sonuk); }
.kasa-belgeler .dn-kopya { flex: none; }
/* yer açma (31 Eki): doluluk çubuğu, sıralama, belge başına sil */
.kasa-belgeler-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kasa-belgeler-ust select { font: inherit; font-size: 13px; color: var(--kirik); background: transparent; border: 1px solid var(--cizgi-2); padding: 5px 8px; }
.kasa-doluluk { display: grid; gap: 6px; margin: 4px 0 14px; }
.kasa-doluluk-yazi { display: flex; justify-content: space-between; font-size: 13px; color: var(--metin); }
.kasa-doluluk-cubuk { height: 6px; background: var(--cizgi); }
.kasa-doluluk-cubuk i { display: block; height: 100%; width: var(--oran); background: var(--kirik); }
.kasa-belge-eylem { flex: none; display: flex; align-items: center; gap: 6px; }
.kasa-ayar summary { cursor: pointer; font-size: 15px; font-weight: 600; color: var(--kirik); }
.kasa-ayar[open] summary { margin-bottom: 4px; }
.kasa-degistir { display: grid; gap: 10px; }
.kasa-degistir .kb-secim { font-size: 13.5px; }

/* Derin araştırma planı (29-30 Eki gece): sıralı adımlar, tahmin, onay */
.m-plan-adimlar { margin: 0; padding-left: 22px; display: grid; gap: 6px; font-size: 14px; line-height: 1.55; color: var(--metin); }
.m-plan-adimlar li::marker { color: var(--soluk); }
.m-plan-tahmin { margin: 0; font-size: 13px; color: var(--soluk); text-align: left; }
.m-plan input { box-sizing: border-box; width: 100%; padding: 9px 12px; border: 1px solid var(--cizgi-2); border-radius: 10px; background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 14px; }
.m-plan input:focus { outline: none; border-color: rgba(255, 255, 255, .38); }
.m-plan-dugmeler { display: flex; gap: 10px; flex-wrap: wrap; }
.m-plan-dugmeler .dugme-cam { margin-top: 0; }

/* Telefona bildirim (29-30 Eki gece; bildirim.js) */
.bildirim-kart { display: grid; gap: 10px; margin-top: 14px; }
.bildirim-kart h2 { margin: 0; font-size: 16px; font-weight: 600; color: var(--kirik); }
.bildirim-kart p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--metin); }
.bildirim-kart .dk-gonder .dugme-cam { margin-top: 0; }
.bildirim-kart .bildirim-durum { font-size: 13px; color: var(--soluk); text-align: left; }

/* Olay kronolojisi (29-30 Eki gece; kronoloji.js): solda ince dikey çizgi, yıl ayraçları, olay ve kaynak düğmeleri */
.kr-kap { max-width: 900px; }
.kr-cizelge { list-style: none; margin: 8px 0 0; padding: 0 0 0 4px; border-left: 1px solid var(--cizgi-2); }
.kr-yil { position: relative; margin: 18px 0 6px; padding-left: 16px; font-size: 15px; font-weight: 700; color: var(--kirik); font-variant-numeric: tabular-nums; }
.kr-yil:first-child { margin-top: 4px; }
.kr-olay { position: relative; display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; padding: 9px 0 9px 16px; border-bottom: 1px solid var(--cizgi); }
.kr-olay::before { content: ''; position: absolute; left: -8px; top: 15px; width: 7px; height: 7px; border-radius: 50%; background: var(--kirik); }
.kr-olay.uyar::before { background: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); }
.kr-tarih { display: grid; align-content: start; gap: 2px; font-size: 13.5px; font-weight: 600; color: #fff; font-variant-numeric: tabular-nums; }
.kr-tarih small { font-size: 11.5px; font-weight: 400; color: var(--soluk); }
.kr-govde p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.5; color: var(--metin); text-align: left; }
.kr-kaynaklar { display: flex; flex-wrap: wrap; gap: 6px; }
.kr-kaynak { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border: 1px solid var(--cizgi-2); background: none; color: var(--soluk); font: inherit; font-size: 12px; cursor: pointer; }
.kr-kaynak:hover, .kr-kaynak:focus-visible { color: var(--kirik); border-color: rgba(255, 255, 255, .42); outline: none; }
.kr-kaynak.yok { color: #fff; border-color: rgba(255, 255, 255, .55); font-weight: 600; }
@media (max-width: 640px) { .kr-olay { grid-template-columns: 1fr; gap: 4px; } .kr-tarih { display: flex; gap: 8px; align-items: baseline; } }
.ins-rozet[hidden] { display: none; }

/* Belge karşılaştır (29-30 Eki gece; karsilastir.js): renk yok; eklenen altı çizili ve parlak, silinen üstü çizili ve soluk */
.ks-duzen { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 1200px; }
@media (max-width: 900px) { .ks-duzen { grid-template-columns: 1fr; } }
.ks-taraf { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .03); min-width: 0; }
.ks-taraf h2 { margin: 0; font-size: 15px; font-weight: 600; color: var(--kirik); }
.ks-kaynak { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ks-kaynak select { min-width: 0; max-width: 100%; padding: 8px 10px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 13.5px; color-scheme: dark; }
.ks-kaynak .dugme-cam { margin-top: 0; }
.ks-etiket { margin: 0; min-height: 1.2em; font-size: 12.5px; color: var(--soluk); text-align: left; }
.ks-taraf textarea { box-sizing: border-box; width: 100%; padding: 10px 12px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 13.5px; line-height: 1.5; resize: vertical; color-scheme: dark; }
.ks-gonder { margin: 14px 0; }
.ks-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 10px; font-size: 15px; color: #fff; }
.ks-ozet .dugme-cam { margin-top: 0; }
.ks-metin { max-width: 900px; padding: 18px 20px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .02); }
.ks-p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.6; color: var(--metin); text-align: left; overflow-wrap: anywhere; }
.ks-p.ayni { color: var(--soluk); }
.ks-p ins { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; color: #fff; font-weight: 600; }
.ks-p del { text-decoration: line-through; color: var(--sonuk); }
.ks-p.degisti, .ks-p.ekle, .ks-p.sil { padding-left: 12px; box-shadow: inset 2px 0 0 rgba(255, 255, 255, .55); }
.ks-im { display: inline-block; margin-right: 8px; font-size: 11.5px; font-weight: 700; color: var(--soluk); }
.ks-katli { display: block; margin: 0 0 10px; padding: 4px 10px; border: 1px dashed var(--cizgi-2); background: none; color: var(--soluk); font: inherit; font-size: 12.5px; cursor: pointer; }
.ks-katli:hover, .ks-katli:focus-visible { color: var(--kirik); outline: none; }
.ks-p del + ins { margin-left: 4px; }

/* Kira sözleşmesi denetimi (29-30 Eki gece; kira-denetim.js): derece yazıyla, renk yok; ihlal kalın ve solda çizgi */
.kd-giris { max-width: 900px; }
.kd-arac { margin: 14px 0 10px; }
.kd-liste { list-style: none; display: grid; gap: 8px; max-width: 900px; margin: 0 0 12px; padding: 0; }
.kd-bulgu { display: grid; gap: 6px; padding: 12px 14px; border: 1px solid var(--cizgi); }
.kd-bulgu.ihlal { border-color: rgba(255, 255, 255, .45); box-shadow: inset 2px 0 0 rgba(255, 255, 255, .75); }
.kd-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; }
.kd-derece { min-width: 52px; font-size: 12px; font-weight: 700; color: var(--sonuk); }
.kd-bulgu.ihlal .kd-derece, .kd-bulgu.ihlal b { color: #fff; }
.kd-bulgu.uyari .kd-derece { color: var(--kirik); }
.kd-ust b { font-size: 15px; color: var(--kirik); }
.kd-dayanak { font-size: 12px; color: var(--sonuk); }
.kd-bulgu p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--metin); text-align: left; }
.kd-bulgu blockquote { margin: 0; padding: 6px 10px; border-left: 2px solid var(--cizgi-2); font-size: 13.5px; line-height: 1.5; color: var(--soluk); text-align: left; }
.kd-dogru { margin-left: 6px; color: var(--kirik); font-size: 12px; }
.kd-dogru.yok { color: #fff; font-weight: 600; }
.kd-dogru svg { display: inline-block; vertical-align: -2px; }

/* Müvekkile anlat (29-30 Eki gece) */
.m-muvekkile { display: grid; gap: 6px; padding: 10px 12px; border: 1px solid var(--cizgi-2); border-radius: 12px; background: rgba(255, 255, 255, .03); }
.m-muvekkile textarea { box-sizing: border-box; width: 100%; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: rgba(255, 255, 255, .03); color: var(--kirik); font: inherit; font-size: 14px; line-height: 1.55; resize: vertical; color-scheme: dark; }
.m-muvekkile .kucuk { margin: 0; }

/* Büroda ara (29-30 Eki gece; ara.js) */
.ara-kutu { display: flex; align-items: center; gap: 10px; max-width: 760px; padding: 10px 14px; border: 1px solid var(--cizgi-2); border-radius: 999px; background: rgba(255, 255, 255, .04); color: var(--soluk); }
.ara-kutu input { flex: 1; min-width: 0; border: 0; background: none; color: var(--kirik); font: inherit; font-size: 16px; outline: none; }
.ara-kutu:focus-within { border-color: rgba(255, 255, 255, .42); }
.ara-sonuc { max-width: 900px; margin-top: 14px; }
.ara-yok { margin: 0 0 6px; font-size: 15px; color: var(--metin); }
.ara-grup { margin: 18px 0 0; }
.ara-grup h2 { margin: 0 0 6px; font-size: 15px; font-weight: 600; color: var(--kirik); }
.ara-grup h2 a { color: inherit; text-underline-offset: 3px; }
.ara-grup ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.ara-oge { padding: 9px 2px; border-bottom: 1px solid var(--cizgi); }
.ara-ust { display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.ara-tur { min-width: 56px; font-size: 12px; font-weight: 700; color: var(--sonuk); }
.ara-ust b { font-size: 14px; font-weight: 600; color: var(--metin); }
.ara-belge { padding: 0; border: 0; background: none; color: var(--kirik); font: inherit; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ara-parca { margin: 2px 0 0 66px; font-size: 13.5px; line-height: 1.5; color: var(--soluk); text-align: left; overflow-wrap: anywhere; }
.ara-parca mark, .ih-belge mark { background: rgba(255, 255, 255, .22); color: #fff; padding: 0 1px; }
@media (max-width: 640px) { .ara-parca { margin-left: 0; } }

/* Dava sayfası (29-30 Eki gece; dava.js) */
.selam-dosya { display: inline-block; margin-top: 6px; font-size: 13.5px; color: var(--soluk); text-underline-offset: 3px; }
.selam-dosya:hover { color: var(--kirik); }
.dv { display: grid; gap: 14px; max-width: 1100px; }
.dv-arac { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.dv-arac .dugme-cam { margin-top: 0; }
.dv-arac .dk-birincil { text-decoration: none; }
.dv-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
@media (max-width: 900px) { .dv-izgara { grid-template-columns: 1fr; } }
.dv .dv-bolum { display: grid; gap: 10px; margin: 0; }
.dv-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dv-ust h2 { margin: 0; font-size: 16px; font-weight: 600; color: var(--kirik); }
.dv-ust .dugme-cam { margin-top: 0; }
.dv-bag { font-size: 13px; color: var(--soluk); }
.dv-dl { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 6px 12px; margin: 0; font-size: 14px; }
.dv-dl dt { color: var(--soluk); }
.dv-dl dd { margin: 0; color: var(--metin); overflow-wrap: anywhere; }
.dv-olaylar { margin: 0; padding-left: 20px; display: grid; gap: 6px; font-size: 13.5px; line-height: 1.5; color: var(--metin); }
.dv-olaylar b { color: #fff; font-weight: 600; font-variant-numeric: tabular-nums; }
.dv-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.dv-liste li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 2px; border-bottom: 1px solid var(--cizgi); }
.dv-ad { display: grid; gap: 2px; min-width: 0; font-size: 14px; color: var(--metin); overflow-wrap: anywhere; text-align: left; }
.dv-ad small, .dv-notlar small { font-size: 12px; color: var(--soluk); }
.dv-notlar li { display: grid; justify-content: stretch; gap: 2px; }
.dv-notlar p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--metin); text-align: left; }
.dv-not-ekle { display: flex; gap: 8px; align-items: flex-end; }
.dv-not-ekle textarea { flex: 1; min-width: 0; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 14px; resize: vertical; color-scheme: dark; }
.dv-not-ekle .dugme-cam { margin-top: 0; }
.dv-ozet { display: grid; gap: 6px; }
.dv-ozet h3 { margin: 10px 0 2px; font-size: 13px; font-weight: 600; color: var(--soluk); }
.dv-ozet p, .dv-ozet li { font-size: 14px; line-height: 1.55; color: var(--metin); text-align: left; }
.dv-ozet p { margin: 0; }
.dv-ozet ul, .dv-ozet ol { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.dv-ozet .dv-ozet-durum { font-size: 15px; color: #fff; }
.dv-ozet li b { color: #fff; font-weight: 600; }
.dv-ozet .dv-riskler { list-style: none; padding-left: 0; }
.dv-riskler li { display: flex; gap: 10px; align-items: baseline; }
.dv-riskler span { flex: none; min-width: 52px; font-size: 12px; font-weight: 700; color: var(--sonuk); }
.dv-riskler li.aleyhe span { color: #fff; }

/* Tahsilat ve masraf (29-30 Eki gece; tahsilat.js): solda kayıt formu (dilekçe kurucunun düzeni), sağda dava seçimi,
   rakamlar ve hareketler (örnek sayfanın tablosu); satırda makbuz durumu ve iki adımlı silme */
.th [hidden] { display: none; }
.th-sag { display: grid; gap: 14px; min-width: 0; }
.th-secim { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; }
.th-secim select { min-width: 0; max-width: 100%; padding: 9px 11px; border: 1px solid var(--cizgi-2); border-radius: 0; background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 14px; color-scheme: dark; }
.th-secim .dk-arac { margin-left: auto; }
.th-tablo .tablo-satir { grid-template-columns: 96px minmax(0, 1fr) 130px 128px auto; }
.th-tablo .tutar.notr { color: var(--soluk); }
.th-tablo button.durum-cip { justify-self: start; background: none; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.th-sil { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; background: none; color: var(--sonuk); cursor: pointer; }
.th-sil:hover, .th-sil:focus-visible { color: var(--kirik); }
.th-sil.emin { width: auto; padding: 0 8px; border: 1px solid var(--cizgi-2); color: var(--kirik); font: inherit; font-size: 12px; white-space: nowrap; }
@media (max-width: 760px) {
  .th-tablo .tablo-satir { grid-template-columns: minmax(0, 1fr) auto auto; }
  .th-tablo .tablo-satir > span:empty { display: none; }
  .th-tablo .th-sil { grid-column: 3; grid-row: 2; }
  .th-tablo button.durum-cip { justify-self: end; }
  .th-secim .dk-arac { margin-left: 0; }
}
@media (max-width: 420px) { .th-form { grid-template-columns: 1fr 1fr; } }

/* Faiz, harç, vekâlet ücreti kartları (30 Eki gece; hesaplayicilar.js): süre kartının düzeni; gizlenen alan gerçekten gizli */
.hesap-form [hidden] { display: none; }
/* fazla çalışma dönemleri (30 Eki gece): satır başına beş alan, telefonda ikişer */
.fc-donemler { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 10px; }
.fc-donem { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px 10px; align-items: end; padding-top: 10px; border-top: 1px solid var(--cizgi-2); }
.fc-ust { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; min-height: 28px; font-size: 13px; font-weight: 600; color: var(--metin); }
.fc-ust .th-sil[hidden] { display: none; }
.hesap-form .fc-ekle { grid-column: 1 / -1; justify-self: start; margin-top: 0; }
@media (max-width: 760px) { .fc-donem { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* icra dosyasında kısmi ödeme satırı (4 Kas): gün ve tutar */
.fc-donem.io-odeme { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hesap-arac { margin-top: 12px; }
.hesap-dava { display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: center; max-width: 100%; }
.hesap-dava[hidden] { display: none; }
.th-makbuz-bag { grid-column: 1 / -1; font-size: 13px; color: var(--soluk); }
/* ---------- Haftalık plan (30 Eki; Cansel'in kâğıt ajandası): Takvim sayfasının içi gibi yuvarlak (14px), cam zemin, ince
   çizgi; son günler paletin kırmızısıyla (--aleyhe; Cansel'in isteği, Masa'nın tek renk kuralının bilerek istisnası) ---------- */
.haftalik { margin-bottom: 28px; }
.hp-ust { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 16px; margin-bottom: 12px; }
.hp-baslik { margin: 0; font-family: var(--baslik); font-weight: 600; font-size: 19px; letter-spacing: -0.02em; color: var(--kirik); }
.hp-gez { display: flex; flex-wrap: wrap; gap: 6px; }
.hp-gez .dugme-cam { margin-top: 0; padding: 7px 13px; }
.hp-govde { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.hp-sayfa { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hp-gun { display: flex; flex-direction: column; gap: 7px; min-width: 0; height: 236px; padding: 12px 13px; border-radius: 14px; background: rgba(255, 255, 255, .04); border: 1px solid var(--cizgi); }
/* kutu sabit yükseklikte (kâğıttaki gibi eşit); sığmayan kayıtlar kutunun içinde kayar, başlık yerinde kalır */
.hp-icerik { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 7px; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; scrollbar-width: thin; scrollbar-color: var(--cizgi-2) transparent; }
.hp-gun.bugun { border-color: var(--kirik); background: rgba(255, 255, 255, .07); }
.hp-gun.gecmis { opacity: .6; }
.hp-gun-ust { display: flex; align-items: baseline; gap: 8px; }
.hp-gun-ust b { font-family: var(--baslik); font-weight: 600; font-size: 15px; letter-spacing: -0.01em; color: var(--kirik); }
.hp-gun-ust span { font-size: 12.5px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.hp-gun-ust .hp-bugun { margin-left: auto; padding: 1px 8px; border-radius: 999px; background: var(--kirik); color: #0b0f14; font-size: 11px; font-weight: 700; }
.hp-tatil { font-size: 12px; color: var(--sonuk); }
.hp-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.hp-olay { display: flex; gap: 8px; font-size: 13.5px; line-height: 1.35; }
.hp-olay, .hp-sayilar, .hp-bos, .hp-tatil { text-align: left; text-align-last: auto; -webkit-hyphens: manual; hyphens: manual; }
.hp-saat { flex: 0 0 auto; font-weight: 600; color: var(--kirik); font-variant-numeric: tabular-nums; }
.hp-olay-govde { display: flex; flex-direction: column; min-width: 0; }
.hp-olay .hp-ad { color: var(--metin); text-decoration: none; overflow-wrap: anywhere; }
.hp-olay a.hp-ad:hover, .hp-olay a.hp-ad:focus-visible { color: var(--kirik); text-decoration: underline; }
.hp-alt { font-size: 12px; color: var(--soluk); overflow-wrap: anywhere; }
.hp-olay.son { padding-left: 8px; border-left: 2px solid var(--aleyhe); }
.hp-olay.son .hp-ad, .hp-olay.son a.hp-ad:hover { color: var(--aleyhe); font-weight: 600; }
.hp-olay.bitti .hp-ad, .hp-olay.bitti a.hp-ad:hover { color: var(--sonuk); text-decoration: line-through; }
.hp-bos { margin: 0; font-size: 12.5px; color: var(--sonuk); }
/* Ajanda (1 Kas akşam): kişisel kayıt; köşedeki artı yalnız üstüne gelince belirgin, telefonda hep görünür */
.hp-ekle { margin-left: auto; display: inline-grid; place-items: center; width: 26px; height: 26px; padding: 0; border-radius: 999px; border: 1px solid transparent; background: transparent; color: var(--sonuk); cursor: pointer; opacity: .55; transition: opacity .15s, border-color .15s, color .15s; }
.hp-gun-ust .hp-bugun + .hp-ekle { margin-left: 6px; }
.hp-gun:hover .hp-ekle, .hp-ekle:focus-visible { opacity: 1; color: var(--kirik); border-color: var(--cizgi-2); }
.hp-ekle:focus-visible { outline: 2px solid var(--kirik); outline-offset: 2px; }
.hp-olay { position: relative; }
.hp-sil { margin-left: auto; flex: 0 0 auto; align-self: flex-start; display: inline-grid; place-items: center; width: 28px; height: 28px; padding: 0; border-radius: 999px; border: 0; background: transparent; color: var(--sonuk); cursor: pointer; }
.hp-sil:hover, .hp-sil:focus-visible { color: var(--kirik); background: rgba(255, 255, 255, .06); }
.hp-ekle-form { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.hp-ekle-satir { display: flex; gap: 8px; align-items: center; }
.hp-ekle-saat, .hp-ekle-ne { box-sizing: border-box; height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .04); color: var(--metin); font: inherit; font-size: 15px; }
.hp-ekle-saat { flex: 0 0 auto; width: 104px; color-scheme: dark; font-variant-numeric: tabular-nums; }
.hp-ekle-ne { flex: 1 1 auto; min-width: 0; }
.hp-ekle-saat:focus, .hp-ekle-ne:focus { outline: none; border-color: var(--kirik); }
.hp-ekle-satir .dugme-cam { margin-top: 0; flex: 0 0 auto; height: 40px; padding: 0 16px; }
.hp-ekle-durum { margin: 6px 0 0; font-size: 12.5px; color: var(--aleyhe); }
.hp-ekle-durum:empty { display: none; }
/* Masa'daki takvim yaprağının "Bugün" kartı (haftalık planla aynı satırlar) */
.yk-bugun { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-bottom: 10px; }
.yk-bugun b { font-family: var(--baslik); font-weight: 600; font-size: 16px; color: var(--kirik); }
.yk-bugun span { font-size: 12.5px; color: var(--sonuk); }
.yk-gecikmis { display: inline-block; margin-top: 10px; font-size: 13px; color: var(--aleyhe); }
.hp-sayilar { margin: 0; font-size: 13.5px; color: var(--metin); }
.hp-alt-baslik { margin: 6px 0 0; font-size: 12px; font-weight: 600; color: var(--soluk); }
.hp-daha { font-size: 12px; color: var(--soluk); }
.hp-ayrinti { font-size: 14px; color: var(--metin); overflow-wrap: anywhere; }
/* kutuya basınca büyür (Melih, 30 Eki: "üzerine tıklayınca büyüsün"): kutunun tamamı düğme; büyütülmüş hâli Masa'daki
   bakışın perdesinde, aynı kutu daha büyük yazıyla, kayıtlar bağlantılı ve ayrıntılı */
.hp-gun[role="button"] { cursor: zoom-in; transition: border-color .15s; }
.hp-gun[role="button"]:hover { border-color: var(--cizgi-2); }
.hp-gun.bugun[role="button"]:hover { border-color: var(--kirik); }
.hp-gun[role="button"]:focus-visible { outline: 2px solid var(--kirik); outline-offset: 2px; }
.hp-buyuk-govde { flex: 1; min-height: 0; width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 8px 16px calc(28px + env(safe-area-inset-bottom)); }
.hp-gun.hp-buyuk-kutu { width: min(620px, 100%); height: auto; max-height: 100%; box-sizing: border-box; gap: 14px; padding: 22px 24px; background: rgba(255, 255, 255, .06); border-color: var(--cizgi-2); }
.hp-gun.hp-buyuk-kutu.bugun { border-color: var(--kirik); }
.hp-buyuk-kutu .hp-gun-ust { gap: 12px; }
.hp-buyuk-kutu .hp-gun-ust b { font-size: 26px; letter-spacing: -0.02em; }
.hp-buyuk-kutu .hp-gun-ust span { font-size: 15px; }
.hp-buyuk-kutu .hp-gun-ust .hp-bugun { padding: 2px 10px; font-size: 12.5px; }
.hp-buyuk-kutu .hp-icerik { gap: 12px; }
.hp-buyuk-kutu .hp-icerik:focus-visible { outline: none; }
.hp-buyuk-kutu .hp-liste { gap: 14px; }
.hp-buyuk-kutu .hp-olay { gap: 12px; font-size: 16px; line-height: 1.4; }
.hp-buyuk-kutu .hp-olay.son { padding-left: 12px; }
.hp-buyuk-kutu .hp-alt { font-size: 13.5px; }
.hp-buyuk-kutu :is(.hp-sayilar, .hp-bos) { font-size: 15px; }
.hp-buyuk-kutu :is(.hp-tatil, .hp-alt-baslik) { font-size: 13.5px; }
@media (max-width: 1100px) { .hp-govde { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .hp-sayfa { grid-template-columns: 1fr; } .hp-gun { height: auto; max-height: 340px; }
  .hp-buyuk-govde { padding: 4px 12px calc(16px + env(safe-area-inset-bottom)); }
  .hp-gun.hp-buyuk-kutu { padding: 18px; }
  .hp-buyuk-kutu .hp-gun-ust b { font-size: 22px; }
  .hp-ekle { opacity: 1; width: 32px; height: 32px; border-color: var(--cizgi-2); }
  .hp-ekle-satir { flex-wrap: wrap; } .hp-ekle-ne { flex-basis: 100%; order: -1; } .hp-ekle-saat { flex: 1 1 auto; } .hp-ekle-ne, .hp-ekle-saat { font-size: 16px; }
}
@media print { .hp-ekle, .hp-sil, .hp-ekle-form { display: none !important; } }
/* yazdırma: yalnız planın kopyası (#yazdir-alani), yatay A4, beyaz kâğıt; son günler koyu kırmızı */
#yazdir-alani { display: none; }
@media print {
  @page { size: A4 landscape; margin: 10mm; }
  html.yazdiriliyor body > *:not(#yazdir-alani) { display: none !important; }
  html.yazdiriliyor, html.yazdiriliyor body { background: #fff !important; }
  html.yazdiriliyor #yazdir-alani { display: block; color: #000; }
  #yazdir-alani .hp-gez { display: none; }
  /* başlık planla aynı sayfada: bir gün sayfadan uzun olunca kutular bölünmesin diye bütün satır sonraki sayfaya
     itiliyordu, ilk sayfada yalnız başlık kalıyordu (30 Eki turu, PDF'le bakıldı) */
  #yazdir-alani .hp-ust { break-after: avoid; }
  #yazdir-alani .hp-govde, #yazdir-alani .hp-sayfa { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3mm; }
  #yazdir-alani .hp-gun { height: auto; max-height: none; min-height: 82mm; background: #fff; border: .3mm solid #000; border-radius: 0; opacity: 1; break-inside: avoid; }
  /* Cumartesi ve Pazar yarım boy, kâğıt ajandalardaki gibi (31 Eki, Cansel: "cumartesi pazar yarım boy olabilir"): kalabalık
     haftada hafta sonu satırı ikinci sayfaya düşüyordu. Kayıt çoksa kutu yine uzar. */
  #yazdir-alani .hp-gun.hafta-sonu { min-height: 39.5mm; }
  #yazdir-alani .hp-icerik { overflow: visible; }
  #yazdir-alani :is(.hp-baslik, .hp-gun-ust b, .hp-saat, .hp-olay .hp-ad, .hp-sayilar, .hp-ayrinti) { color: #000; }
  #yazdir-alani :is(.hp-gun-ust span, .hp-alt, .hp-tatil, .hp-bos, .hp-alt-baslik, .hp-daha) { color: #444; }
  #yazdir-alani .hp-gun-ust .hp-bugun { background: none; color: #000; border: .3mm solid #000; }
  #yazdir-alani .hp-olay.son { border-left-color: #b00020; }
  #yazdir-alani .hp-olay.son .hp-ad { color: #b00020; }
  #yazdir-alani .hp-olay.bitti .hp-ad { color: #777; }
}
.takvim-aktar h3 { margin: 0 0 4px; font-size: 15px; }
.takvim-aktar .secenek { margin-top: 10px; }
.takvim-aktar .dugme-cam { margin-top: 10px; }
/* Hesaplamalar sekmeleri: düğme, bağlantı gibi görünür; kart sekmelerin altında durur */
.hs-gezinti .sekme { background: none; font: inherit; font-size: 14.5px; font-weight: 500; cursor: pointer; }
.hs-gezinti .sekme.secili { background: var(--kirik); color: #0b0f14; }
.hesaplar > .kart { scroll-margin-top: calc(122px + env(safe-area-inset-top)); }
.hesap-arac select { max-width: min(260px, 100%); padding: 8px 12px; border: 1px solid var(--cizgi-2); background: var(--cam); color: var(--kirik); font: inherit; font-size: 14px; color-scheme: dark; }
.hesap-arac[hidden] { display: none; }

/* Görevler (30 Eki gece; gorev.js): solda kayıt formu, sağda kişi kişi sütunlar; satırda bitti kutusu ve silme. Geciken iş
   kalın ve parlak (renk yok) */
.gr [hidden] { display: none; }
.gr-sag { display: grid; gap: 12px; min-width: 0; }
.gr-ust { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.gr-ust select { min-width: 0; padding: 9px 11px; border: 1px solid var(--cizgi-2); border-radius: 0; background: rgba(255, 255, 255, .04); color: var(--kirik); font: inherit; font-size: 14px; color-scheme: dark; }
.gr-ust .gr-biten { grid-column: auto; }
.gr-ust .dugme-cam { margin-left: auto; }
.gr .gorev { align-items: center; cursor: default; }
.gr-ana { display: flex; align-items: flex-start; gap: 10px; flex: 1; min-width: 0; cursor: pointer; }
.gorev.gecikti .satir-baslik { color: #fff; font-weight: 600; }
.gorev.gecikti .satir-alt { color: var(--kirik); }
.gr .gorev-sutun h2 { display: flex; align-items: center; gap: 8px; }
.gr .gorev-sutunlar { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.dv-gorevde { font-size: 12px; color: var(--sonuk); }

/* Müvekkil föyü (30 Eki gece; muvekkil.js): iletişim ve vekâletname yan yana; formlar sabit değil; özel yetkiler iki
   sütun */
.mv-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; margin-bottom: 14px; align-items: start; }
.mv-form { position: static; padding: 0; border: 0; background: none; }
.mv-yetkiler { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 14px; margin-top: 4px; }
.mv-yetkiler .kb-secim { font-size: 13px; }
.mv-form .dk-alan > span .dn-kopya { margin-left: 8px; }

/* Dosyalar: gerçek davası olan büroda kurgusal örnek dosyalar kapalı bölümde (30 Eki gece) */
.ornek-bolum { margin-top: 18px; }
.ornek-bolum > summary { cursor: pointer; list-style: none; }
.ornek-bolum > summary::-webkit-details-marker { display: none; }
.ornek-bolum[open] > summary { margin-bottom: 12px; }
/* açılabildiği görünsün (30 Eki turu): işaretçi gizliydi, kapalı bölüm boş başlık gibi duruyordu. Çizgi simgeleri gibi ince
   ok: kapalıyken sağa, açıkken aşağı */
.ornek-bolum > summary::before { content: ""; flex: none; width: 7px; height: 7px; margin: 0 2px 0 3px; border-right: 1.5px solid var(--soluk); border-bottom: 1.5px solid var(--soluk); transform: rotate(-45deg); transition: transform .2s ease; }
.ornek-bolum[open] > summary::before { transform: translateY(-2px) rotate(45deg); }
.ornek-bolum > summary:hover::before { border-color: var(--kirik); }

/* İki aşamalı giriş (30 Eki gece): kurulum penceresi (iki.js) ve giriş penceresinin kod adımı. QR beyaz zeminde (okuyucular
   koyu zeminde ters kareyi okumayabilir); anahtar ve kurtarma kodları seçilip yazılabilsin diye harf aralıklı */
.dk-ikincil { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; background: none; border: 1px solid var(--cizgi-2); color: var(--kirik); font: inherit; font-size: 14px; cursor: pointer; }
.dk-ikincil:hover { border-color: var(--kirik); }
.dk-ikincil:disabled { opacity: .6; cursor: progress; }
.iki-govde { display: grid; gap: 12px; }
.iki-kart .iki-ince { font-size: 13px; color: var(--soluk); text-align: left; }
.iki-adimlar { margin: 0; padding-left: 20px; display: grid; gap: 4px; line-height: 1.5; color: var(--metin); text-align: left; }
.iki-qr-kutu { justify-self: center; width: min(208px, 64vw); background: #fff; }
.iki-qr { display: block; width: 100%; height: auto; }
.iki-anahtar { display: block; margin-top: 4px; font-size: 13px; letter-spacing: .05em; color: var(--kirik); user-select: all; }
.iki-kodlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.iki-kodlar code { font-size: 15px; letter-spacing: .06em; color: var(--kirik); user-select: all; }
.iki-kod-dugmeler { flex-wrap: wrap; gap: 8px; }
.giris-gecis { margin-top: 10px; padding: 0; background: none; border: 0; color: var(--soluk); font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.giris-gecis:hover { color: var(--kirik); }
.giris-kutu [hidden], .iki-kart [hidden] { display: none !important; }
.iki-kart .kasa-not { text-align: left; }
/* Word eklentisinin kurulum penceresi (30 Eki gece; word-kurulum.js): uzun Mac klasör yolu bölünür (telefonda kartı taşırıyordu) */
.word-kart p, .word-kart li { text-align: left; overflow-wrap: anywhere; }
.word-kart .iki-adimlar { font-size: 14px; }
.word-kart code { word-break: break-all; font-size: 12px; color: var(--kirik); }
.word-kart a.dk-birincil { text-decoration: none; }
.eklenti-sec { display: flex; gap: 6px; }
.word-kart .eklenti-sec .sekme { border-radius: 0; background: transparent; border: 1px solid var(--cizgi); color: var(--soluk); padding: 7px 14px; }
.word-kart .eklenti-sec .sekme.secili { background: var(--kirik); border-color: var(--kirik); color: #0b0f14; }
.eklenti-govde { display: grid; gap: 12px; }
/* Sohbette istenince grafik (30 Eki gece; grafik.js): tek renk, kabın genişliğinde; seriler doluluk ya da çizgi biçimiyle */
.gr { margin: 12px 0 4px; display: grid; gap: 10px; min-width: 0; }
.gr figcaption { font-weight: 600; font-size: 14.5px; color: var(--kirik); }
.gr-alan { color: var(--kirik); min-width: 0; }
.gr-svg { display: block; overflow: visible; }
.gr-lejant { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--kirik); }
.gr-lejant li { display: flex; align-items: center; gap: 6px; }
.gr-eylem { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 12px; }
.gr-veri summary { cursor: pointer; font-size: 13px; color: var(--soluk); }
.gr-tablo-kap { overflow-x: auto; margin-top: 8px; }
.gr-veri table { border-collapse: collapse; font-size: 13px; color: var(--kirik); }
.gr-veri th, .gr-veri td { padding: 4px 14px 4px 0; text-align: left; border-bottom: 1px solid var(--cizgi); font-weight: 400; }
.gr-veri thead th { color: var(--soluk); }
.gr-veri td { font-variant-numeric: tabular-nums; white-space: nowrap; }
/* Büronun kendi iş akışları (30 Eki gece; akis-kurucu.js): liste başlıkları, kurucu satırları, çalıştırmadaki adımlar */
.ak-baslik { margin: 6px 0 12px; font-size: 15px; font-weight: 600; color: var(--soluk); }
.ak-kartlar + .ak-baslik { margin-top: 28px; }
.ak-yeni { border-style: dashed; }
.ak-kurucu { max-width: 760px; }
.ak-k-bolum { grid-column: 1 / -1; margin: 4px 0 0; padding: 14px 0 0; border: 0; border-top: 1px solid var(--cizgi); display: grid; gap: 8px; min-width: 0; }
.ak-k-bolum legend { padding: 0; font-size: 13px; font-weight: 600; color: var(--metin); }
.ak-k-bolum .dugme-cam { justify-self: start; margin-top: 2px; }
.ak-k-bolum textarea, .ak-k-satir :is(input, select) { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--cizgi-2); border-radius: 0; background: rgba(255, 255, 255, .03); color: var(--kirik); font: inherit; font-size: 14px; }
.ak-k-liste { display: grid; gap: 8px; }
.ak-k-satir { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 160px) 34px; gap: 6px; align-items: center; }
.ak-k-satir > input[type=text]:last-child, .ak-k-sure { grid-column: 1 / -1; }
.ak-k-satir:has(.ak-k-no) { grid-template-columns: 22px minmax(0, 1fr) 34px; }
.ak-k-no { font-size: 13px; color: var(--soluk); text-align: right; }
.ak-k-sure { display: flex; align-items: center; gap: 6px; padding-left: 28px; font-size: 13px; color: var(--soluk); }
.ak-k-sure select { flex: 1 1 auto; min-width: 0; }
.ak-k-sure input { width: 84px; flex: none; }
.ak-k-sil { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--cizgi); background: none; color: var(--soluk); cursor: pointer; }
.ak-k-sil:hover { color: var(--kirik); border-color: var(--cizgi-2); }
.ak-k-akissil { margin-left: auto; }
.ak-bolum h3 { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--soluk); }
.ak-bolum + .ak-bolum { margin-top: 18px; }
.ak-adimlar { margin: 0 0 12px; padding: 0; list-style: none; display: grid; gap: 8px; }
.ak-adim { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--cizgi); }
.ak-adim b { font-weight: 600; color: var(--kirik); }
.ak-adim span { font-size: 13px; color: var(--metin); }
@media (max-width: 420px) { .ak-k-satir { grid-template-columns: minmax(0, 1fr) 34px; } .ak-k-satir select { grid-column: 1 / -1; grid-row: 2; } }
.ak-k-sure span { white-space: nowrap; }
.ak-geri a + a { margin-left: 16px; }
/* Sözleşme incelemesi, büronun çizgisiyle (30 Eki gece; sozlesme.js): solda çizgi, sağda sözleşme ve bulgular. Durum rengi yok:
   sapma ve eksik kartının sol çizgisi kalın */
.sz-duzen { display: grid; grid-template-columns: minmax(300px, 400px) minmax(0, 1fr); gap: 22px; align-items: start; }
@media (max-width: 1080px) { .sz-duzen { grid-template-columns: 1fr; } }
.sz-duzen h3 { margin: 0 0 10px; font-size: 13px; font-weight: 600; color: var(--soluk); }
.sz-cizgi, .sz-incele { display: grid; gap: 10px; align-content: start; min-width: 0; }
.sz-cizgi { padding: 16px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .03); }
.sz-liste { display: grid; gap: 8px; }
.sz-madde { display: grid; gap: 4px; padding: 10px 12px; border: 1px solid var(--cizgi); }
.sz-madde b { color: var(--kirik); font-weight: 600; }
.sz-madde p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--metin); }
.sz-oneri { font-size: 13px; color: var(--soluk); }
.sz-oneri span { color: var(--kirik); font-weight: 600; }
.sz-dugmeler { display: flex; gap: 6px; margin-top: 2px; }
.sz-ince { padding: 4px 10px; border: 1px solid var(--cizgi); background: none; color: var(--soluk); font: inherit; font-size: 12.5px; cursor: pointer; }
.sz-ince:hover { color: var(--kirik); border-color: var(--cizgi-2); }
.sz-form { display: grid; gap: 8px; padding: 10px; border: 1px dashed var(--cizgi-2); }
.sz-form :is(input, textarea), .sz-incele textarea { width: 100%; box-sizing: border-box; padding: 9px 11px; border: 1px solid var(--cizgi-2); border-radius: 0; background: rgba(255, 255, 255, .03); color: var(--kirik); font: inherit; font-size: 14px; }
.sz-incele textarea { resize: vertical; line-height: 1.5; }
.sz-sonuc { display: grid; gap: 10px; }
.sz-sayim { margin: 6px 0 0; font-weight: 600; color: var(--kirik); }
.sz-ozet { margin: 0; line-height: 1.55; color: var(--metin); }
.sz-bulgu { display: grid; gap: 6px; padding: 12px 14px; border: 1px solid var(--cizgi); }
.sz-bulgu[data-durum="sapma"], .sz-bulgu[data-durum="eksik"] { border-left: 4px solid var(--kirik); }
.sz-bulgu-ust { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.sz-bulgu-ust b { font-weight: 600; color: var(--kirik); }
.sz-durum { font-size: 12.5px; font-weight: 700; color: var(--kirik); white-space: nowrap; }
.sz-bulgu p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--metin); }
.sz-bulgu blockquote { margin: 0; padding: 6px 10px; border-left: 2px solid var(--cizgi-2); font-size: 13.5px; line-height: 1.5; color: var(--soluk); }
.sz-madde p, .sz-bulgu p, .sz-ozet, .sz-bulgu blockquote { text-align: left; }
/* Hukuki çeviri (30 Eki gece; ceviri.js): girişte dosya, dil, düğme; sonuçta iki sütun (telefonda alt alta) */
.cv-giris { display: grid; gap: 10px; max-width: 980px; }
.cv-giris textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--cizgi-2); border-radius: 0; background: rgba(255, 255, 255, .03); color: var(--kirik); font: inherit; font-size: 14px; line-height: 1.5; resize: vertical; }
.cv-dil { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--soluk); max-width: 100%; min-width: 0; }
.cv-dil select { min-width: 0; flex: 1 1 auto; }
.cv-dil select { padding: 8px 10px; border: 1px solid var(--cizgi-2); border-radius: 0; background: rgba(255, 255, 255, .03); color: var(--kirik); font: inherit; }
.cv-sonuc { display: grid; gap: 12px; margin-top: 18px; max-width: 1200px; }
.cv-tablo { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--cizgi); border-left: 1px solid var(--cizgi); }
.cv-tablo > * { margin: 0; padding: 10px 12px; border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); font-size: 14px; line-height: 1.55; text-align: left; }
.cv-baslik { font-size: 12.5px; font-weight: 600; color: var(--soluk); }
.cv-asil { color: var(--soluk); }
.cv-ceviri { color: var(--kirik); }
.cv-ceviri.bos { color: var(--soluk); font-style: italic; }
@media (max-width: 700px) { .cv-tablo { grid-template-columns: 1fr; } .cv-baslik:nth-child(2) { display: none; } .cv-ceviri { border-bottom-width: 2px; } }

/* Resmî Gazete (31 Eki; Melih: "sağda Mübaşir kartlarının hemen üstünde 'Bugün Resmî Gazete'de' açılsın, okundukça gitsin").
   Masaüstünde destenin üstünde kendi destesi ve başlığı; telefonda iki destenin arasında düğme (deste sığmaz). */
.rg { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.rg[hidden], .rg-dugme[hidden] { display: none; }
.rg-baslik { margin: 0 max(26px, env(safe-area-inset-right)) 0 0; font-size: 13px; font-weight: 600; letter-spacing: -0.005em; color: var(--kirik); text-align: right; }
.rg-dugme { display: none; }
/* madde çıkmayan gün: başlıkla aynı yerde soluk tek satır, Resmî Gazete sayfasına götürür */
.rg-sessiz { font-weight: 500; color: var(--soluk); text-decoration: none; }
.rg-sessiz:hover { color: var(--kirik); }
.rg-ozet { margin: 0; }
.rg-ozet, .rg-satir, .rg-resmi { text-align: left; text-align-last: auto; }
.rg-satir { margin: 8px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--metin); }
.rg-satir b { font-weight: 600; color: var(--kirik); }
.rg-resmi { margin: 12px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--soluk); }
.rg-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.rg-eylem .dn-kopya { margin-left: 0; height: 30px; padding: 0 12px; display: inline-flex; align-items: center; font-size: 13px; text-decoration: none; }
.rg-kaydet[aria-pressed="true"] { background: var(--kirik); border-color: var(--kirik); color: #0b0f14; }
.rg-bolum { margin-bottom: 26px; }
.rg-bolum > h2 { margin: 0 0 12px; font-size: 15px; font-weight: 600; color: var(--kirik); }
.rg-liste { display: grid; gap: 10px; max-width: 760px; }
.rg-madde { padding: 16px 18px; background: #11161d; border: 1px solid var(--cizgi); }
.rg-madde-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rg-madde-ust .dn-kopya { margin-left: 0; }
.rg-tur { font-size: 12.5px; color: var(--soluk); }
.rg-madde h3 { margin: 6px 0 8px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: #fff; }
@media (max-width: 760px) {
  .rg { display: none; }
  .rg-dugme:not([hidden]) { position: fixed; top: calc(56px + env(safe-area-inset-top) + 20px); left: 50%; z-index: 30; transform: translateX(-50%);
    display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 8px 0 14px; border: 1px solid var(--cizgi-2); border-radius: 999px;
    background: rgba(255, 255, 255, .07); -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4);
    color: var(--kirik); font: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; }
  .rg-dugme b { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; border-radius: 10px; background: var(--kirik); color: #0b0f14; font-size: 11.5px; font-weight: 700; }
  .rg-dugme.rg-sifir b { background: none; border: 1px solid var(--cizgi-2); color: var(--soluk); }
  .masa.sohbette .rg-dugme:not([hidden]) { position: absolute; top: -32px; }
}

/* Yazı kutusunda önerilen soru (31 Eki): yer tutucuda durur, Tab yazar; boş gönderilirse o gider. Telefonda işaret yok. */
.y-oneri { flex: none; align-self: center; margin-right: 6px; padding: 2px 7px; border: 1px solid var(--cizgi-2); border-radius: 5px; font-size: 11.5px; font-weight: 600; color: var(--soluk); pointer-events: none; }
.y-oneri[hidden] { display: none; }
.buyuk-yazici textarea::placeholder { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* tek satır (1 Kas; Melih: "alta sarkmasın, kayarak gitsin, o alan genişlemesin"): uzun yazı yana kayar, kutu büyümez */
.buyuk-yazici textarea { height: calc(1.45em + 10px) !important; white-space: pre; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.buyuk-yazici textarea::-webkit-scrollbar { display: none; }
@media (hover: none), (max-width: 760px) { .y-oneri { display: none; } }

/* Telefonda yazı kutusu (1 Kas; Melih: "klavye kapanınca soru baloncuğu yukarıda kalıyor, sürekli altta kalmalı"): sayfa içinde
   yapışkan değil, ekranın dibine sabit; klavye açıkken görünen alanın dibinde (--klavye, uygulama.js visualViewport), kapanınca
   yine dipte. Yazı 16 px: iPhone daha küçük yazılı kutuya odaklanınca sayfayı büyütüyor, klavye kapanınca büyük ve kaymış kalıyordu. */
@media (max-width: 760px) {
  .masa .ajan-paneli.masada .buyuk-yazici { position: fixed; left: 12px; right: 12px; z-index: 35; width: auto; margin: 0;
    bottom: calc(10px + var(--klavye, 0px) + max(0px, env(safe-area-inset-bottom) - var(--klavye, 0px))); }
  .masa .ajan-paneli.masada { padding-bottom: calc(66px + env(safe-area-inset-bottom)); }
  .buyuk-yazici textarea { font-size: 16px; }
}
/* dar telefonda düğme aralığı yarıya (3 Kas): yazı alanı 16 px genişler, günün ipucu 375 px'te de tek satıra sığar */
@media (max-width: 480px) { .buyuk-yazici { gap: 4px; } }

/* Bakışta ilerleme (1 Kas): Instants ve hikâyeler gibi ince şerit; geçilen ve şimdiki parlak. Büyük karta dokununca sonraki. */
.ins-ilerleme { flex: 1; display: flex; gap: 4px; max-width: 320px; margin: 0 14px; }
.ins-ilerleme span { flex: 1; height: 2px; border-radius: 1px; background: rgba(255, 255, 255, .22); transition: background .2s; }
.ins-ilerleme span.gecti { background: rgba(255, 255, 255, .7); }
.ins-ilerleme span.simdi { background: #fff; }
.ins-buyuk-kart.gecilir { cursor: pointer; -webkit-tap-highlight-color: transparent; }

/* ---------- Yuvarlak köşeler (1 Kas; Melih: "kopyalama butonu beyaz ve köşeli; sitede hiçbir şeyi köşeli istemiyorum, yan menü
   hariç") ----------
   Düğmeler hap (yazı kutusu ve öneri hapları gibi), kartlar ve kutular 14 px, girdiler 10 px; yandan açılan çekmecelerin içteki
   köşeleri yuvarlak. Instants kartları kendi biçiminde (squircle), yan menü düz. */
:root:not(.tanitim-modu) :is(.dugme-cam, .dn-kopya, .dn-kopyala, .dn-baslat, .m-karar-oku, .kc-atla button, .sekme, .filtre button,
  .cip, .durum-cip, .etiket, .ince-etiket, .ornek-rozet, .dk-birincil, .dk-ikincil, .mb-geri, .ara-belge, .surum-notu button, .hesap-dugme, .hm-cikis,
  .ih-sil, .ak-k-sil, .olay-sil, .giris-gecis, .ks-katli, .kb-yeni, .kb-tamam a, .ih-hucre button, .word-kart .eklenti-sec .sekme, .yk-ornek) { border-radius: 999px; }
:root:not(.tanitim-modu) :is(.kart, .yk, .karar, .kagit, .dk-kagit, .uyari, .teb-sure, .sure-satir, .balon, .not, .taslak blockquote,
  details.duzeltme, .sayfa-alt-pencere, .denge, .rakam, .ilke-isaret, .yetkiler span, .dn-kunye, .dn-sonuc, .dn-birak, .rg-madde, .m-dilekce,
  .dk-form, .dk-belge, .dk-bos, .dk-u, .kasa-kod, .ih-bos, .ck-b, .kb-canli, .yd-uyari, .yd-kutu, .onay-cubuk, .onay-satir, .onay-karar,
  .ak-kart, .ak-sart, .ak-adim, .ak-k-bolum, .kr-kaynak, .ks-taraf, .ks-metin, .kd-bulgu, .mv-form, .sz-cizgi, .sz-madde, .sz-ince,
  .sz-form, .sz-bulgu, .sb-secenek, .hesap-menu, .surum, .m-muvekkile, .mb-sure, .gun span, .sb-birak) { border-radius: 14px; }
:root:not(.tanitim-modu) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea) { border-radius: 10px; }
:root:not(.tanitim-modu) .buyuk-yazici textarea { border-radius: 0; }
:root:not(.tanitim-modu) .satir.secili, :root:not(.tanitim-modu) a.satir:not(.yk .satir):hover { border-radius: 10px; }
:root:not(.tanitim-modu) .ih-cekmece { border-radius: 18px 0 0 18px; }
@media (max-width: 760px) { :root:not(.tanitim-modu) .ih-cekmece { border-radius: 18px 18px 0 0; } }
:root:not(.tanitim-modu) .kc-atla { border-radius: 0; }
.kc-ilgili { border-radius: 3px; }

/* ---------- Sesli konuşma (1 Kas; sesli.js) ----------
   Mikrofon: yazı kutusunda gönderin solunda; dinlerken sesin şiddetiyle halka açılır (--duzey 0-1). Sesli sohbet: tam ekran,
   ortada sesle nefes alan tek halka; durum yazısı, söylenen ve okunan cümle. Renk yok. */
.y-mikrofon, .y-sesli { flex: 0 0 auto; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center;
  background: none; color: var(--soluk); cursor: pointer; transition: background .2s, color .2s, box-shadow .08s; }
.y-mikrofon:hover, .y-sesli:hover { color: var(--kirik); background: rgba(255, 255, 255, .08); }
/* eller serbest düğmesi yazı yazılınca gizlenir (gönder kalır) */
.y-sesli[hidden] { display: none; }
.y-mikrofon.dinliyor { color: #0b0f14; background: var(--kirik); box-shadow: 0 0 0 calc(3px + var(--duzey, 0) * 9px) rgba(241, 236, 226, .16); }
.ss { position: fixed; inset: 0; z-index: 90; display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  padding: calc(40px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom)); box-sizing: border-box;
  background: rgba(6, 8, 11, .96); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); color: var(--kirik); }
.ss-orta { flex: 1; width: min(560px, 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; }
.ss-halka { position: relative; width: 176px; height: 176px; margin-bottom: 18px; padding: 0; border: 1px solid rgba(241, 236, 226, .28); border-radius: 50%;
  background: radial-gradient(circle at 50% 38%, rgba(241, 236, 226, .13), rgba(241, 236, 226, .02) 68%); cursor: pointer;
  transform: scale(calc(1 + var(--duzey, 0) * .2)); transition: transform .09s linear, border-color .3s, width .6s, height .6s, margin .6s; }
.ss-cekirdek { position: absolute; inset: 37%; border-radius: 50%; background: var(--kirik); opacity: .9; transition: inset .3s, opacity .3s; }
.ss[data-kip="dinliyor"] .ss-halka { border-color: rgba(241, 236, 226, .55); }
.ss[data-kip="yaziyor"] .ss-cekirdek, .ss[data-kip="dusunuyor"] .ss-cekirdek { inset: 42%; opacity: .55; animation: ss-nefes 1.6s ease-in-out infinite; }
.ss[data-kip="okuyor"] .ss-cekirdek { inset: 33%; animation: ss-nefes 1.1s ease-in-out infinite; }
.ss[data-kip="bekliyor"] .ss-cekirdek, .ss[data-kip="hata"] .ss-cekirdek { opacity: .3; }
@keyframes ss-nefes { 50% { transform: scale(.82); } }
@media (prefers-reduced-motion: reduce) { .ss-halka { transform: none; } .ss-cekirdek { animation: none !important; } }
.ss-durum { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -0.01em; color: #fff; }
.ss-soz { margin: 0; min-height: 1.4em; font-size: 15px; line-height: 1.5; color: var(--soluk); }
.ss-cevap { margin: 0; min-height: 4.5em; font-size: 18px; line-height: 1.5; color: var(--kirik); }
/* sesli ekranın yazıları ortalı (telefondaki paragraf yaslaması iki satırlık soruyu açıyordu) */
.ss-orta p { text-align: center; hyphens: manual; }
/* düşünürken: araya ekleme ipucu; yalnız o anda belirir */
.ss-ipucu { margin: -4px 0 0; font-size: 13px; color: var(--soluk); opacity: 0; transition: opacity .4s; }
.ss[data-kip="dusunuyor"] .ss-ipucu { opacity: 1; }
.ss-bitir { height: 44px; padding: 0 28px; border: 1px solid var(--cizgi-2); border-radius: 999px; background: rgba(255, 255, 255, .06); color: var(--kirik); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.ss-bitir:hover { background: rgba(255, 255, 255, .12); }
/* okuma sesi seçimi (1 Kas; Melih: "kız ve erkek, isteyen istediğini seçsin"): Bitir'in üstünde iki parçalı seçici; dokununca örnek okur */
.ss-alt { display: flex; flex-direction: column; align-items: center; gap: 14px; }
/* seçili kişinin altında cam bir kapsül kayar (yaylanarak); düğmeler eşit genişlik */
.ss-ses { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 3px; border: 1px solid var(--cizgi-2); border-radius: 999px; background: rgba(255, 255, 255, .04); }
.ss-ses::before { content: ''; position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc((100% - 8px) / 2); border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .07)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 6px 16px rgba(0, 0, 0, .35);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: transform .6s cubic-bezier(.34, 1.4, .64, 1); }
.ss-ses[data-ses="erkek"]::before { transform: translateX(calc(100% + 2px)); }
.ss-ses-dugme { position: relative; z-index: 1; height: 32px; min-width: 96px; padding: 0 16px; border: 0; border-radius: 999px; background: none; color: var(--soluk); font: inherit; font-size: 14px; cursor: pointer; transition: color .3s; }
.ss-ses-dugme:hover { color: var(--kirik); }
.ss-ses-dugme[aria-checked="true"] { color: #fff; }
/* konuşan kişi; Sekreter ↔ Üstat geçişinde halka sıvı gibi kabarıp oturur, ad bulanıp değişir. Üstat'ın halkası biraz daha
   büyük, okurken daha ağır nefes alır */
.ss-kim { margin: -6px 0 -6px; font-size: 13px; letter-spacing: .02em; color: var(--soluk); }
.ss.gecis .ss-kim { animation: ss-kim .7s ease; }
@keyframes ss-kim { 40%, 55% { opacity: 0; filter: blur(6px); } }
.ss.gecis .ss-halka { animation: ss-sivi .8s cubic-bezier(.4, 0, .2, 1); }
@keyframes ss-sivi { 30% { transform: scale(1.1, .9); filter: blur(5px); } 62% { transform: scale(.96, 1.04); filter: blur(1px); } }
.ss[data-ses="erkek"] .ss-halka { width: 192px; height: 192px; margin-bottom: 10px; }
.ss[data-ses="erkek"][data-kip="okuyor"] .ss-cekirdek { animation-duration: 1.6s; }
@media (prefers-reduced-motion: reduce) { .ss.gecis .ss-halka, .ss.gecis .ss-kim { animation: none; } .ss-ses::before { transition: none; } }

/* İçtihat paneli (1 Kas gece): arama ve soru sayfada; sonuç alaka gruplarıyla, belge konduysa belgenin karara uyan kısmı */
.ic-panel { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }
.ic-gonder { flex: 0 0 auto; }
.ic-sol { min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.ic-kutu { display: flex; align-items: flex-end; gap: 8px; padding: 6px; border-radius: 22px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .045); }
.ic-kutu:focus-within { border-color: var(--kirik); }
.ic-girdi { flex: 1; min-width: 0; min-height: 40px; max-height: 160px; resize: none; box-sizing: border-box; padding: 10px 8px; border: 0; background: transparent; color: var(--metin); font: inherit; font-size: 16px; line-height: 1.4; }
.ic-girdi:focus { outline: none; }
/* yer tutucu tek satır (telefonda iki satıra kırılıp kesiliyordu) */
.ic-girdi::placeholder { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ic-ek { flex: 0 0 auto; display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0; border-radius: 999px; border: 0; background: rgba(255, 255, 255, .06); color: var(--soluk); cursor: pointer; }
.ic-ek:hover, .ic-ek:focus-visible { color: var(--kirik); background: rgba(255, 255, 255, .1); }
.ic-ara-dugme { flex: 0 0 auto; height: 40px; margin: 0; padding: 0 18px; border-radius: 999px; }
.ic-belge { display: flex; align-items: center; gap: 8px; align-self: flex-start; max-width: 100%; padding: 6px 8px 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi-2); font-size: 13.5px; color: var(--metin); }
.ic-belge[hidden] { display: none; }
.ic-ipucu, .ic-aranan, .ic-durum { text-align: left; text-align-last: auto; hyphens: manual; -webkit-hyphens: manual; }
.ic-belge span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ic-belge-kaldir { display: inline-grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--soluk); cursor: pointer; }
.ic-belge-kaldir:hover { color: var(--kirik); background: rgba(255, 255, 255, .08); }
.ic-ipucu { margin: 0; font-size: 13px; line-height: 1.5; color: var(--soluk); }
.ic-ipucu code { padding: 1px 6px; border-radius: 6px; background: rgba(255, 255, 255, .07); color: var(--metin); font-size: 12.5px; }
.ic-durum { margin: 0; font-size: 13.5px; color: var(--soluk); }
.ic-durum:empty { display: none; }
.ic-sonuc { display: flex; flex-direction: column; gap: 18px; margin-top: 6px; }
.ic-sonuc-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.ic-siralar { display: inline-flex; gap: 4px; padding: 3px; border-radius: 999px; border: 1px solid var(--cizgi); }
.ic-sira { padding: 6px 12px; border: 0; border-radius: 999px; background: transparent; color: var(--soluk); font: inherit; font-size: 13px; cursor: pointer; }
.ic-sira.secili { background: rgba(255, 255, 255, .1); color: var(--kirik); }
.ic-sira:focus-visible { outline: 2px solid var(--kirik); outline-offset: 1px; }
.ic-aranan { margin: 0; font-size: 13px; color: var(--sonuk); overflow-wrap: anywhere; }
.ic-bos { margin: 0; color: var(--soluk); }
.ic-grup { display: flex; flex-direction: column; gap: 10px; }
.ic-grup-ad { display: flex; align-items: baseline; gap: 8px; margin: 0; font-family: var(--baslik); font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--kirik); }
.ic-grup-ad span { font-size: 13px; font-weight: 500; color: var(--sonuk); font-variant-numeric: tabular-nums; }
.ic-karar { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; border-radius: 16px; border: 1px solid var(--cizgi); background: rgba(255, 255, 255, .04); }
.ic-grup.ilgi-cok .ic-karar { border-color: var(--cizgi-2); background: rgba(255, 255, 255, .06); }
.ic-grup.ilgi-uzak .ic-karar { opacity: .72; }
.ic-karar-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.ic-karar-ust b { font-size: 15px; font-weight: 600; color: var(--metin); }
.ic-mahkeme { font-size: 12.5px; color: var(--sonuk); }
.ic-parca { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--metin); white-space: pre-line; overflow-wrap: anywhere; }
.ic-karar mark, .ic-yer mark { background: rgba(255, 255, 255, .14); color: var(--kirik); border-radius: 3px; padding: 0 1px; }
.ic-yer { padding: 10px 12px; border-radius: 12px; border: 1px dashed var(--cizgi-2); }
.ic-yer-ad { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 600; color: var(--soluk); }
.ic-yer p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--soluk); overflow-wrap: anywhere; }
.ic-arac { display: flex; gap: 8px; }
.ic-arac .dugme-cam { margin-top: 0; }
@media (max-width: 640px) { .ic-ara-dugme { padding: 0 14px; } .ic-karar { padding: 14px; } }

/* Üstat'a sor (1 Kas gece; Melih: "sağ altta ekrana tam sığacak şekilde simge, telefonda çalışan gibi konuşma balonu"): İçtihat
   sayfasında sağ altta düğme; balon ekrana sığar, konuşma yeni masaya kaydedilir */
.us-kok { position: fixed; right: max(18px, env(safe-area-inset-right)); bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; pointer-events: none; }
.us-kok > * { pointer-events: auto; }
.us-dugme { width: 58px; height: 58px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 999px; background: var(--kirik); color: #0b0f14; box-shadow: 0 10px 30px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .12); cursor: pointer; transition: transform .18s ease; }
.us-dugme:hover { transform: translateY(-2px); }
.us-dugme:focus-visible { outline: 2px solid var(--kirik); outline-offset: 3px; }
.us-dugme[aria-expanded="true"] { transform: scale(.92); }
.us-balon { width: min(400px, calc(100vw - 36px)); height: min(620px, calc(100dvh - 130px)); display: flex; flex-direction: column; border-radius: 22px; border: 1px solid var(--cizgi-2);
  background: rgba(17, 21, 27, .94); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 24px 60px rgba(0, 0, 0, .55); overflow: hidden; transform-origin: bottom right; animation: us-ac .22s cubic-bezier(.2, .8, .2, 1); }
.us-balon[hidden] { display: none; }
@keyframes us-ac { from { opacity: 0; transform: translateY(10px) scale(.97); } }
@media (prefers-reduced-motion: reduce) { .us-balon { animation: none; } }
.us-ust { display: flex; align-items: center; gap: 8px; padding: 12px 12px 12px 16px; border-bottom: 1px solid var(--cizgi); }
.us-simge { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 999px; background: var(--kirik); color: #0b0f14; }
.us-ust b { font-family: var(--baslik); font-size: 16px; font-weight: 600; color: var(--kirik); }
.us-alt-yazi { font-size: 12.5px; color: var(--sonuk); }
.us-kapat { margin-left: auto; display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--soluk); cursor: pointer; }
.us-kapat:hover, .us-kapat:focus-visible { color: var(--kirik); background: rgba(255, 255, 255, .07); }
.us-liste { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 10px; padding: 14px; }
.us-mesaj { max-width: 88%; padding: 10px 13px; font-size: 14.5px; line-height: 1.45; text-align: left; overflow-wrap: anywhere; }
.us-nesafet { align-self: flex-start; border-radius: 16px 16px 16px 5px; background: rgba(255, 255, 255, .06); border: 1px solid var(--cizgi); color: var(--soluk); }
.us-avukat { align-self: flex-end; border-radius: 16px 16px 5px 16px; background: var(--kirik); color: #0b0f14; }
.us-cevap .m-nesafet { max-width: none; }
.us-alt { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px 12px; border-top: 1px solid var(--cizgi); }
.us-masa { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: transparent; color: var(--kirik); font: inherit; font-size: 13px; cursor: pointer; }
.us-masa:hover, .us-masa:focus-visible { background: rgba(255, 255, 255, .07); }
.us-form { display: flex; align-items: flex-end; gap: 8px; padding: 5px 5px 5px 12px; border-radius: 20px; border: 1px solid var(--cizgi-2); background: rgba(255, 255, 255, .04); }
.us-form:focus-within { border-color: var(--kirik); }
.us-girdi { flex: 1; min-width: 0; min-height: 38px; max-height: 120px; resize: none; box-sizing: border-box; padding: 9px 0; border: 0; background: transparent; color: var(--metin); font: inherit; font-size: 16px; line-height: 1.35; }
.us-girdi:focus { outline: none; }
.us-gonder { flex: 0 0 auto; }
@media (max-width: 640px) {
  .us-kok { right: max(12px, env(safe-area-inset-right)); bottom: calc(14px + env(safe-area-inset-bottom)); }
  .us-balon { width: calc(100vw - 24px); height: calc(100dvh - 120px); }
  .us-dugme { width: 54px; height: 54px; }
}
@media print { .us-kok { display: none !important; } }

/* ---------- Yeni işlerin filmleri (4 Kas; yeniler.js): banner'ın altında "yeni." bölümü. Kart öteki sahnelerin camı
   (.s-sahne); içerdeki kâğıt ve kutular da cam, beyaz zemin yok (Melih: "liquid glass temasında, arka plan beyaz olmamalı").
   Sahne sabit yükseklikte, filmler arasında sayfa oynamaz ---------- */
.yf { min-height: 0; gap: 12px; padding: 20px; color: var(--kirik); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif; letter-spacing: -0.01em; }
.yf-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.yf-baslik { margin: 0; min-width: 0; font-family: var(--baslik); font-weight: 700; font-size: 26px; line-height: 1.1; letter-spacing: -0.035em; color: #fff; }
.yf-noktalar { display: flex; gap: 6px; flex: 0 0 auto; }
.yf-nokta { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.3); cursor: pointer; transition: width .3s, background .3s; }
.yf-nokta.secili { width: 24px; background: var(--kirik); }
.yf-nokta:focus-visible { outline: 2px solid var(--kirik); outline-offset: 3px; }
.yf-sahne { position: relative; height: 310px; overflow: hidden; border-radius: 18px; background: rgba(255,255,255,.035); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.yf-aciklama { margin: 0; font-size: 14.5px; line-height: 1.45; color: var(--metin); }
/* cam kâğıt ve kutular */
.yf-kagit, .yf-sayfa, .yf-belge { border: 1px solid rgba(255,255,255,.16); background: linear-gradient(150deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.05) 45%, rgba(255,255,255,.08) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 14px 34px rgba(0,0,0,.28); backdrop-filter: blur(14px) saturate(1.4); -webkit-backdrop-filter: blur(14px) saturate(1.4); }
.yf-kagit, .yf-sayfa { color: var(--kirik); font-family: "Times New Roman", Tinos, Times, serif; line-height: 1.5; }
.yf-kagit p, .yf-sayfa p { margin: 0 0 3px; text-align: justify; }
.yf mark { color: inherit; padding: 0 1px; background: linear-gradient(transparent 60%, rgba(241, 236, 226, 0) 60%); transition: background .8s ease; }
.yf mark.yanik { background: linear-gradient(transparent 70%, rgba(241, 236, 226, .26) 70%); }
.yf .cip { padding: 5px 11px; border-radius: 999px; font-size: 12.5px; color: var(--kirik); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 6px 16px rgba(0,0,0,.25); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
/* matbu itiraz */
.yf-form { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 20px; }
.yf-alan { display: flex; justify-content: space-between; gap: 12px; padding: 10px 13px; border-radius: 12px; background: rgba(255,255,255,.07); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); font-size: 14px; }
.yf-alan span { flex: 0 0 auto; color: var(--soluk); }
.yf-alan b { min-width: 0; font-weight: 600; color: var(--kirik); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yf-dugme { align-self: flex-start; margin-top: 4px; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.32); font-size: 14px; font-weight: 600; transition: transform .18s, background .18s, color .18s; }
.yf-dugme.basildi { transform: scale(.94); background: var(--kirik); color: #0b0f14; }
.yf-kagit { position: absolute; top: 16px; left: 16px; right: 16px; bottom: -30px; max-width: 540px; margin: 0 auto; padding: 18px 22px; border-radius: 14px 14px 0 0; font-size: 11px;
  -webkit-mask-image: linear-gradient(#000 46%, transparent 82%); mask-image: linear-gradient(#000 46%, transparent 82%); }
.yf-k-baslik { margin-bottom: 8px; font-weight: 700; }
.yf-k-baslik p { margin: 0; text-align: center; }
.yf-k-bolum { margin: 6px 0 4px !important; font-weight: 700; text-align: center !important; }
.yf-cipler { position: absolute; left: 12px; right: 12px; bottom: 14px; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
/* mütalaa, olay, fıkra: belge kutusu, cam sayfa, çipler alt alta */
.yf-akis { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 16px 18px; }
.yf-akis > * { flex: 0 0 auto; }
.yf-belge { padding: 10px 14px; border-radius: 14px; font-size: 13px; line-height: 1.45; color: var(--metin); }
.yf-belge p { margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* ara genişlikte (1024) kart dar, mütalaa filminde çipler sahneden taşıyordu (4 Kas taraması) */
@media (min-width: 641px) and (max-width: 1200px) { .yf-sahne { height: 340px; } }
.yf-belge-ad { margin-bottom: 3px; font-size: 12px; font-weight: 600; color: var(--soluk); }
.yf-sayfa { padding: 14px 18px; border-radius: 14px; font-size: 13px; }
.yf-sayfa-buyuk { font-size: 15px; padding: 18px 20px; }
.yf-cip-satir { display: flex; flex-wrap: wrap; gap: 6px; min-height: 30px; }
.yf-supheli { transition: text-decoration-color .4s; text-decoration: underline wavy transparent; text-underline-offset: 3px; }
.yf-supheli.isaretli { text-decoration-color: rgba(241, 236, 226, .75); }
.yf-supheli.teyit { color: var(--soluk); font-style: italic; }
.yf-fikra { display: inline-block; transition: opacity .3s; }
.yf-fikra.yanlis { text-decoration: line-through; text-decoration-thickness: 1.5px; opacity: .7; }
.yf-tarama { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--soluk); padding: 0 4px; }
.yf-nabiz { width: 7px; height: 7px; border-radius: 50%; background: var(--kirik); animation: nabiz 1s ease-in-out infinite; }
/* kısmi ödeme */
.yf-odeme { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 16px 20px; }
.yf-odeme > * { flex: 0 0 auto; }
.yf-satir { display: flex; justify-content: space-between; gap: 12px; font-size: 14.5px; color: var(--metin); }
.yf-satir b { flex: 0 0 auto; color: var(--kirik); font-weight: 600; font-variant-numeric: tabular-nums; }
.yf-cubuk { display: flex; height: 30px; margin-top: 4px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.3); }
.yf-cubuk-feri { width: 0; background: var(--kirik); }
.yf-cubuk-asil { flex: 1; background: repeating-linear-gradient(135deg, rgba(255,255,255,.16) 0 2px, transparent 2px 7px); }
.yf-cubuk-etiket { display: flex; justify-content: space-between; gap: 10px; font-size: 12.5px; line-height: 1.3; color: var(--soluk); font-variant-numeric: tabular-nums; }
.yf-cubuk-etiket > span { display: flex; flex-direction: column; }
.yf-cubuk-etiket > span:last-child { text-align: right; }
.yf-cubuk-etiket b { color: var(--kirik); font-weight: 600; }
.yf-sonuc { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 12px; margin-top: 4px; padding: 10px 16px; border-radius: 16px; background: var(--kirik); color: #0b0f14; }
.yf-sonuc span { font-size: 13.5px; font-weight: 600; }
.yf-sonuc b { font-family: var(--baslik); font-size: 22px; letter-spacing: -0.03em; }
.yf-sonuc small { margin-left: auto; font-size: 12.5px; font-weight: 600; }
@media (max-width: 640px) {
  .yf { padding: 16px 14px 14px; border-radius: 22px; }
  .yf-baslik { font-size: 21px; }
  .yf-sahne { height: 330px; }
  .yf-kagit { left: 10px; right: 10px; padding: 14px; font-size: 9px; }
  .yf-akis { padding: 12px; gap: 8px; }
  .yf-belge { font-size: 12px; }
  .yf-belge p { -webkit-line-clamp: 2; }
  .yf-sayfa { font-size: 10.5px; line-height: 1.45; padding: 10px 12px; }
  .yf-sayfa-buyuk { font-size: 13.5px; }
  .yf-cipler .cip, .yf-cip-satir .cip { font-size: 11.5px; padding: 4px 9px; }
  .yf-odeme { padding: 14px; }
  .yf-satir { font-size: 13.5px; }
}
@media (prefers-reduced-motion: reduce) { .yf-nabiz { animation: none; } }