/* ============================================================================
   TEMA-PASTEL.CSS — "Pastel" tasarım denemesi (DESIGN.md, 01.10.2026)
   ============================================================================
   Kâğıt sıcaklığında, neredeyse tek renkli bir zemin + tek canlı mavi "mühür"
   (yalnız birincil düğme, etkin bağlantı ve marka işareti). Gölge yok; derinlik
   zemin tonu değişimi ve ince Ice Line kenarlıklarla verilir. Tek yazı ailesi
   Figtree; başlıklarda eksi harf aralığı. Köşe yuvarlaklığı her yerde 8.8px.

   Bu dosya EN SONDA yüklenir ve yalnızca üzerine yazar; mevcut CSS dosyalarına
   dokunulmadı. Denemeyi geri almak için index.html'deki tek <link> satırını
   (ve yazı tipi bağlantısındaki Figtree'yi) kaldırmak yeterli.

   Hukuk uygulamasına uyarlamalar (DESIGN.md'den bilinçli sapmalar):
   - Durum renkleri (gecikmiş kırmızı, ödendi yeşil, derdest mavi…) işlev
     taşıdığı için korunur; ama sönük, toprak tonlarına çekilir.
   - Tablolar ve formlar yoğun kalır (13px); büyük tipografi ölçeği yalnız
     tanıtım sayfasında ve sekme başlıklarında kullanılır.
   - Koyu tema korunur: koyu temada renkler eskisi gibi, yalnız yazı tipi,
     köşeler ve gölgesizlik ortak.
   ============================================================================ */

/* ---------- Renkler: koyu tema = Pastel'in gece hâli ----------
   Sıcak mürekkep siyahı zemin (saf siyah değil), bir ton açık kartlar, soğuk
   ince kenarlık, aynı tek kobalt vurgu (koyu zeminde okunsun diye bir ton açık).
   Bu blok açık tema bloklarından ÖNCE gelmeli: sistem açıkken ve elle seçim
   yokken ikisi de eşleşir, sonraki (açık) kazanır. */
:root:not([data-theme="light"]){
  --bg:#141312;
  --panel:#1c1b19;
  --panel-light:#22201e;
  --panel-lighter:#2b2926;
  --ink:#f2f0ed;
  --ink-dim:#d4cfc9;
  --ink-muted:#a29b94;
  --gold:#4d84ff;
  --gold-dark:#3a72f0;
  --gold-soft:rgba(77,132,255,0.12);
  --gold-line:rgba(77,132,255,0.40);
  --blue:#8fb0da;  --blue-soft:rgba(143,176,218,0.12);
  --purple:#b8a2d6; --purple-soft:rgba(184,162,214,0.12);
  --teal:#6cc5bd;  --teal-soft:rgba(108,197,189,0.12);
  --green:#7cc49a; --green-soft:rgba(124,196,154,0.12);
  --red:#f0907a;   --red-soft:rgba(240,144,122,0.13);
  --border:#2f3540;
  --border-strong:#47505e;
  --charcoal:#e9e5e0;
  --charcoal-dark:#ffffff;
  --link:#7aa3ff;           /* metin içi bağlantı: koyu zeminde AA */
  --shadow:none;
  color-scheme:dark;
}
/* Koyu zeminde kömür düğme açık renkli olur; yazısı koyu */
:root:not([data-theme="light"]) .ld-nav .btn-primary{color:#141312;}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .ld-nav .btn-primary{color:#fff;}
}

/* ---------- Renkler: açık tema = Pastel ---------- */
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#f5f5f4;             /* Paper Stone — sayfa zemini */
    --panel:#ffffff;          /* Pure White — zemindeki kartlar */
    --panel-light:#f5f5f4;    /* kart içi hafif zemin, hayalet düğme */
    --panel-lighter:#e6e3e2;  /* Chalk — bant, yer tutucu */
    --ink:#111111;            /* Ink Black */
    --ink-dim:#45403c;        /* Charcoal Block — ikincil metin */
    --ink-muted:#68625c;      /* Fog Gray (AA kontrast için bir ton koyu) — yardımcı metin */
    --gold:#165dfb;           /* Cobalt Stamp — tek vurgu */
    --gold-dark:#0f4fe0;
    --gold-soft:rgba(22,93,251,0.07);
    --gold-line:rgba(22,93,251,0.32);
    --blue:#3b5f8f;  --blue-soft:rgba(59,95,143,0.10);
    --purple:#6f5a86; --purple-soft:rgba(111,90,134,0.10);
    --teal:#2f7a76;  --teal-soft:rgba(47,122,118,0.10);
    --green:#3d7a55; --green-soft:rgba(61,122,85,0.10);
    --red:#b8452f;   --red-soft:rgba(184,69,47,0.10);
    --border:#d1dee8;         /* Ice Line — ince kenarlık */
    --shadow:none;
    --border-strong:#a9bccb;--charcoal:#45403c;--charcoal-dark:#2f2b28;--link:#0f4fe0;color-scheme:light;
  }
}
:root[data-theme="light"]{
  --bg:#f5f5f4;
  --panel:#ffffff;
  --panel-light:#f5f5f4;
  --panel-lighter:#e6e3e2;
  --ink:#111111;
  --ink-dim:#45403c;
  --ink-muted:#68625c;
  --gold:#165dfb;
  --gold-dark:#0f4fe0;
  --gold-soft:rgba(22,93,251,0.07);
  --gold-line:rgba(22,93,251,0.32);
  --blue:#3b5f8f;  --blue-soft:rgba(59,95,143,0.10);
  --purple:#6f5a86; --purple-soft:rgba(111,90,134,0.10);
  --teal:#2f7a76;  --teal-soft:rgba(47,122,118,0.10);
  --green:#3d7a55; --green-soft:rgba(61,122,85,0.10);
  --red:#b8452f;   --red-soft:rgba(184,69,47,0.10);
  --border:#d1dee8;
  --shadow:none;
  --border-strong:#a9bccb;--charcoal:#45403c;--charcoal-dark:#2f2b28;--link:#0f4fe0;color-scheme:light;
}

/* ---------- Ortak (iki temada): yazı tipi, köşe, gölgesizlik ---------- */
:root{
  --radius:8.8px;
  --radius-xl:15px;
  --font:'Figtree',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --shadow:none;
}
body{font-family:var(--font);letter-spacing:0;}
/* Eski başlık yazısı (Fraunces) ve rakam yazısı (IBM Plex Mono) yerine Figtree.
   Tutarlar hizalı dursun diye eşit genişlikli rakam. Kod/şablon alanları mono kalır. */
.login-title,.kvkk-text h4,.brand-text .name,.topbar h1,.panel-title,.modal-head h3,
.empty .big,.cp-section-title,.nt-head h4,.stamp,.ld-brand,.ld-title,.ld-h2,.ld-privacy-body h4{
  font-family:var(--font);
}
.stat-card .value,.activity-amount,.changelog-date,.trend-label,.trend-value,.cell-mono,.badge.no,
.cp-stat .value,.cp-row-amount,.ca-balance strong,.ca-table .num,.aging-tutar{
  font-family:var(--font);font-variant-numeric:tabular-nums;
}
.topbar h1{font-weight:600;letter-spacing:-0.016em;}
.panel-title,.modal-head h3{font-weight:600;letter-spacing:-0.01em;}
.brand-text .name{font-weight:600;letter-spacing:-0.01em;}
.brand-text .tag,.login-sub{color:var(--ink-muted);}

/* Gölge yok: derinlik = zemin tonu + ince kenarlık */
.login-card,.idle-uyari,.export-menu,.install-banner,.modal,.toast,.rd-page,
.preview-page,.preview-image,.preview-udf,.mcp-buyutec img,.alt-sekme.active,.ld-shot,.ld-form{
  box-shadow:none !important;
}
.modal,.toast,.export-menu,.install-banner,.idle-uyari{border:1px solid var(--border);}

/* 8.8px — kartlar, düğmeler, alanlar, rozetler */
.btn,.btn-sm,.icon-btn,.logout-btn,.backup-btn,.nav-item,.badge,.search-input,select.filter-select,
.field input,.field select,.field textarea,.table-wrap,.stat-card,.ledger,.trend-chart,.fee-year-total,
.login-card,.kvkk-text,.toast,.export-menu,.install-banner,.qs-result,.result-card,.research-hit,
.belge-ara-kart,.kural-kart,.cp-stat,.cp-list,.ca-balance,.ca-table-wrap,.hs-panel,.mcp-adim-kart,
.mcp-yetenek,.aging-kutu,.uyap-summary,.uyap-new,.uyap-ozet,.ul-table-wrap,.ul-warn,.ul-sorumluluk,
.nt-sec,.nt-note,.hr-set,.cd-list,.ai-disclaimer,.ai-list,.notify-status,.archive-usage,
.kvkk-upload-warning,.upload-choice,.kvkk-inline,.rd-notice,.alt-sekmeler,.alt-sekme,
.olay-degerlendirme,.olay-tam-metin,.olay-liste li,.olay-mevzuat li,.olay-gecmis-satir,
.team-kapatma,.mcp-uyelik,.mcp-yeni,.mcp-ss,.idle-uyari,#arastirma-derin textarea,
.ld-btn-lg,.ld-grid article,.ld-kvkk-note,.ld-form-msg.is-ok,.ld-form-msg.is-error,.ld-privacy-table,.ld-mesaj,
.ul-table select,.ul-table input[type=date],.ul-sure-ad,.ul-sure input,.team-kisi input,.team-guvenlik select,
.team-ekle input,.ia-kod input,.ul-modal td input[list]{
  border-radius:var(--radius);
}
/* Büyük yüzeyler 15px */
.modal,.ld-shot,.ld-contact-box,.ld-form{border-radius:var(--radius-xl);}

/* ============================================================================
   DÜĞMELER (DESIGN.md "Components")
   - Kobalt birincil: tek dolu renkli düğme; ekrandaki en önemli eylem.
   - Hayalet (ikincil): saydam + 1px Ice Line; tüm etki kenarlıkta.
   - Kömür (Charcoal Block): tanıtım çubuğundaki "Giriş Yap" gibi hesap eylemleri.
   - Metin düğmesi: dolgu ve kenarlık yok.
   Kalkma (translate), gölge, degrade yok; durum değişimi yalnız renk tonuyla.
   ============================================================================ */
:root{
  --border-strong:#a9bccb;       /* hayalet düğme / alan üzerine gelince */
  --charcoal:#45403c;
  --charcoal-dark:#2f2b28;
  --ease-pastel:cubic-bezier(.2,0,0,1);
}
.btn{
  font-size:14px;font-weight:500;padding:10px 22px;line-height:1.25;
  transition:background-color .15s var(--ease-pastel),border-color .15s var(--ease-pastel),color .15s var(--ease-pastel);
}
.btn:active{transform:none;}
.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;}
.btn-primary,.btn-primary:hover{color:#fff;}
.btn-primary:active{background:#0b43c4;}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border);}
.btn-ghost:hover{background:transparent;border-color:var(--border-strong);color:var(--ink);}
.btn-ghost:active{background:var(--panel-light);}
.btn-danger{background:var(--red);color:#fff;}
.btn-danger:hover{background:#9c3a27;color:#fff;}
.btn-sm{font-size:13px;padding:6px 12px;}
.ld-btn-lg{font-size:15px;padding:12px 24px;}
/* Tanıtım üst çubuğundaki "Giriş Yap": kobalt yerine kömür (kobalt yalnız "Demo talep edin") */
.ld-nav .btn-primary{background:var(--charcoal);color:#fff;padding:8px 16px;font-size:14px;}
.ld-nav .btn-primary:hover{background:var(--charcoal-dark);}
/* Metin ve simge düğmeleri */
.icon-btn{transition:background-color .15s var(--ease-pastel),color .15s var(--ease-pastel),border-color .15s var(--ease-pastel);}
.icon-btn:hover{background:transparent;border-color:var(--border);color:var(--ink);}
.login-link{color:var(--ink);text-underline-offset:3px;text-decoration-color:var(--border-strong);}
.login-link:hover{text-decoration-color:var(--ink);}
.logout-btn:hover{border-color:var(--border-strong);color:var(--ink);}

/* Klavye odağı: her etkileşimli öğede aynı kobalt halka (gölge değil, çizgi) */
.btn:focus-visible,.icon-btn:focus-visible,.nav-item:focus-visible,.login-link:focus-visible,
.ld-links a:focus-visible,.logout-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

/* Alanlar: beyaz yüzey, ince kenarlık; odakta kobalt kenar (parlama yok) */
.field input,.field select,.field textarea{background:var(--panel);transition:border-color .15s var(--ease-pastel);}
.field input:hover,.field select:hover,.field textarea:hover,.search-input:hover,select.filter-select:hover{border-color:var(--border-strong);}
.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus,select.filter-select:focus{
  outline:none;border-color:var(--gold);
}
.field label{text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;color:var(--ink-dim);}
.field .checkbox-label{font-weight:400;}

/* ============================================================================
   GEÇİŞLER — sakin: hareket (kayma/büyüme) yok, yalnız kısa saydamlık geçişi
   ============================================================================ */
@keyframes pastel-belir{from{opacity:0;}to{opacity:1;}}
main > section.tab-fade-in{animation:pastel-belir .18s var(--ease-pastel);}
.stat-card{animation:pastel-belir .2s var(--ease-pastel) backwards;}
.toast{transform:translateX(-50%);transition:opacity .18s var(--ease-pastel);}
.toast.show{transform:translateX(-50%);}
.nav-item{transition:background-color .15s var(--ease-pastel),color .15s var(--ease-pastel),border-color .15s var(--ease-pastel);}
tbody tr{transition:background-color .12s var(--ease-pastel);}
/* Eğik "mühür" süsleri düz durur */
.folio-seal{transform:none;}
@media (prefers-reduced-motion:reduce){
  main > section.tab-fade-in,.stat-card{animation:none;}
  .btn,.nav-item,.toast,tbody tr,.field input,.field select,.field textarea{transition:none;}
}

/* Kalan büyük harfli küçük etiketler: cümle düzeni, sakin gri */
.nav-group-label,.cp-stat .label,.ai-info-label,.ul-table th,.ca-table th,.hs-kalemler tr.hs-bolum td,
.changelog-title,.ld-privacy-table th,.olay-bolum-baslik,.login-sub{
  text-transform:none;letter-spacing:0;
}
.nav-group-label{font-size:12px;font-weight:500;}

/* ---------- Kenar çubuğu ve gezinme ---------- */
.sidebar{background:var(--bg);}
.nav-item{font-weight:500;}
.nav-item:hover{background:var(--panel);}
.nav-item.active{background:var(--panel);color:var(--gold);border-color:var(--border);}

/* ---------- Kartlar: beyaz yüzey + Ice Line ---------- */
.stat-card,.ledger,.table-wrap,.trend-chart{background:var(--panel);border:1px solid var(--border);}
/* İstatistik kartı: renkli sol şerit yok; etiket cümle düzeninde; rakam mürekkep
   rengi — yalnız alacak (kırmızı) ve tahsilat (yeşil) anlamı gereği renkli. */
.stat-card::before{display:none;}
.stat-card .label{text-transform:none;letter-spacing:0;font-size:13px;color:var(--ink-muted);}
.stat-card .value{font-size:24px;font-weight:600;letter-spacing:-0.01em;}
.stat-card .value.gold,.stat-card .value.blue,.stat-card .value.purple{color:var(--ink);}
.stat-card .stat-icon{color:var(--ink-muted);}
/* Bölüm üst etiketi ("Sayfa Açılış Kaydı") ve marka alt yazısı: büyük harf yerine sakin gri */
.folio-mark{color:var(--ink-muted);text-transform:none;letter-spacing:0;font-size:13px;opacity:1;}
.brand-text .tag{text-transform:none;letter-spacing:0;font-size:12px;}
/* Satır işlemleri hücresi: td'ye display:flex verildiği için (table.css) hücre
   tablo hücresi olmaktan çıkıyor, satır ayırıcı çizgi son sütunda kopuyordu. */
td.row-actions{display:table-cell;text-align:right;white-space:nowrap;}
td.row-actions > *{display:inline-flex;vertical-align:middle;}
td.row-actions > * + *{margin-left:6px;}
/* .cell-sub'un 260px sınırı yalnız tablo hücrelerinde; formlardaki açıklama metinleri tam genişlik */
.cell-sub{max-width:none;}
td .cell-sub{max-width:260px;}
/* Pencere arkası: koyu bulanık perde yerine hafif, sıcak saydam ton */
.overlay{background:rgba(20,19,18,.38);backdrop-filter:none;}
.uh-form .field-row{row-gap:12px;margin-bottom:12px;}
.hs-panel{max-width:1000px;}
/* İçinde ara metin/simge olan onay etiketleri: esnek kutu metni sütunlara bölüyordu. */
.checkbox-label.upload-keep-original,.checkbox-label.upload-pref-off{display:block;padding-left:24px;text-indent:-24px;}
.checkbox-label.upload-keep-original > input,.checkbox-label.upload-pref-off > input{margin:0 8px 0 0;vertical-align:-2px;text-indent:0;}
.checkbox-label.upload-pref-off .simge{vertical-align:-2px;}
/* Tablo başlığı: cümle düzeni, hafif gri */
thead th{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:500;}
tbody tr:hover{background:var(--panel-light);}

/* ---------- Giriş / KVKK ekranları ---------- */
.login-card{border-color:var(--border);}

/* ============================================================================
   FORM ÖĞELERİ — tarayıcı varsayılanı kalmasın
   Tarayıcılar input/select/textarea/button'a sayfa yazı tipini VERMEZ; sınıfı
   olmayan alanlar (ör. Araştırma'daki tarih ve esas no kutuları) sistem yazı
   tipi ve siyah kenarlıkla görünüyordu. :where() özgüllüğü sıfırdır: bileşenin
   kendi kuralı varsa o kazanır, yoksa bu taban uygulanır.
   ============================================================================ */
:root{accent-color:var(--gold);}
input,select,textarea,button{font-family:inherit;}
:where(#app,.modal,.modal-overlay,.overlay,.login-screen) :where(
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]),
  select,textarea){
  background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);
  padding:9px 12px;font-size:14px;line-height:1.35;
  transition:border-color .15s var(--ease-pastel);
}
:where(#app,.modal,.modal-overlay,.overlay,.login-screen) :where(input,select,textarea):hover{border-color:var(--border-strong);}
:where(#app,.modal,.modal-overlay,.overlay,.login-screen) :where(input,select,textarea):focus{outline:none;border-color:var(--gold);}
:where(input,select,textarea)::placeholder{color:var(--ink-muted);opacity:.85;}
/* Tarih/saat kutuları: rakamlar eşit genişlikte, takvim simgesi sönük */
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{font-variant-numeric:tabular-nums;}
input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;}
input::-webkit-calendar-picker-indicator:hover{opacity:.9;}
input::-webkit-datetime-edit{padding:0;}
/* Rakam ve tarih içeren her yerde eşit genişlikli rakam: sütunlar hizalı durur */
table,.badge,.cell-sub,.stat-card,.ledger,.olay-gecmis-tarih,.research-hit-meta,.olay-alaka,.changelog-date{
  font-variant-numeric:tabular-nums;
}
/* Onay kutuları ve radyolar: kobalt, biraz daha büyük ve hizalı */
input[type=checkbox],input[type=radio]{width:16px;height:16px;margin:0;vertical-align:-3px;cursor:pointer;}

/* ---------- Çizgi simgeler (js/simgeler.js emoji yerine koyar) ---------- */
.simge{display:inline-block;width:1.05em;height:1.05em;vertical-align:-0.16em;flex-shrink:0;margin-inline-end:.4em;}
.btn > .simge,.backup-btn > .simge,.icon-btn > .simge,.alt-sekme > .simge,.nav-item > .simge{margin-inline-end:0;}
.icon-btn > .simge{width:17px;height:17px;}
.icon-btn{color:var(--ink-muted);}

/* ============================================================================
   HUKUKİ ARAŞTIRMA — sakin kartlar, net künye, kobalt yalnız seçili öğede
   ============================================================================ */
.alt-sekmeler{background:var(--bg);border-color:var(--border);border-radius:var(--radius);}
.alt-sekme{font-weight:500;font-size:14px;border-radius:6px;padding:7px 14px;color:var(--ink-muted);}
.alt-sekme.active{background:var(--panel);color:var(--ink);box-shadow:none;outline:1px solid var(--border);}
.result-card{padding:20px 22px;margin-bottom:16px;}
.research-hit{background:var(--bg);border-color:var(--border);border-radius:var(--radius);padding:12px 14px;
  transition:border-color .15s var(--ease-pastel),background-color .15s var(--ease-pastel);}
.research-hit:hover{border-color:var(--border-strong);}
.research-hit.active{outline:0;border-color:var(--gold);background:var(--panel);}
.research-doc-text{font-size:13.5px;line-height:1.65;border-radius:var(--radius);padding:14px 16px;}
/* Künye satırı: daire rozeti + E./K. numarası (mürekkep) + tarih (gri) */
.research-hit-meta{gap:10px;font-size:13.5px;}
.research-hit-meta .cell-mono{color:var(--ink);font-weight:500;}
.research-hit-meta .cell-sub{margin:0;font-size:13px;}
.research-hit-meta .badge{font-weight:500;}
/* Özet geniş ve okunur (genel .cell-sub 260px ile sınırlıydı) */
.research-ozet{max-width:none;font-size:13.5px;line-height:1.55;color:var(--ink-dim);margin-top:8px;}
.research-hit .btn{font-size:13px;padding:6px 12px;margin-top:10px;}
.olay-uyari{border-left:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:10px 14px;font-size:13px;}
.olay-liste li,.olay-mevzuat li{padding:12px 14px;border-radius:var(--radius);background:var(--panel);}
.olay-liste li:hover{border-color:var(--border-strong);}
.olay-satir-ust{font-size:14px;}
.olay-ozet-satir{font-size:13px;}
.olay-liste .olay-alaka,.olay-liste .olay-yon,.olay-kavram,.olay-terim,.olay-dayanak,.olay-metin-btn{border-radius:6px;}
.olay-gecmis-satir{border-radius:var(--radius);background:var(--panel);}
.olay-gecmis-satir.active{border-color:var(--gold);}
.olay-gecmis-ac{padding:11px 14px;}
.olay-gecmis-ac:hover{background:var(--panel-light);}
.olay-degerlendirme{border-radius:var(--radius);padding:16px 18px;background:var(--panel);}
.olay-dm-mesele{font-size:15px;letter-spacing:-0.01em;}
.olay-dm-metin{font-size:13.5px;line-height:1.6;}
.olay-tam-metin{font-size:13.5px;line-height:1.65;border-radius:var(--radius);}
.olay-bolum-baslik{font-size:13px;color:var(--ink-dim);}
#arastirma-derin textarea{border-radius:var(--radius);font-size:14px;line-height:1.6;padding:12px 14px;}
#arastirma-derin textarea:focus{outline:0;border-color:var(--gold);}

/* ============================================================================
   SAYFA DÜZENİ — üst menü (js/ust-menu.js `html.ust-menu` sınıfını ekler)
   Solda marka, ortada menü, sağda arama/tema/Hesap. İçerik 1200px'te ortalanır.
   ============================================================================ */
html.ust-menu .app{flex-direction:column;}
html.ust-menu .sidebar{
  position:sticky;top:0;z-index:50;width:100%;flex-direction:row;align-items:center;gap:20px;
  min-height:64px;padding:10px max(24px,calc((100% - 1200px) / 2 + 24px));
  background:var(--bg);border-right:0;border-bottom:1px solid var(--border);
}
html.ust-menu .brand{padding:0;margin:0;border:0;flex-shrink:0;}
html.ust-menu .brand-text .tag{display:none;}
html.ust-menu nav{flex-direction:row;align-items:center;gap:2px;flex:1;min-width:0;}
html.ust-menu .nav-group-label{display:none;}
/* Üst çubuktaki bağlantılar: yalnız metin, 14px/500; etkin olan kobalt */
html.ust-menu nav > .nav-item,html.ust-menu .um-baslik{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid transparent;
  border-radius:var(--radius);background:transparent;color:var(--ink);font:500 14px/1.2 var(--font);
  cursor:pointer;white-space:nowrap;transition:color .15s var(--ease-pastel),background-color .15s var(--ease-pastel);
}
html.ust-menu nav > .nav-item svg{display:none;}
html.ust-menu nav > .nav-item:hover,html.ust-menu .um-baslik:hover{background:transparent;color:var(--gold);}
html.ust-menu nav > .nav-item.active{background:transparent;border-color:transparent;color:var(--gold);}
html.ust-menu .um-grup:has(.nav-item.active) > .um-baslik{color:var(--gold);}
html.ust-menu .um-baslik svg{transition:transform .15s var(--ease-pastel);opacity:.7;}
html.ust-menu .um-grup.acik > .um-baslik svg{transform:rotate(180deg);}
html.ust-menu .um-baslik:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

/* Açılır panel: beyaz, ince kenarlık, gölgesiz; kısa belirme */
html.ust-menu .um-grup{position:relative;}
html.ust-menu .um-panel{
  display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:230px;padding:6px;
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
}
html.ust-menu .um-grup.acik > .um-panel{display:block;animation:pastel-belir .15s var(--ease-pastel);}
html.ust-menu .um-panel .nav-item{
  display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:6px;
  color:var(--ink);font-size:14px;font-weight:500;
}
html.ust-menu .um-panel .nav-item svg{opacity:.6;}
html.ust-menu .um-panel .nav-item:hover{background:var(--panel-light);color:var(--ink);}
html.ust-menu .um-panel .nav-item.active{background:var(--panel-light);color:var(--gold);border:0;}

/* Sağ küme: arama, tema, Hesap menüsü */
html.ust-menu .sidebar-foot{
  margin:0 0 0 auto;padding:0;border:0;flex-direction:row;align-items:center;gap:6px;flex-shrink:0;
}
html.ust-menu .sidebar-foot > .backup-btn{display:none;} /* Hesap menüsüne taşınmadan önceki an */
html.ust-menu .user-row{padding:0;gap:6px;}
html.ust-menu .um-hesap > .um-panel{left:auto;right:0;min-width:260px;}
html.ust-menu .um-hesap .um-baslik{border-color:var(--border);}
html.ust-menu .um-hesap .um-baslik:hover{border-color:var(--border-strong);color:var(--ink);}
html.ust-menu .um-kimlik{padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--border);}
html.ust-menu .um-kimlik .user-email{display:block;font-size:13px;color:var(--ink-muted);white-space:normal;word-break:break-all;}
html.ust-menu .um-panel .backup-btn,html.ust-menu .um-panel .logout-btn{
  display:flex;width:100%;justify-content:flex-start;gap:8px;padding:8px 10px;margin:0;border:0;border-radius:6px;
  background:transparent;color:var(--ink);font:500 14px/1.3 var(--font);text-align:left;cursor:pointer;
}
html.ust-menu .um-panel .backup-btn[hidden]{display:none;}
html.ust-menu .um-panel .backup-btn:hover,html.ust-menu .um-panel .logout-btn:hover{background:var(--panel-light);color:var(--ink);}
html.ust-menu .um-panel .logout-btn{margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 6px 6px;color:var(--red);}
/* Yeni demo talebi rozeti görünürse Hesap düğmesinde küçük nokta */
html.ust-menu .um-hesap:has(#adminNavBadge:not([style*="none"])) > .um-baslik::after{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--red);
}

/* İçerik: 1200px, geniş boşluk */
html.ust-menu .main{width:100%;max-width:1248px;margin:0 auto;padding:40px 24px 80px;}
html.ust-menu .topbar{margin-bottom:30px;}

/* Telefon/dar ekran: gruplar düzleşir, eski yatay kaydırmalı menü */
@media (max-width:880px){
  html.ust-menu .sidebar{position:static;padding:12px 14px;gap:0;}
  html.ust-menu nav{flex:1 1 100%;flex-wrap:nowrap;}
  html.ust-menu nav .um-grup{display:contents;}
  html.ust-menu nav .um-baslik{display:none;}
  html.ust-menu nav .um-panel{display:contents;}
  html.ust-menu nav .nav-item{padding:8px 12px;font-size:13.5px;}
  html.ust-menu nav .nav-item svg{display:none;}
  html.ust-menu .main{padding:20px 14px 50px;}
}

/* ============================================================================
   TANITIM SAYFASI — DESIGN.md ölçeğine en yakın uygulama (geniş boşluk,
   sola hizalı kahraman, büyük sıkı başlıklar)
   ============================================================================ */
.ld-nav{background:var(--bg);backdrop-filter:none;border-bottom-color:transparent;}
.ld-brand{font-weight:600;letter-spacing:-0.01em;}
.ld-links a{color:var(--ink);font-weight:500;font-size:14px;}
.ld-links a:hover{color:var(--gold);}
.ld-wrap{max-width:1200px;}
.ld-hero{text-align:left;padding:80px 0 50px;}
.ld-hero .ld-title,.ld-hero .ld-lead{margin-left:0;margin-right:0;}
.ld-cta,.ld-pills{justify-content:flex-start;}
.ld-eyebrow{display:inline-block;color:var(--ink-muted);background:var(--panel-lighter);
  border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;}
.ld-title{font-weight:600;font-size:clamp(34px,5.2vw,58px);line-height:1.1;letter-spacing:-0.016em;}
.ld-title em{color:var(--ink);}
.ld-h2{font-weight:500;font-size:clamp(28px,3.6vw,45px);line-height:1.25;letter-spacing:-0.014em;}
.ld-lead{font-size:18px;line-height:1.5;color:var(--ink-dim);}
.ld-pills li{background:transparent;border:0;color:var(--ink-muted);font-weight:400;font-size:14px;padding-left:0;}
.ld-grid article{background:var(--panel);border:1px solid var(--border);}
/* Bölümler: geniş dikey ritim; "ld-alt" bantları Chalk ile ayrılır (kenarlık değil ton değişimi) */
.ld-section{padding:80px 0;}
.ld-alt{background:var(--panel-lighter);}
.ld-alt .ld-grid article,.ld-alt .ld-form{background:var(--panel);}
.ld-footer{border-top:0;background:var(--panel-lighter);}
@media (max-width:640px){.ld-section{padding:50px 0;}}
/* ---------- Tanıtım: tema düğmesi (js/tema-dugmesi.js) ---------- */
.ld-tema{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;
  border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--ink);cursor:pointer;
  transition:border-color .15s var(--ease-pastel);}
.ld-tema:hover{border-color:var(--border-strong);}
.ld-tema svg{width:17px;height:17px;}
.ld-tema .tema-gunes{display:none;}
/* Uygulamanın kuralı: data-theme yoksa sistem tercihi (açık değilse koyu) */
:root:not([data-theme="light"]) .ld-tema .tema-ay{display:none;}
:root:not([data-theme="light"]) .ld-tema .tema-gunes{display:inline;}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .ld-tema .tema-ay{display:inline;}
  :root:not([data-theme="dark"]) .ld-tema .tema-gunes{display:none;}
}
.ld-nav-inner .ld-tema{margin-left:4px;}

/* ---------- Alt bilgi (scripts/sayfalar.mjs üretir; açık sayfalarla aynı) ---------- */
.landing .ab{background:var(--panel-lighter);}
.landing .ab-ic{max-width:1200px;margin:0 auto;padding:56px 24px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.landing .ab-marka{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:18px;}
.landing .ab-marka svg{color:var(--gold);}
.landing .ab-tanim{color:var(--ink-muted);font-size:14px;line-height:1.6;margin:12px 0 0;max-width:300px;}
.landing .ab ul{list-style:none;margin:0;padding:0;}
.landing .ab li{margin:0 0 10px;}
.landing .ab li a{color:var(--ink-dim);text-decoration:none;font-size:14.5px;transition:color .15s var(--ease-pastel);}
.landing .ab li a:hover{color:var(--gold);}
.landing .ab-alt{max-width:1200px;margin:0 auto;padding:18px 24px 32px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;
  justify-content:space-between;gap:10px;color:var(--ink-muted);font-size:13px;}
.landing .ab-alt a{color:var(--ink-muted);}
@media (max-width:860px){.landing .ab-ic{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.landing .ab-ic{grid-template-columns:1fr;}}

/* ---------- Tanıtım animasyonları (js/landing-anim.js) ----------
   Ekrana giren öğe 16px aşağıdan, saydamdan belirir. Gecikme bölüm içi
   sırayla artar (--ld-gecikme). Yalnız html.ld-anim varken gizlenir. */
html.ld-anim .ld-goster{
  opacity:0;transform:translateY(16px);
  transition:opacity .6s cubic-bezier(.2,0,0,1),transform .6s cubic-bezier(.2,0,0,1);
  transition-delay:var(--ld-gecikme,0ms);
}
html.ld-anim .ld-goster.gorundu{opacity:1;transform:none;}
/* Görseller biraz daha yavaş ve hafif ölçekle (kayma değil) */
html.ld-anim .ld-shot.ld-goster{transform:translateY(24px);transition-duration:.8s;}
html.ld-anim .ld-shot.ld-goster.gorundu{transform:none;}
/* Menü bağlantılarına tıklayınca bölüme yumuşak kayma */
html:has(#landing:not([style*="none"])){scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){
  html.ld-anim .ld-goster{opacity:1;transform:none;transition:none;}
  html:has(#landing){scroll-behavior:auto;}
}
@media print{html.ld-anim .ld-goster{opacity:1 !important;transform:none !important;}}
/* Süs noktaları ve onay işaretleri kobalt değil gri (kobalt yalnız karar noktalarında) */
.ld-pills li::before{background:var(--ink-muted);}
.ld-list li::before{border-color:var(--ink-muted);}

/* Yardım bağlantıları: Hesap menüsünde (sidebar.html) ve sekme açıklamalarında "Nasıl kullanılır?" */
a.backup-btn{text-decoration:none;}
html.ust-menu .um-panel .yardim-ilk{border-top:1px solid var(--border);margin-top:4px;padding-top:10px;border-radius:0 0 6px 6px;}
.yardim-baglanti{color:var(--gold);text-decoration:none;white-space:nowrap;font-weight:500;}
.yardim-baglanti:hover{text-decoration:underline;}

/* Erişilebilirlik (tanıtım denetimi 01.10.2026): metin içi bağlantılar ve koyu temada birincil düğme AA kontrastı */
.landing .ld-list a,.landing .ld-footer a,.landing .ld-recaptcha-note a,.landing .ld-privacy-body a,.landing .ld-sub a{color:var(--link,var(--gold));}
:where(:root:not([data-theme="light"])) .btn-primary{background:#2563eb;border-color:#2563eb;color:#fff;}
:where(:root:not([data-theme="light"])) .btn-primary:hover{background:#1d4fd8;color:#fff;}
@media (prefers-color-scheme:light){
  :where(:root:not([data-theme="dark"])) .btn-primary{background:var(--gold);border-color:var(--gold);}
  :where(:root:not([data-theme="dark"])) .btn-primary:hover{background:var(--gold-dark);}
}
.landing .ab .ab-baslik{font-size:13px;font-weight:600;color:var(--ink);margin:4px 0 14px;letter-spacing:0;}

/* Telefonda büyük tutarlar (₺576.500,00) istatistik kartından taşmasın */
@media (max-width:560px){
  .stat-card .value{font-size:19px;overflow-wrap:anywhere;}
}