/* RICOY AI — arayüz stilleri
   Palet: lacivert zemin + altın (#E6B668) + elektrik mavisi (#6397F6)
   Tipografi: Fraunces (başlık) + Manrope (gövde) */
/* TİPOGRAFİ — YEREL FONTLAR (KVKK: hiçbir dış sunucuya, özellikle Google Fonts'a
   bağlanılmaz; kullanıcının IP'si yurtdışına gitmez). Dosyalar /public/fonts/ altında,
   kendi sunucumuzdan servis edilir. Fraunces + Manrope = SIL Open Font License.
   Alt kümeler: latin + latin-ext (Türkçe karakterler: ç ğ ı İ ö ş ü latin-ext'te). */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;             /* variable: tüm ağırlıklar (kullanım: 500/600) */
  src: url('/fonts/fraunces-latin.woff2') format('woff2-variations');
  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;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/fonts/fraunces-latin-ext.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;             /* variable: tüm ağırlıklar (kullanım: 400/500/600/700) */
  src: url('/fonts/manrope-latin.woff2') format('woff2-variations');
  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;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url('/fonts/manrope-latin-ext.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ===== TEK TEMA — kurumsal açık (v0.1.702) =====
   Gece/koyu tema KALDIRILDI; uygulamanın tek bir görünümü var.
   Değişken ADLARI korundu (--navy-* vb.): 2900 satırlık mevcut stil bu adlara
   dayandığı için, yalnızca değerleri değiştirerek tüm ekranlar tek seferde
   açık temaya geçer. Adları yeniden yazmak yüzlerce yerde kırılma riski taşırdı.
   Bu yüzden "navy" adı artık zemin tonlarını temsil ediyor (koyu değil).

   Palet — mahkeme evrakı hissi: kağıt beyazı yüzeyler, ince gri çizgiler,
   mürekkep laciverti metin. Vurgu rengi olarak MÜHÜR KIRMIZISI kullanılır ve
   yalnızca üç yerde görünür: üst şerit altındaki saç teli çizgi, seçili menü
   maddesinin sol kenarı, uyarı durumları. Gerisi sessiz kalır. */
:root {
  --navy-900:#ffffff;   /* en üst yüzey: kart / panel içi          */
  --navy-800:#ffffff;   /* SAYFA ZEMİNİ — beyaz (kullanıcı talebi) */
  /* Zemin beyaz olunca "beyaz kart / gri sayfa" ayrımı kalktı; kartlar artık
     kenarlıkla ayrılıyor. Girintili yüzeyler (tablo başlığı, giriş kutusu, seçili
     satır) beyazdan ayırt edilebilsin diye çok hafif griye çekildi — tamamen beyaz
     yapılsaydı form alanları zeminde kaybolurdu. */
  --navy-700:#f4f6fa;   /* girintili yüzey: tablo başlığı, input   */
  --navy-600:#e9edf4;   /* daha koyu yüzey: hover, seçili satır    */
  --line:#dbe2ed;       /* saç teli kenarlık                       */

  --gold:#8a6a25; --gold-dim:#6f5520;          /* marka vurgusu (koyu, okunur) */
  --blue:#2a5fbe; --blue-dim:#1e478f;          /* bağlantı / odak              */
  /* ANA İŞLEM DÜĞMESİ — turkuaz yerine projenin kendi lacivert-grisi.
     Turkuaz beyaz/lacivert kurumsal temayla uyuşmuyordu. Üç kademe:
     normal → hover (koyu) → basılı (çok koyu). */
  --aksiyon:#3a4a60; --aksiyon-koyu:#2a3850; --aksiyon-basili:#1a2436; --aksiyon-yazi:#ffffff;
  /* İKİNCİL DÜĞME — açık gri zemin, gri kenarlık. */
  --ikincil:#eef1f6; --ikincil-hover:#e0e5ee; --ikincil-basili:#cfd6e2;
  --ikincil-yazi:#3a4a60; --ikincil-kenar:#c8d1de;
  --muhur:#a52a2a;      /* MÜHÜR KIRMIZISI — imzasal vurgu, az kullanılır */
  --ayrac-koyu:#4a5666; /* üst şerit altındaki ayraç çizgisi (koyu gri) */
  /* Sol menü yazı renkleri — normal hâli --ink-soft'tan koyu, seçili hâli
     ana metin renginden de koyu (neredeyse siyah) olsun diye ayrı tanımlandı. */
  --menu-yazi:#3a4a60;
  --menu-yazi-aktif:#0a1420;

  --ink:#132033;        /* mürekkep laciverti — ana metin          */
  --ink-soft:#546881;   /* ikincil metin                           */
  --ink-faint:#6f8098;  /* üçüncül / yer tutucu (WCAG AA: 4.5x)    */
  --ok:#1c8b58; --err:#c03a4b;

  --r:14px; --r-sm:9px;         /* yuvarlak köşeler KORUNDU (talep) */
  --kenar:240px;                /* sol menü genişliği               */
  --font-d:'Fraunces',Georgia,serif; --font-b:'Manrope',system-ui,sans-serif;
}

/* (Gündüz/gece ayrımı kaldırıldı — yukarıdaki :root tek tema.) */

* { box-sizing:border-box; margin:0; padding:0; }
body {
  font-family:var(--font-b); color:var(--ink); min-height:100vh;
  background:#ffffff;
}

/* ---------- Marka ---------- */
.brand { display:flex; align-items:center; gap:14px; }
.brand-mark {
  display:grid; place-items:center; width:46px; height:46px; border-radius:12px;
  font-family:var(--font-d); font-weight:600; font-size:26px; color:var(--navy-900);
  background:linear-gradient(135deg, #1d3050, #2c4a76); color:#ffffff;
  box-shadow:0 1px 3px rgba(19,32,51,.22);
  position:relative;
}
.brand-mark::after{ content:''; position:absolute; right:-3px; bottom:-3px; width:10px; height:10px; border-radius:50%; background:var(--muhur); box-shadow:0 0 0 2px #fff; }
.brand h1 { font-family:var(--font-d); font-weight:600; font-size:30px; letter-spacing:.5px; }
.brand h1 span, .brand strong span { color:var(--gold); }
.brand-alt { color:var(--ink-faint); font-size:13px; letter-spacing:.4px; }
.brand.small strong { font-family:var(--font-d); font-weight:600; font-size:20px; }
.brand.small .brand-mark { width:34px; height:34px; font-size:19px; border-radius:9px; }

/* ---------- Giriş ekranı ---------- */
.auth-wrap { min-height:100vh; display:grid; place-items:center; padding:24px; }
/* GİRİŞ EKRANI — sade.
   Eski hâli koyu temadan kalma bir "uygulama kartı"ydı: koyu lacivert gradyan,
   ağır siyah gölge, 20px yuvarlaklık. Tema beyaza dönerken bu renkler koda SABİT
   yazılı olduğu için dönüşmemiş, beyaz sayfanın ortasında koyu bir kutu kalmıştı.
   Artık kutu yok: içerik doğrudan sayfanın ortasında duruyor. */
.auth-card {
  width:100%; max-width:380px; padding:0;
  background:none; border:none; box-shadow:none;
}
.auth-card .brand { margin-bottom:26px; }

/* ---------- Toggle (tekil/büro) ---------- */
.mod-toggle {
  display:flex; align-items:center; justify-content:center; gap:14px;
  margin:0 auto 24px; cursor:pointer; user-select:none; width:fit-content;
}
.mod-toggle.small { margin-bottom:20px; font-size:13px; }
.mt-label { color:var(--ink-faint); font-weight:600; font-size:14px; transition:color .2s; }
.mod-toggle[data-mod="tekil"] .mt-left { color:var(--aksiyon); }
.mod-toggle[data-mod="buro"]  .mt-right { color:var(--aksiyon); }
.mt-track {
  width:52px; height:28px; border-radius:20px; background:var(--navy-700);
  border:1px solid var(--line); position:relative; transition:background .2s;
}
.mt-thumb {
  position:absolute; top:2px; left:2px; width:22px; height:22px; border-radius:50%;
  background:var(--aksiyon); transition:transform .22s cubic-bezier(.4,1.3,.5,1), background .14s;
}
.mod-toggle[data-mod="buro"] .mt-thumb { transform:translateX(24px); }

/* ---------- Form ---------- */
.auth-form, #kayit-form { display:flex; flex-direction:column; gap:15px; }
.alan { display:flex; flex-direction:column; gap:6px; }
.alan label { font-size:12.5px; color:var(--ink-soft); font-weight:600; letter-spacing:.2px; }
.alan input {
  background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:12px 14px; color:var(--ink); font-size:15px; font-family:var(--font-b);
  transition:border-color .15s, box-shadow .15s;
}
.alan input:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(99,151,246,.18); }

/* Doğrulama kodu kutusu: input + içinde sağda Yapıştır düğmesi */
.kod-kutu { position:relative; display:flex; }
.kod-kutu input {
  flex:1; padding-right:104px;
  letter-spacing:6px; font-size:20px; text-align:center; font-weight:600;
}
.kod-kutu input::placeholder { letter-spacing:6px; color:var(--ink-faint); font-weight:400; }
.kod-yapistir-btn {
  position:absolute; right:5px; top:5px; bottom:5px;
  display:flex; align-items:center; gap:6px;
  padding:0 12px; border:none; border-left:1px solid var(--line);
  border-radius:0 7px 7px 0; cursor:pointer;
  font-family:var(--font-b); font-weight:600; font-size:12.5px; letter-spacing:.2px;
  color:var(--blue); background:transparent;
  transition:background .15s, color .15s;
}
.kod-yapistir-btn svg { display:block; }
.kod-yapistir-btn:hover { background:rgba(99,151,246,.12); color:var(--ink); }
.kod-yapistir-btn:active { background:rgba(99,151,246,.2); }
.kod-yapistir-btn.ok { color:#5fd08a; }
.btn-primary {
  margin-top:6px; padding:16px 13px; border:none; border-radius:var(--r-sm); cursor:pointer;
  font-family:var(--font-b); font-weight:700; font-size:15px; color:var(--navy-900);
  background:var(--aksiyon); color:var(--aksiyon-yazi);
  transition:transform .1s, box-shadow .2s;
}
.btn-primary:hover { background:var(--aksiyon-koyu); box-shadow:0 8px 22px rgba(7,146,177,.3); }
.btn-primary:active { transform:translateY(1px); }
.auth-alt { text-align:center; margin-top:18px; color:var(--ink); font-size:14px; }
.auth-alt a { color:var(--aksiyon); text-decoration:none; font-weight:600; }
.auth-msg { font-size:13px; min-height:18px; text-align:center; }
.auth-msg.err { color:var(--err); } .auth-msg.ok { color:var(--ok); }

/* ---------- Modal ---------- */
.modal { position:fixed; inset:0; background:rgba(5,12,24,.72); display:grid; place-items:center; padding:20px; z-index:50; backdrop-filter:blur(4px); }
/* Madde 5: tüm modalların içi beyaz — açık tema renk değişkenlerini yalnızca modal içine uygula (metin okunur kalır). */
.modal {
  --navy-900:#ffffff; --navy-800:#f7f9fc; --navy-700:#eef2f8;
  --navy-600:#e3e9f3; --line:#d3dbe8;
  --gold:#b8862f; --gold-dim:#9c7228;
  --blue:#2f63c4; --blue-dim:#214a99;
  --aksiyon:#3a4a60; --aksiyon-koyu:#2a3850; --aksiyon-basili:#1a2436; --aksiyon-yazi:#ffffff;
  --ikincil:#eef1f6; --ikincil-hover:#e0e5ee; --ikincil-basili:#cfd6e2;
  --ikincil-yazi:#3a4a60; --ikincil-kenar:#c8d1de;
  --ink:#16233a; --ink-soft:#4a5d78; --ink-faint:#8090a8;
  --ok:#1f9d63; --err:#cf4658;
}
.modal .modal-card { background:#ffffff; }
/* Yasal metin modalı (KVKK/Sözleşme) başka bir modalın içindeki linkten açılabildiği için en üstte olmalı */
#yasal-modal.modal { z-index:120; }
#ict-kunye-modal.modal { z-index:140; }
/* Onay/uyarı dialogu her zaman diğer tüm modalların ÜSTÜNDE açılmalı */
#app-dialog.modal { z-index:200; }
/* Uzman mod uyarısı; önizleme/revize gibi başka modalların İÇİNDEKİ kaydırıcıdan açıldığı için
   onların (z-index 50–140) üstünde, en tepede olmalı. */
#uzman-uyari-modal.modal { z-index:210; }
.modal-card { position:relative; width:100%; max-width:460px; max-height:90vh; overflow:auto; padding:32px; background:linear-gradient(180deg,var(--navy-700),var(--navy-800)); border:1px solid var(--line); border-radius:18px; }
.modal-card h2 { font-family:var(--font-d); font-weight:600; font-size:24px; margin-bottom:18px; }
.modal-kapat { position:absolute; top:14px; right:16px; background:none; border:none; color:var(--ink-faint); font-size:26px; cursor:pointer; line-height:1; }
.kvkk-box { max-height:150px; overflow:auto; padding:14px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); font-size:12.5px; color:var(--ink-soft); line-height:1.55; }
.kvkk-onay { display:flex; gap:9px; align-items:flex-start; font-size:13px; color:var(--ink-soft); cursor:pointer; }
.kvkk-onay input { margin-top:2px; accent-color:var(--gold); }

/* ---------- Kurtarma kodu ---------- */
/* BELGE NUMARASI — eklenen her belgenin başında gri daire içinde beyaz rakam.
   Biçim, sysadmin panelindeki bildirim rozetiyle (.destek-rozet) aynı; yalnızca rengi gri. */
.belge-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-right: 7px;
  border-radius: 9px;
  background: #6b7280;      /* gri */
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  flex: 0 0 auto;
  vertical-align: middle;
}

/* Dava Analizi: "Vazgeç" (tüm belgeleri kaldır) — Çıkış düğmesiyle aynı turuncu */
.dosya-secim-alt #dosya-vazgec {
  margin-left: auto;
  margin-right: 10px;
  background: #ec9457;
  border: 1px solid #ec9457;
  color: #ffffff;
  font-weight: 700;
}
.dosya-secim-alt #dosya-vazgec:hover {
  background: #e2854a;
  border-color: #e2854a;
  color: #ffffff;
}

/* ATAÇ İKONU — belge ekleme butonlarında (Soru-Cevap'taki ile aynı simge).
   Emoji (📎) yerine SVG: her işletim sisteminde aynı görünür, buton rengini alır. */
.atac-ikon {
  flex: 0 0 auto;
  vertical-align: middle;
  margin-right: 6px;
}
.revize-belge-ekle,
.an-yukle-btn,
.dlk-belge-ekle {
  display: inline-flex;
  align-items: center;
  gap: 0;
}
.revize-belge-ekle .atac-ikon,
.an-yukle-btn .atac-ikon,
.dlk-belge-ekle .atac-ikon { opacity: 0.85; }
.revize-belge-ekle:hover .atac-ikon,
.an-yukle-btn:hover .atac-ikon,
.dlk-belge-ekle:hover .atac-ikon { opacity: 1; }

/* Sysadmin: İçtihat Denetimi ekranı */
.sa-ictihat-ust { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:12px 0; }
.sa-ictihat-ust label { display:flex; align-items:center; gap:6px; cursor:pointer; }

/* AKORDEON — Üretim ayarları (kapalı başlar; başlıkta seçili ayarların özeti görünür) */
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--ink-soft);
  transition: transform 0.18s ease;
}
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  color: var(--ink-faint);
}

  overflow: hidden;
  transition: max-height 0.22s ease, opacity 0.18s ease, margin-top 0.22s ease;
  max-height: 600px;
  opacity: 1;
}
  max-height: 0;
  opacity: 0;
  margin-top: 0 !important;
  pointer-events: none;
}

/* NOKTA İÇTİHAT — Yapay Zeka daha dar; Mahkeme seçici butonun ÜSTÜNDE, aynı genişlikte */
.nokta-alt-satir .ai-secim { flex: 1.2 1 250px; }
.nokta-alt-satir .derin-toggle { flex: 1 1 220px; }
.dlk-alt-satir .nokta-buton-sutun {
  flex: 0 0 210px;              /* Mahkeme ve buton bu genişliği paylaşır */
  display: flex;
  flex-direction: column;
  align-items: stretch;          /* ikisi de tam genişlik → aynı uzunluk */
  justify-content: flex-start;
  gap: 7px;
}
.nokta-mahkeme-et {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.nokta-buton-sutun .ai-secim-kutu { padding: 7px 9px; font-size: 0.85rem; }
.nokta-buton-sutun .dlk-hazirla {  }

/* Üretim ayarları başlığı: dikkat çekici (altın) — kırmızı DEĞİL, uyarı gibi durmasın */
  color: var(--gold);
  font-weight: 700;
  letter-spacing: 0.2px;
}
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  border-radius: var(--r-sm);
  background: var(--navy-800);
}

/* ALT SATIR KUTULARI — dikeyde daha kompakt (v519'da fazla yer kaplıyorlardı) */
.dlk-alt-satir .ai-secim { padding: 9px 11px; }
.dlk-alt-satir .ai-secim-etiket { margin-bottom: 5px; font-size: 0.72rem; }
.dlk-alt-satir .ai-secim-kutu { padding: 7px 9px; font-size: 0.85rem; }
.dlk-alt-satir .ai-secim-aciklama { margin-top: 5px; font-size: 0.73rem; line-height: 1.35; }

.dlk-alt-satir .derin-toggle { padding: 9px 12px; border-radius: var(--r-sm); }
.dlk-alt-satir .derin-toggle-bas { margin-bottom: 7px; }
.dlk-alt-satir .derin-toggle-etiket { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; color: var(--ink-soft); }
.dlk-alt-satir .derin-toggle-ray { height: 5px; }
.dlk-alt-satir .derin-toggle-ray::-webkit-slider-thumb { width: 18px; height: 18px; border-width: 2px; }
.dlk-alt-satir .derin-toggle-ray::-moz-range-thumb { width: 18px; height: 18px; border-width: 2px; }
.dlk-alt-satir .derin-toggle-duraklar { margin-top: 6px; }
.dlk-alt-satir .derin-toggle-duraklar span { font-size: 10.5px; }
.dlk-alt-satir .derin-toggle-aciklama { margin-top: 5px; font-size: 11.5px; line-height: 1.35; min-height: 0; }

/* Dilekçe formu alt satırı: Yapay Zeka | Akıl Yürütme Düzeyi | Hazırla butonu — YAN YANA */
.dlk-alt-satir {
  display: flex;
  gap: 14px;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 14px;
}
.dlk-alt-satir .ai-secim {
  flex: 2 1 320px;      /* en geniş: uzun model adları sığsın */
  margin: 0;
  min-width: 0;
}
.dlk-alt-satir .derin-toggle {
  flex: 1 1 240px;
  margin: 0;
  min-width: 0;
}
.dlk-alt-satir .dlk-uret-buton {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;   /* buton üst kenara hizalı */
  margin: 0;
}
.dlk-alt-satir .dlk-uret-buton .dlk-hazirla { white-space: nowrap; }

/* Dar ekranda alt alta düşsün, buton tam genişlik olsun */
@media (max-width: 900px) {
  .dlk-alt-satir { flex-direction: column; }
  /* DİKKAT: column düzeninde flex-basis DİKEYDE ölçülür. Yatay düzendeki
     "flex: 2 1 320px" burada 320px YÜKSEKLİK anlamına gelir ve kutular boş boş uzar.
     Bu yüzden dikey düzende flex-basis'i sıfırla → yükseklik içeriğe göre belirlensin. */
  .dlk-alt-satir .ai-secim,
  .dlk-alt-satir .derin-toggle,
  .dlk-alt-satir .dlk-uret-buton,
  .dlk-alt-satir .nokta-buton-sutun {
    flex: 0 0 auto;
    width: 100%;
  }
  .dlk-alt-satir .dlk-uret-buton .dlk-hazirla { width: 100%; }
}

/* Modül bazlı Yapay Zeka seçici — Akıl Yürütme Düzeyi'nin hemen üstünde, aynı hizada */
  margin: 14px 0 10px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--navy-800);
}
  display: block;
  margin-bottom: 7px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--ink-soft);
}
  width: 100%;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--navy-700);
  color: var(--ink);
  font-family: var(--font-b);
  font-size: 0.9rem;
}
  margin-top: 7px;
  font-size: 0.79rem;
  line-height: 1.5;
  color: var(--ink-faint);
}
  margin-top: 8px;
  padding: 8px 10px;
  border-left: 3px solid var(--err);
  border-radius: var(--r-sm);
  background: rgba(240, 120, 138, 0.08);
  color: var(--ink);
}
/* Soru-Cevap araç çubuğundaki açıklama satırı */
#sc-ai-aciklama { margin-top: 6px; font-size: 0.78rem; line-height: 1.5; color: var(--ink-faint); }
#sc-ai-aciklama:empty { display: none; }

/* Devam eden revizyon/genişletme sırasında kilitli buton */
.btn-kilitli { opacity: 0.45; cursor: not-allowed; }

/* Sözleşme diff (değişiklikleri göster): eklenen / çıkarılan maddeler */
.sz-madde-yeni {
  border-left: 3px solid var(--ok);
  padding-left: 10px;
}
.sz-madde-silindi {
  border-left: 3px solid var(--err);
  padding-left: 10px;
  opacity: 0.6;
}
.sz-madde-silindi .sz-madde-icerik { text-decoration: line-through; }
.sz-yeni-rozet, .sz-silindi-rozet {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  vertical-align: middle;
}
.sz-yeni-rozet { background: var(--ok); color: #06251a; }
.sz-silindi-rozet { background: var(--err); color: #2a0a10; }

/* Giriş sonrası "RICOY AI Güncellendi" modalında yenilik duyurusu kutusu */
.onay-yenilik {
  margin: 14px 0 6px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  border-radius: var(--r-sm);
  background: var(--navy-700);
}
.onay-yenilik-baslik {
  margin: 0 0 7px;
  font-family: var(--font-d);
  font-size: 1rem;
  color: var(--gold);
}
.onay-yenilik-metin {
  margin: 0 0 7px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--ink);
}
.onay-yenilik-not {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--ink-soft);
}

.kurtarma-uyari { color:var(--ink-soft); font-size:13.5px; line-height:1.6; margin-bottom:18px; }
.kurtarma-uyari strong { color:var(--gold); }
.kurtarma-kod {
  font-family:'Fraunces',monospace; font-size:24px; letter-spacing:3px; text-align:center;
  padding:18px; background:var(--navy-900); border:1px dashed var(--gold); border-radius:var(--r-sm);
  color:var(--gold); margin-bottom:20px; user-select:all;
}

/* ---------- Ana uygulama: SOL MENÜ + üst şerit ----------
   Modüller yatay sekme yerine sol dikey menüde. Gerekçe: liste 10 maddeye çıktı;
   yatayda sığmıyor, adlar kısaltılıyordu. Dikey menüde tam ad okunur ve yeni
   modül eklemek yerleşimi bozmaz.

   İMZASAL AYRINTI: seçili madde beyaz yüzeye oturur ve SOL KENARINDAN mühür
   kırmızısı bir şeritle işaretlenir — dosya dolabından çekilmiş bir sekme gibi.
   Vurgu rengi yalnızca burada, üst şeridin saç teli çizgisinde ve hata
   durumlarında görünür; gerisi sessizdir. */
.app-kabuk { display:flex; min-height:100vh; align-items:stretch; }

/* --- Sol menü --- */
.yan-menu {
  width:var(--kenar); flex:0 0 var(--kenar); background:var(--navy-900);
  border-right:1px solid var(--line); display:flex; flex-direction:column;
  position:sticky; top:0; height:100vh; z-index:9;
  overflow:hidden;          /* kaydırma İÇERİDEKİ liste sütununda olur */
}
/* Menü listesi kaydırılır; marka üstte, kullanıcı+Çıkış altta SABİT kalır.
   Eskiden .yan-menu'nün tamamı kaydığı için alt bölüm de yukarı kayıyordu. */
.yan-menu .tablar { overflow-y:auto; overscroll-behavior:contain; }
/* Marka bloğu, üst şeritle AYNI yükseklikte (60px) olur; böylece altındaki çizgi
   üst şeritteki koyu gri ayraç çizgisiyle tam hizalanır. Çizgi de aynı renkte. */
.yan-menu-bas {
  flex:0 0 auto; height:60px; box-sizing:border-box;
  display:flex; align-items:center; padding:0 18px;
  border-bottom:3px solid var(--ayrac-koyu);
}
.tablar { display:flex; flex-direction:column; gap:2px; padding:12px 10px; }
.tab {
  background:none; border:none; cursor:pointer; padding:10px 13px; border-radius:var(--r-sm);
  color:var(--menu-yazi); font-family:var(--font-b); font-weight:600; font-size:14px;
  position:relative; transition:color .15s, background .15s;
  display:flex; align-items:center; gap:9px; text-align:left; width:100%;
  line-height:1.3;
}
.tab:hover { color:var(--ink); background:var(--navy-700); }
.tab:focus-visible { outline:2px solid var(--blue); outline-offset:-2px; }
.tab.aktif { color:var(--menu-yazi-aktif); background:var(--navy-700); font-weight:700; }
/* Seçili maddenin sol kenarındaki mühür şeridi */
.tab.aktif::after {
  content:''; position:absolute; left:0; top:6px; bottom:6px; width:3px;
  background:var(--muhur); border-radius:0 3px 3px 0;
}

/* --- Üst şerit (hesap işlemleri) --- */
.app-header {
  display:flex; align-items:center; justify-content:flex-end; gap:14px;
  padding:0 24px; height:60px; background:var(--navy-900);
  border-bottom:1px solid var(--line);
  box-shadow:inset 0 -3px 0 -1px var(--ayrac-koyu);   /* koyu gri ayraç çizgisi */
  position:sticky; top:0; z-index:8;
}
.header-sag { display:flex; align-items:center; gap:10px; }
.app-govde { flex:1; min-width:0; display:flex; flex-direction:column; }
.btn-kontor { background:none; border:1px solid var(--line); color:var(--ink-soft); padding:7px 14px; border-radius:8px; cursor:pointer; font-family:var(--font-b); font-weight:600; font-size:13px; transition:border-color .15s, color .15s; }
.btn-kontor:hover { border-color:var(--blue); color:var(--blue); }
/* Madde 2: bu düğmeler Görüntüle (g-btn-ac) ile aynı renk */
#kontor-rozet, #uyap-indir-ac,
.g-btn.g-btn-arsiv {
  background:var(--aksiyon); border:1px solid var(--aksiyon); color:var(--aksiyon-yazi);
}
#kontor-rozet:hover, #uyap-indir-ac:hover,
.g-btn.g-btn-arsiv:hover {
  background:var(--aksiyon-koyu); border-color:var(--aksiyon-koyu); color:var(--aksiyon-yazi); box-shadow:0 3px 10px rgba(7,146,177,.28);
}
.btn-cikis { background:none; border:1px solid var(--line); color:var(--ink-soft); padding:7px 14px; border-radius:8px; cursor:pointer; font-family:var(--font-b); font-weight:600; font-size:13px; }
.btn-cikis:hover { border-color:var(--err); color:var(--err); }

.app-main { padding:32px 34px; max-width:1280px; margin:0 auto; width:100%; flex:1; }
/* Genel sayfa (üretim tablosu) açıkken ekranı daha geniş kullan — işlem düğmeleri görünsün */
.app-main:has(.panel.aktif[data-panel="genel"]) { max-width:1560px; }

/* Dar ekran: sol menü gizlenir, mevcut kart menüsü devreye girer (talep). */
@media (max-width:768px) {
  .app-kabuk { display:block; }
  body:not(.sysadmin-body) .yan-menu { display:none; }
  .app-header { justify-content:space-between; padding:0 14px; }
  .app-main { padding:18px 14px; }
}
.panel { display:none; }
.panel.aktif { display:block; animation:fade .25s ease; }
.panel h2 { font-family:var(--font-d); font-weight:600; font-size:28px; margin-bottom:14px; }
.placeholder { color:var(--ink-faint); font-size:15px; }
@keyframes fade { from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;} }
[hidden] { display:none !important; }

/* ============ Sysadmin Panel ============ */
.sa-main { max-width:1560px; }
/* Kullanıcı tablosu görünümünde neredeyse tam genişlik kullan */
.sa-main:has(.sa-kullanici-tablo) { max-width:96vw; }
.sa-arac { display:flex; gap:12px; margin-bottom:22px; }
.sa-ara {
  flex:1; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:11px 14px; color:var(--ink); font-family:var(--font-b); font-size:14px;
}
.sa-ara:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(99,151,246,.18); }
.sa-yenile {
  background:var(--navy-700); border:1px solid var(--line); color:var(--ink-soft);
  padding:0 18px; border-radius:var(--r-sm); cursor:pointer; font-family:var(--font-b); font-weight:600; font-size:13px;
}
.sa-yenile:hover { border-color:var(--blue); color:var(--ink); }

.sa-liste { display:grid; gap:14px; }
.sa-kart {
  background:linear-gradient(180deg, rgba(22,48,79,.6), rgba(15,32,56,.7));
  border:1px solid var(--line); border-radius:var(--r); padding:18px 20px;
  transition:border-color .15s;
}
.sa-kart:hover { border-color:#2d558a; }
.kart-pasif { opacity:.62; }
.kart-pasif .kart-ad::after { content:' • PASİF'; color:var(--err); font-size:11px; font-weight:700; letter-spacing:.5px; }

.kart-bas { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:6px; }
.kart-ad { font-family:var(--font-d); font-weight:600; font-size:18px; color:var(--ink); }
.kart-kod { font-family:var(--font-b); font-size:12px; font-weight:700; color:var(--navy-900); background:var(--blue); padding:2px 8px; border-radius:6px; vertical-align:middle; margin-left:6px; }
.kart-alt { font-size:13px; color:var(--ink-soft); margin-top:2px; }
.kart-meta { font-size:12px; color:var(--ink-faint); margin-bottom:14px; }

.metr { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }
.metr > div { background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:10px 12px; display:flex; flex-direction:column; gap:3px; }
.m-et { font-size:11px; color:var(--ink-faint); }
.m-deg { font-size:19px; font-weight:700; color:var(--ink); font-family:var(--font-d); }
.m-vurgu { color:var(--gold); }

.chips { display:flex; flex-wrap:wrap; gap:7px; }
.chip { font-size:12px; color:var(--ink-soft); background:rgba(99,151,246,.1); border:1px solid rgba(99,151,246,.2); padding:4px 10px; border-radius:20px; }
.chip b { color:var(--blue); font-weight:700; margin-right:3px; }

.sa-durum { cursor:pointer; font-family:var(--font-b); font-weight:600; font-size:12.5px; padding:8px 14px; border-radius:8px; border:1px solid; white-space:nowrap; transition:all .15s; }
.sa-durum.aktif { background:transparent; border-color:var(--line); color:var(--ink-soft); }
.sa-durum.aktif:hover { border-color:var(--err); color:var(--err); }
.sa-durum.pasif { background:rgba(78,201,138,.12); border-color:var(--ok); color:var(--ok); }
.sa-durum.pasif:hover { background:rgba(78,201,138,.2); }

@media (max-width:640px) { .metr { grid-template-columns:repeat(2,1fr); } }

/* Giriş: büro kodu + kullanıcı adı yan yana (layout zıplamasını önler) */
.alan-satir { display:flex; gap:12px; }
.alan-satir .alan { margin:0; }
.alan-satir .kullanici-alan { flex:1; min-width:0; }
.alan-satir .buro-kod-alan { flex:0 0 36%; min-width:0; }
.alan-satir .buro-kod-alan[hidden] { display:none !important; }

/* Geliştirme modu kod göstergesi (üretimde görünmez) */
.gelistirme-kod { font-size:13px; color:var(--gold); background:rgba(230,182,104,.1); border:1px dashed var(--gold-dim); border-radius:var(--r-sm); padding:10px 12px; margin-bottom:16px; text-align:center; font-family:monospace; }

/* Spam klasörü uyarısı */
.spam-uyari { font-size:13px; color:var(--ink-soft); background:rgba(99,151,246,.08); border:1px solid rgba(99,151,246,.18); border-radius:var(--r-sm); padding:11px 13px; margin-bottom:16px; line-height:1.5; }
.spam-uyari strong { color:var(--blue); }

/* Sysadmin kart aksiyon grubu + sil butonu */
.kart-aksiyon { display:flex; flex-direction:column; gap:6px; align-items:flex-end; }
.sa-sil { cursor:pointer; font-family:var(--font-b); font-weight:600; font-size:12px; padding:5px 12px; border-radius:8px; background:transparent; border:1px solid rgba(240,120,138,.35); color:var(--err); transition:all .15s; }
.sa-sil:hover { background:rgba(240,120,138,.15); border-color:var(--err); }

/* Kayıt / Yönetim ayraç çizgisi */
.ayrac { color:var(--ink-faint); letter-spacing:-1px; margin:0 6px; }

/* ============ GENEL LİSTE ============ */
  background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:9px 13px; color:var(--ink); font-size:14px; font-family:var(--font-b); flex:1 1 240px; min-width:0;
}
  background:var(--navy-700); border:1px solid var(--line); border-radius:var(--r-sm);
  color:var(--ink); width:38px; height:38px; cursor:pointer; font-size:16px; transition:all .15s;
}

.genel-tablo-sar { overflow-x:auto; border:1px solid var(--line); border-radius:var(--r); }
table.genel-tablo { width:100%; border-collapse:collapse; font-size:13px; min-width:1100px; }
.genel-tablo thead th {
  text-align:left; padding:13px 14px; color:var(--ink-soft); font-weight:600; font-size:12px;
  letter-spacing:.3px; border-bottom:1px solid var(--line); background:var(--navy-800);
  white-space:nowrap; position:sticky; top:0;
}
.genel-tablo tbody td { padding:13px 14px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--ink); }
.genel-tablo tbody tr:last-child td { border-bottom:none; }
.genel-tablo tbody tr:hover { background:rgba(99,151,246,.05); }
.genel-tablo .g-ozet { min-width:240px; max-width:340px; }
.genel-tablo .g-ozet-ic { font-style:italic; color:var(--ink-soft); display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.genel-tablo .g-dar { white-space:nowrap; max-width:120px; overflow:hidden; text-overflow:ellipsis; }
.genel-tablo .g-tur { min-width:35ch; white-space:nowrap; }
.genel-tablo .g-tarih { white-space:nowrap; color:var(--ink-soft); }
.genel-tablo .g-kullanici { white-space:nowrap; }
.genel-tablo .g-soluk { color:var(--ink-faint); }
.genel-tablo .g-islem { text-align:right; white-space:nowrap; min-width:200px; }

/* Rozetler */
.rozet { display:inline-block; padding:3px 10px; border-radius:20px; font-size:11.5px; font-weight:600; white-space:nowrap; }
.rozet-tur-dilekce  { background:rgba(99,151,246,.16); color:#9cc0ff; }
.rozet-tur-sozlesme { background:rgba(230,182,104,.16); color:var(--gold); }
.rozet-tur-arastirma{ background:rgba(230,182,104,.16); color:var(--gold); }
.rozet-tur-analiz   { background:rgba(167,139,250,.18); color:#c4b3fa; }
.rozet-tur-belge_analizi { background:rgba(167,139,250,.18); color:#c4b3fa; }
.rozet-tur-dava_analizi { background:rgba(45,212,191,.16); color:#5eead4; }
.rozet-tur-ictihat  { background:rgba(95,208,138,.16); color:#7fe0a0; }
.rozet-tur-nokta_ictihat { background:rgba(95,208,138,.16); color:#7fe0a0; }
.rozet-tur-ictihat_arama { background:rgba(120,180,210,.16); color:#8fcbe0; }

.rozet-durum-hazir  { background:rgba(95,208,138,.16); color:#7fe0a0; }
.rozet-durum-revize { background:rgba(95,208,138,.12); color:#9fe0b5; }
.rozet-durum-bekliyor   { background:rgba(159,180,208,.14); color:var(--ink-soft); }
.rozet-durum-uretiliyor { background:rgba(230,182,104,.16); color:var(--gold); }
.rozet-durum-hata   { background:rgba(240,120,138,.16); color:#f5919e; }

/* İşlem butonları */
.g-btn {
  cursor:pointer; font-family:var(--font-b); font-weight:600; font-size:12px;
  padding:6px 12px; border-radius:8px; border:1px solid var(--line);
  background:var(--navy-700); color:var(--ink); margin-left:6px; transition:all .15s;
}
.g-btn:hover { border-color:var(--blue); }
.g-btn-ac    { background:var(--aksiyon); border-color:var(--aksiyon); color:var(--aksiyon-yazi); }
.g-btn-ac:hover { background:var(--aksiyon-koyu); box-shadow:0 4px 12px rgba(7,146,177,.3); }
.g-btn-sil   { background:#ec9457; border-color:#ec9457; color:#fff; }
.g-btn-sil:hover { background:#e2854a; border-color:#e2854a; color:#fff; }
.g-btn-hata  { background:rgba(230,182,104,.16); border-color:var(--gold); color:var(--gold); }

.genel-bos { text-align:center; padding:60px 20px; color:var(--ink-faint); }

/* ============ DİLEKÇE FORMU ============ */
.dlk-uyari { padding:12px 14px; border-radius:var(--r-sm); margin-bottom:10px; font-size:13px; line-height:1.5; }
.dlk-bilgi { background:var(--navy-700); border:1px solid var(--line); border-left:3px solid var(--blue); color:var(--ink-soft); }
.dlk-onemli { background:var(--navy-700); border:1px solid var(--line); border-left:3px solid var(--muhur); color:var(--ink-soft); }
.dlk-gizlilik { background:var(--navy-700); border:1px solid var(--line); border-left:3px solid var(--ok); color:var(--ink-soft); }
.dlk-uyari b { color:var(--ink); }

.dlk-ek { margin:14px 0; border:1px solid var(--cyan-600, #0792b1); border-radius:var(--r); padding:0; background:var(--navy-800); overflow:hidden; }
.dlk-ek summary { cursor:pointer; font-size:14px; color:var(--ink); padding:13px 16px; list-style:none; display:flex; align-items:center; gap:8px; background:rgba(7,146,177,0.08); transition:background .15s; }
.dlk-ek summary:hover { background:rgba(7,146,177,0.16); }
.dlk-ek summary::-webkit-details-marker { display:none; }
.dlk-ek summary b { color:var(--ink); }
.dlk-ek-ok { color:var(--cyan-600, #0792b1); font-size:16px; transition:transform .2s; display:inline-block; }
.dlk-ek[open] .dlk-ek-ok { transform:rotate(90deg); }
.dlk-ek-aciklama { font-size:12px; color:var(--ink-soft); font-weight:400; }
.dlk-ek > *:not(summary) { margin-left:16px; margin-right:16px; }
.dlk-ek > .dlk-row:first-of-type, .dlk-ek > .dlk-ayarlar-grid { margin-top:12px; }
.dlk-ek > *:last-child { margin-bottom:14px; }
.dlk-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.dlk-input { flex:1 1 200px; min-width:160px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:9px 12px; color:var(--ink); font-size:14px; font-family:var(--font-b); }
.dlk-input:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(99,151,246,.15); }
.dlk-input-sm { flex:0 1 130px; min-width:90px; }
.dlk-taraf-baslik { font-size:13px; font-weight:600; color:var(--ink-soft); margin:8px 0 6px; }
.dlk-taraf-ekle { background:var(--aksiyon); border:none; color:var(--aksiyon-yazi); font-weight:600; font-size:13px; padding:9px 16px; border-radius:var(--r-sm); cursor:pointer; white-space:nowrap; }
.dlk-taraf-ekle:hover { background:var(--aksiyon-koyu); box-shadow:0 4px 12px rgba(7,146,177,.3); }
.dlk-taraflar { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.dlk-taraf-chip { display:flex; align-items:center; gap:8px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:7px 12px; font-size:13px; }
.dlk-taraf-chip .rol { color:var(--gold); font-weight:600; }
.dlk-taraf-chip .sil { margin-left:auto; cursor:pointer; color:var(--err); font-weight:bold; padding:0 4px; }

.dlk-konu-blok { margin:16px 0; }
.dlk-label { display:block; font-size:14px; font-weight:600; margin-bottom:6px; }
.dlk-zorunlu { color:var(--err); }
.dlk-konu { width:100%; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:12px 14px; color:var(--ink); font-size:14px; font-family:var(--font-b); resize:vertical; box-sizing:border-box; }
.dlk-konu:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(99,151,246,.15); }
.dlk-konu-sayac { text-align:right; font-size:12px; color:var(--ink-faint); margin-top:4px; }


/* Üretim satırı: Dilekçe Türü + (Ek Belge) + Hazırla yan yana */
.dlk-uret-satir { display:flex; gap:14px; align-items:flex-end; flex-wrap:wrap; margin-top:8px; }
.dlk-uret-alan { display:flex; flex-direction:column; gap:5px; flex:1 1 240px; min-width:200px; }
.dlk-uret-alan label { font-size:12px; color:var(--ink-soft); font-weight:600; }
.dlk-uret-alan select { background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:9px 11px; color:var(--ink); font-size:13px; font-family:var(--font-b); width:100%; box-sizing:border-box; }
.dlk-uret-alan select:focus { outline:none; border-color:var(--blue); }
.dlk-uret-buton { flex:0 0 auto; display:flex; align-items:flex-end; }
.dlk-hazirla { background:var(--aksiyon); border:none; color:var(--aksiyon-yazi); font-weight:700; font-size:14px; padding:11px 22px; border-radius:var(--r-sm); cursor:pointer; white-space:nowrap; }
.dlk-hazirla:hover { background:var(--aksiyon-koyu); box-shadow:0 6px 18px rgba(7,146,177,.35); }
.dlk-hazirla:disabled { opacity:.5; cursor:not-allowed; }
.dlk-not { font-size:12px; color:var(--ink-faint); margin-top:12px; }

/* ---- Dilekçe ek belge yükleme ---- */
.dlk-belge-giris { display:flex; gap:8px; align-items:center; }
.dlk-belge-giris select { background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:9px 11px; color:var(--ink); font-size:13px; font-family:var(--font-b); box-sizing:border-box; }
.dlk-belge-giris select:focus { outline:none; border-color:var(--blue); }
.dlk-belge-blok { margin-top:12px; }
.dlk-belge-ekle { background:var(--aksiyon); border:none; color:var(--aksiyon-yazi); font-weight:600; font-size:13px; padding:9px 16px; border-radius:var(--r-sm); cursor:pointer; white-space:nowrap; }
.dlk-belge-ekle:disabled { opacity:.5; cursor:not-allowed; }
.dlk-hazirla-tam {  margin-top:8px; }
.dlk-belge-kvkk { font-size:12px; color:var(--ink-faint); margin:6px 0; line-height:1.5; }
.dlk-zorunlu-uyari { font-size:12px; color:var(--ink-soft); background:rgba(230,182,104,.08); border:1px solid rgba(230,182,104,.20); border-radius:var(--r-sm); padding:8px 12px; margin:8px 0; line-height:1.6; }
.dlk-belge-liste { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.dlk-belge-chip { display:flex; align-items:center; gap:8px; padding:7px 12px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); font-size:12px; }
.dlk-belge-blok { margin-bottom:6px; }
.dlk-belge-blok .an-sayfa-sec { padding:5px 4px 2px 12px; }
.dlk-belge-chip .tur { background:rgba(99,151,246,.15); color:var(--blue); padding:1px 8px; border-radius:4px; font-weight:600; white-space:nowrap; }
.dlk-belge-chip .ad { flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink); }
.dlk-belge-chip .boyut { color:var(--ink-faint); white-space:nowrap; }
.dlk-belge-chip .sil { background:var(--err); color:#fff; border:none; border-radius:4px; padding:2px 8px; cursor:pointer; font-size:11px; }

/* ============ COMBOBOX (aranabilir select) ============ */
.cb-wrap { position:relative; display:block; width:100%; }
.cb-trigger { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding:9px 12px; background:var(--navy-900); color:var(--ink); border:1px solid var(--line); border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-family:var(--font-b); text-align:left; box-sizing:border-box; }
.cb-trigger:hover { border-color:var(--blue); }
.cb-wrap.is-open .cb-trigger { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(99,151,246,.15); }
.cb-label { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cb-label.is-placeholder { color:var(--ink-faint); }
.cb-chevron { flex-shrink:0; color:var(--ink-faint); font-size:11px; transition:transform .15s; }
.cb-wrap.is-open .cb-chevron { transform:rotate(180deg); }
.cb-panel { position:fixed; background:var(--navy-800); border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:0 8px 28px rgba(0,0,0,.45); z-index:99999; display:none; max-height:300px; overflow:hidden; flex-direction:column; }
.cb-search { padding:8px; border-bottom:1px solid var(--line); flex-shrink:0; }
.cb-search input { width:100%; padding:7px 10px; border:1px solid var(--line); border-radius:6px; font-size:13px; font-family:var(--font-b); background:var(--navy-900); color:var(--ink); box-sizing:border-box; outline:none; }
.cb-search input:focus { border-color:var(--blue); }
.cb-list { flex:1; overflow-y:auto; padding:4px 0; }
.cb-option { padding:8px 12px; cursor:pointer; font-size:13px; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cb-option:hover, .cb-option.is-highlighted { background:var(--navy-700); }
.cb-option.is-selected { background:rgba(99,151,246,.15); color:var(--blue); font-weight:600; }
.cb-option.is-placeholder { font-style:italic; color:var(--ink-faint); }
.cb-empty { padding:16px; text-align:center; color:var(--ink-faint); font-size:12px; font-style:italic; }
.cb-add-row { border-top:1px solid var(--line); padding:6px; flex-shrink:0; background:var(--navy-700); }
.cb-add-btn { width:100%; padding:8px 12px; background:var(--aksiyon); color:var(--aksiyon-yazi); border:none; border-radius:6px; cursor:pointer; font-size:12px; font-weight:600; font-family:var(--font-b); }
.cb-add-btn:hover { box-shadow:0 4px 12px rgba(99,151,246,.3); }

/* ---- Genel: İndir açılır menüsü ---- */
.g-indir-sar { position:relative; display:inline-block; }
.g-indir-menu { display:none; position:fixed; background:var(--navy-800); border:1px solid var(--line); border-radius:var(--r-sm); box-shadow:0 8px 24px rgba(0,0,0,.45); z-index:200; min-width:160px; overflow:hidden; }
.g-indir-menu.acik { display:block; }
.g-indir-menu button { display:block; width:100%; text-align:left; background:none; border:none; color:var(--ink); padding:9px 14px; font-size:13px; font-family:var(--font-b); cursor:pointer; }
.g-indir-menu button:hover { background:var(--navy-700); color:var(--blue); }

/* ============ Dilekçe taslağı önizleme modalı ============ */
.dlk-onizle-card { max-width:920px; width:94%; max-height:88vh; display:flex; flex-direction:column; padding:0; overflow:hidden; }
.dlk-onizle-kapat { position:absolute; top:14px; right:16px; background:none; border:none; color:var(--ink-faint); font-size:20px; cursor:pointer; z-index:2; line-height:1; }
.dlk-onizle-kapat:hover { color:var(--ink); }
.dlk-onizle-baslik { padding:18px 24px 12px; font-size:16px; font-weight:600; color:var(--ink); border-bottom:1px solid var(--line); flex-shrink:0; }
.dlk-onizle-not { font-size:12px; font-weight:400; color:var(--ink-faint); }
.dlk-onizle-govde { padding:24px 28px; overflow-y:auto; flex:1; background:#fbfbf9; color:#1a1a1a; font-family:'Times New Roman', Georgia, serif; font-size:14px; line-height:1.7; }
/* Analiz görüntüleyici yan menü (Belge & Dava analizi) */
#dosya-kayit-modal .dlk-onizle-card, #an-rapor-modal .dlk-onizle-card { max-width:1080px; }
.analiz-yan-sar { display:flex; gap:20px; align-items:flex-start; }
.analiz-yan-menu { position:sticky; top:0; flex:0 0 235px; max-width:235px; max-height:calc(88vh - 110px); overflow-y:auto; padding-right:8px; border-right:1px solid #e4e2db; font-family:-apple-system,system-ui,'Segoe UI',sans-serif; }
.analiz-yan-grup { margin-bottom:16px; }
.analiz-yan-grup-bas { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#9a9788; margin-bottom:6px; padding:0 8px; }
.analiz-yan-oge { display:block; width:100%; text-align:left; background:transparent; border:0; border-radius:7px; padding:7px 9px; font-size:12.5px; color:#3a3a36; cursor:pointer; line-height:1.35; font-family:inherit; }
.analiz-yan-oge:hover { background:#eeede7; }
.analiz-yan-oge.aktif { background:#e6eefb; color:#1f5bd6; font-weight:600; }
.analiz-icerik { flex:1 1 auto; min-width:0; }
.an-belge-tarih, .dosya-belge-tarih { color:#8a8678; font-weight:400; }
@media (max-width:720px) {
  .analiz-yan-sar { flex-direction:column; }
  .analiz-yan-menu { position:static; flex-basis:auto; max-width:none; width:100%; max-height:170px; border-right:0; border-bottom:1px solid #e4e2db; padding:0 0 8px; margin-bottom:4px; }
}
.dlk-onizle-bos { color:#888; font-style:italic; text-align:center; padding:30px; font-family:var(--font-b); }
.dlk-o-baslik { text-align:center; font-weight:700; margin-bottom:18px; line-height:1.5; }
.dlk-o-bilgi { width:100%; margin-bottom:18px; border-collapse:collapse; }
.dlk-o-bilgi td { padding:2px 4px; vertical-align:top; }
.dlk-o-et { font-weight:700; white-space:nowrap; width:1%; }
.dlk-o-iki { width:1%; padding:2px 8px 2px 4px; }
.dlk-o-bos { color:#aaa; }
.dlk-o-bolum-bas { font-weight:700; }
.dlk-o-aciklama { margin:6px 0 18px; padding-left:22px; }
.dlk-o-aciklama li { margin-bottom:10px; text-align:justify; }
.dlk-o-bolum { margin-bottom:14px; text-align:justify; }
.dlk-o-ekler { margin:4px 0; padding-left:22px; }
.dlk-o-imza { margin-top:24px; text-align:right; line-height:1.6; }
.dlk-o-uyari { margin-top:20px; padding:12px 14px; background:#fff6e5; border:1px solid #f0d090; border-radius:8px; font-family:var(--font-b); font-size:13px; color:#7a5a10; }
.dlk-o-uyari ul { margin:6px 0 0; padding-left:20px; }
.dlk-onizle-alt { padding:14px 24px; border-top:1px solid var(--line); display:flex; justify-content:flex-end; flex-shrink:0; }

/* Yeni Genel işlem butonları */
.g-btn-yeniden { background:rgba(7,146,177,.15); color:var(--aksiyon); }
.g-btn-yeniden:hover { background:rgba(7,146,177,.28); }
.g-btn-indir2 { background:var(--aksiyon); border-color:var(--aksiyon); color:var(--aksiyon-yazi); }
.g-btn-indir2:hover { background:var(--aksiyon-koyu); }

/* ---- Revize / sürüm (önizleme modalı) ---- */
.dlk-onizle-surumbar { display:flex; align-items:center; gap:8px; padding:10px 24px; border-bottom:1px solid var(--line); flex-shrink:0; flex-wrap:wrap; }
.dlk-surum-etiket { font-size:12px; color:var(--ink-soft); font-weight:600; font-family:var(--font-b); }
.dlk-surum-butonlar { display:flex; gap:8px; flex-wrap:wrap; }
.dlk-surum-grup { display:inline-flex; align-items:center; gap:2px; }
.dlk-surum-btn { background:var(--navy-900); border:1px solid var(--line); color:var(--ink-soft); padding:4px 12px; border-radius:14px; font-size:12px; cursor:pointer; font-family:var(--font-b); }
.dlk-surum-btn:hover { filter:brightness(1.12); color:var(--ink); }
.dlk-surum-btn.aktif { font-weight:700; background:var(--aksiyon); color:var(--aksiyon-yazi); border-color:var(--aksiyon); }
.dlk-surum-btn.bekliyor { opacity:.6; cursor:default; font-style:italic; }
.dlk-surum-btn.hata { color:#f0788a; border-color:#f0788a; cursor:default; }
.dlk-surum-sil { display:inline-grid; place-items:center; width:18px; height:18px; border-radius:50%; background:rgba(240,120,138,.15); color:#f0788a; font-size:13px; line-height:1; cursor:pointer; }
.dlk-surum-sil:hover { background:rgba(240,120,138,.32); }
.dlk-onizle-revize { padding:14px 24px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:8px; flex-shrink:0; background:var(--navy-800); }
.dlk-revize-talep { width:100%; min-height:80px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:9px 11px; color:var(--ink); font-size:13px; font-family:var(--font-b); resize:vertical; box-sizing:border-box; }
.dlk-revize-talep:focus { outline:none; border-color:var(--blue); }
.dlk-revize-btn { background:var(--aksiyon); border:none; color:var(--aksiyon-yazi); font-weight:600; font-size:13px; padding:9px 16px; border-radius:var(--r-sm); cursor:pointer; white-space:nowrap; flex-shrink:0; }
.dlk-revize-btn:hover { background:var(--aksiyon-koyu); box-shadow:0 4px 12px rgba(7,146,177,.3); }
.dlk-revize-btn:disabled { opacity:.5; cursor:not-allowed; }
.dlk-alt-butonlar { display:flex; align-items:center; gap:10px; }
.dlk-onizle-revizeac { background:rgba(7,146,177,.15); color:var(--aksiyon); border:none; padding:11px 18px; border-radius:var(--r-sm); font-weight:600; font-size:13px; cursor:pointer; font-family:var(--font-b); }
.ar-ses-sec { max-width:150px; padding:8px 10px; border-radius:var(--r-sm); border:1px solid var(--line); background:var(--navy-700); color:var(--ink); font-size:12.5px; font-family:var(--font-b); cursor:pointer; }
/* ---- Yedekleme (kullanıcı) ---- */
/* ---- Yedekleme (sysadmin) ---- */
/* ---- Duyuru (kullanıcı modalı) ---- */
.duyuru-card { max-width:520px; width:92%; text-align:left; }
.duyuru-rozet { font-size:12px; font-weight:700; color:var(--aksiyon); text-transform:uppercase; letter-spacing:.04em; margin-bottom:8px; }
.duyuru-baslik { font-size:20px; font-weight:700; color:var(--ink); margin-bottom:10px; }
.duyuru-icerik { font-size:14.5px; line-height:1.6; color:var(--ink); white-space:pre-wrap; max-height:50vh; overflow:auto; }
.duyuru-durdur { display:flex; align-items:center; gap:8px; margin:16px 0 4px; font-size:13px; color:var(--ink-soft); cursor:pointer; }
.duyuru-not { margin-top:12px; font-size:13px; color:var(--ink-soft); }
.duyuru-link { color:#2f63c4; text-decoration:none; font-weight:600; }
.duyuru-link:hover { color:#5a86d8; text-decoration:underline; }
.duyuru-alt { display:flex; justify-content:flex-end; margin-top:14px; }
/* ---- Kontör teklifi modalı ---- */
.teklif-rozet { color:#2fa46b; }
.teklif-alt { display:flex; justify-content:flex-end; gap:12px; margin-top:18px; flex-wrap:wrap; }
.teklif-kabul-btn { background:#2fa46b; color:#fff; border:none; border-radius:10px; padding:12px 20px; font-weight:700; font-size:14px; cursor:pointer; font-family:var(--font-b); box-shadow:0 2px 8px rgba(47,164,107,.28); }
.teklif-kabul-btn:hover:not(:disabled) { background:#279a61; }
.teklif-kabul-btn:disabled { opacity:.6; cursor:default; box-shadow:none; }
.teklif-red-btn { background:none; border:1px solid var(--line); color:var(--ink-soft); border-radius:10px; padding:12px 18px; font-size:13.5px; cursor:pointer; font-family:var(--font-b); }
.teklif-red-btn:hover:not(:disabled) { color:var(--ink); border-color:var(--ink-faint); }
.teklif-not { margin-top:12px; font-size:13px; color:#2fa46b; }
.sa-teklif-durum { margin-top:16px; }
/* ---- Duyuru (sysadmin) ---- */
.sa-duyuru-form { display:flex; flex-direction:column; gap:6px; max-width:640px; }
.sa-duyuru-et { font-size:12.5px; font-weight:600; color:var(--ink-soft); margin-top:6px; }
.sa-duyuru-memo { padding:10px 12px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--navy-700); color:var(--ink); font-family:var(--font-b); font-size:13.5px; resize:vertical; }
.sa-duyuru-alt { display:flex; align-items:center; gap:12px; margin-top:10px; }
.sa-dtab-icerik { margin-top:14px; }
.sa-duyuru-liste { display:flex; flex-direction:column; gap:10px; }
.sa-duyuru-oge { border:1px solid var(--line); border-radius:10px; padding:12px 14px; background:var(--navy-700); }
.sa-duyuru-oge-bas { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.sa-duyuru-oge-baslik { font-weight:700; color:var(--ink); }
.sa-duyuru-oge-icerik { white-space:pre-wrap; color:var(--ink-soft); font-size:13px; margin:6px 0; line-height:1.5; }
.sa-duyuru-oge-alt { font-size:12px; color:var(--ink-faint); }
.sa-duyuru-sil { background:none; border:none; color:var(--ink-faint); cursor:pointer; font-size:14px; }
.sa-duyuru-sil:hover { color:var(--err); }
.dlk-onizle-revizeac:hover { background:rgba(7,146,177,.28); }

/* ============ İÇTİHAT ARAMA ============ */
.ict-aciklama { color:var(--ink-soft); font-size:14px; margin-bottom:18px; line-height:1.6; background:rgba(99,151,246,.10); border:1px solid rgba(99,151,246,.25); padding:12px 14px; border-radius:var(--r-sm); }
.ict-aciklama em { color:var(--blue); font-style:normal; }
/* Sözleşme / Risk / Belge-Dava Analizi açıklamaları tek uzun satır olarak gerilmesin;
   dar tutulup birkaç satıra bölünsün (akıl yürütme kutusundan geniş durmasın). */
.panel[data-panel="sozlesme"] .ict-aciklama,
.panel[data-panel="analiz"] .ict-aciklama { max-width:720px; }
.aciklama-kapatilabilir { position:relative; padding-right:38px; }
/* Eklenti R logosuna benzer rozet (yeşil yuvarlatılmış kare, beyaz blok "R"). */
.ricoy-r-roz { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; background:#22a84a; color:#fff; font-weight:800; font-size:13px; line-height:1; border-radius:5px; font-family:var(--font-b); vertical-align:-4px; margin:0 3px; box-shadow:0 1px 3px rgba(0,0,0,.25); }
.aciklama-kapat { position:absolute; top:6px; right:8px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; background:none; border:none; color:var(--ink-soft); font-size:21px; line-height:1; cursor:pointer; border-radius:7px; padding:0; transition:color .12s, background .12s; }
.aciklama-kapat:hover { color:var(--err); background:rgba(255,255,255,.06); }
.ict-arama-bar { display:flex; gap:10px; margin-bottom:20px; }
.ict-sorgu { flex:1; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:11px 14px; color:var(--ink); font-size:14px; font-family:var(--font-b); box-sizing:border-box; }
.ict-sorgu:focus { outline:none; border-color:var(--blue); }
.ict-ara-btn { background:var(--aksiyon); border:none; color:var(--aksiyon-yazi); font-weight:700; font-size:14px; padding:11px 28px; border-radius:var(--r-sm); cursor:pointer; white-space:nowrap; }
.ict-ara-btn:hover { background:var(--aksiyon-koyu); box-shadow:0 6px 18px rgba(7,146,177,.35); }
.ict-bos { color:var(--ink-faint); font-style:italic; padding:20px 0; text-align:center; }
.ict-toplam { color:var(--ink-soft); font-size:13px; margin-bottom:12px; }
.ict-karar { background:var(--navy-800); border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; margin-bottom:10px; }
.ict-karar:hover { border-color:var(--blue); }
.ict-karar-birim { font-weight:600; color:var(--ink); font-size:14px; margin-bottom:6px; }
.ict-karar-meta { display:flex; gap:18px; flex-wrap:wrap; color:var(--ink-soft); font-size:12px; margin-bottom:10px; }
.ict-goster-btn { background:rgba(7,146,177,.15); color:var(--aksiyon); border:none; padding:6px 14px; border-radius:6px; font-size:12px; font-weight:600; cursor:pointer; font-family:var(--font-b); }
.ict-goster-btn:hover { background:rgba(7,146,177,.28); }
.ict-sayfa { display:flex; gap:10px; justify-content:center; margin-top:16px; }
.ict-sayfa-btn { background:var(--navy-800); border:1px solid var(--line); color:var(--ink); padding:8px 18px; border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-family:var(--font-b); }
.ict-sayfa-btn:hover { border-color:var(--blue); color:var(--blue); }
.ict-metin-govde { padding:24px 28px; overflow-y:auto; flex:1; background:#fbfbf9; color:#1a1a1a; font-family:'Times New Roman', Georgia, serif; font-size:14px; line-height:1.7; }
.ict-metin-govde p { margin:0 0 12px; text-align:justify; }

/* ============ HUKUKİ ARAŞTIRMA ============ */
.ar-form { max-width:820px; }
.ar-satir { display:flex; gap:16px; align-items:flex-end; margin:14px 0; flex-wrap:wrap; }
.ar-satir .dlk-ayar { flex:0 0 auto; }
.ar-satir .dlk-hazirla { flex:1; min-width:240px; }
.ar-rapor { max-width:100%; }
.ar-rapor-baslik { font-size:18px; font-weight:700; color:#1a1a1a; margin-bottom:18px; text-align:center; border-bottom:2px solid #ddd; padding-bottom:12px; }
.ar-bolum { margin-bottom:20px; }
.ar-bolum h3 { font-size:14px; font-weight:700; color:#2a3f5f; margin:0 0 8px; text-transform:uppercase; letter-spacing:.3px; }
.ar-bolum p { margin:0; text-align:justify; line-height:1.7; }
.ar-bolum ol { margin:0; padding-left:22px; }
.ar-bolum ol li { margin-bottom:8px; line-height:1.6; }

/* ============ BELGE ANALİZİ ============ */
.an-yukle { display:flex; align-items:center; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.an-yukle-btn { background:var(--aksiyon); border:none; color:var(--aksiyon-yazi); padding:11px 18px; border-radius:var(--r-sm); cursor:pointer; font-size:14px; font-weight:700; font-family:var(--font-b); }
.an-yukle-btn:hover { filter:brightness(1.08); }
.an-dosya-ad { color:var(--ink-soft); font-size:13px; }
.an-meta { display:flex; gap:24px; flex-wrap:wrap; background:#f0f0ec; padding:10px 14px; border-radius:8px; margin-bottom:16px; font-family:var(--font-b); font-size:13px; color:#333; }
.ar-bolum ul { margin:0; padding-left:20px; }
.ar-bolum ul li { margin-bottom:8px; line-height:1.6; }
/* Kullanılan Mevzuat Metinleri (resmi kaynaktan çekilen güncel madde metinleri) */
.ar-mevzuat-metinleri { margin-top:16px; padding-top:12px; border-top:1px dashed #c9b86a; }
.ar-mevzuat-madde { margin:0 0 14px; padding:10px 12px; background:#faf7ec; border-left:3px solid #c9b86a; border-radius:4px; }
.ar-mevzuat-madde h4 { font-size:13px; font-weight:700; color:#6b5d1e; margin:0 0 6px; }
.ar-mevzuat-madde p { margin:0; text-align:justify; line-height:1.65; font-size:13.5px; }
/* Resmi kaynakta teyit edilemeyen maddeler — dikkat çekici uyarı */
.ar-teyit-uyari { margin-top:16px; padding:12px 14px; background:#fdeaea; border:1px solid #e0b4b4; border-left:4px solid #c0392b; border-radius:4px; color:#8a2b22; font-size:13.5px; line-height:1.6; }
.ar-teyit-uyari strong { color:#c0392b; }

/* ============ SÖZLEŞME ============ */
.dlk-select { width:100%; max-width:420px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:10px 12px; color:var(--ink); font-size:14px; font-family:var(--font-b); box-sizing:border-box; }
.dlk-select:focus { outline:none; border-color:var(--blue); }
.sz-taraflar { display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.sz-taraf-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.sz-taraf-row input { background:var(--navy-900); border:1px solid var(--line); border-radius:6px; padding:8px 10px; color:var(--ink); font-size:13px; font-family:var(--font-b); }
.sz-taraf-row input:focus { outline:none; border-color:var(--blue); }
.sz-t-rol { flex:1; min-width:120px; }
.sz-t-ad { flex:1.4; min-width:140px; }
.sz-t-sil { background:rgba(240,120,138,.15); color:#f0788a; border:none; width:30px; height:30px; border-radius:6px; cursor:pointer; font-size:18px; line-height:1; flex-shrink:0; }
.sz-t-sil:hover { background:rgba(240,120,138,.3); }
/* Görüntüleme (resmi sözleşme görünümü) */
.sz-sozlesme { font-family:'Times New Roman', Georgia, serif; color:#1a1a1a; line-height:1.7; }
.sz-baslik { text-align:center; font-size:17px; font-weight:700; letter-spacing:.5px; margin-bottom:20px; text-transform:uppercase; }
.sz-giris { text-align:justify; margin-bottom:18px; }
.sz-madde { margin-bottom:14px; }
.sz-madde-bas { font-weight:700; font-size:13px; margin-bottom:4px; }
.sz-madde-icerik { text-align:justify; padding-left:4px; }
.sz-kapanis { text-align:justify; margin-top:18px; font-style:italic; }

/* ============ KONTÖR GEÇMİŞ ============ */
.kontor-tablar { flex-shrink:0; }
.kontor-tab-icerik { flex:1; overflow-y:auto; min-height:0; }
.kontor-ozet { display:flex; gap:10px; padding:14px 24px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.kontor-ozet-kutu { flex:1; min-width:120px; display:flex; flex-direction:column; gap:3px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:10px 14px; }
.kontor-ozet-deger { font-size:20px; font-weight:700; color:var(--blue); font-family:var(--font-b); }
.kontor-ozet-etiket { font-size:12px; color:var(--ink-soft); }
.kontor-sayfalama { display:flex; align-items:center; justify-content:center; gap:16px; padding:12px 24px; border-top:1px solid var(--line); }
.kontor-sayfa-btn { background:var(--navy-800); border:1px solid var(--line); color:var(--ink); padding:7px 16px; border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-family:var(--font-b); }
.kontor-sayfa-btn:hover:not(:disabled) { border-color:var(--blue); color:var(--blue); }
.kontor-sayfa-btn:disabled { opacity:.4; cursor:not-allowed; }
.kontor-sayfa-bilgi { font-size:13px; color:var(--ink-soft); font-family:var(--font-b); }
.kontor-gecmis-govde { padding:16px 24px; overflow-y:auto; flex:1; }
.kontor-tablo { width:100%; border-collapse:collapse; font-size:13px; font-family:var(--font-b); }
.kontor-tablo th { text-align:left; padding:8px 10px; border-bottom:2px solid var(--line); color:var(--ink-soft); font-weight:600; }
.kontor-tablo td { padding:8px 10px; border-bottom:1px solid var(--line); color:var(--ink); }
.kontor-tarih { white-space:nowrap; color:var(--ink-soft); }
.kontor-arti { color:#4ec98a; font-weight:600; text-align:right; }
.kontor-eksi { color:#f0788a; font-weight:600; text-align:right; }
/* Hesap özeti renkleri: Toplam alınan + kullanılan = mavi; Mevcut bakiye = tatlı yeşil. */
#kontor-toplam-alinan, #kontor-toplam-kullanilan { color:var(--blue); }
#kontor-bakiye-buyuk { color:var(--ok); }
/* Kontör hareketleri: liste kayar, Geri/İleri düğmeleri her zaman en altta sabit kalır. */
.kontor-tab-icerik[data-ktab-icerik="hareketler"]:not([hidden]) { display:flex; flex-direction:column; overflow:hidden; }

/* ============ ŞİFRE BUTONU + MODAL ============ */
.btn-sifre { background:none; border:1px solid var(--line); color:var(--ink-soft); width:36px; height:34px; border-radius:8px; cursor:pointer; font-size:15px; line-height:1; display:grid; place-items:center; transition:border-color .15s; }
.btn-sifre:hover { border-color:var(--blue); }
.sifre-modal-card { max-width:520px; width:92%; }
.sifre-govde { padding:20px 24px; overflow-y:auto; display:flex; flex-direction:column; gap:22px; }
.sifre-bolum { display:flex; flex-direction:column; gap:12px; }
.sifre-bolum-bas { font-family:var(--font-b); font-weight:700; font-size:15px; color:var(--ink); padding-bottom:8px; border-bottom:1px solid var(--line); }
.sifre-not { font-size:12.5px; color:var(--ink-soft); line-height:1.55; margin:-4px 0 2px; }
.sifre-alan { display:flex; flex-direction:column; gap:5px; }
.sifre-alan label { font-size:12.5px; color:var(--ink-soft); font-family:var(--font-b); font-weight:600; }
.sifre-input-sar { position:relative; display:flex; align-items:center; }
.sifre-input { width:100%; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:10px 12px; color:var(--ink); font-size:14px; font-family:var(--font-b); box-sizing:border-box; }
.sifre-input:focus { outline:none; border-color:var(--blue); }
.sifre-input-sar .sifre-input { padding-right:42px; }
.sifre-goz { position:absolute; right:6px; background:none; border:none; cursor:pointer; font-size:15px; padding:6px; line-height:1; opacity:.65; transition:opacity .15s; }
.sifre-goz:hover, .sifre-goz.acik { opacity:1; }
.sifre-onayla { margin-top:4px; }
.sifre-uyari { font-size:13px; padding:9px 12px; border-radius:var(--r-sm); font-family:var(--font-b); }
.sifre-uyari-hata { background:rgba(240,120,138,.14); color:var(--err); border:1px solid rgba(240,120,138,.3); }
.sifre-uyari-ok { background:rgba(78,201,138,.14); color:var(--ok); border:1px solid rgba(78,201,138,.3); }

/* ============ STANDART DÜĞME METRİĞİ ============
   Kural: yükseklik = çıkış düğmesi kadar (34px), genişlik = içindeki yazı + 4 karakter
   (her yana 2ch padding). Tüm metin düğmeleri buna uyar. İkon düğmeleri (tema/şifre)
   kare kalır ama yükseklikleri yine 34px. */
.dlk-hazirla, .ict-ara-btn, .dlk-revize-btn, .dlk-onizle-revizeac, .ict-goster-btn,
.g-btn, .dlk-taraf-ekle, .dlk-belge-ekle, .cb-add-btn, .btn-primary,
.kontor-sayfa-btn, .dlk-kapat-alt, .btn-cikis, .btn-kontor, .ict-sayfa-btn,
.ar-sayfa-btn {
  height: 34px;
  min-height: 34px;
  padding: 0 2ch;
  font-size: 13px;
  line-height: 1;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  white-space: nowrap;
}
/* btn-primary tam genişlik (giriş/kayıt formu) gerektiğinde dışarıdan ezilebilir;
   varsayılan içeriğe göre. Form içinde tam genişlik istenirse .btn-primary-tam kullanılır. */

/* İkon düğmeleri: kare, yükseklik 34 */
/* Sözleşme/araştırma satırındaki düğmeyi büyüten flex kuralını iptal et */
.ar-satir .dlk-hazirla { flex: 0 0 auto; min-width: 0; }
/* cb-add-btn combobox içinde tam genişlik kalsın */
.cb-add-btn { width: 100%; }

/* Sözleşme hazırla düğmesinin sağındaki açıklama */
.sz-uret-satir { align-items: center; }
.sz-uret-aciklama { font-size: 12.5px; color: var(--ink-soft); line-height: 1.45; flex: 1; min-width: 180px; }

/* ============ KONTÖR MODALI TAB'LARI ============ */
.kontor-tablar { display:flex; flex-wrap:wrap; gap:2px 4px; padding:0 24px; border-bottom:1px solid var(--line); }
.kontor-tab { background:none; border:none; border-bottom:2px solid transparent; color:var(--ink-soft); padding:11px 13px; font-size:13px; font-weight:600; font-family:var(--font-b); cursor:pointer; margin-bottom:-1px; white-space:nowrap; }
.kontor-tab:hover { color:var(--ink); }
.kontor-tab.aktif { color:var(--aksiyon); border-bottom-color:var(--aksiyon); }
/* Ayarlar ve Güvenlik: alt sekmeler (üst sekmelerden ayrışsın diye pill stili) */
.hesap-alt-tablar { display:flex; flex-wrap:wrap; gap:8px; padding:16px 24px 0; }
.hesap-alt-tab { background:var(--navy-900); border:1px solid var(--line); color:var(--ink-soft); padding:8px 15px; font-size:12.5px; font-weight:600; font-family:var(--font-b); border-radius:999px; cursor:pointer; white-space:nowrap; }
.hesap-alt-tab:hover { color:var(--ink); border-color:var(--ink-faint); }
.hesap-alt-tab.aktif { background:var(--aksiyon); border-color:var(--aksiyon); color:#fff; }
.hesap-alt-panel { padding-top:4px; }
/* Tarife */
.kontor-tarife-govde { padding:8px 24px 18px; }
.kontor-tarife-tablo .kontor-tarife-deger { text-align:right; white-space:nowrap; font-weight:600; }
.kontor-fiyat-kutu { margin-top:16px; padding:14px 16px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); }
.kontor-fiyat-baslik { font-size:16px; font-weight:700; color:var(--aksiyon); font-family:var(--font-b); margin-bottom:8px; }
.kontor-fiyat-not { font-size:12px; color:var(--ink-soft); line-height:1.6; margin:0; }
/* Kod gir */
.kontor-kod-aciklama { padding:14px 24px 4px; font-size:13px; color:var(--ink-soft); margin:0; }
.kontor-kod-satir { display:flex; gap:10px; padding:8px 24px 4px; align-items:center; }
.kontor-kod-satir .sifre-input { flex:1; text-transform:uppercase; letter-spacing:1px; }
#kontor-kod-uyari { margin:8px 24px 18px; }

/* ============ SYSADMIN: KONTÖR & TARİFE ============ */
.sa-bolum { padding:8px 0; }
.sa-kart { background:var(--navy-800); border:1px solid var(--line); border-radius:var(--r); padding:20px 22px; margin-bottom:18px; }
.sa-kart h3 { margin:0 0 8px; font-size:15px; color:var(--ink); }
.sa-not { font-size:12.5px; color:var(--ink-soft); line-height:1.55; margin:0 0 14px; }
/* Varsayılan Üretim Ayarları: alan altındaki açıklama notu */
.sa-vars-not { display:block; margin-top:6px; font-size:11.5px; color:var(--ink-faint); line-height:1.5; }
.sa-kod-form { display:flex; flex-direction:column; gap:6px; max-width:420px; }
.sa-kod-form label { font-size:12.5px; color:var(--ink-soft); font-weight:600; font-family:var(--font-b); margin-top:6px; }
.sa-input { background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:9px 12px; color:var(--ink); font-size:14px; font-family:var(--font-b); box-sizing:border-box; }
.sa-input:focus { outline:none; border-color:var(--aksiyon); }
.sa-kod-form .btn-primary { margin-top:12px; align-self:flex-start; }
.sa-kod-sonuc { margin-top:16px; padding:14px 16px; border-radius:var(--r-sm); }
.sa-kod-sonuc.ok { background:rgba(7,146,177,.12); border:1px solid var(--aksiyon); }
.sa-kod-sonuc.hata { background:rgba(240,120,138,.14); border:1px solid var(--err); color:var(--err); }
.sa-kod-buyuk { font-size:22px; font-weight:700; letter-spacing:2px; color:var(--aksiyon); font-family:var(--font-b); }
.sa-kod-alt { font-size:12.5px; color:var(--ink-soft); margin-top:6px; }
.sa-kod-kopya { margin-top:10px; background:var(--aksiyon); color:#fff; border:none; padding:7px 16px; border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-family:var(--font-b); }
.sa-kod-liste { overflow-x:auto; }
.sa-kod-tablo { width:100%; border-collapse:collapse; font-size:13px; }
.sa-kod-tablo th { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); color:var(--ink-soft); font-size:12px; }
.sa-kod-tablo td { padding:8px 10px; border-bottom:1px solid var(--line); }
.sa-kod-durum { padding:2px 8px; border-radius:10px; font-size:11px; font-weight:600; }
.sa-kod-durum.aktif { background:rgba(78,201,138,.16); color:var(--ok); }
.sa-kod-durum.kullanildi { background:rgba(99,151,246,.16); color:var(--blue); }
.sa-kod-durum.iptal { background:rgba(240,120,138,.16); color:var(--err); }
.sa-bos { color:var(--ink-soft); font-size:13px; padding:10px 0; }
.sa-tarife-msg { margin-top:12px; font-size:13px; }
.sa-tarife-msg.ok { color:var(--ok); } .sa-tarife-msg.hata { color:var(--err); }

/* ============ SYSADMIN: AKORDEON + KOD GÖNDERİM ============ */
.sa-akordeon { padding:0; overflow:hidden; }
.sa-akordeon-bas { width:100%; display:flex; align-items:center; justify-content:space-between; background:none; border:none; color:var(--ink); font-size:15px; font-weight:600; font-family:var(--font-b); padding:18px 22px; cursor:pointer; }
.sa-akordeon-ok { transition:transform .2s; color:var(--ink-soft); }
.sa-akordeon.kapali .sa-akordeon-ok { transform:rotate(-90deg); }
.sa-akordeon-govde { padding:0 22px 20px; }
.sa-akordeon.kapali .sa-akordeon-govde { display:none; }
/* Kod sonucu aksiyon satırı */
.sa-kod-aksiyonlar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:14px; }
.sa-kod-eposta { flex:1; min-width:200px; }
.sa-kod-sec { background:rgba(7,146,177,.15); color:var(--aksiyon); border:none; padding:0 14px; height:38px; border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-weight:600; font-family:var(--font-b); white-space:nowrap; }
.sa-kod-gonder { margin-top:0 !important; height:38px; }
.sa-kod-secim { margin-top:12px; }
.sa-kod-arama-sonuc { margin-top:8px; max-height:220px; overflow-y:auto; border:1px solid var(--line); border-radius:var(--r-sm); }
.sa-kod-arama-oge { display:block; width:100%; text-align:left; background:none; border:none; border-bottom:1px solid var(--line); padding:10px 12px; cursor:pointer; color:var(--ink); font-family:var(--font-b); font-size:13px; }
.sa-kod-arama-oge:hover { background:var(--navy-900); }
.sa-kod-arama-oge span { display:block; font-size:12px; color:var(--ink-soft); margin-top:2px; }
.sa-kod-arama-bos { padding:10px 12px; color:var(--ink-soft); font-size:13px; }
.sa-kod-gonder-msg { margin-top:10px; font-size:13px; }
.sa-kod-gonder-msg.ok { color:var(--ok); } .sa-kod-gonder-msg.hata { color:var(--err); }
.sa-kod-eposta-kucuk { font-size:11px; color:var(--ink-soft); }
.sa-kod-sil { background:transparent; border:1px solid rgba(240,120,138,.4); color:#f5919e; padding:4px 12px; border-radius:6px; cursor:pointer; font-size:12px; font-family:var(--font-b); }
.sa-kod-sil:hover { background:rgba(240,120,138,.15); border-color:var(--err); }
.sa-kod-sayfalama { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:14px; }

/* Derin araştırma checkbox */
.ar-derin-kutu { display:flex; align-items:center; gap:7px; font-size:13px; color:var(--ink); cursor:pointer; font-family:var(--font-b); white-space:nowrap; }
.ar-derin-kutu input { width:16px; height:16px; accent-color:var(--aksiyon); cursor:pointer; }
.ar-derin-kutu small { color:var(--ink-soft); }
/* Tarife ek satırları */
.kontor-tarife-ek td { color:var(--ink-soft); }
.kontor-ek-rozet { font-size:10px; background:rgba(7,146,177,.18); color:var(--aksiyon); padding:1px 6px; border-radius:8px; vertical-align:middle; margin-left:4px; }

/* ============ NOKTA İÇTİHAT ============ */
.nokta-ayrac { display:flex; align-items:center; text-align:center; margin:28px 0 20px; color:var(--ink-soft); font-size:13px; }
.nokta-ayrac::before, .nokta-ayrac::after { content:''; flex:1; border-top:1px solid var(--line); }
.nokta-ayrac span { padding:0 14px; }
.nokta-baslik { margin-top:0; }
.nokta-ozet { font-size:13px; color:var(--ink-soft); margin:14px 0 10px; padding:8px 12px; background:var(--navy-900); border-radius:var(--r-sm); }
.nokta-kart { border:1px solid var(--line); border-radius:var(--r); padding:14px 16px; margin-bottom:12px; background:var(--navy-800); }
.nokta-kart-bas { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.nokta-kunye { font-weight:600; color:var(--ink); font-size:14px; }
.nokta-puan { flex-shrink:0; font-weight:700; font-size:13px; padding:2px 10px; border-radius:12px; font-family:var(--font-b); }
.nokta-gerekce { font-size:13px; color:var(--ink-soft); margin-top:8px; font-style:italic; line-height:1.55; }
.nokta-metin { margin-top:12px; padding:12px 14px; background:var(--navy-900); border-radius:var(--r-sm); max-height:420px; overflow-y:auto; font-size:13.5px; line-height:1.7; color:var(--ink); }
.nokta-metin p { margin:0 0 10px; }
.nokta-metin-btn { margin-top:10px; background:rgba(7,146,177,.15); color:var(--aksiyon); border:none; padding:6px 14px; border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-weight:600; font-family:var(--font-b); }
.nokta-metin-yok { margin-top:10px; font-size:12.5px; color:var(--ink-soft); font-style:italic; }

/* ============ NOKTA İÇTİHAT — indir/okundu/sil ============ */
.nokta-toplu-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:14px 0 12px; }
.nokta-toplu-aksiyon { position:relative; flex-shrink:0; }
.nokta-kart-alt { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px; padding-top:10px; border-top:1px solid var(--line); }
.nokta-indir-sar { position:relative; }
.nokta-okundu-btn, .nokta-sil-btn { background:transparent; border:1px solid var(--line); color:var(--ink-soft); padding:5px 12px; border-radius:var(--r-sm); cursor:pointer; font-size:12.5px; font-weight:600; font-family:var(--font-b); }
.nokta-okundu-btn:hover { border-color:var(--ok); color:var(--ok); }
.nokta-sil-btn:hover { border-color:#e08a96; color:#e08a96; }
.nokta-kart.nokta-okundu { opacity:.62; }
.nokta-okundu-rozet { flex-shrink:0; font-size:11px; font-weight:700; padding:2px 8px; border-radius:10px; background:rgba(78,201,138,.16); color:var(--ok); text-transform:uppercase; letter-spacing:.04em; }

/* Nokta İçtihat — 4 seviyeli puan renkleri */
.nokta-puan-gri { background:rgba(150,160,175,.18); color:#9aa6b5; }
.nokta-puan-sari { background:rgba(220,180,60,.20); color:#e3b94a; }
.nokta-puan-acikyesil { background:rgba(130,200,120,.18); color:#8fce82; }
.nokta-puan-yesil { background:rgba(60,180,100,.22); color:#4ec98a; }
/* Nokta İçtihat — seçim/etiket/özet */
.nokta-secim { display:flex; flex-direction:column; gap:8px; margin:14px 0 12px; }
.nokta-ara-satir { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.nokta-maliyet-bilgi { font-size:13px; color:var(--ink-soft); }
.nokta-etiket { font-weight:700; color:var(--aksiyon); font-style:normal; }
.nokta-ozet-satir { font-size:13.5px; color:var(--ink); margin-top:8px; line-height:1.6; }
.nokta-gerekce { font-style:normal; }

/* Hazırlanıyor spinner'ı (dönen daire) — genel panel ve üretim durumları */
@keyframes ricoy-spin { to { transform: rotate(360deg); } }
.spinner {
  display:inline-block; width:14px; height:14px; margin-right:7px; vertical-align:-2px;
  border:2px solid rgba(7,146,177,.25); border-top-color:var(--aksiyon);
  border-radius:50%; animation:ricoy-spin .7s linear infinite;
}
.g-hazir { display:inline-flex; align-items:center; font-size:12px; color:var(--aksiyon); font-weight:600; }
.spinner-lg { width:22px; height:22px; border-width:3px; margin-right:0; }

/* Nokta/İçtihat kayıt modalı — gövde kaydırılabilir olsun */
#nokta-kayit-govde { flex:1; min-height:0; overflow-y:auto; padding:20px 24px 28px; }

/* Önemli yer vurgusu (modal içi altı çizili) */
u.vurgu { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 2px; text-decoration-color: var(--aksiyon); }
.dlk-onizle-govde u.vurgu, .ict-metin-govde u.vurgu { text-decoration-color: #0792b1; }

/* Özel Talimatlar modalı */
.ot-card { max-width:640px; }
.ot-govde { padding:20px 24px 24px; overflow-y:auto; flex:1; min-height:0; }
.ot-aciklama { font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:14px; }
.ot-aksiyon { display:flex; justify-content:flex-end; margin-top:14px; }

/* "Şifremi unuttum" bağlantı düğmesi */
.link-btn { display:block; margin:10px auto 0; background:none; border:none; color:var(--aksiyon); font-size:13px; cursor:pointer; text-decoration:underline; font-family:var(--font-b); }
.auth-btn { padding:13px 12px; border-radius:var(--r-sm); font-family:var(--font-b); font-weight:600; font-size:14px; cursor:pointer; border:1px solid var(--line); background:none; color:var(--ink-soft); transition:border-color .15s,color .15s,background .15s; text-align:center; line-height:1.2; }
.auth-btn:hover { border-color:var(--aksiyon); color:var(--ink); }
.auth-btn:active { transform:translateY(1px); }
.auth-btn-birincil { background:var(--aksiyon); color:var(--aksiyon-yazi); border-color:var(--aksiyon); font-weight:700; font-size:15px; }
.auth-btn-birincil:hover { background:var(--aksiyon-koyu); border-color:var(--aksiyon-koyu); color:var(--aksiyon-yazi); box-shadow:0 8px 22px rgba(7,146,177,.3); }
@media (max-width:380px) { .auth-btn { font-size:13px; padding:11px 8px; } }
.auth-alt-soru { text-align:center; margin:13px 0 8px; color:var(--ink); font-size:14px; }
.auth-kayit-btn {  margin:9px 0 2px; }
.link-btn:hover { color:var(--aksiyon-koyu); }
#sifirla-modal .mod-toggle { margin:0 auto 16px; }

/* Kurtarma kodu kopyala/indir + Şifre sekmesi kurtarma bölümü */
.kurtarma-aksiyon { display:flex; gap:10px; justify-content:center; margin:12px 0; }
.sifre-bolum-ayrac { margin-top:8px; padding-top:20px; border-top:1px solid var(--line); }
.sifre-altbaslik { font-size:15px; font-weight:700; color:var(--ink); margin:0 0 6px; font-family:var(--font-b); }
.kurtarma-yeni { margin-top:14px; padding:14px; background:rgba(7,146,177,.06); border:1px solid var(--line); border-radius:var(--r-sm); }

/* Şifre sıfırlama: yöntem seçimi + tehlike uyarısı + token onay */
.sif-yontem { display:flex; gap:8px; margin:14px 0 12px; }
.sif-yontem-btn { flex:1; padding:8px; border:1px solid var(--line); background:transparent; color:var(--ink-soft); border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-weight:600; font-family:var(--font-b); }
.sif-yontem-btn.aktif { border-color:var(--aksiyon); color:var(--aksiyon); background:rgba(7,146,177,.08); }
.sif-tehlike { font-size:13px; line-height:1.55; color:#b4453b; background:rgba(224,138,138,.12); border:1px solid rgba(224,138,138,.4); border-radius:var(--r-sm); padding:11px 13px; margin:0 0 14px; }
.yt-onay-kutu { display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--ink); margin:10px 0; cursor:pointer; line-height:1.5; }
.yt-onay-kutu input { margin-top:2px; flex-shrink:0; }
#yt-giris { margin-top:14px; width:100%; }

/* Hesap modalı: kredi (yükleme/iade/hediye) hareketlerinin açıklaması yeşil */
.kontor-aciklama-kredi { color:#4ec98a; font-weight:600; }

/* Uygulama içi uyarı / onay penceresi */
.app-dialog-card { max-width:440px; width:calc(100% - 48px); padding:24px 26px 22px; }
.app-dialog-baslik { font-size:17px; font-weight:700; color:var(--ink); margin:0 0 10px; font-family:var(--font-b); }
.app-dialog-mesaj { font-size:14px; line-height:1.6; color:var(--ink-soft); white-space:pre-wrap; margin:0 0 20px; }
.app-dialog-aksiyon { display:flex; gap:10px; justify-content:flex-end; }
.app-dialog-btn { padding:10px 20px; border-radius:var(--r-sm); font-size:14px; font-weight:600; cursor:pointer; border:1px solid transparent; font-family:var(--font-b); }
.app-dialog-btn-onay { background:var(--aksiyon); color:#fff; }
.app-dialog-btn-onay:hover { background:var(--aksiyon-koyu); }
.app-dialog-btn-iptal { background:transparent; border-color:var(--line); color:var(--ink-soft); }
.app-dialog-btn-iptal:hover { border-color:var(--ink-soft); color:var(--ink); }
.app-dialog-btn-tehlike { background:#b4453b; color:#fff; }
.app-dialog-btn-tehlike:hover { background:#9a3a31; }

/* ===== Sysadmin Rapor sekmesi ===== */
.sa-rapor-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sa-rapor-kur { margin: 8px 0 16px; font-size: 14px; }
.sa-rapor-modul { margin-bottom: 18px; }
.sa-rapor-modul h4, .sa-rapor-toplam h4 { margin: 0 0 6px; font-size: 15px; }
.sa-rapor-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.sa-rapor-tablo th, .sa-rapor-tablo td { padding: 6px 10px; border-bottom: 1px solid var(--cizgi, #e5e7eb); text-align: left; }
.sa-rapor-tablo th { font-weight: 600; opacity: .75; }
.sa-rapor-sag { text-align: right !important; font-variant-numeric: tabular-nums; }
.sa-rapor-toplam { margin-top: 22px; padding-top: 12px; border-top: 2px solid var(--cizgi, #e5e7eb); }
.sa-rapor-filtre { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 12px 0 16px; }
.sa-rapor-filtre label { display: flex; flex-direction: column; gap: 3px; font-size: 13px; opacity: .85; }
.sa-rapor-filtre .sa-input { min-width: 130px; }
.sa-rapor-kaydir { overflow-x: auto; }
.sa-kar-arti { color: #16a34a; font-weight: 600; }
.sa-kar-eksi { color: #dc2626; font-weight: 600; }
.rozet-mod-hizli { background: #dcfce7; color: #166534; }
.rozet-mod-normal { background: #eef2f7; color: #475569; }
.rozet-mod-derin { background: #e0e7ff; color: #3730a3; }
.rozet-mod-derin_pro { background: #ede9fe; color: #5b21b6; font-weight: 600; }
.rozet-mod-uzman { background: #fde9d0; color: #b45309; font-weight: 700; }

/* ===== Tarife alt-tab'ları ===== */
.sa-alt-tablar { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; border-bottom: 1px solid var(--line, #e5e7eb); padding-bottom: 10px; }
.sa-alt-tab { padding: 8px 14px; border: 1px solid var(--line, #e5e7eb); background: transparent; border-radius: 8px; cursor: pointer; font-size: 14px; color: var(--ink-soft, #555); transition: all .15s; }
.sa-alt-tab:hover { background: rgba(99,151,246,.08); }
.sa-alt-tab.aktif { background: #6397f6; color: #fff; border-color: #6397f6; font-weight: 600; }
/* Tüm alt paneller Kampanyalar kadar dikey yükseklikte (sayfa zıplamasın) */
.sa-alt-icerik .sa-alt-panel { min-height: 360px; }

/* ===== Sysadmin liste sayfalama ===== */
.sa-sayfalama { display:flex; align-items:center; justify-content:center; gap:14px; margin:18px 0 4px; flex-wrap:wrap; }
.sa-sayfa-btn { padding:8px 16px; border:1px solid var(--line,#e5e7eb); background:#fff; border-radius:8px; cursor:pointer; font-size:14px; color:#374151; }
.sa-sayfa-btn:hover:not(:disabled) { border-color:#6397f6; color:#6397f6; }
.sa-sayfa-btn:disabled { opacity:.45; cursor:not-allowed; }
.sa-sayfa-bilgi { font-size:13px; color:#6b7280; }

/* Kayıt sonrası büro kodu bilgisi */
.kurtarma-buro-kod { margin:12px 0; padding:14px 16px; background:rgba(99,151,246,.12); border:1px solid rgba(99,151,246,.35); border-radius:10px; font-size:16px; color:var(--ink); text-align:center; }
.kurtarma-buro-kod .kbk-not { display:block; margin-top:6px; font-size:12.5px; color:var(--ink-soft); font-weight:400; }
.auth-not { font-size:12.5px; color:var(--ink-soft); line-height:1.5; margin:0; padding:10px 12px; background:rgba(99,151,246,.08); border-radius:8px; }

/* Şifre/Güvenlik: 3 alan yan yana */
.sifre-satir-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:680px) { .sifre-satir-3 { grid-template-columns:1fr; } }

/* ===== Kullanıcılar sekmesi (kontör yönetimi) ===== */
.kul-mod-satir { display:flex; align-items:center; justify-content:flex-start; gap:16px; padding:14px 16px; background:rgba(99,151,246,.07); border:1px solid rgba(99,151,246,.2); border-radius:10px; margin-bottom:12px; flex-wrap:wrap; }
.kul-mod-bilgi { flex:1; min-width:200px; }
.kul-bakiye-not { display:block; margin-top:6px; font-size:12.5px; color:var(--ink-soft,#6b7280); line-height:1.5; font-weight:400; }
.kul-mod-bilgi strong { font-size:15px; }
.kul-mod-bilgi .sa-not { margin:4px 0 0; }
.kul-toggle { display:inline-flex; align-items:center; gap:10px; cursor:pointer; user-select:none; }
.kul-toggle input { display:none; }
.kul-toggle-track { width:46px; height:26px; background:#cbd5e1; border-radius:99px; position:relative; transition:background .2s; flex:none; }
.kul-toggle-thumb { position:absolute; top:3px; left:3px; width:20px; height:20px; background:#fff; border-radius:50%; transition:transform .2s; box-shadow:0 1px 3px rgba(0,0,0,.2); }
.kul-toggle input:checked + .kul-toggle-track { background:#6397f6; }
.kul-toggle input:checked + .kul-toggle-track .kul-toggle-thumb { transform:translateX(20px); }
.kul-toggle-etiket { font-size:13.5px; font-weight:600; color:#374151; min-width:84px; }
.kul-buro-bakiye { font-size:14px; color:var(--ink-soft); margin-bottom:14px; }
.kul-kart { padding:12px 14px; border:1px solid var(--line,#e5e7eb); border-radius:10px; margin-bottom:10px; }
.kul-kart-bas { display:flex; align-items:center; justify-content:space-between; }
.kul-ad { font-weight:600; }
.kul-rozet { font-size:11px; background:#6397f6; color:#fff; padding:2px 8px; border-radius:99px; margin-left:6px; font-weight:600; }
.kul-limit-sar { display:flex; align-items:center; gap:8px; margin-top:10px; flex-wrap:wrap; }
.kul-limit-input { width:120px; padding:7px 10px; border:1px solid var(--line,#e5e7eb); border-radius:8px; font-size:14px; }
.kul-limit-btn { padding:7px 14px; background:#6397f6; color:#fff; border:none; border-radius:8px; cursor:pointer; font-size:13.5px; }
.kul-limit-btn:hover { background:#4f86f0; }
.kul-limit-bilgi { font-size:12.5px; color:var(--ink-soft); }
.kul-kontorum-kart { padding:16px; border:1px solid var(--line,#e5e7eb); border-radius:12px; }
.kul-kontorum-satir { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid #f1f5f9; }
.kul-kontorum-satir.kul-kalan { border-bottom:none; font-size:17px; }
.kul-kontorum-satir.kul-kalan strong { color:#6397f6; }

/* ===== Rapor akordiyonları ===== */
.sa-akordiyon { border:1px solid var(--line,#e5e7eb); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.sa-akordiyon-bas { width:100%; display:flex; align-items:center; gap:12px; padding:14px 16px; background:#fff; border:none; cursor:pointer; text-align:left; font-size:15px; }
.sa-akordiyon-bas:hover { background:#f8fafc; }
.sa-akordiyon-baslik { font-weight:600; color:var(--ink,#1f2937); }
.sa-akordiyon-ozet { margin-left:auto; font-size:12.5px; color:var(--ink-soft,#6b7280); }
.sa-akordiyon-ok { font-size:13px; color:#9ca3af; transition:transform .2s; flex:none; }
.sa-akordiyon[data-acik="true"] .sa-akordiyon-ok { transform:rotate(180deg); }
.sa-akordiyon[data-acik="true"] .sa-akordiyon-bas { border-bottom:1px solid var(--line,#e5e7eb); }
.sa-akordiyon-govde { padding:4px 16px 14px; }
.sa-akordiyon-genel { border-color:rgba(99,151,246,.4); }
.sa-akordiyon-genel .sa-akordiyon-bas { background:rgba(99,151,246,.06); }
.sa-rapor-modul-toplam td { border-top:2px solid var(--line,#e5e7eb); background:#f8fafc; }

/* ===== Kullanıcı ekleme/silme ===== */
.kul-sil-btn { padding:5px 12px; background:#fff; color:#dc2626; border:1px solid #fca5a5; border-radius:7px; cursor:pointer; font-size:13px; }
.kul-sil-btn:hover { background:#fef2f2; }
.kul-ekle-kart { margin-top:16px; padding:16px; border:1px dashed var(--line,#cbd5e1); border-radius:12px; background:#fafbfc; }
.kul-ekle-kart h4 { margin:0 0 6px; font-size:15px; }
.kul-ekle-satir { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.kul-ekle-satir input { flex:1; min-width:160px; padding:9px 12px; border:1px solid var(--line,#e5e7eb); border-radius:8px; font-size:14px; }
.kul-ekle-btn { padding:9px 20px; background:#6397f6; color:#fff; border:none; border-radius:8px; cursor:pointer; font-size:14px; }
.kul-ekle-btn:hover { background:#4f86f0; }
.kul-ekle-btn:disabled { opacity:.6; cursor:not-allowed; }
.kul-ekle-sonuc { margin-top:12px; padding:12px 14px; border-radius:8px; font-size:13.5px; }
.kul-ekle-sonuc.ok { background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.3); }
.kul-ekle-sonuc.err { background:#fef2f2; border:1px solid #fca5a5; color:#b91c1c; }
.kul-ekle-sonuc code { background:#fff; padding:2px 8px; border-radius:6px; font-size:15px; font-weight:600; letter-spacing:.5px; }

/* Kurtarma kodu: mevcut şifre + buton yan yana */
.kr-satir { display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; }
.kr-satir .sifre-alan { flex:1; min-width:200px; margin-bottom:0; }
.kr-satir .kr-yenile-btn { flex:none; white-space:nowrap; }
@media (max-width:560px) { .kr-satir .kr-yenile-btn { width:100%; } }

/* ===== Onay blokları + yasal metin modalı ===== */
.onay-bloklari { display:flex; flex-direction:column; gap:10px; margin:14px 0; }
.kvkk-onay { display:flex; align-items:flex-start; gap:8px; font-size:13.5px; line-height:1.5; cursor:pointer; }
.kvkk-onay input { margin-top:3px; flex:none; }
.yasal-link { color:#6397f6; text-decoration:underline; cursor:pointer; }
.yasal-modal-card { max-width:680px; max-height:82vh; display:flex; flex-direction:column; }
.yasal-icerik { overflow-y:auto; padding:8px 4px 16px; line-height:1.6; font-size:14px; }
.yasal-icerik h3 { margin-top:0; }
.yasal-icerik h4 { margin:18px 0 6px; font-size:15px; }
.yasal-icerik ul { padding-left:20px; }
.yasal-icerik li { margin:4px 0; }

/* ============================================================
   MOBİL UYUM — Kullanıcı paneli (sysadmin paneli hariç)
   ============================================================ */
@media (max-width: 768px) {
  /* Üst bar: tek satıra sığmaz → marka+butonlar üstte, sekmeler altta yatay kaydırılır */
  .app-header {
    height:auto; flex-wrap:wrap; gap:8px; padding:8px 12px; position:sticky; top:0;
  }
  .tablar {
    order:3; width:100%; flex:1 0 100%; overflow-x:auto; flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch; padding-bottom:4px; gap:2px;
  }
  .tablar::-webkit-scrollbar { height:0; }
  .tab { white-space:nowrap; flex:0 0 auto; padding:8px 12px; font-size:13.5px; }
  .header-sag { gap:8px; margin-left:auto; }
  .btn-kontor, .btn-cikis { padding:6px 10px; font-size:12px; }

  /* İçerik alanı */
  .app-main { padding:18px 14px; overflow-x:clip; }
  /* Genel arama satırı: kutu tam genişlik, düğmeler alta sığarak yayılır */
  .app-main:has(.panel.aktif[data-panel="genel"]) { max-width:100%; }
  .panel h2 { font-size:22px; }

  /* Form alanları yan yana yerine alt alta */
  .alan-satir { flex-direction:column; gap:10px; }
  .alan-satir .alan, .alan-satir .kullanici-alan, .alan-satir .buro-kod-alan { flex:1 1 auto; width:100%; }

  /* Modallar telefonda neredeyse tam ekran */
  .modal { padding:10px; }
  .modal-card { max-width:96vw; width:96vw; padding:20px 16px; max-height:92vh; }
  .modal-card h2 { font-size:20px; }

  /* Hesap modalı sekmeleri yatay kaydırılır */
  .kontor-tablar { overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch; padding:0 12px; }
  .kontor-tab { white-space:nowrap; flex:0 0 auto; }

  /* Üretim ayarları / tek satır düzenleri alt alta */
  .dlk-satir, .ict-satir, .uretim-satir, .form-satir { flex-direction:column; align-items:stretch; gap:10px; }

  /* Geniş içerik kutuları taşmasın */
  input, select, textarea { max-width:100%; }
}

@media (max-width: 480px) {
  .panel h2 { font-size:20px; }
  .tab { padding:7px 10px; font-size:13px; }
  .modal-card { padding:16px 13px; }
  .btn-kontor, .btn-cikis { padding:5px 8px; font-size:11.5px; }
}

/* Kontör satın alma bilgi kutusu */
.kontor-satin-bilgi { padding:14px 16px; background:rgba(99,151,246,.08); border:1px solid rgba(99,151,246,.25); border-radius:10px; margin-bottom:16px; }
.kontor-satin-bilgi strong { display:block; margin-bottom:6px; font-size:15px; }
.kontor-satin-bilgi p { margin:6px 0 0; font-size:13.5px; line-height:1.55; color:var(--ink-soft); }
.kontor-satin-bilgi .kontor-iletisim { font-size:14px; }
.kontor-satin-bilgi a { color:#6397f6; text-decoration:underline; }

/* ===== Genel panel: mobilde tablo yerine KART görünümü ===== */
@media (max-width: 768px) {
  .genel-tablo-sar { border:none; overflow:visible; border-radius:0; }
  table.genel-tablo { min-width:0 !important; width:100% !important; font-size:14px; }
  .genel-tablo thead { display:none; }
  .genel-tablo, .genel-tablo tbody, .genel-tablo tr, .genel-tablo td { display:block; width:auto; }
  .genel-tablo tr {
    border:1px solid var(--line); border-radius:12px; padding:12px 14px; margin-bottom:12px;
    background:rgba(99,151,246,.04);
  }
  .genel-tablo tr:hover { background:rgba(99,151,246,.04); }
  .genel-tablo td {
    border:none !important; padding:3px 0 !important; min-width:0 !important; max-width:none !important;
    white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
    overflow-wrap:anywhere; word-break:break-word;
  }
  /* Şablon / Uzunluk / İçtihat — ikincil bilgiler, kartı sade tutmak için gizle */
  .genel-tablo .g-dar { display:none; }
  .genel-tablo .g-tur { min-width:0 !important; }
  .genel-tablo .g-ozet { min-width:0 !important; max-width:none !important; display:block; }
  .genel-tablo .g-ozet-ic {
    -webkit-line-clamp:4; line-clamp:4; white-space:normal !important;
    overflow-wrap:anywhere; word-break:break-word; max-width:100%;
  }
  .genel-tablo .g-islem { text-align:left; min-width:0 !important; padding-top:10px !important; display:flex; flex-wrap:wrap; gap:6px; }
  /* Alan etiketleri (mobilde) */
  .genel-tablo .g-kullanici::before { content:"Kullanıcı: "; color:var(--ink-faint); font-weight:600; }
  .genel-tablo .g-tarih::before { content:"Tarih: "; color:var(--ink-faint); font-weight:600; }
  .genel-tablo .g-tur::before { content:"Tür: "; color:var(--ink-faint); font-weight:600; }
  .genel-tablo .g-ozet::before { content:"Özet"; display:block; color:var(--ink-faint); font-weight:600; margin-bottom:2px; }
}

/* ===== Mobil kart menüsü + geri düğmesi ===== */
.mobil-menu { display:none; }
.mobil-geri { display:none; }
@media (max-width: 768px) {
  /* Yatay sekme çubuğu mobilde gizli — yerine kart menüsü (YALNIZCA kullanıcı uygulaması) */
  body:not(.sysadmin-body) .app-header .tablar { display:none !important; }
  .mobil-menu:not([hidden]) {
    display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:6px;
  }
  .mobil-kart {
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
    padding:26px 12px; min-height:120px; border:1px solid var(--line); border-radius:16px;
    background:linear-gradient(180deg, var(--navy-700), var(--navy-800));
    color:var(--ink); cursor:pointer; font-family:var(--font-b); font-weight:600;
    font-size:15px; text-align:center; line-height:1.25; transition:border-color .15s, transform .1s;
  }
  .mobil-kart:active { border-color:var(--blue); transform:scale(.98); }
  .mobil-kart .mk-ikon { font-size:30px; }
  .mobil-geri:not([hidden]) {
    display:inline-flex; align-items:center; gap:5px; background:none; border:1px solid var(--line);
    color:var(--ink-soft); padding:8px 15px; border-radius:9px; font-family:var(--font-b);
    font-weight:600; font-size:14px; cursor:pointer; margin-bottom:16px;
  }
  .mobil-geri:active { border-color:var(--blue); }
}

/* İkincil buton (örn. Özel Talimatlar > Kapat) */
.btn-ikincil {
  padding:14px 18px; border:1px solid var(--line); border-radius:var(--r-sm); cursor:pointer;
  background:none; color:var(--ink-soft); font-family:var(--font-b); font-weight:600; font-size:14px;
  transition:border-color .15s, color .15s;
}
.btn-ikincil:hover { border-color:var(--blue); color:var(--ink); }
.ot-aksiyon { display:flex; gap:10px; align-items:center; }

/* Çerez bilgilendirme bandı */
.cerez-bant {
  position:fixed; left:0; right:0; bottom:0; z-index:80;
  display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:center;
  padding:14px 18px; background:var(--navy-800); border-top:1px solid var(--line);
  color:var(--ink-soft); font-size:13.5px; line-height:1.5;
}
.cerez-bant a { color:var(--blue); }
.cerez-bant .cerez-ok {
  background:var(--aksiyon); color:var(--aksiyon-yazi); border:none; border-radius:8px;
  padding:8px 18px; cursor:pointer; font-family:var(--font-b); font-weight:600; font-size:13.5px; white-space:nowrap;
}
@media (max-width:560px){ .cerez-bant { font-size:13px; padding:12px 14px; } }

/* Belge analizi: çoklu dosya listesi + çoklu rapor blokları */
.an-limit-not { color:var(--ink-faint); font-weight:400; font-size:13.5px; }
/* Belge Analizi: 3 combobox satırı tam genişliği (820px) doldursun; textarea ve akıl yürütme kutusuyla aynı genişlik. */
#analiz-belge .ar-satir .dlk-ayar { flex:1 1 0; min-width:0; }
/* "Belge(ler) *" etiketi Belge Ekle düğmesinin yanında, 1px büyük font. */
.an-belge-etiket { font-size:15px; font-weight:600; color:var(--ink); }
.an-belge-etiket .an-limit-not { font-size:13.5px; }
.an-dosya-liste { display:flex; flex-direction:column; gap:6px; margin:8px 0 4px; }
.an-dosya-sat { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; border:1px solid var(--line); border-radius:9px; background:rgba(99,151,246,.05); }
.an-dosya-sat .an-dosya-ad { font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.an-dosya-sil { background:none; border:none; color:var(--ink-faint); cursor:pointer; font-size:15px; padding:2px 6px; border-radius:6px; flex:none; }
.an-dosya-sil:hover { color:#e0556b; background:rgba(224,85,107,.1); }
.an-dosya-sat-blok { margin-bottom:8px; }
.an-dosya-sat-blok .an-dosya-sat { margin-bottom:0; }
.an-sayfa-sec { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:7px 12px 2px; }
.an-sayfa-lbl { font-size:13px; font-weight:600; color:#15803d; }
.an-sayfa-tip, .dosya-sayfa-tip, .dlk-sayfa-tip, .revize-sayfa-tip, .an-genislet-sayfa-tip, .sz-risk-sayfa-tip { font-size:13.5px; padding:7px 12px; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--ink); min-width:170px; cursor:pointer; }
.an-sayfa-tip:focus, .dosya-sayfa-tip:focus, .dlk-sayfa-tip:focus, .revize-sayfa-tip:focus, .an-genislet-sayfa-tip:focus, .sz-risk-sayfa-tip:focus { outline:none; border-color:var(--blue); }
.an-sayfa-deger, .dosya-sayfa-deger, .revize-sayfa-deger, .an-genislet-sayfa-deger, .sz-risk-sayfa-deger, .dlk-sayfa-deger {
  font-size:13px; padding:9px 11px; border:1px solid var(--line); border-radius:var(--r-sm);
  background:var(--bg); color:var(--ink); font-family:var(--font-b);
  flex:1 1 260px; min-width:240px; max-width:100%; box-sizing:border-box;
}
.an-sayfa-deger:focus, .dosya-sayfa-deger:focus, .revize-sayfa-deger:focus, .an-genislet-sayfa-deger:focus, .sz-risk-sayfa-deger:focus, .dlk-sayfa-deger:focus { outline:none; border-color:var(--blue); }
.an-sayfa-durum { font-size:12px; color:var(--ink-faint); }
.an-belge-blok { border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:14px; }
.an-belge-baslik { font-family:var(--font-b); font-weight:700; font-size:15px; color:var(--blue); margin-bottom:8px; padding-bottom:6px; border-bottom:1px solid var(--line); }
.an-ortak-blok { border:2px solid var(--aksiyon); border-radius:12px; padding:14px 16px; margin-top:6px; background:rgba(7,146,177,.05); }
.an-ortak-baslik { font-family:var(--font-b); font-weight:700; font-size:16px; color:var(--aksiyon); margin-bottom:10px; }

/* Sysadmin hediye formu küçük not */
.sa-not-mini { font-weight:400; font-size:12px; color:var(--ink-faint); }

/* Kullanıcı kartında modül üretim kırılımı */
.kul-uretim { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; padding-top:10px; border-top:1px solid var(--line); }
.kul-uretim-rozet { font-size:12.5px; padding:3px 9px; border-radius:20px; background:rgba(99,151,246,.1); color:var(--ink-soft); }
.kul-uretim-rozet strong { color:var(--ink); }
.kul-uretim-bos { font-size:12.5px; color:var(--ink-faint); font-style:italic; }

/* ===== Sysadmin: akordeon hesap kartı + özet kart ===== */
.sa-akor .akor-bas { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sa-akor .akor-sag { display:flex; align-items:center; gap:10px; flex:none; }
.sa-akor .akor-say { font-size:12.5px; color:var(--ink-faint); white-space:nowrap; }
.sa-akor .akor-ok { transition:transform .2s; color:var(--ink-faint); font-size:14px; }
.sa-akor.acik .akor-ok { transform:rotate(180deg); }
.sa-akor .kart-govde { display:none; margin-top:12px; }
.sa-akor.acik .kart-govde { display:block; }
.sa-ozet-kart { border:2px solid var(--aksiyon); background:rgba(7,146,177,.05); }
.sa-ozet-kart .kart-ad { margin-bottom:10px; }
.sa-ozet-say { font-size:12.5px; font-weight:400; color:var(--ink-faint); }
.sa-ozet-not { margin-top:10px; font-size:11.5px; color:var(--ink-faint); line-height:1.5; }

/* Giriş ekranı imza satırı */
.auth-imza { text-align:center; margin-top:14px; font-size:12.5px; color:var(--ink-faint); }
.auth-imza a { color:var(--ink-soft); text-decoration:none; }
.auth-imza a:hover { text-decoration:underline; }

/* Logo (marka simgesi olarak görsel) */
img.brand-mark { object-fit:cover; background:none !important; padding:0; box-shadow:0 0 0 1px rgba(230,182,104,.3), 0 8px 24px rgba(7,18,40,.25); }

/* ===== Sysadmin: tekil kullanıcı liste öğesi ===== */
.sa-oge { display:flex; align-items:center; gap:18px; padding:14px 18px; border:1px solid var(--line); border-radius:12px; margin-bottom:8px; background:var(--card,rgba(255,255,255,.02)); flex-wrap:wrap; }
.sa-oge.oge-pasif { opacity:.62; }
.oge-sol { flex:1 1 240px; min-width:0; }
.oge-ad { font-family:var(--font-b); font-weight:700; font-size:15px; }
.oge-rozet-pasif { font-size:11px; font-weight:600; color:#e0556b; background:rgba(224,85,107,.12); padding:2px 8px; border-radius:20px; vertical-align:middle; }
.oge-eposta { font-size:13px; color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.oge-meta { font-size:11.5px; color:var(--ink-faint); margin-top:3px; }
.oge-orta { flex:2 1 320px; min-width:0; }
.oge-kontor { display:flex; gap:14px; flex-wrap:wrap; font-size:12.5px; color:var(--ink-soft); margin-bottom:7px; }
.oge-kontor b { color:var(--ink); }
.oge-kontor .oge-kalan b { color:var(--aksiyon); }
.oge-chips { display:flex; flex-wrap:wrap; gap:5px; }
.oge-chips .chip { font-size:11.5px; padding:2px 8px; border-radius:20px; background:rgba(99,151,246,.1); color:var(--ink-soft); }
.oge-chips .chip b { color:var(--ink); }
.oge-sag { display:flex; gap:8px; flex:0 0 auto; align-items:center; }
.oge-sag .sa-durum { padding:7px 14px; font-size:13px; border-radius:9px; }
.oge-sag .sa-sil { padding:7px 12px; font-size:13px; border-radius:9px; }

/* ===== Sysadmin: tekil kullanıcı TABLO görünümü ===== */
.sa-tablo-sar { overflow-x:auto; border:1px solid var(--line); border-radius:12px; margin-bottom:14px; }
.sa-tablo { width:100%; border-collapse:collapse; font-size:13.5px; min-width:760px; }
.sa-tablo thead th { text-align:left; padding:12px 14px; font-size:12px; font-weight:700; letter-spacing:.3px; color:var(--ink-faint); text-transform:uppercase; border-bottom:1px solid var(--line); white-space:nowrap; }
.sa-tablo tbody td { padding:12px 14px; border-bottom:1px solid var(--line); vertical-align:middle; }
.sa-tablo tbody tr:last-child td { border-bottom:none; }
.sa-tablo tbody tr:hover { background:rgba(99,151,246,.04); }
.sa-tablo tr.sat-pasif { opacity:.55; }
.st-ad { font-weight:700; }
.st-eposta { font-size:12px; color:var(--ink-soft); margin-top:2px; }
.st-say { text-align:center; font-variant-numeric:tabular-nums; }
.st-kalan { font-weight:700; color:var(--aksiyon); }
.st-uretim { min-width:200px; }
.st-uretim .chip { display:inline-block; font-size:11px; padding:2px 7px; border-radius:20px; background:rgba(99,151,246,.1); color:var(--ink-soft); margin:2px 3px 2px 0; }
.st-uretim .chip b { color:var(--ink); }
.st-tarih { white-space:nowrap; font-size:12.5px; color:var(--ink-soft); }
.st-islem { text-align:right; white-space:nowrap; }
.st-islem .sa-durum { padding:6px 12px; font-size:12.5px; border-radius:8px; margin-right:6px; }
.st-islem .sa-sil { padding:6px 11px; font-size:12.5px; border-radius:8px; }

/* Hesap modalı: Bilgi sekmesi */
.kontor-bilgi-govde { }
.kontor-bilgi { font-size:14px; line-height:1.7; color:var(--ink-soft); }
.kontor-bilgi .kbil-bas { font-family:var(--font-b); font-weight:700; font-size:15.5px; color:var(--ink); margin:18px 0 8px; }
.kontor-bilgi .kbil-bas:first-child { margin-top:0; }
.kbil-liste { display:flex; flex-direction:column; gap:6px; margin:6px 0 4px; }
.kbil-satir { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px 10px; border:1px solid rgba(128,128,128,.25); border-radius:8px; font-size:13px; }
.kbil-ad { font-weight:600; }
.kbil-deg { text-align:right; opacity:.9; font-size:12px; }
.kbil-rozet { display:inline-block; padding:1px 7px; border-radius:999px; font-size:11px; font-weight:600; margin-right:4px; }
.kbil-aktif { background:rgba(16,185,129,.18); color:#059669; }
.kbil-pasif { background:rgba(148,148,148,.22); color:#6b7280; }
.kontor-bilgi p { margin-bottom:10px; }
.kontor-bilgi strong { color:var(--ink); }
.kontor-bilgi a { color:var(--aksiyon); }
.kontor-bilgi .kbil-iban { font-weight:700; color:var(--ink); letter-spacing:.5px; white-space:nowrap; }

/* Birleşik kullanıcı tablosu: Tür sütunu */
.sa-tablo .st-tur { font-size:12.5px; color:var(--ink-soft); white-space:nowrap; }

/* ===== Sysadmin: kullanıcı/büro akordiyon liste ===== */
.sa-akor-liste { display:flex; flex-direction:column; gap:8px; }
.sa-akor { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--card,rgba(255,255,255,.02)); }
.sa-akor.kart-pasif { opacity:.62; }
.akor-bas { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 18px; cursor:pointer; user-select:none; }
.akor-bas:hover { background:rgba(99,151,246,.04); }
.akor-bas-sol { min-width:0; flex:1; }
.akor-bas-sol .st-ad { font-family:var(--font-b); font-weight:700; font-size:15px; }
.akor-bas-sol .st-eposta { font-size:12.5px; color:var(--ink-soft); margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.akor-sag { display:flex; align-items:center; gap:14px; flex:0 0 auto; }
.akor-tur { font-size:12px; color:var(--ink-faint); }
.akor-bakiye { font-size:13px; color:var(--ink-soft); }
.akor-bakiye b { color:var(--aksiyon); font-size:15px; }
.akor-ok { font-size:13px; color:var(--ink-faint); transition:transform .2s; }
.sa-akor.acik .akor-ok { transform:rotate(180deg); }
.akor-govde { display:none; padding:0 18px 16px; border-top:1px solid var(--line); }
.sa-akor.acik .akor-govde { display:block; }
.akor-govde .metr { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:10px; margin:14px 0; }
.akor-islem { display:flex; flex-wrap:wrap; gap:8px; }
.akor-islem button { padding:8px 14px; font-size:13px; border-radius:9px; }
.sa-kontor-ekle { background:var(--aksiyon); color:#fff; border:none; cursor:pointer; font-weight:600; }
.sa-kontor-ekle:hover { filter:brightness(1.08); }
.sa-kontor-ekle:disabled { opacity:.6; cursor:default; }

/* ===== Sysadmin kullanıcı tablosu (akordiyon yerine) ===== */
.sa-tablo-sar { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #e2e8f0; border-radius: 10px; }
.sa-kullanici-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.sa-kullanici-tablo th, .sa-kullanici-tablo td { padding: 9px 12px; text-align: left; border-bottom: 1px solid #eef2f6; }
/* Üretim sayısı sütunları dar ve ortalı; ad/e-posta esneyebilir */
.sa-kullanici-tablo th:nth-child(n+9):nth-child(-n+14),
.sa-kullanici-tablo td:nth-child(n+9):nth-child(-n+14) { text-align: center; width: 1%; white-space: nowrap; }
.sa-kullanici-tablo thead th { background: #f8fafc; color: #475569; font-weight: 600; position: sticky; top: 0; border-bottom: 2px solid #e2e8f0; }
.sa-kullanici-tablo tbody tr:hover { background: #f8fbfe; }
.sa-kullanici-tablo .sa-kalan b { color: #0792b1; }
.sa-kullanici-tablo .sa-kalan-sari b { color: #d4a106; }
.sa-kullanici-tablo .sa-kalan-turuncu b { color: #e0883a; }
.sa-kullanici-tablo .sa-kalan-kirmizi b { color: #dc2626; }
.sa-kullanici-tablo .sa-satir-pasif { opacity: 0.55; }
.sa-tablo-toplam td { background: #f1f5f9; border-top: 2px solid #cbd5e1; border-bottom: none; }
.sa-tablo-islem { display: flex; gap: 4px; }
.sa-tablo-islem button { font-size: 11px; padding: 4px 8px; border-radius: 6px; border: 1px solid #cbd5e1; background: #fff; cursor: pointer; white-space: nowrap; }
.sa-tablo-islem .sa-durum { font-weight: 600; }
.sa-tablo-islem .sa-durum.aktif { background: #fff; color: #e0883a; border-color: #e0883a; }
.sa-tablo-islem .sa-durum.pasif { background: #fff; color: #16a34a; border-color: #16a34a; }
.sa-tablo-islem .sa-kontor-ekle { background: #fff; color: #16a34a; border-color: #16a34a; font-weight: 600; }
.sa-tablo-islem .sa-mesaj-gonder { background: #fff; color: #2563eb; border-color: #2563eb; font-weight: 600; }
.sa-tablo-islem .sa-mesaj-gonder:hover { background: #eff6ff; }
.sa-tablo-islem .sa-askida-btn { color:#e0883a; border-color:#e0883a; font-weight:600; }
.sa-tablo-islem .sa-askida-btn.askida-aktif { color:#16a34a; border-color:#16a34a; }
.sa-tablo-islem .sa-askida-btn:hover { background:#fff7ed; }
.sa-dogrula-ok { color:#16a34a; font-weight:800; margin-right:1px; }
.sa-tablo-islem .sa-dogrula-btn { color:#64748b; border-color:#cbd5e1; font-weight:600; }
.sa-tablo-islem .sa-dogrula-btn.dogrulandi { color:#16a34a; border-color:#16a34a; background:rgba(22,163,74,.08); }
.sa-tablo-islem .sa-dogrula-btn:hover { background:#f0fdf4; }
.sa-tablo-islem .sa-sil { color: #b91c1c; font-weight: 600; }
.sa-tablo-islem .sa-durum.aktif:hover { background: #e0883a; color: #fff; border-color: #e0883a; }
.sa-tablo-islem .sa-durum.pasif:hover { background: #16a34a; color: #fff; border-color: #16a34a; }
.sa-tablo-islem .sa-kontor-ekle:hover { background: #16a34a; color: #fff; border-color: #16a34a; }
.sa-tablo-islem .sa-sil:hover { border-color: #d4548a; color: #d4548a; }
.oge-rozet-pasif { font-size: 10px; background: #fee2e2; color: #b91c1c; padding: 1px 6px; border-radius: 8px; }
.sa-sayfalama { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; flex-wrap: wrap; }
.sa-sayfa-boyut { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #475569; }
.sa-sayfa-boyut select { padding: 4px 8px; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; font-size: 13px; cursor: pointer; }
.sa-sayfa-nav { display: flex; align-items: center; gap: 10px; }

/* ===== Sysadmin varsayılan ayarlar ===== */
.sa-vars-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin: 14px 0; }
.sa-vars-alan { display: flex; flex-direction: column; gap: 5px; }
.sa-vars-alan label { font-size: 13px; color: var(--ink-soft); font-weight: 600; }
.sa-vars-alan select, .sa-vars-alan input { padding: 9px 11px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--navy-900); color: var(--ink); font-size: 14px; width: 100%; box-sizing: border-box; }
.sa-vars-alan select:focus, .sa-vars-alan input:focus { outline: none; border-color: var(--blue); }

/* ===== Sysadmin işlem maliyetleri ===== */
.sa-maliyet-grup { margin: 18px 0; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.sa-maliyet-grup:last-of-type { border-bottom: none; }
.sa-maliyet-grup h4 { margin: 0 0 10px; font-size: 15px; color: var(--ink); }
.sa-maliyet-not { font-size: 12px; font-weight: 400; color: var(--ink-soft); }
.sa-maliyet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.sa-maliyet-grid label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--ink-soft); }
.sa-maliyet-grid input { padding: 7px 9px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--navy-900); color: var(--ink); font-size: 14px; }

/* ===== Destek / mesajlaşma ===== */
.destek-rozet { display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; margin-left:6px; border-radius:9px; background:#16a34a; color:#fff; font-size:11px; font-weight:700; line-height:1; }
.destek-ust { margin-bottom:14px; }
.destek-liste { display:flex; flex-direction:column; gap:10px; }
.destek-bos { padding:24px; text-align:center; color:var(--ink-soft); }
.destek-satir, .sa-destek-satir { display:flex; flex-direction:column; gap:6px; width:100%; text-align:left; padding:14px 16px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--navy-900); color:var(--ink); cursor:pointer; transition:border-color .15s; }
.destek-satir:hover, .sa-destek-satir:hover { border-color:var(--mavi, #5b8def); }
.destek-satir.okunmamis, .sa-destek-satir.okunmamis { border-color:#d4a256; background:rgba(212,162,86,.10); }
.destek-satir-konu, .sa-destek-konu { font-weight:600; font-size:15px; }
.destek-satir-alt, .sa-destek-satir-alt { display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--ink-soft); }
.sa-destek-satir-ust { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.destek-yeni-nokta { display:inline-block; width:8px; height:8px; border-radius:50%; background:#dc2626; vertical-align:middle; }
.destek-durum { font-size:11.5px; padding:2px 8px; border-radius:10px; font-weight:600; }
.destek-durum.acik { background:rgba(91,141,239,.16); color:#4a82e8; }
.destek-durum.yanit { background:rgba(34,170,80,.16); color:#2f9e4f; }
.destek-durum.kapali { background:rgba(120,130,145,.16); color:#7a8291; }
.destek-form { max-width:640px; }
.destek-form h3 { margin:0 0 14px; }
.destek-label { display:block; font-size:13px; font-weight:600; color:var(--ink-soft); margin:12px 0 5px; }
.destek-form input, .destek-form textarea { width:100%; padding:9px 11px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--navy-900); color:var(--ink); font-size:14px; font-family:inherit; }
.destek-form-aksiyon { display:flex; gap:10px; justify-content:flex-end; margin-top:14px; }
.destek-msg { margin-top:10px; padding:8px 12px; border-radius:var(--r-sm); font-size:13px; }
.destek-msg.hata { background:rgba(220,38,38,.12); color:#dc2626; }
.destek-sohbet-bas { display:flex; align-items:center; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.destek-sohbet-konu { font-weight:700; font-size:16px; flex:1; }
.sa-destek-kullanici { font-size:13px; color:var(--ink-soft); margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.destek-mesajlar { display:flex; flex-direction:column; gap:12px; width:800px; max-width:100%; height:900px; max-height:70vh; overflow-y:auto; padding:10px; margin-bottom:14px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--navy-900); }
.destek-balon { max-width:88%; padding:10px 14px; border-radius:14px; border:1px solid var(--line); }
.destek-balon.giden { align-self:flex-end; background:var(--navy-600); border-bottom-right-radius:4px; }
.destek-balon.gelen { align-self:flex-start; background:var(--navy-700); border-bottom-left-radius:4px; border-left:2px solid var(--mavi, #5b8def); }
.destek-balon-ust { font-size:11px; font-weight:700; color:var(--ink-soft); margin-bottom:4px; }
.destek-balon-icerik { font-size:14px; color:var(--ink); line-height:1.5; white-space:pre-wrap; }
.destek-balon-zaman { font-size:10.5px; color:var(--ink-faint); margin-top:5px; text-align:right; }
.destek-yanit-alan { display:flex; align-items:flex-end; gap:8px; width:800px; max-width:100%; }
.destek-yanit-alan textarea { flex:1; padding:10px 12px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--navy-900); color:var(--ink); font-size:14px; font-family:inherit; resize:vertical; min-height:42px; }
.destek-yanit-gonder { white-space:nowrap; flex-shrink:0; }
.sa-destek-yanit-aksiyon { display:flex; gap:10px; margin-top:10px; }
.sa-destek-liste { display:flex; flex-direction:column; gap:10px; }

/* ===== Destek WhatsApp düzeni ===== */
.destek-tik { margin-left:5px; font-size:11px; color:var(--ink-faint); }
.destek-tik.okundu { color:#4a82e8; }
.destek-sohbet-tek { max-width:1100px; }
.destek-tab-icerik .ict-aciklama { max-width:1100px; }
.destek-sohbet-tek .destek-mesajlar { width:100%; height:calc(40vh + 4px); min-height:300px; max-height:55vh; }
.destek-sohbet-tek .destek-yanit-alan { width:100%; }
/* Sil butonu: Gönder ile aynı boyut/form, sadece kırmızı (tehlike) */
.btn-primary.destek-sil { background:#dc2626; color:#fff; }
.btn-primary.destek-sil:hover { background:#b91c1c; box-shadow:0 8px 22px rgba(220,38,38,.3); }
/* Sysadmin iki sütun */
.sa-destek-wrap { display:flex; gap:0; padding:0; overflow:hidden; height:calc(78vh); min-height:480px; }
.sa-destek-yan { width:300px; flex-shrink:0; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.sa-destek-yan-bas { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--line); font-weight:700; font-size:14px; }
.sa-destek-liste { flex:1; overflow-y:auto; display:flex; flex-direction:column; }
.sa-destek-kisi { display:flex; flex-direction:column; gap:3px; text-align:left; padding:12px 16px; border:none; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; }
.sa-destek-kisi:hover { background:var(--navy-700); }
.sa-destek-kisi.aktif { background:var(--navy-600); }
.sa-destek-kisi.okunmamis { background:rgba(212,162,86,.08); }
.sa-destek-kisi-ust { display:flex; align-items:center; gap:6px; }
.sa-destek-kisi-ad { font-weight:600; font-size:14px; flex:1; }
.sa-destek-kisi-konu { font-size:12.5px; color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:240px; }
.sa-destek-kisi-zaman { font-size:11px; color:var(--ink-faint); }
.sa-destek-ana { flex:1; display:flex; flex-direction:column; min-width:0; }
.sa-destek-secilmedi { display:flex; align-items:center; justify-content:center; height:100%; color:var(--ink-soft); }
.sa-destek-sohbet-bas { padding:14px 18px; border-bottom:1px solid var(--line); }
.sa-destek-kullanici-bas { font-size:14px; }
.sa-destek-ana #sa-destek-sohbet { display:flex; flex-direction:column; height:100%; }
.destek-mesajlar-genis { width:auto; height:auto; flex:1; max-height:none; margin:0; border:none; border-radius:0; }
.destek-yanit-alan-genis { width:auto; padding:12px 18px; border-top:1px solid var(--line); }

/* ===== Destek arşiv/sil — sekme ve kart butonları ===== */
.sa-destek-sekmeler { display:flex; gap:4px; }
.sa-destek-sekme { padding:5px 12px; border:1px solid var(--line); border-radius:var(--r-sm); background:transparent; color:var(--ink-soft); font-size:12.5px; font-weight:600; cursor:pointer; }
.sa-destek-sekme.aktif { background:var(--navy-600); color:var(--ink); border-color:var(--navy-600); }
.sa-destek-kisi { position:relative; }
.sa-destek-kisi-govde { display:flex; flex-direction:column; gap:3px; cursor:pointer; }
.sa-destek-kisi-aksiyon { display:flex; gap:6px; margin-top:8px; }
.sa-destek-mini { flex:1; padding:5px 8px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--navy-700); color:var(--ink-soft); font-size:11.5px; font-weight:600; cursor:pointer; white-space:nowrap; }
.sa-destek-mini:hover { background:var(--navy-600); color:var(--ink); }
.sa-destek-mini.sil:hover { background:rgba(220,38,38,.15); color:#dc2626; border-color:#dc2626; }

/* ===== Dilekçe: uyuşmazlık yok bilgilendirmesi ===== */
.dlk-uyusmazlik-yok { display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; padding:40px 28px; max-width:560px; margin:20px auto; border:1px solid var(--line); border-radius:var(--r-md, 12px); background:var(--navy-700); }
.dlk-uyusmazlik-ikon { font-size:40px; line-height:1; }
.dlk-uyusmazlik-baslik { font-family:var(--font-d, serif); font-size:20px; font-weight:600; color:var(--ink); }
.dlk-uyusmazlik-metin { font-size:15px; line-height:1.6; color:var(--ink-soft); }

/* ===== Destek dosya ekleri ===== */
.destek-ek-link { display:inline-flex; align-items:center; gap:6px; margin:0 0 8px; font-size:13.5px; color:var(--ink-soft); text-decoration:none; cursor:pointer; width:fit-content; }
.destek-ek-link:hover { color:var(--mavi, #5b8def); text-decoration:underline; }
.destek-ek-atac { font-size:15px; }
/* Seçilen dosyalar önizleme şeridi */
.destek-ekler-onizleme { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 8px; }
.destek-onizle-ek { display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border:1px solid var(--line); border-radius:14px; background:var(--navy-700); font-size:12.5px; color:var(--ink); }
.destek-onizle-ikon { font-size:14px; }
.destek-onizle-ad { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.destek-onizle-sil { border:none; background:none; color:var(--ink-faint); cursor:pointer; font-size:13px; padding:0 2px; }
.destek-onizle-sil:hover { color:#dc2626; }
/* Balon içi ekler */
.destek-balon-ekler { display:flex; flex-direction:column; gap:6px; margin-top:6px; }
.destek-ek-resim { display:block; }
.destek-ek-resim img { max-width:240px; max-height:240px; border-radius:8px; border:1px solid var(--line); display:block; }
.destek-ek-belge { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:var(--navy-900); text-decoration:none; color:var(--ink); max-width:280px; }
.destek-ek-belge:hover { background:var(--navy-600); }
.destek-ek-ikon { font-size:18px; flex-shrink:0; }
.destek-ek-ad { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.destek-ek-boyut { font-size:11px; color:var(--ink-faint); flex-shrink:0; margin-left:auto; }

/* ===== Özel Talimatlar: sekmeler + örnek dilekçeler ===== */
.ot-panel { padding-top:4px; }
.ot-ornek-yukle { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:10px; }
.ot-ornek-etiket { font-size:13.5px; color:var(--ink-soft); }
.ot-ornek-liste { display:flex; flex-direction:column; gap:8px; max-height:340px; overflow-y:auto; margin:10px 0; }
.ot-ornek-bos { color:var(--ink-soft); font-size:13.5px; padding:16px; text-align:center; }
.ot-ornek-sat { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:var(--r-sm); background:var(--navy-700); }
.ot-ornek-ikon { font-size:18px; flex-shrink:0; }
.ot-ornek-bilgi { display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.ot-ornek-ad { font-size:14px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ot-ornek-meta { font-size:12px; color:var(--ink-faint); }
.ot-ornek-sil { border:none; background:none; cursor:pointer; font-size:15px; opacity:.7; flex-shrink:0; }
.ot-ornek-sil:hover { opacity:1; }

/* ===== Ek Aç/İndir + görüntüleme ===== */
.ek-secim-card { max-width:380px; text-align:center; }
.ek-secim-baslik { font-size:15px; color:var(--ink); margin-bottom:18px; word-break:break-word; }
.ek-secim-butonlar { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.ek-secim-butonlar button { min-width:90px; }
.ek-goruntu-card { max-width:90vw; width:900px; max-height:90vh; display:flex; flex-direction:column; padding:0; overflow:hidden; }
.ek-goruntu-bas { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid var(--line); }
.ek-goruntu-ad { font-size:14px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ek-goruntu-kapat { border:none; background:none; color:var(--ink-soft); font-size:18px; cursor:pointer; flex-shrink:0; }
.ek-goruntu-kapat:hover { color:var(--ink); }
.ek-goruntu-govde { flex:1; overflow:auto; display:flex; align-items:center; justify-content:center; background:var(--navy-900); min-height:0; }
.ek-goruntu-resim { max-width:100%; max-height:84vh; object-fit:contain; }
.ek-goruntu-frame { width:100%; height:84vh; border:none; background:#fff; }

/* ===== "Yazıyor…" göstergesi (WhatsApp tarzı) ===== */
.destek-yaziyor { align-self:flex-start; display:inline-flex; align-items:center; gap:4px; padding:8px 14px; margin-top:2px; background:var(--navy-700); border:1px solid var(--line); border-left:2px solid var(--mavi, #5b8def); border-radius:14px; border-bottom-left-radius:4px; }
.destek-yaziyor-nokta { width:7px; height:7px; border-radius:50%; background:var(--ink-soft); display:inline-block; animation:yaziyorZipla 1.2s infinite ease-in-out; }
.destek-yaziyor-nokta:nth-child(2) { animation-delay:.2s; }
.destek-yaziyor-nokta:nth-child(3) { animation-delay:.4s; }
.destek-yaziyor-yazi { font-size:12px; color:var(--ink-soft); margin-left:4px; font-style:italic; }
@keyframes yaziyorZipla {
  0%, 60%, 100% { transform:translateY(0); opacity:.4; }
  30% { transform:translateY(-5px); opacity:1; }
}

/* ===== Modern select (combobox) ===== */
.modern-select {
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  width:100%; max-width:420px; box-sizing:border-box;
  background-color:var(--navy-900);
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239fb4d0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center;
  border:1px solid var(--line); border-radius:var(--r-sm);
  padding:10px 38px 10px 13px; color:var(--ink); font-size:14px; font-family:var(--font-b);
  cursor:pointer; transition:border-color .15s, box-shadow .15s;
}
.modern-select:hover { border-color:var(--mavi, #5b8def); }
.modern-select:focus { outline:none; border-color:var(--mavi, #5b8def); box-shadow:0 0 0 3px rgba(91,141,239,.15); }
.modern-select option { background:var(--navy-900); color:var(--ink); }

.ek-goruntu-txt { width:100%; height:84vh; margin:0; padding:18px; overflow:auto; background:#fff; color:#1a1a1a; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:13px; line-height:1.5; white-space:pre-wrap; word-break:break-word; box-sizing:border-box; text-align:left; }

.sa-liste-yaziyor { color:var(--mavi, #5b8def); font-style:italic; font-weight:600; }

.destek-yeni-sayi { display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; background:#e02424; color:#fff; font-size:11px; font-weight:700; border-radius:9px; margin-left:6px; }

/* ===== Belge analizi: ek açıklama alanı ===== */
.an-odak-aciklama-blok { margin-top:14px; display:flex; flex-direction:column; gap:6px; flex:1 1 100%; width:100%; }
.an-odak-aciklama-blok label { font-size:13px; color:var(--ink-soft); font-weight:500; }
.an-odak-aciklama { width:100%; min-width:0; max-width:none; min-height:120px; box-sizing:border-box; resize:vertical;
  background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:12px 14px; color:var(--ink); font-size:14px; font-family:var(--font-b); line-height:1.5;
  transition:border-color .15s, box-shadow .15s; }
.an-odak-aciklama::placeholder { color:var(--ink-faint); }
.an-odak-aciklama:hover { border-color:var(--mavi, #5b8def); }
.an-odak-aciklama:focus { outline:none; border-color:var(--mavi, #5b8def); box-shadow:0 0 0 3px rgba(91,141,239,.15); }

.ek-goruntu-yukleniyor { display:flex; align-items:center; justify-content:center; width:100%; height:84vh; color:var(--ink-soft); font-size:14px; background:#fff; }

.auth-cerez-not { font-size:12px; color:var(--ink-soft); margin:8px 0 0; text-align:center; }
.auth-cerez-not a { color:var(--mavi, #5b8def); }

/* Ticari ileti tercihi (kullanıcı) */
.ticari-izin-satir { display:flex; align-items:flex-start; gap:10px; cursor:pointer; font-size:14px; color:var(--ink); margin-top:6px; }
.ticari-izin-satir input { margin-top:2px; }
/* İletişim sekmesi (sysadmin) */
.sa-iletisim-arac { display:flex; align-items:center; gap:12px; margin:14px 0; flex-wrap:wrap; }
.sa-iletisim-sayi { font-size:13px; color:var(--ink-soft); }
.sa-iletisim-liste { margin-top:8px; }

/* Kampanya gönderme (sysadmin) */
.sa-kampanya { margin-top:28px; padding-top:20px; border-top:1px solid var(--line); }
.sa-kampanya-alan { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.sa-kampanya-alan label { font-size:13px; color:var(--ink-soft); font-weight:500; }
.sa-kampanya-alan input, .sa-kampanya-alan textarea { width:100%; box-sizing:border-box; background:var(--navy-900);
  border:1px solid var(--line); border-radius:var(--r-sm); padding:11px 13px; color:var(--ink); font-size:14px;
  font-family:var(--font-b); line-height:1.5; resize:vertical; }
.sa-kampanya-alan input:focus, .sa-kampanya-alan textarea:focus { outline:none; border-color:var(--mavi,#5b8def); box-shadow:0 0 0 3px rgba(91,141,239,.15); }
.sa-kampanya-aksiyon { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.sa-kampanya-durum { font-size:13px; color:var(--ink-soft); }
.sa-kampanya-durum.hata { color:#e0564b; }
.sa-kampanya-durum.basari { color:#2ba672; }

/* Sürüm notları (modal içi) */
.surum-blok { padding:12px 0; border-bottom:1px solid var(--line); }
.surum-blok:last-child { border-bottom:none; }
.surum-rozet { display:inline-block; background:var(--navy-700); color:var(--ink-soft); font-size:12px; font-weight:600; padding:3px 11px; border-radius:10px; border:1px solid var(--line); }
.surum-rozet-yeni { background:rgba(91,141,239,.15); color:var(--mavi,#5b8def); border-color:transparent; }
.surum-blok ul { margin:8px 0 0; padding-left:20px; }
.surum-blok li { font-size:14px; line-height:1.6; color:var(--ink); margin:3px 0; }

/* Kullanıcı filtreleri (sysadmin) — kart görünümü */
.sa-filtre { display:flex; flex-wrap:wrap; align-items:flex-end; gap:14px; margin:0 0 16px; padding:16px 18px; background:var(--navy-800,rgba(255,255,255,.03)); border:1px solid var(--line); border-radius:var(--r-md,12px); box-shadow:0 1px 3px rgba(0,0,0,.15); }
.sa-filtre-grup { display:flex; flex-direction:column; gap:5px; }
.sa-filtre-grup > label { font-size:12px; color:var(--ink-soft); font-weight:500; }
.sa-filtre-grup .modern-select { min-width:230px; max-width:260px; }
.sa-filtre-tarih { display:flex; align-items:center; gap:6px; }
.sa-filtre-tarih input[type=date] { background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:8px 10px; color:var(--ink); font-size:13px; font-family:var(--font-b); color-scheme:dark; }
.sa-filtre-tarih input[type=date]:focus { outline:none; border-color:var(--mavi,#5b8def); }
.sa-filtre-tarih span { color:var(--ink-soft); }
.sa-filtre-temizle { align-self:flex-end; background:transparent; border:1px solid var(--line); color:var(--ink-soft); padding:8px 14px; border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-family:var(--font-b); transition:border-color .15s,color .15s; }
.sa-filtre-temizle:hover { border-color:var(--mavi,#5b8def); color:var(--mavi,#5b8def); }

/* Yararlanılan içtihatlar + tam metin modalı */
.dlk-o-ictihatlar { margin-top:14px; padding-top:10px; border-top:1px dashed var(--line); }
.ict-kunye-not { font-size:12px; color:var(--ink-faint); font-weight:400; }
.ict-kunye-ac { color:var(--mavi,#5b8def); text-decoration:none; border-bottom:1px dotted var(--mavi,#5b8def); }
.ict-kunye-ac:hover { opacity:.8; }
.ict-kunye-modal-card { max-width:860px; width:92vw; max-height:86vh; display:flex; flex-direction:column; }
.ict-kunye-baslik { margin:0 30px 12px 0; font-size:16px; color:var(--ink); }
.ict-kunye-govde { overflow-y:auto; flex:1; min-height:120px; }
.ict-kunye-metin { white-space:pre-wrap; word-break:break-word; font-family:var(--font-b); font-size:13.5px; line-height:1.65; color:var(--ink); background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:16px; margin:0; }

/* UYAP eklentisi indirme kutusu */
.uyap-eklenti-kutu { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 16px; padding:12px 16px; background:rgba(91,141,239,.07); border:1px solid rgba(91,141,239,.3); border-radius:var(--r-sm); }
.uyap-eklenti-metin { font-size:13.5px; color:var(--ink); line-height:1.5; flex:1; min-width:260px; }
.uyap-eklenti-indir { display:inline-block; background:var(--mavi,#5b8def); color:#fff; font-size:13px; font-weight:600; padding:8px 16px; border-radius:var(--r-sm); text-decoration:none; white-space:nowrap; }
.uyap-eklenti-indir:hover { opacity:.9; }
.uyap-eklenti-nasil { display:inline-block; background:var(--mavi,#5b8def); border:none; color:#fff; font-size:13px; font-weight:600; padding:8px 16px; border-radius:var(--r-sm); cursor:pointer; font-family:var(--font-b); white-space:nowrap; }
.uyap-eklenti-nasil:hover { opacity:.9; }
.eklenti-not-kart { margin-top:10px; padding-top:10px; border-top:1px solid rgba(99,151,246,.2); }

/* Belge analizi — sayfa tespit modalı */
.an-tespit-card { max-width:520px; width:92vw; }
.an-tespit-baslik { margin:0 0 14px; font-size:16px; color:var(--ink); }
.an-tespit-bar { height:10px; background:var(--navy-900); border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.an-tespit-bar-dolu { height:100%; width:0%; background:var(--mavi,#5b8def); transition:width .25s; }
.an-tespit-durum { margin-top:10px; font-size:13.5px; color:var(--ink-soft); }
.an-tespit-sonuc { margin-top:12px; font-size:13.5px; color:var(--ink); background:rgba(224,86,75,.08); border:1px solid rgba(224,86,75,.3); border-radius:var(--r-sm); padding:12px 14px; line-height:1.55; }
.an-tespit-sonuc ul { margin:6px 0; padding-left:18px; }
.an-tespit-sonuc p { margin:8px 0 0; color:var(--ink-soft); }
#an-tespit-tamam { margin-top:12px; }
.an-limit-not a { color:var(--mavi,#5b8def); }
.an-tespit-sonuc a.an-gerekce-link { color:var(--mavi,#5b8def); }

/* Destek — PDF ek balon önizlemesi */
.destek-ek-pdf { display:block; width:230px; border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden; text-decoration:none; background:var(--navy-900); position:relative; }
.destek-ek-pdf iframe { width:100%; height:160px; border:none; pointer-events:none; display:block; background:#fff; }
.destek-ek-pdf-ad { display:block; padding:6px 10px; font-size:12.5px; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:1px solid var(--line); }
.destek-ek-pdf:hover { border-color:var(--mavi,#5b8def); }

/* Destek — silinmiş ek göstergesi */
.destek-ek-silindi { display:inline-block; font-style:italic; font-size:12.5px; color:#6b7280; padding:6px 10px; border:1px dashed var(--line); border-radius:var(--r-sm); }

/* Revize — belge ekleme */
.revize-belge-satir { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:8px 0 4px; }
.revize-belge-ekle { background:transparent; border:1px solid var(--line); color:var(--ink-soft); font-size:13px; padding:6px 12px; border-radius:var(--r-sm); cursor:pointer; font-family:var(--font-b); white-space:nowrap; }
.revize-belge-ekle:hover { border-color:var(--mavi,#5b8def); color:var(--mavi,#5b8def); }
.revize-belge-not { font-size:12px; color:var(--ink-faint); flex:1; min-width:200px; }
.revize-belge-liste { display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 8px; }
.revize-belge-oge { display:inline-flex; align-items:center; gap:6px; background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm); padding:4px 8px; font-size:12.5px; color:var(--ink); }
.revize-belge-blok { display:block; margin-bottom:6px; }
.revize-belge-blok .an-sayfa-sec { padding:5px 4px 2px 10px; }
.revize-belge-sil { background:none; border:none; color:var(--ink-faint); cursor:pointer; font-size:13px; padding:0 2px; }
.revize-belge-sil:hover { color:var(--kirmizi,#e0564b); }

/* Dilekçe — üretim ayarları (artık akordeon değil, açık) */
.dlk-uretim-baslik { font-weight:600; font-size:14px; color:var(--ink); margin-bottom:10px; }

/* Revize panelinde "Revize Et" düğmesi sola yaslı (tam genişlik değil) */
.dlk-onizle-revize .dlk-revize-btn { align-self:flex-start; }

/* İçtihat künye modalı — alt bar (kapat + indir) */
.ict-kunye-alt { display:flex; align-items:center; justify-content:flex-end; gap:10px; padding-top:14px; margin-top:4px; border-top:1px solid var(--line); flex-shrink:0; }
.ict-kunye-modal-card .g-indir-sar { position:relative; }
.ict-kunye-modal-card .g-indir-menu { position:absolute; bottom:calc(100% + 6px); right:0; background:var(--navy-800); border:1px solid var(--line); border-radius:var(--r-sm); display:none; flex-direction:column; min-width:150px; z-index:5; overflow:hidden; }
.ict-kunye-modal-card .g-indir-menu.acik { display:flex; }
.ict-kunye-modal-card .g-indir-menu button { background:none; border:none; color:var(--ink); padding:10px 14px; text-align:left; cursor:pointer; font-size:13px; font-family:var(--font-b); }
.ict-kunye-modal-card .g-indir-menu button:hover { background:var(--navy-900); }

/* Revize — buton satırı + Vazgeç */
.revize-btn-satir { display:flex; gap:8px; align-items:center; }
.revize-vazgec { background:transparent; border:1px solid var(--line); color:var(--ink-soft); padding:9px 16px; border-radius:var(--r-sm); font-size:13px; cursor:pointer; font-family:var(--font-b); }
.revize-vazgec:hover { border-color:var(--kirmizi,#e0564b); color:var(--kirmizi,#e0564b); }

/* Analiz genişletme — sürüm çubuğu (buton stili 464-469'da tanımlı) */
.dlk-surum-bar { display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:10px 24px; border-top:1px solid var(--line); background:var(--navy-800); }
.dlk-surum-et { font-size:12.5px; color:var(--ink-soft); margin-right:4px; }

/* Giriş — "Beni hatırla" */
.beni-hatirla { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-soft); cursor:pointer; margin:2px 0 4px; }
.beni-hatirla input { width:16px; height:16px; cursor:pointer; accent-color:var(--aksiyon); }
.beni-hatirla-uyari { font-size:12.5px; color:#e0a04b; background:rgba(224,160,75,.1); border:1px solid rgba(224,160,75,.35); border-radius:var(--r-sm); padding:8px 10px; margin:2px 0 8px; line-height:1.45; }

/* Revize diff — eklenen/silinen kelimeler */
ins.diff-ekle { background:rgba(46,158,107,.18); color:#1a7f53; text-decoration:none; border-radius:2px; padding:0 1px; }
del.diff-sil { background:rgba(224,86,75,.14); color:#c0392b; text-decoration:line-through; border-radius:2px; padding:0 1px; }
.diff-toggle-btn { background:transparent; border:1px solid var(--line); color:var(--ink-soft); font-size:12.5px; padding:5px 11px; border-radius:var(--r-sm); cursor:pointer; font-family:var(--font-b); margin-left:6px; }
.diff-toggle-btn:hover { border-color:var(--aksiyon); color:var(--aksiyon); }
.diff-toggle-btn.aktif { background:var(--aksiyon); color:var(--aksiyon-yazi); border-color:var(--aksiyon); }

/* Analiz raporu — AI vurgusu (kalın) */
.ar-bolum strong, .an-belge-blok strong, .an-ortak-blok strong { font-weight:700; color:var(--ink); }

/* Sözleşme — Hazırla/Risk toggle */
.soz-toggle-sar { display:flex; justify-content:center; margin:4px 0 18px; }
.soz-toggle { display:inline-flex; background:var(--navy-800); border:1px solid var(--line); border-radius:var(--r-md); padding:3px; gap:3px; }
.soz-toggle-btn { background:transparent; border:none; color:var(--ink-soft); font-size:14px; font-family:var(--font-b); padding:9px 20px; border-radius:calc(var(--r-md) - 4px); cursor:pointer; transition:background .12s,color .12s; }
.soz-toggle-btn:hover { color:var(--ink); }
.soz-toggle-btn.aktif { background:var(--aksiyon); color:var(--aksiyon-yazi); font-weight:700; }
.sz-risk-dosya-ad { margin-top:10px; font-size:13.5px; color:var(--ink-soft); }

/* Sysadmin — kullanıcıya yeni mesaj */
.sa-destek-yeni-btn { width:calc(100% - 24px); margin:0 12px 10px; font-size:13px; padding:8px; }
.sa-ym-sonuc { margin-top:6px; max-height:220px; overflow-y:auto; }
.sa-ym-secili { margin-top:8px; font-size:13.5px; padding:8px 10px; background:var(--navy-800,#eef2f8); border-radius:6px; }

/* Sysadmin — destek bildirim aç/kapa */
.sa-bildirim-switch { display:flex; align-items:center; gap:8px; margin:0 12px 10px; font-size:12.5px; color:var(--ink-soft); cursor:pointer; user-select:none; }
.sa-bildirim-switch input { width:16px; height:16px; cursor:pointer; accent-color:var(--aksiyon,#2563eb); }

/* Push bildirimi — kullanıcı (destek paneli) */
.push-kutu { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:12px 16px; margin:0 0 14px; background:var(--navy-800); border:1px solid var(--line); border-radius:var(--r-md); }
.push-kutu-metin { font-size:13.5px; color:var(--ink-soft); flex:1; min-width:200px; }
.push-btn { padding:8px 16px; border-radius:var(--r-sm); font-size:13px; font-weight:600; cursor:pointer; border:1px solid transparent; background:var(--aksiyon); color:var(--aksiyon-yazi,#fff); font-family:var(--font-b); }
.push-btn:hover { background:var(--aksiyon-koyu,var(--aksiyon)); }
.push-btn:disabled { opacity:.55; cursor:not-allowed; }
.push-btn-kapat { background:transparent; border-color:var(--line); color:var(--ink-soft); }
.push-durum { font-size:12.5px; color:var(--ink-soft); }

/* Push bildirimi — sysadmin (destek yan panel) */
.sa-push-kutu { display:flex; flex-direction:column; gap:6px; margin:0 12px 10px; }
.sa-push-btn { padding:8px 12px; border-radius:6px; font-size:12.5px; font-weight:600; cursor:pointer; border:1px solid var(--line,#ccc); background:var(--navy-800,#eef2f8); color:var(--ink,#1a2438); font-family:var(--font-b); }
.sa-push-btn:hover { border-color:var(--aksiyon,#2563eb); }
.sa-push-btn:disabled { opacity:.55; cursor:not-allowed; }
.sa-push-durum { font-size:11.5px; color:var(--ink-soft,#667); }

/* ===== SYSADMIN PANELİ — MOBİL UYUM ===== */
@media (max-width: 768px) {
  /* Sekme çubuğu: gizlenmez, yatay kaydırılabilir (kullanıcıdan farklı; burada kart menüsü yok) */
  body.sysadmin-body .app-header { flex-wrap:wrap; gap:8px; }
  body.sysadmin-body .app-header .tablar {
    display:flex !important; order:3; width:100%; flex:1 0 100%;
    overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch;
  }
  body.sysadmin-body .app-header .tablar::-webkit-scrollbar { height:0; }
  body.sysadmin-body .tab { white-space:nowrap; flex:0 0 auto; padding:8px 12px; font-size:13.5px; }
  body.sysadmin-body .brand.small { flex:1 1 auto; }
  body.sysadmin-body .header-sag { flex:0 0 auto; }

  /* Bölüm kartları: kenar boşluklarını daralt */
  body.sysadmin-body .sa-kart { padding:14px 14px; }

  /* Destek ekranı: iki sütun yerine tek sütun (liste üstte, sohbet altta) */
  body.sysadmin-body .sa-destek-wrap { flex-direction:column; height:auto; min-height:0; }
  body.sysadmin-body .sa-destek-yan {
    width:100%; flex-shrink:1; border-right:none; border-bottom:1px solid var(--line);
    max-height:42vh;
  }
  body.sysadmin-body .sa-destek-liste { overflow-y:auto; }
  body.sysadmin-body .sa-destek-ana { min-height:50vh; }
  body.sysadmin-body #sa-destek-mesajlar { max-height:48vh; }

  /* Maliyet/tarife gridleri: tek sütun */
  body.sysadmin-body .sa-maliyet-grid { grid-template-columns:1fr 1fr; }

  /* Geniş tablolar: yatay kaydırma garantisi + min-width kaldır */
  body.sysadmin-body .sa-tablo { min-width:0; font-size:13px; }
  body.sysadmin-body .sa-tablo-sar { overflow-x:auto; -webkit-overflow-scrolling:touch; }
}
@media (max-width: 480px) {
  body.sysadmin-body .sa-maliyet-grid { grid-template-columns:1fr; }
  body.sysadmin-body .tab { padding:7px 10px; font-size:12.5px; }
}

/* Sysadmin — kullanıcı detay düğmesi + modal başlıkları */
.sa-tablo-islem .sa-detay-btn { background:#fff; color:#7c3aed; border-color:#7c3aed; font-weight:600; }
.sa-tablo-islem .sa-detay-btn:hover { background:#f5f3ff; }
.sa-detay-baslik2 { font-size:13px; font-weight:700; color:var(--ink,#1a2438); margin:14px 0 6px; }
.btn-ghost { padding:9px 18px; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; background:transparent; border:1px solid var(--line,#ccc); color:var(--ink-soft,#667); font-family:var(--font-b); }
.btn-ghost:hover { border-color:var(--ink-soft,#667); color:var(--ink,#222); }

/* Mesaj modalı — İptal düğmesi (gönder gibi dolu ama nötr renk) */
.sa-ym-iptal-btn { background:#64748b !important; box-shadow:none !important; }
.sa-ym-iptal-btn:hover { background:#475569 !important; }

/* Detay modalı — sekmeler */
.sa-detay-sekmeler { display:flex; gap:4px; border-bottom:1px solid var(--line,#e2e8f0); margin-top:12px; }
.sa-detay-sekme { background:transparent; border:none; padding:9px 16px; font-size:13.5px; font-weight:600; color:var(--ink-soft,#667); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; font-family:var(--font-b); }
.sa-detay-sekme:hover { color:var(--ink,#222); }
.sa-detay-sekme.aktif { color:var(--aksiyon,#2563eb); border-bottom-color:var(--aksiyon,#2563eb); }

/* Belge analizi — Derin+ süre uyarısı */
.an-derinpro-not { margin-top:8px; font-size:13px; color:#e0a050; background:rgba(224,160,80,.1); border:1px solid rgba(224,160,80,.3); border-radius:8px; padding:8px 12px; }

/* ===== Akıl Yürütme Düzeyi — 4 kademeli kaydırmalı toggle (dilekçe) ===== */
/* Ray */
  background:linear-gradient(90deg, var(--aksiyon,#5fb0e6) 0%, var(--aksiyon,#5fb0e6) var(--dolu,0%), rgba(150,190,230,.18) var(--dolu,0%), rgba(150,190,230,.18) 100%);
  outline:none; cursor:pointer; margin:2px 0; }
/* Topuz (yuvarlak düğme) */
  background:#fff; border:3px solid var(--aksiyon,#5fb0e6); box-shadow:0 3px 10px rgba(0,0,0,.35); cursor:grab; transition:transform .12s; }
/* Duraklar */
/* Uzman düzeyi seçiliyken vurgulu kenarlık */

/* Üretilmedi → konuyu geri yükle butonu */
.dlk-konu-geri-btn { margin-top:14px; padding:9px 16px; background:var(--blue,#3b82f6); color:#fff; border:none; border-radius:8px; font-size:13.5px; font-weight:600; cursor:pointer; font-family:inherit; }
.dlk-konu-geri-btn:hover { filter:brightness(1.08); }

/* Genel liste: hata sonrası metni geri getir butonu */

/* Sysadmin kullanıcı detay modalı — kimlik & işlemler */
.sa-kimlik-ust { font-size:13.5px; color:var(--ink-soft); margin-bottom:10px; }
.sa-kimlik-kart { border:1px solid var(--line); border-radius:10px; padding:12px 14px; margin-bottom:10px; background:var(--navy-900,#0f172a); }
.sa-kimlik-ad { font-weight:700; font-size:14.5px; margin-bottom:8px; }
.sa-kimlik-satir { display:flex; justify-content:space-between; gap:12px; padding:3px 0; font-size:13px; border-top:1px solid rgba(255,255,255,.05); }
.sa-kimlik-satir:first-of-type { border-top:none; }
.sa-kimlik-satir span { color:var(--ink-soft); }
.sa-kimlik-satir b { text-align:right; }
.sa-not-veri { color:#9ca3af; font-style:italic; font-weight:400; }
.sa-dogrulanmadi { color:#d97706; font-size:12px; font-weight:400; }
.sa-islem-grid { display:flex; flex-direction:column; gap:10px; }
.sa-islem-grid button { width:100%; }
.sa-islem-grid .sa-i-sil { background:#dc2626; }
.sa-islem-grid .sa-i-sil:hover { filter:brightness(1.08); }

/* Sysadmin kullanıcı detay modalı — sabit boyut (tab değişince zıplamasın) */
.sa-detay-card { display:flex; flex-direction:column; }
.sa-detay-govde-sabit { height:340px; overflow-y:auto; overflow-x:hidden; }

/* İçtihat modalı — resmi kaynak güvencesi + Yargıtay'da ara */
.ict-kaynak-rozet { display:flex; align-items:center; gap:6px; margin:6px 0 10px; padding:8px 12px; background:#dcfce7; color:#166534; border:1px solid #86efac; border-radius:8px; font-size:12.5px; font-weight:600; line-height:1.4; }
.ict-yargitay-btn { background:#7c2d12 !important; color:#fff !important; }
.ict-yargitay-btn:hover { filter:brightness(1.1); }
@media (prefers-color-scheme: dark) {
  .ict-kaynak-rozet { background:rgba(22,101,52,.18); color:#86efac; border-color:rgba(134,239,172,.35); }
}

/* Nokta İçtihat / İçtihat arama — Yargıtay'da görüntüle düğmesi */
.nokta-kart-alt { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.nokta-yargitay-btn { background:#7c2d12 !important; color:#fff !important; }
.nokta-yargitay-btn:hover { filter:brightness(1.1); }
.ict-karar-btnlar { display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.ict-yrg-btn { background:#7c2d12 !important; color:#fff !important; }
.ict-yrg-btn:hover { filter:brightness(1.1); }

/* Baro modalı — toplu hediye düğmesi */
.sa-baro-hediye-btn { background:#16a34a; color:#fff; border:none; border-radius:6px; padding:5px 10px; font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; white-space:nowrap; }
.sa-baro-hediye-btn:hover { filter:brightness(1.08); }

/* İletişim paneli — baro seçici */
.sa-iletisim-baro-lbl { font-size:13px; color:var(--ink-soft); font-weight:600; margin-right:-4px; }
#sa-iletisim-baro { min-width:180px; max-width:260px; }

/* Sysadmin online kullanıcı rozeti */
.sa-online-rozet { display:inline-flex; align-items:center; gap:4px; padding:4px 10px; background:rgba(22,163,74,.12); color:#16a34a; border:1px solid rgba(22,163,74,.3); border-radius:20px; font-size:12.5px; font-weight:600; white-space:nowrap; }
.sa-ai-rozet { background:rgba(217,119,6,.12); color:#d97706; border-color:rgba(217,119,6,.3); margin-right:6px; cursor:pointer; }
.sa-ai-rozet:hover { background:rgba(217,119,6,.2); }
.sa-ai-rozet.bos { background:rgba(120,144,168,.1); color:var(--ink-faint); border-color:var(--line); }
.sa-ai-rozet.bos:hover { background:rgba(120,144,168,.18); }
.sa-ai-liste { max-height:56vh; overflow:auto; }
.sa-ai-eposta { font-size:11.5px; color:var(--ink-faint); margin-top:1px; }
.sa-ai-amber { color:#d97706; font-weight:700; }
.sa-ai-kirmizi { color:#dc2626; font-weight:700; }

/* Avukatlık beyanı (baro + sicil) düzenleme */
.beyan-satir { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:12px; }
.beyan-alan { display:flex; flex-direction:column; gap:5px; flex:1; min-width:160px; }
.beyan-alan > span { font-size:13px; font-weight:600; color:var(--ink-soft); }

/* Hesap silme — tehlikeli bölge */
.hesap-sil-bolum { border:1px solid rgba(220,38,38,.35); border-radius:12px; padding:16px; background:rgba(220,38,38,.04); }
.hesap-sil-baslik { color:#dc2626 !important; }
.hesap-sil-btn { background:#dc2626; color:#fff; border:none; border-radius:8px; padding:11px 18px; font-size:14px; font-weight:700; cursor:pointer; font-family:inherit; }
.hesap-sil-btn:hover:not(:disabled) { background:#b91c1c; }
.hesap-sil-btn:disabled { opacity:.5; cursor:not-allowed; }

/* ===== Üst bar düğme renkleri (tatlı mavi / tatlı turuncu) ===== */
/* Özel Talimatlar + Hesap = tatlı mavi */
#kontor-rozet, #kontor-yukle-btn {
  background: var(--aksiyon); border-color: var(--aksiyon); color: var(--aksiyon-yazi);
}
#kontor-rozet:hover, #kontor-yukle-btn:hover {
  background: var(--aksiyon-koyu); border-color: var(--aksiyon-koyu); color: var(--aksiyon-yazi);
}
/* Çıkış — sessiz çerçeve. Dolu turuncu hâli ekrandaki en dikkat çekici öğeydi
   (beyaz yazı/turuncu zemin kontrastı da 2.35 ile eşiğin altındaydı). Çıkış bir
   hedef değil, bir kaçış yolu: sakin durur, üzerine gelince mühür kırmızısı olur. */
#btn-cikis {
  background: transparent; border: 1px solid var(--line); color: var(--ink-soft);
}
#btn-cikis:hover {
  background: var(--muhur); border-color: var(--muhur); color: #ffffff;
}

/* Sysadmin kullanıcı listesi — online (çevrimiçi) yeşil daire */
.sa-online-dot{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:8px; vertical-align:middle; background:transparent; }
.sa-online-dot.on{ background:var(--ok); box-shadow:0 0 0 3px rgba(78,201,138,.22); }

/* Sayfa başı uyarı bandı (görüş niteliği + KVKK) — tatlı yeşil, kapatılabilir */
.genel-uyari-bar { display:flex; flex-direction:column; gap:10px; margin:0 0 18px; }
.genel-uyari-bar.gizli { display:none; }
.genel-uyari { position:relative; display:flex; align-items:flex-start;
  background:var(--navy-700);
  border:1px solid var(--line); border-left:3px solid var(--aksiyon); border-radius:12px;
  padding:13px 46px 13px 16px; font-size:13.5px; line-height:1.5; color:var(--ink); }
.genel-uyari b { color:var(--ink); }
.genel-uyari.kapali { display:none; }
.genel-uyari-kapat { position:absolute; top:8px; right:9px; width:27px; height:27px; border:none;
  background:var(--navy-600); color:var(--ink-soft); border-radius:8px; cursor:pointer;
  font-size:13px; line-height:1; display:flex; align-items:center; justify-content:center; transition:.12s; }
.genel-uyari-kapat:hover { background:var(--line); color:var(--ink); }

/* ===== Analiz modül modu: Belge / Dosya toggle ===== */
.analiz-mod-bar { display:flex; align-items:center; justify-content:center; gap:14px; margin:0 0 18px; }
.analiz-mod-etiket { font-size:15px; font-weight:700; color:var(--ink-soft,#7f9abd); cursor:default; transition:color .15s; }
.analiz-mod-etiket.aktif { color:var(--aksiyon,#0792b1); }
.analiz-mod-toggle { margin:0; }
/* Dosya analizi paneli */
.dosya-cek-kutu { display:flex; flex-direction:column; gap:8px; align-items:flex-start; margin:6px 0 18px; }
.dosya-cek-not { font-size:12.5px; color:var(--ink-soft,#7f9abd); }
.dosya-secim { border:1px solid var(--line,#22456b); border-radius:14px; padding:16px; background:rgba(255,255,255,.02); }
.dosya-secim-bas { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; flex-wrap:wrap; }
.dosya-secim-baslik { font-size:15px; font-weight:700; color:var(--ink); }
.dosya-taraf { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-soft); }
.dosya-grup { border-top:1px solid var(--line,#22456b); padding:10px 0; }
.dosya-grup-bas { display:flex; align-items:center; gap:9px; font-weight:700; font-size:13.5px; color:var(--ink); cursor:pointer; }
.dosya-grup-sayi { font-size:11px; background:rgba(99,151,246,.18); color:var(--mavi,#6397f6); padding:1px 8px; border-radius:99px; font-weight:700; }
.dosya-grup-not { font-size:11.5px; color:var(--ink-soft); font-weight:400; }
.dosya-grup-ac { display:flex; align-items:center; gap:8px; flex:1; min-width:0; background:none; border:none; padding:0; margin:0; cursor:pointer; font:inherit; font-weight:700; font-size:13.5px; color:var(--ink); text-align:left; }
.dosya-grup-ok { display:inline-block; transition:transform .15s ease; color:var(--ink-soft); font-size:11px; flex:0 0 auto; }
.dosya-grup.acik .dosya-grup-ok { transform:rotate(90deg); }
.dosya-grup-ad { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dosya-grup-govde { padding-top:6px; }
.dosya-evrak { display:flex; align-items:center; gap:9px; font-size:13px; color:var(--ink-soft); padding:5px 0 5px 24px; cursor:pointer; }
.dosya-evrak-meta { font-size:11px; color:var(--ink-soft); opacity:.75; margin-left:auto; }
.dosya-evrak-hata { opacity:.6; cursor:not-allowed; }
.dosya-sayfa-yuva:empty { display:none; }
.dosya-sayfa-yuva .an-sayfa-sec { padding:2px 0 8px 48px; }
.dosya-sayfa-yuva .an-sayfa-deger { width:auto; }
.dosya-evrak-hata .dosya-evrak-cb { cursor:not-allowed; }
.dosya-evrak-uyari { color:#dc2626; font-weight:600; opacity:1; }
.dosya-evrak-inceleniyor { color:var(--ink-soft); font-style:italic; opacity:.85; }
.dosya-grup-pasif .dosya-grup-bas { opacity:.7; }
.dosya-secim-alt { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line,#22456b); margin-top:8px; padding-top:14px; flex-wrap:wrap; }
.dosya-maliyet { font-size:13px; color:var(--ink-soft); }
.dosya-maliyet b { color:var(--ink); }

.dosya-secim-bilgi { font-size:12.5px; color:var(--ink-soft); margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--line,#22456b); }
.dosya-secim-bilgi b { color:var(--ink); }
.dosya-cek-durum { font-size:12.5px; color:var(--ink-soft); }
.dosya-cek-durum.hata { color:#e89090; }
.dosya-evrak-cb, .dosya-grup-cb { cursor:pointer; accent-color:var(--aksiyon,#0792b1); }

/* Dosya Analizi raporu */
.dosya-sonuc { margin-top:18px; }
.dosya-rapor { border:1px solid var(--line,#22456b); border-radius:14px; padding:20px 22px; background:rgba(255,255,255,.02); }
.dosya-rapor-bas h2 { margin:0 0 4px; font-size:20px; color:var(--ink); }
.dosya-rapor-meta { font-size:13px; color:var(--ink-soft); }
.dosya-rapor-ozet { margin:12px 0 18px; font-size:14px; line-height:1.6; color:var(--ink); }
.dosya-rapor-bolum { border-top:1px solid var(--line,#22456b); padding:14px 0; }
.dosya-rapor-bolum h3 { margin:0 0 10px; font-size:15px; color:var(--gold,#E6B668); }
.dosya-rapor-liste { margin:0; padding-left:18px; display:flex; flex-direction:column; gap:10px; }
.dosya-rapor-liste > li { font-size:13.5px; line-height:1.5; color:var(--ink); }
.dosya-rapor-liste ul { margin:6px 0 0; padding-left:18px; }
.dosya-rapor-liste ul li { font-size:13px; color:var(--ink-soft); margin:3px 0; }
.dosya-rapor-bos { font-size:13px; color:var(--ink-soft); margin:0; }
.dosya-rozet { display:inline-block; font-size:11px; font-weight:700; padding:1px 8px; border-radius:99px; background:rgba(99,151,246,.18); color:var(--mavi,#6397f6); vertical-align:middle; }
.dosya-rozet.d-karşılanmadı, .dosya-rozet.o-yüksek { background:rgba(229,115,115,.18); color:#e89090; }
.dosya-rozet.d-karşılandı { background:rgba(78,201,138,.18); color:#7fe0ad; }
.dosya-rozet.o-orta { background:rgba(230,182,104,.18); color:var(--gold,#E6B668); }
.dosya-rapor-not { margin-top:16px; font-size:12px; color:var(--ink-soft); font-style:italic; }

/* Login ekranı — ithaf */
.auth-itam { text-align:center; margin-top:6px; margin-bottom:0; }
.auth-itam-roz { display:inline-block; background:rgba(7,146,177,.12); color:var(--aksiyon); border-radius:20px; padding:6px 16px; font-size:13.5px; font-weight:700; letter-spacing:.015em; }

/* Analiz alt-sekme: pasif (yetkisiz) durum */
.soz-toggle-btn:disabled, .soz-toggle-btn-pasif { opacity:.4; cursor:not-allowed; }
.soz-toggle-btn:disabled:hover, .soz-toggle-btn-pasif:hover { color:var(--ink-soft); }

#sz-risk-sayfa-sec .an-sayfa-sec { padding:8px 2px 2px; }

/* ===================== Kart ile Satın Alma (PayTR) ===================== */
.kontor-link { color:#2f63c4; text-decoration:none; font-weight:600; }
.kontor-link:hover { color:#5a86d8; text-decoration:underline; }
.kampanya-detay-card { max-width:640px; width:94%; text-align:left; }
.kampanya-detay-baslik { font-size:19px; font-weight:700; color:var(--ink); margin-bottom:14px; padding-right:30px; }
.kampanya-detay-govde { max-height:60vh; overflow:auto; }
.kampanya-detay-govde p { font-size:13.5px; line-height:1.6; color:var(--ink-soft); margin:0 0 12px; }
.kampanya-detay-govde strong { color:var(--ink); }
.kampanya-detay-alt { display:flex; justify-content:flex-end; margin-top:14px; }
.kontor-kart-bilgi { font-size: 13.5px; color: var(--ink-soft); line-height: 1.6; margin-bottom: 14px; }
/* PayTR bilgilendirme kartı (adli tatil kartı gibi) + kapatılabilir kartların × düğmesi */
.kontor-kart-bilgi.kapatilabilir-kart { border:1px solid var(--line); background:var(--navy-900); border-radius:12px; padding:14px 16px; }
.kapatilabilir-kart { position:relative; }
.kart-kapat-x { position:absolute; top:8px; right:10px; width:24px; height:24px; line-height:22px; text-align:center; border:none; background:rgba(120,144,168,.14); color:var(--ink-soft); border-radius:50%; font-size:17px; cursor:pointer; padding:0; }
.kart-kapat-x:hover { background:rgba(120,144,168,.28); color:var(--ink); }
.kontor-kart-bilgi.kapatilabilir-kart p { margin:0; padding-right:22px; }
.kontor-paket-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
.kontor-paket-kart {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 16px 12px; cursor: pointer;
  background: var(--bg); border: 1.5px solid var(--line); border-radius: var(--r-sm);
  color: var(--ink); transition: border-color .15s, transform .05s;
}
.kontor-paket-kart:hover { border-color: var(--aksiyon); }
.kontor-paket-kart:active { transform: scale(.98); }
.kontor-paket-kart.secili { border-color: var(--aksiyon); box-shadow: 0 0 0 2px var(--aksiyon) inset; }
.kontor-paket-kart:disabled { opacity: .5; cursor: default; }
.kpk-kontor { font-weight: 700; font-size: 15px; }
.kpk-fiyat { font-size: 13px; color: var(--ink-soft); }
.kpk-hediye { font-size: 12px; font-weight: 700; color: #166534; background: #dcfce7; border-radius: 12px; padding: 2px 9px; }
.kontor-paket-kart.kpk-hediyeli { border-color: rgba(34,197,94,.5); }
.kontor-paket-kart.kpk-hediyeli:hover { border-color: #16a34a; }
.acil-kontor-kutu { border:1px solid var(--gold); background:rgba(230,182,104,.08); border-radius:12px; padding:14px; margin-bottom:14px; text-align:center; }
.acil-kontor-btn { background:#2fa46b; color:#ffffff; border:none; border-radius:10px; padding:11px 18px; font-weight:700; font-size:14px; cursor:pointer; font-family:var(--font-b); box-shadow:0 2px 8px rgba(47,164,107,.28); }
.acil-kontor-btn:hover:not(:disabled) { background:#279a61; box-shadow:0 3px 12px rgba(47,164,107,.36); }
.acil-kontor-btn:disabled { background:var(--line); color:var(--ink-soft); cursor:default; box-shadow:none; }
.acil-kontor-not { font-size:12px; color:var(--ink-soft); margin:8px 0 0; }
/* Adli Tatil Kampanyası kartı */
.adli-tatil-kutu { border:1px solid #2fa46b; background:rgba(47,164,107,.08); border-radius:12px; padding:16px; margin-bottom:14px; text-align:center; }
.adli-tatil-baslik { font-weight:700; font-size:15px; color:var(--ink); margin-bottom:12px; }
.adli-tatil-btn { background:#2fa46b; color:#ffffff; border:none; border-radius:10px; padding:12px 20px; font-weight:700; font-size:14px; cursor:pointer; font-family:var(--font-b); box-shadow:0 2px 8px rgba(47,164,107,.28); }
.adli-tatil-btn:hover:not(:disabled) { background:#279a61; box-shadow:0 3px 12px rgba(47,164,107,.36); }
.adli-tatil-btn:disabled { background:var(--line); color:var(--ink-soft); cursor:default; box-shadow:none; }
.adli-tatil-aciklama { font-size:13px; line-height:1.65; color:var(--ink-soft); margin:14px 0 0; text-align:left; }
.adli-tatil-donem { font-size:12.5px; color:var(--ink-soft); margin-top:10px; }
.adli-tatil-donem strong { color:var(--ink); }
.acil-kontor-pasif { opacity:.85; }
.acil-kontor-msg { font-size:12.5px; margin-top:8px; }
.acil-kontor-msg.ok { color:var(--ok); }
.acil-kontor-msg.hata { color:var(--err); }
.kontor-kampanya { margin-top:14px; margin-bottom:1px; padding:12px 14px; border:1px dashed var(--gold); background:rgba(230,182,104,.08); border-radius:10px; color:var(--ink); font-size:13px; line-height:1.6; white-space:pre-wrap; text-align:center; }
.sa-paket-kampanya { margin:6px 0 12px; display:flex; flex-direction:column; gap:6px; }
.sa-paket-kampanya label { font-weight:600; }
.sa-paket-kampanya textarea { width:100%; resize:vertical; font-family:var(--font-b); line-height:1.5; }
.kontor-kart-iframe-sar { width: 100%; min-height: 560px; border: 1px solid var(--line); border-radius: var(--r-sm); overflow: hidden; background: #fff; }
.kontor-kart-vazgec {
  margin-top: 12px; padding: 8px 14px; cursor: pointer;
  background: transparent; border: 1px solid var(--line); border-radius: var(--r-sm); color: var(--ink-soft);
}
.kontor-kart-vazgec:hover { border-color: var(--aksiyon); color: var(--ink); }
.kontor-kart-sonuc { text-align: center; padding: 28px 16px; }
.kontor-kart-sonuc h3 { margin: 0 0 8px; font-size: 18px; }
.kontor-kart-sonuc.ok h3 { color: var(--ok); }
.kontor-kart-sonuc.hata h3 { color: var(--err); }
.kontor-kart-sonuc p { color: var(--ink-soft); line-height: 1.6; margin: 0 0 16px; }

/* ---- Sysadmin: Satış Paketleri ---- */
.sa-paket-satirlar { display: grid; gap: 8px; margin: 10px 0 14px; }
.sa-paket-satir { display: grid; grid-template-columns: 22px minmax(0,1fr) 14px minmax(0,1fr) 14px 96px; align-items: center; gap: 8px; }
.sa-paket-hediye-satir { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 4px 0 10px; }
.sa-paket-hediye-satir label { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.sa-paket-no { color: var(--ink-faint); font-size: 13px; text-align: right; }
.sa-paket-input { margin: 0; }
.sa-paket-esit { color: var(--ink-faint); text-align: center; }
.sa-paket-tl { font-weight: 700; color: var(--ink); font-size: 13.5px; }
#sa-paket-birim { font-weight: 600; color: var(--ink-soft); }

/* ---- Sysadmin: Hızlı Kullanım Özeti ---- */
.sa-ozet-grup { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 10px 0; }
.sa-ozet-etiket { min-width: 140px; font-weight: 700; color: var(--ink); font-size: 13.5px; }
.sa-ozet-btnler { display: flex; gap: 8px; flex-wrap: wrap; }
.sa-ozet-btn {
  padding: 7px 14px; cursor: pointer; font: 600 13px var(--font-b);
  background: var(--navy-900); color: var(--ink-soft);
  border: 1px solid var(--line); border-radius: var(--r-sm); transition: border-color .15s, color .15s;
}
.sa-ozet-btn:hover { border-color: var(--aksiyon); color: var(--ink); }
.sa-ozet-btn.aktif { border-color: var(--aksiyon); color: var(--ink); box-shadow: inset 0 0 0 1px var(--aksiyon); }
.sa-ozet-sonuc { margin-top: 14px; padding: 16px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--navy-900); }
.sa-ozet-buyuk { display: flex; align-items: baseline; gap: 8px; }
.sa-ozet-sayi { font-size: 30px; font-weight: 800; color: var(--gold); }
.sa-ozet-birim { font-size: 15px; color: var(--ink-soft); }
.sa-ozet-alt { color: var(--ink-soft); font-size: 13px; margin-bottom: 8px; }
.sa-ozet-liste { display: grid; gap: 6px; }
.sa-ozet-satir { display: flex; justify-content: space-between; padding: 7px 10px; background: var(--navy-800); border-radius: 7px; font-size: 13.5px; }
.sa-ozet-satir strong { color: var(--gold); }
.sa-ozet-yukleniyor, .sa-ozet-hata { color: var(--ink-soft); font-size: 13px; }
.sa-ozet-hata { color: var(--err); }
/* Destek üst sekmeleri (Canlı Destek / İnceleme Talepleri) */
.sa-destek-ust-sekmeler { display: flex; gap: 8px; margin-bottom: 12px; }
.sa-destek-ust-sekme { padding: 8px 16px; border: 1px solid var(--cizgi, rgba(255,255,255,.12)); background: transparent; color: var(--ink-soft); border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600; }
.sa-destek-ust-sekme.aktif { border-color: var(--aksiyon); color: var(--ink); box-shadow: inset 0 0 0 1px var(--aksiyon); }
.sa-destek-ust-sekme .destek-rozet { margin-left: 6px; }
/* İnceleme talepleri kartları */
.sa-inceleme-liste { display: grid; gap: 10px; }
.sa-inceleme-kart { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; background: var(--navy-800); border-radius: 9px; flex-wrap: wrap; }
.sa-inceleme-ad { font-weight: 600; font-size: 14.5px; margin-bottom: 3px; }
.sa-inceleme-detay { font-size: 12.5px; color: var(--ink-soft); }
.sa-inceleme-aksiyon { display: flex; gap: 8px; flex-wrap: wrap; }
/* Kullanıcı pasif/aktif geçmişi raporu */
.sa-durum-filtre { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 10px 0 12px; }
.sa-durum-filtre label { font-size: 12.5px; color: var(--ink-soft); }
.sa-durum-liste { overflow-x: auto; }
.sa-durum-tablo { width: 100%; border-collapse: collapse; font-size: 13px; border: 1px solid #33506f; }
.sa-durum-tablo th, .sa-durum-tablo td { text-align: left; padding: 9px 12px; border: 1px solid #33506f; white-space: nowrap; }
.sa-durum-tablo th { font-size: 11.5px; text-transform: uppercase; letter-spacing: .03em; color: #cdd9e8; background: #13243c; }
.sa-durum-tablo tbody tr:nth-child(even) td { background: rgba(255,255,255,.035); }
.sa-durum-tablo tbody tr:hover td { background: rgba(99,151,246,.12); }
.sa-durum-sayfalama { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.sa-durum-sayfa-bilgi { font-size: 12.5px; color: var(--ink-soft); }
/* Kampanya geçmişi kartları (İletişim → Geçmiş E-postalar) */
.sa-kgec-liste { display: flex; flex-direction: column; gap: 10px; }
.sa-kgec-kart { border: 1px solid #33506f; border-radius: 10px; background: #0e2138; overflow: hidden; }
.sa-kgec-bas { display: flex; align-items: center; gap: 12px; padding: 12px 14px; cursor: pointer; }
.sa-kgec-bas-sol { flex: 1 1 auto; min-width: 0; }
.sa-kgec-konu { font-weight: 600; font-size: 14.5px; }
.sa-kgec-meta { font-size: 12.5px; color: var(--ink-soft); margin-top: 3px; }
.sa-kgec-ok { transition: transform .18s ease; color: var(--ink-soft); }
.sa-kgec-detay { padding: 0 14px 14px; border-top: 1px solid #33506f; }
.sa-kgec-filtre { font-size: 12.5px; color: var(--ink-soft); margin: 10px 0; }
.sa-kgec-icerik { font-size: 13.5px; line-height: 1.6; background: rgba(255,255,255,.045); border-radius: 8px; padding: 10px 12px; }
.sa-kgec-alicilar-bas { font-size: 12.5px; font-weight: 600; color: var(--ink-soft); margin: 12px 0 5px; }
.sa-kgec-alicilar { font-size: 12.5px; color: var(--ink-soft); word-break: break-all; line-height: 1.7; }
/* Akordeon (açılır/kapanır rapor kartları) */
.sa-akordeon-bas { display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none; }
.sa-akordeon-bas h3 { flex: 1 1 auto; margin: 0; }
.sa-akordeon-ok { font-size: 14px; color: var(--ink-soft); transition: transform .18s ease; }
.sa-akordeon.kapali .sa-akordeon-ok { transform: rotate(-90deg); }
.sa-akordeon.kapali > :not(.sa-akordeon-bas) { display: none !important; }
/* Satır içi tarih aralığı (her özet grubunda) */
.sa-ozet-aralik { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sa-ozet-tarih { width: auto; padding: 5px 8px; }
.sa-ozet-tire { color: var(--ink-faint); }
.sa-ozet-uygula { border-style: dashed; }
/* Hesap kırılım listesi (kimler) */
.sa-ozet-kimler { margin-top: 14px; border-top: 1px solid var(--cizgi, rgba(255,255,255,.08)); padding-top: 10px; }
.sa-ozet-kimler-bas { font-size: 13px; font-weight: 600; color: var(--ink-soft); margin-bottom: 8px; }
.sa-ozet-kim-satir { display: flex; align-items: center; gap: 10px; padding: 7px 10px; background: var(--navy-800); border-radius: 7px; font-size: 13.5px; margin-bottom: 6px; }
.sa-ozet-kim-no { color: var(--ink-faint); min-width: 26px; }
.sa-ozet-kim-ad { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sa-ozet-kim-deg { color: var(--gold); white-space: nowrap; }
.sa-ozet-kimler-nav { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 8px; }

/* ---- Uzman mod uyarı modalı ---- */
.uzman-uyari-card { max-width:520px; width:92%; }
.uzman-uyari-bas { margin:0 0 12px; font-size:19px; color:var(--gold); }
.uzman-uyari-metin { font-size:14px; line-height:1.7; color:var(--ink-soft); margin:0 0 16px; }
.uzman-uyari-onay { display:flex; align-items:center; gap:9px; font-size:13.5px; color:var(--ink); margin-bottom:16px; cursor:pointer; }
.uzman-uyari-onay input { width:17px; height:17px; cursor:pointer; }
#uzman-uyari-tamam { width:100%; }

/* ---- Kayıt: e-posta opsiyonel etiketi + doğrulama kanalı seçimi ---- */
.alan-ops { font-weight:400; font-size:11.5px; color:var(--ink-soft); }
.kanal-sec { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px 20px; }
.kanal-bas { width:100%; font-size:12.5px; color:var(--ink-soft); font-weight:600; letter-spacing:.2px; }
.kanal-lbl { display:inline-flex; align-items:center; gap:7px; font-size:14px; color:var(--ink); cursor:pointer; }
.kanal-lbl input { width:16px; height:16px; cursor:pointer; margin:0; }


/* Nokta içtihat modalı aksiyon düğmeleri — "Tam metni göster" ile aynı yumuşak hap görünümü.
   (Yargıtay düğmeleri kendi kahverengi rengini !important ile korur, yalnız şekil ortaklaşır.) */
.nokta-akn-btn { background:rgba(7,146,177,.15); color:var(--aksiyon); border:none; padding:6px 14px; border-radius:var(--r-sm); cursor:pointer; font-size:13px; font-weight:600; font-family:var(--font-b); transition:background .15s, filter .15s; }
.nokta-akn-btn:hover { background:rgba(7,146,177,.28); }
.nokta-akn-btn.ict-yrg-btn:hover, .nokta-akn-btn.nokta-yargitay-btn:hover { filter:brightness(1.1); }

/* Kontör modalı — İletişim sekmesi */
.iletisim-liste { list-style:none; margin:14px 0 0; padding:0; display:flex; flex-direction:column; gap:10px; }
.iletisim-liste li { display:flex; gap:12px; align-items:flex-start; padding:10px 12px; background:rgba(99,151,246,.06); border:1px solid rgba(99,151,246,.2); border-radius:8px; }
.iletisim-etiket { flex:0 0 130px; color:var(--ink-soft); font-size:13px; font-weight:600; }
.iletisim-deger { flex:1; color:var(--ink); font-size:14px; word-break:break-word; }
.iletisim-deger a { color:#6397f6; text-decoration:none; }
.iletisim-deger a:hover { text-decoration:underline; }

/* Destek paneli — İletişim bilgileri bloğu */
.destek-iletisim { margin:0 0 18px; }
.destek-iletisim-bas { display:block; margin-bottom:10px; font-size:15px; }

/* Destek paneli sekmeleri */
.destek-tab { background:none; border:none; border-bottom:2px solid transparent; color:var(--ink-soft); padding:11px 14px; font-size:13.5px; font-weight:600; font-family:var(--font-b); cursor:pointer; margin-bottom:-1px; }
.destek-tab:hover { color:var(--ink); }
.destek-tab.aktif { color:var(--aksiyon); border-bottom-color:var(--aksiyon); }
.eklenti-nasil { margin-top:18px; }
.eklenti-nasil-bas { display:block; margin-bottom:10px; font-size:15px; }
.eklenti-adim-liste { margin:0 0 14px; padding-left:20px; display:flex; flex-direction:column; gap:9px; }
.eklenti-adim-liste li { font-size:14px; line-height:1.55; color:var(--ink); }
.eklenti-not { margin-top:14px; font-size:13px; color:var(--ink-soft); line-height:1.5; }

/* ==================== SORU-CEVAP MODÜLÜ ==================== */
.sc-duzen { display: flex; position: relative; gap: 16px; height: calc(100vh - 170px); min-height: 460px; overflow: hidden; }
/* Soru-Cevap: mesaj alanı ve sol liste zemini beyaz — açık tema değişkenlerini modül içine uygula (metin okunur kalır). */
.sc-duzen {
  --navy-900:#ffffff; --navy-800:#ffffff; --navy-700:#eef2f8;
  --navy-600:#e3e9f3; --line:#d3dbe8;
  --gold:#b8862f; --gold-dim:#9c7228;
  --blue:#2f63c4; --blue-dim:#214a99;
  --aksiyon:#0a8caa; --aksiyon-koyu:#077089; --aksiyon-yazi:#ffffff;
  --ink:#16233a; --ink-soft:#4a5d78; --ink-faint:#8090a8;
  --ok:#1f9d63; --err:#cf4658;
}
.sc-duzen .sc-yan, .sc-duzen .sc-sohbet { background:#ffffff; }
/* SOHBET GEÇMİŞİ — masaüstünde SÜREKLİ AÇIK sütun.
   Eskiden gizliydi ve ☰ ile açılıyordu; ChatGPT/Claude gibi hep görünür olması
   istendi. Dar ekranda (≤900px) yer olmadığı için eski açılır davranışa döner. */
.sc-yan {
  position: static; flex: 0 0 300px; width: 300px; max-width: 300px;
  display: flex; flex-direction: column; overflow: hidden;
  border: 1px solid var(--line); border-radius: 12px; background: var(--navy-800);
  transform: none;
}
.sc-yan-bas { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid var(--line); font-weight: 600; }
.sc-yeni-btn { background: none; color: var(--ink-soft); border: 1px solid var(--line); border-radius: 8px; padding: 6px 12px; font-weight: 600; cursor: pointer; transition: border-color .15s, color .15s; }
.sc-yeni-btn:hover { border-color: var(--blue); color: var(--blue); }
.sc-liste { flex: 1; overflow-y: auto; padding: 8px; }
.sc-liste-bos { color: var(--ink-soft, #9fb6d4); font-size: 13px; padding: 14px; text-align: center; }
.sc-liste-oge { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 8px; cursor: pointer; }
.sc-liste-oge:hover { background: var(--navy-700); }
.sc-liste-oge.aktif { background: rgba(99,151,246,.16); }
.sc-oge-ad { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
.sc-oge-sil { background: none; border: none; color: var(--ink-soft, #9fb6d4); cursor: pointer; font-size: 13px; opacity: .5; }
.sc-oge-sil:hover { opacity: 1; color: #e66; }
.sc-sohbet { flex: 1; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--navy-800); min-width: 0; }
/* Konuşma listesi aç/kapa düğmesi (her ekranda görünür) + arkaplan perdesi */
.sc-liste-ac { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin: 10px 0 0 12px; padding: 8px 14px; font-size: 13px; font-weight: 600; font-family: var(--font-b); background: var(--navy-900); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; transition: border-color .15s, color .15s; }
.sc-liste-ac:hover { border-color: var(--blue); color: var(--blue); }
.sc-liste-ac { display: none; }   /* masaüstünde panel hep açık */
.sc-yan-backdrop { display: none; }
.sc-yan-backdrop:not([hidden]) { display: block; position: absolute; inset: 0; background: rgba(0,0,0,.42); z-index: 35; border-radius: 12px; }
.sc-mesajlar { flex: 1; overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.sc-balon { max-width: 78%; padding: 11px 14px; border-radius: 14px; font-size: 14.5px; line-height: 1.6; overflow-wrap: anywhere; }
.sc-balon.kullanici { align-self: flex-end; background: var(--navy-600); background: color-mix(in srgb, var(--navy-700), #fff 14%); color: var(--ink); border: 1px solid var(--line); border-bottom-right-radius: 4px; }
.sc-balon.ai { align-self: flex-start; background: var(--navy-700); border: 1px solid var(--line); border-bottom-left-radius: 4px; }
.sc-balon.ai.hata { border-color: #e66; color: #f3b1b1; }
.sc-balon.ai strong { color: var(--gold); }
.sc-bos { margin: auto; max-width: 460px; text-align: center; color: var(--ink-soft, #9fb6d4); }
.sc-bos h3 { margin: 0 0 10px; }
.sc-bos p { margin: 8px 0; line-height: 1.6; }
.sc-ornek { font-style: italic; }
.sc-uyari { font-size: 12.5px; opacity: .8; }
.sc-giris { display: flex; gap: 10px; padding: 12px; border-top: 1px solid var(--line); }
.sc-input { flex: 1; resize: none; border-radius: 10px; border: 1px solid var(--line); background: var(--navy-900); color: inherit; padding: 10px 12px; font: inherit; line-height: 1.5; max-height: 160px; }
.sc-gonder-btn { background: none; color: var(--ink-soft); border: 1px solid var(--line); border-radius: 10px; padding: 0 20px; font-weight: 600; cursor: pointer; transition: border-color .15s, color .15s; }
.sc-gonder-btn:hover { border-color: var(--blue); color: var(--blue); }
.sc-gonder-btn:disabled, .sc-input:disabled { opacity: .6; cursor: default; }
.sc-yaziyor { display: inline-flex; gap: 5px; align-items: center; }
.sc-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--ink-soft, #9fb6d4); display: inline-block; animation: sc-zipla 1.2s infinite ease-in-out both; }
.sc-nokta:nth-child(2) { animation-delay: .2s; }
.sc-nokta:nth-child(3) { animation-delay: .4s; }
@keyframes sc-zipla { 0%, 80%, 100% { transform: scale(.6); opacity: .4; } 40% { transform: scale(1); opacity: 1; } }
@media (max-width: 768px) {
  /* Alan ekrana sabitlenir; SAYFA değil yalnızca mesaj listesi (sc-mesajlar) içten kayar.
     dvh: mobil adres çubuğu açılıp kapandığında doğru yükseklik. vh satırı eski tarayıcı yedeği. */
  .sc-duzen { position: relative; flex-direction: column; height: calc(100vh - 150px); height: calc(100dvh - 150px); min-height: 300px; gap: 10px; }

  /* Konuşma listesi mobilde: sol üstteki "☰ Konuşmalar" düğmesiyle açılan kayan panel (aksi halde gizli). */
  .sc-liste-ac { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin: 0 0 8px; padding: 7px 12px; font-size: 13px; font-weight: 600; font-family: var(--font-b); background: var(--navy-900); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
  .sc-liste-ac { display: inline-flex; }   /* dar ekranda ☰ geri gelir */
  .sc-yan { position: absolute; top: 0; left: 0; bottom: 0; width: 84%; max-width: 300px; max-height: none; z-index: 40; flex: none; transform: translateX(-104%); transition: transform .22s ease; box-shadow: 2px 0 18px rgba(0,0,0,.28); border-radius: 0 12px 12px 0; }
  .sc-yan.acik { transform: translateX(0); }
  .sc-yan-backdrop:not([hidden]) { display: block; position: absolute; inset: 0; background: rgba(0,0,0,.42); z-index: 35; }
  .sc-yan-bas { padding: 9px 12px; font-size: 14px; }
  .sc-yeni-btn { padding: 5px 12px; font-size: 12.5px; }
  .sc-liste { padding: 6px; }
  .sc-liste-oge { padding: 8px 10px; }

  /* Sohbet gövdesi — sc-duzen içinde esner; içerik büyüse de SAYFA uzamaz (sc-mesajlar kayar) */
  .sc-sohbet { min-height: 0; border-radius: 10px; }
  .sc-mesajlar { padding: 12px; gap: 10px; }

  /* Boş-durum tanıtımı: kompakt (dikey alan israfını önle) */
  .sc-bos { max-width: 100%; }
  .sc-bos h3 { font-size: 17px; margin-bottom: 6px; }
  .sc-bos p { font-size: 13.5px; line-height: 1.5; margin: 6px 0; }
  .sc-ornek { font-size: 13px; }
  .sc-uyari { font-size: 11.5px; }

  /* Feragat + araç çubuğu + giriş: sıkı yerleşim */
  .sc-feragat { font-size: 11px; padding: 7px 30px 7px 12px; line-height: 1.45; }
  .sc-arac { padding: 7px 10px; gap: 8px; }
  .sc-arac-secimler { gap: 10px; flex-wrap: wrap; }
  .sc-arac-et { font-size: 12px; }
  .sc-giris { padding: 10px; gap: 8px; }
  .sc-input { padding: 9px 11px; }
  .sc-gonder-btn { padding: 0 16px; }
}
/* Soru-Cevap: hukuk alanı rozeti + yanıt ücreti notu */
.sc-oge-rozet { flex: 0 0 auto; font-size: 10.5px; padding: 2px 7px; border-radius: 999px; background: rgba(99,151,246,.18); color: var(--ink-soft, #9fb6d4); white-space: nowrap; max-width: 90px; overflow: hidden; text-overflow: ellipsis; }
.sc-ucret { align-self: flex-start; font-size: 11.5px; color: var(--ink-soft, #9fb6d4); opacity: .8; margin: -4px 0 2px 2px; }
/* Soru-Cevap: sorumluluk/feragat şeridi */
.sc-feragat { padding: 8px 14px; font-size: 11.5px; line-height: 1.5; color: var(--ink-soft, #9fb6d4); background: rgba(230,200,120,.10); border-bottom: 1px solid var(--line); }
.sc-feragat b { color: var(--gold); }
/* Soru-Cevap: içtihat yoğunluk seçici + tıklanır içtihat kartları */
.sc-arac { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.sc-arac-secimler { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-width: 0; }
.sc-arac-et { font-size: 12.5px; color: var(--ink-soft, #9fb6d4); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.sc-yogunluk { background: var(--navy-900); color: inherit; border: 1px solid var(--line); border-radius: 8px; padding: 4px 8px; font: inherit; font-size: 13px; }
.sc-arac-not { font-size: 11.5px; color: var(--ink-soft, #9fb6d4); opacity: .85; }
.sc-ict-blok { align-self: flex-start; max-width: 78%; margin: -2px 0 4px; display: flex; flex-direction: column; gap: 6px; }
.sc-ict-bas { font-size: 12px; color: var(--gold); font-weight: 600; }
.sc-ict-ipucu { font-weight: 400; color: var(--ink-soft, #9fb6d4); opacity: .8; }
.sc-ict-not { font-size: 11.5px; color: var(--ink-faint); line-height: 1.5; margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--line); }
.sc-ict-kart { text-align: left; background: var(--navy-700); border: 1px solid var(--line); border-radius: 10px; padding: 8px 11px; cursor: pointer; display: flex; flex-direction: column; gap: 3px; color: inherit; }
.sc-ict-kart:hover { background: rgba(230,200,120,.12); border-color: var(--gold); }
.sc-ict-ad { font-size: 13px; font-weight: 600; }
.sc-ict-ozet { font-size: 11.5px; color: var(--ink-soft, #9fb6d4); line-height: 1.4; }
.sc-ict-yok { align-self: flex-start; max-width: 78%; font-size: 12px; color: var(--ink-soft, #9fb6d4); font-style: italic; opacity: .9; margin: -2px 0 2px; }
/* Soru-Cevap: mesaj sarmalayıcı + işlem düğmeleri + düzenleme + durdurma */
.sc-mesaj { display: flex; flex-direction: column; gap: 4px; }
.sc-mesaj[data-rol="user"] { align-items: flex-end; }
.sc-mesaj[data-rol="ai"] { align-items: flex-start; }
.sc-mesaj-arac { display: flex; gap: 8px; flex-wrap: wrap; opacity: .65; }
.sc-mesaj:hover .sc-mesaj-arac { opacity: 1; }
.sc-mini { font-size: 11.5px; padding: 2px 9px; background: transparent; border: 1px solid var(--line); border-radius: 6px; color: var(--ink-soft, #9fb6d4); cursor: pointer; }
.sc-mini:hover { border-color: var(--gold); color: var(--gold); }
.sc-duzen-input { width: 100%; min-width: 240px; background: var(--navy-900); border: 1px solid var(--gold); border-radius: 8px; color: var(--ink); font: inherit; line-height: 1.5; padding: 7px 9px; resize: vertical; }
.sc-balon.kullanici .sc-duzen-input { color: var(--ink); }
.sc-oge-duzen { background: none; border: none; color: var(--ink-soft, #9fb6d4); cursor: pointer; font-size: 12px; opacity: .5; }
.sc-oge-duzen:hover { opacity: 1; color: var(--gold); }
.sc-oge-arsiv { background: none; border: none; color: var(--ink-soft, #9fb6d4); cursor: pointer; font-size: 13px; opacity: .5; line-height: 1; }
.sc-oge-arsiv:hover { opacity: 1; color: var(--gold); }
/* Konuşma listesi: Aktif / Arşiv filtresi */
.sc-oge-ad-input { flex: 1; background: var(--navy-900); border: 1px solid var(--gold); border-radius: 6px; color: inherit; font: inherit; font-size: 14px; padding: 2px 6px; min-width: 0; }
.sc-durdur-btn { background: var(--err); color: #fff; }
.sc-durdur-btn:hover { filter: brightness(.92); }
/* Sysadmin: Yasal Onaylar */
.sa-yasal-oge { padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 8px; cursor: pointer; background: var(--navy-800); }
.sa-yasal-oge:hover { border-color: var(--gold); }
.sa-yasal-bas { font-size: 14px; margin-bottom: 4px; }
.sa-yasal-eposta { color: var(--ink-soft, #9fb6d4); font-size: 12px; margin-left: 6px; }
.sa-yasal-sur { font-size: 12.5px; color: var(--ink-soft, #9fb6d4); }
.sa-yasal-tar { font-size: 11.5px; opacity: .8; }
.sa-yasal-guncel { color: var(--ok); font-weight: 600; }
.sa-yasal-eski { color: var(--gold-dim); font-weight: 600; }
.sa-yasal-gecmis { margin-top: 8px; border-top: 1px dashed var(--line); padding-top: 8px; font-size: 12px; }
.sa-yasal-tablo { width: 100%; border-collapse: collapse; }
.sa-yasal-tablo th, .sa-yasal-tablo td { text-align: left; padding: 3px 8px; border-bottom: 1px solid var(--line); }
.sa-yasal-tablo th { color: var(--ink-soft, #9fb6d4); font-weight: 600; }
/* Birleşik Yasal Onaylar raporu: tıklanabilir satır + açılan onay geçmişi */
.sa-durum-tablo tr.sa-yasal-satir { cursor: pointer; }
.sa-durum-tablo tr.sa-yasal-satir.acik td { background: rgba(99,151,246,.14); }
.sa-durum-tablo tr.sa-yasal-gecmis-satir td,
.sa-durum-tablo tr.sa-yasal-gecmis-satir:hover td { white-space: normal; background: rgba(0,0,0,.16); padding: 8px 12px; }
.sa-yasal-gecmis-satir .sa-yasal-tablo { margin: 2px 0; }
/* Onay modalı: değişiklik bilgilendirme banner'ı */
.onay-degisiklik { border-left: 3px solid var(--gold-dim); padding-left: 10px; }
/* Dilekçe önizleme: kullanıcının girdiği tam metin (kopyala/revize için) */
.dlk-o-girdi { border: 1px solid var(--line); border-radius: 10px; background: var(--navy-800); padding: 12px 14px; margin: 0 0 16px; }
.dlk-o-girdi-bas { font-size: 12px; font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; }
.dlk-o-girdi-metin { white-space: pre-wrap; word-break: break-word; font-size: 13.5px; line-height: 1.6; color: var(--ink-soft); user-select: text; }
/* Belge analizi girdi kutusu blokları */
.an-girdi-blok { margin-top: 8px; font-size: 13px; line-height: 1.6; color: var(--ink-soft); }
.an-girdi-blok:first-of-type { margin-top: 0; }
.an-girdi-et { font-weight: 600; color: var(--ink); }
/* Çöp kutusu */
/* Liste modali (UYAP toplu indirme) — eski ".cop-" adları çöp kutusundan kalmıştır,
   çöp kutusu kaldırıldı ama bu iki sınıf hâlâ UYAP indirme penceresinde kullanılıyor. */
.cop-kutu { max-width: 760px; width: 92vw; }
.cop-icerik { max-height: 58vh; overflow: auto; }
/* UYAP toplu indirme */
.uyap-indir-arac { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 8px 0 12px; font-size: 13px; }
.uyap-indir-sat { display: block; padding: 7px 4px; border-bottom: 1px solid var(--line); font-size: 13px; cursor: pointer; }
.uyap-indir-sat input { margin-right: 8px; }
.uyap-indir-tur { color: var(--ink-soft); }
/* Soru-Cevap feragat bandı kapatma */
.sc-feragat { position: relative; padding-right: 30px; }
.sc-feragat-x { position: absolute; top: 6px; right: 8px; background: transparent; border: none; color: var(--ink-soft); cursor: pointer; font-size: 13px; line-height: 1; padding: 2px 4px; border-radius: 4px; }
.sc-feragat-x:hover { color: var(--ink); background: rgba(0,0,0,.06); }
/* Soru-Cevap mesaj tarih/saat damgası + düşünme süresi */
.sc-damga { font-size: 11px; color: var(--ink-soft); opacity: .85; margin: 3px 2px 0; }
.sc-damga-sure { font-size: 10.5px; font-style: italic; opacity: .9; }
/* Revizyon/genişletme talebi kutusu (girdi kutusundan ayırt edilsin) */
.dlk-o-revize { border-color: var(--blue, var(--line)); }
.dlk-o-revize .dlk-o-girdi-bas { color: var(--blue, var(--gold)); }
/* Üretim bilgileri kartı (Girdiğiniz açıklama altındaki meta) */
.dlk-o-meta { border-style: dashed; }
.dlk-meta-satir { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.dlk-meta-oge { font-size: 12.5px; color: var(--ink); white-space: nowrap; }
.dlk-meta-et { color: var(--ink-soft, #9fb6d4); margin-right: 5px; }
.dlk-meta-et::after { content: ':'; }
/* Çıktı modalı sağ-üst düğme grubu: yazı boyutu / tam ekran / genişlet / kapat */
.dlk-onizle-btnler { position: absolute; top: 12px; right: 14px; display: flex; gap: 5px; z-index: 3; }
.dlk-onizle-btnler .dlk-onizle-kapat { position: static; top: auto; right: auto; }
/* Görüntüle (g-btn-ac) ile aynı renk + çerçeveli */
  background: var(--aksiyon); color: var(--aksiyon-yazi); border: 1px solid var(--aksiyon-koyu);
  font-size: 14px; cursor: pointer; line-height: 1; padding: 5px 8px; border-radius: 7px; min-width: 30px;
}
/* Genişletilmiş modal */
#dosya-kayit-modal .dlk-onizle-card.genis, #an-rapor-modal .dlk-onizle-card.genis { max-width: min(1400px, 96vw); }
/* Tam ekran: boşluk bırakmadan tüm sayfayı kaplar */
/* Modal yazı boyutu (A-/A+) ve yazı tipi (Aa) */
/* Arşiv modal notu */
/* Yasal onay raporu rozetleri */
.sa-soluk { color: var(--ink-soft, #6b7280); opacity: .7; }
.sa-rozet-guncel { display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 999px; background: rgba(34,160,90,.14); color: #1f7a45; font-weight: 600; }
.sa-rozet-eski { display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 999px; background: rgba(200,120,0,.16); color: #9a5b00; font-weight: 600; }

/* ── Süreli paketler (Temel/Pro · Aylık/Yıllık) — v0.1.383 ── */
.kontor-sureli-baslik { margin: 18px 0 8px; font-weight: 700; font-size: 14px; color: var(--ink); }
.kontor-sureli-baslik span { font-weight: 400; font-size: 12px; color: var(--ink-soft); }
.kontor-paket-kart.kpk-sureli { border-color: rgba(236,148,87,.55); }
.kontor-paket-kart.kpk-sureli:hover { border-color: #ec9457; }
.kontor-paket-kart.kpk-sureli.kpk-pro { border-color: rgba(91,141,239,.55); }
.kontor-paket-kart.kpk-sureli.kpk-pro:hover { border-color: #5b8def; }
.kpk-rozet { display: inline-block; font-size: 11px; font-weight: 700; color: #fff; background: #ec9457; border-radius: 12px; padding: 2px 10px; margin-bottom: 2px; }
.kpk-sureli.kpk-pro .kpk-rozet { background: #5b8def; }
.kontor-paket-kart.kpk-modul { border-color: rgba(16,185,129,.5); }
.kontor-paket-kart.kpk-modul:hover { border-color: #10b981; }
.kpk-modul .kpk-rozet { background: #10b981; }
.kontor-abonelik-aktif { margin: 4px 0 12px; padding: 9px 12px; border: 1px solid rgba(16,185,129,.4); background: rgba(16,185,129,.10); border-radius: 10px; font-size: 13px; color: var(--ink); }
.modul-abonelik-banner { margin: 0 0 14px; padding: 9px 14px; border: 1px solid rgba(16,185,129,.4); background: rgba(16,185,129,.10); border-radius: 10px; font-size: 13px; color: var(--ink); }
.kpk-sure-uyari { display: block; font-size: 11px; color: var(--ink-soft); margin-top: 3px; }
.kontor-paket-not { margin: 4px 0 14px; padding: 9px 12px; font-size: 12.5px; line-height: 1.5; color: var(--ink); background: rgba(236,148,87,.10); border: 1px solid rgba(236,148,87,.35); border-radius: var(--r-sm); }

/* Sysadmin: süreli paket ayar satırları */
.sa-sureli-grid { display: grid; gap: 8px; margin: 10px 0 14px; }
.sa-sureli-satir { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) 30px minmax(0,1fr) 48px 56px; align-items: center; gap: 8px; }
.sa-sureli-etiket { font-weight: 600; font-size: 13px; color: var(--ink); }
.sa-sureli-durum { font-size: 12px; font-weight: 700; text-align: center; border-radius: 10px; padding: 2px 6px; }
.sa-sureli-durum.acik { color: #166534; background: #dcfce7; }
.sa-sureli-durum.kapali { color: var(--ink-soft); background: var(--navy-900); }
@media (max-width: 640px) { .sa-sureli-satir { grid-template-columns: 1fr; } .sa-sureli-etiket { margin-top: 6px; } }

/* ── Hata Raporu (Rapor sekmesi) — v0.1.384 ── */
.sa-hata-oran { font-weight: 400; font-size: 12px; color: var(--ink-soft); }
.sa-hata-msj-baslik { margin: 14px 0 8px; font-weight: 700; font-size: 13px; color: var(--ink); }
.sa-hata-msj-liste { display: grid; gap: 8px; }
.sa-hata-msj { border: 1px solid var(--line); border-radius: var(--r-sm); padding: 8px 10px; background: var(--navy-900); }
.sa-hata-msj-bas { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 4px; font-size: 12px; }
.sa-hata-tur { font-weight: 700; color: var(--ink); }
.sa-hata-adet { font-weight: 700; color: #cf4658; background: rgba(207,70,88,.12); border-radius: 10px; padding: 1px 8px; }
.sa-hata-son { color: var(--ink-faint); margin-left: auto; }
.sa-hata-metin { font-family: var(--font-m, monospace); font-size: 12px; line-height: 1.5; color: var(--ink-soft); white-space: pre-wrap; word-break: break-word; }

/* Hata Raporu — kullanıcılı detay (v0.1.385) */
.sa-hata-detay { border: 1px solid var(--line); border-radius: var(--r-sm); padding: 8px 10px; background: var(--navy-900); }
.sa-hata-detay-bas { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 4px; font-size: 12px; }
.sa-hata-kul { font-weight: 700; color: var(--ink); }
.sa-hata-detay .sa-hata-tur { font-weight: 600; color: var(--ink-soft); background: var(--line); border-radius: 10px; padding: 1px 8px; }

/* Üretilemedi (model gerekçeli reddi — hata DEĞİL, sonuç) v0.1.388 */
.rozet-durum-uretilemedi { background:rgba(91,141,239,.16); color:#8fb4f0; }
.g-btn-neden { background:rgba(91,141,239,.14); border-color:#5b8def; color:#8fb4f0; }

/* Süreli paket indirim rozeti (v0.1.391) */
.kontor-paket-kart.kpk-sureli { position: relative; }
.kpk-indirim-kose { position: absolute; top: 8px; right: 8px; background: #1f9d63; color: #fff; font-size: 12px; font-weight: 800; border-radius: 10px; padding: 2px 8px; }
.kpk-indirim { display: block; margin-top: 2px; font-size: 12px; font-weight: 700; color: #1f9d63; }
.kpk-referans { display: block; font-size: 12px; color: var(--ink-soft); text-decoration: line-through; }

/* Boşta kalma uyarı banner'ı */
.idle-uyari { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 9999; background: #1f2937; color: #fff; padding: 12px 18px; border-radius: 10px; box-shadow: 0 6px 24px rgba(0,0,0,.35); font-size: 14px; line-height: 1.4; max-width: 90vw; text-align: center; }



/* Kontör hareketlerinde TL karşılığı */
.kontor-tl { color:var(--ink-faint); font-size:12.5px; font-weight:500; white-space:nowrap; }


/* Kontör hareketlerinde satır içi işlem detayı */
.kh-detay { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:5px; }
.kh-d-oge { font-size:12px; color:var(--ink-soft); white-space:nowrap; }
.kh-d-et { color:var(--ink-faint); margin-right:4px; }
.kh-d-et::after { content:':'; }
.kontor-tl { color:var(--ink-faint); font-size:12.5px; font-weight:500; white-space:nowrap; }

/* ===== Maskeleme Stres Testi (sysadmin) ===== */
.sa-aciklama { font-size:13px; color:var(--muted,#8a97ac); line-height:1.5; margin:6px 0; }
.btn-mini { display:inline-block; font-size:12px; padding:3px 10px; border-radius:6px; border:1px solid var(--line,#2a3b57); background:var(--navy-700,#1b2942); color:var(--ink,#e6edf6); cursor:pointer; text-decoration:none; margin-left:6px; }
.btn-mini:hover { border-color:#2d558a; }
.sa-stres-form { display:flex; flex-direction:column; gap:14px; }
.sa-stres-ulkeler { display:flex; flex-wrap:wrap; gap:8px 14px; }
.sa-ulke-kutu { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--ink,#e6edf6); background:var(--navy-700,#1b2942); border:1px solid var(--line,#2a3b57); border-radius:8px; padding:6px 10px; cursor:pointer; }
.sa-stres-parametre { display:flex; flex-wrap:wrap; align-items:center; gap:14px; font-size:13px; }
.sa-stres-parametre label { display:inline-flex; align-items:center; gap:6px; }
.sa-stres-ozet { display:flex; flex-wrap:wrap; gap:16px; margin:6px 0 4px; }
.sa-stres-rakam { display:flex; flex-direction:column; background:var(--navy-700,#1b2942); border:1px solid var(--line,#2a3b57); border-radius:10px; padding:12px 18px; min-width:120px; }
.sa-stres-rakam span { font-size:24px; font-weight:700; color:var(--ink,#e6edf6); }
.sa-stres-rakam small { font-size:12px; color:var(--muted,#8a97ac); margin-top:2px; }

/* ===== Stres testi: ülke açılır listesi + veri türleri + rapor modalı ===== */
.sa-stres-baslik { display:block; font-weight:600; font-size:13px; margin:14px 0 6px; color:var(--ink,#e6edf6); }
.sa-cdd { position:relative; max-width:420px; }
.sa-cdd-bas { width:100%; text-align:left; display:flex; align-items:center; gap:8px; background:var(--navy-700,#1b2942); border:1px solid var(--line,#2a3b57); border-radius:8px; padding:9px 12px; color:var(--ink,#e6edf6); cursor:pointer; font-size:14px; }
.sa-cdd-ozet { color:var(--muted,#8a97ac); }
.sa-cdd-ok { margin-left:auto; opacity:.7; }
.sa-cdd-panel { position:absolute; z-index:40; top:calc(100% + 4px); left:0; right:0; background:var(--navy-800,#131f33); border:1px solid var(--line,#2a3b57); border-radius:10px; padding:10px; box-shadow:0 8px 24px rgba(0,0,0,.4); }
.sa-cdd-panel .sa-input { width:100%; margin-bottom:8px; }
.sa-cdd-arac { display:flex; gap:8px; margin-bottom:8px; }
.sa-cdd-liste { max-height:260px; overflow-y:auto; display:flex; flex-direction:column; gap:2px; }
.sa-cdd-sat { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink,#e6edf6); padding:5px 6px; border-radius:6px; cursor:pointer; }
.sa-cdd-sat:hover { background:var(--navy-700,#1b2942); }
.sa-veri-arac { display:flex; gap:8px; margin-bottom:8px; }
.sa-veri-liste { display:flex; flex-wrap:wrap; gap:8px 10px; }
.sa-rapor-modal { position:fixed; inset:0; z-index:200; background:rgba(0,0,0,.55); display:flex; align-items:flex-start; justify-content:center; padding:40px 16px; overflow-y:auto; }
.sa-rapor-ic { background:var(--navy-800,#131f33); border:1px solid var(--line,#2a3b57); border-radius:12px; width:100%; max-width:760px; padding:20px 22px; }
.sa-rapor-bas { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line,#2a3b57); padding-bottom:12px; margin-bottom:12px; }
.sa-rapor-dugmeler { display:flex; gap:8px; }
.sa-rapor-govde { font-size:13px; color:var(--ink,#e6edf6); }
.sa-rapor-meta p { margin:4px 0; }
.sa-rapor-muhur { padding:8px 10px; background:var(--navy-700,#1b2942); border-left:3px solid #5a7fb5; border-radius:6px; }

/* ===== İşlem sürüyor overlay'i (maske önizleme/hazırlık) ===== */
.islem-overlay { position:fixed; inset:0; z-index:3000; background:rgba(10,15,25,.5); display:flex; align-items:center; justify-content:center; }
.islem-kutu { background:#fff; color:#1a2030; border-radius:14px; padding:20px 26px; display:flex; align-items:center; gap:14px; font-size:15px; font-weight:500; box-shadow:0 12px 44px rgba(0,0,0,.35); max-width:80%; text-align:center; }

/* ===== İsim denetimi kutucukları (üret düğmesi yanı) ===== */

/* İsim denetimi bloğu + üret düğmesi: dikey (kutucuklar üstte, düğme altta), tam genişlik satır.
   Aksi halde flex satırında düğmeyle yan yana sıkışıyordu (özellikle mobilde). */
.dlk-uret-buton { flex-direction: column; align-items: stretch; gap: 10px; }
.dlk-alt-satir .dlk-uret-buton { flex: 1 1 100%; }
.dlk-uret-buton .ner-secim { margin: 0; }
.dlk-uret-buton .dlk-hazirla { align-self: flex-start; }  /* masaüstü: doğal genişlik; mobil media query yine %100 yapar */

/* ===== Son Kontrol modalı: tam ekran + iki panel (sol "Maskelenen Belgeler" listesi + sağ içerik) ===== */
.maske-onay-kart { max-width:1100px; width:96vw; height:92vh; max-height:92vh; display:flex; flex-direction:column; padding:22px 24px; font-family:var(--font-b); }
.maske-onay-govde { flex:1 1 auto; min-height:0; display:flex; gap:12px; margin:10px 0; }
.maske-onay-liste { flex:0 0 250px; overflow-y:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--line); border-radius:10px; background:var(--navy-800); padding:6px; }
.maske-onay-liste-baslik { font-family:var(--font-b); font-weight:700; font-size:11.5px; letter-spacing:.4px; text-transform:uppercase; color:var(--ink-soft); padding:8px 10px 6px; }
.maske-onay-oge { display:block; width:100%; text-align:left; border:none; background:transparent; color:var(--ink); font-family:var(--font-b); font-size:13px; padding:9px 10px; border-radius:8px; cursor:pointer; margin-bottom:2px; line-height:1.35; word-break:break-word; }
.maske-onay-oge:hover { background:var(--navy-700); }
.maske-onay-oge.aktif { background:rgba(31,157,99,.15); color:var(--ok); font-weight:600; }
.maske-onay-oge .oge-ikon { margin-right:6px; opacity:.85; }
.maske-onay-icerik { flex:1 1 auto; min-width:0; overflow-y:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--line); border-radius:10px; background:var(--navy-900); }
.maske-belge-baslik { position:sticky; top:0; z-index:1; font-family:var(--font-b); font-weight:800; font-size:15px; color:var(--ok); background:rgba(31,157,99,.10); border-bottom:1px solid rgba(31,157,99,.28); padding:12px 16px; word-break:break-word; }
.maske-belge-govde { white-space:pre-wrap; word-break:break-word; font-family:var(--font-b); font-size:13px; line-height:1.6; color:var(--ink); padding:14px 16px; }
.maske-onay-icerik .maske-bos { color:var(--ink-faint); font-family:var(--font-b); font-size:13px; padding:16px; }
@media (max-width:760px) {
  .maske-onay-kart { width:100vw; height:100vh; max-height:100vh; border-radius:0; padding:16px 14px; }
  .maske-onay-govde { flex-direction:column; }
  .maske-onay-liste { flex:0 0 auto; max-height:30vh; }
}
/* Son Kontrol tam-ekran kartı kenardan kenara olsun (modal iç boşluğu taşma yapmasın) */
#maske-onay-modal.modal { padding: 0; }
/* Maskeleme detay bilgi linki (kutucuklar ile not arasında, kendi satırında) */

/* ===== Stres testi kontrol satırı: Ülkeler | Veri türleri | Testi Başlat | NER (yan yana) ===== */
.sa-stres-satir { display:flex; flex-wrap:wrap; gap:12px 14px; align-items:flex-end; margin:12px 0 6px; }
.sa-stres-alan { display:flex; flex-direction:column; min-width:230px; flex:0 1 260px; }
.sa-stres-alan .sa-stres-baslik { margin:0 0 6px; }
.sa-stres-satir .sa-stres-baslat { height:38px; }
.sa-stres-satir .sa-stres-ner-kutu { margin:0; height:38px; display:inline-flex; align-items:center; gap:6px; }
@media (max-width:760px) { .sa-stres-alan { flex:1 1 100%; } .sa-stres-satir .sa-stres-baslat { width:100%; } }

/* Sınırsız modül abonelik kartı — kotalı karttan ayırt edilsin */
.kontor-paket-kart.kpk-sinirsiz { border-color: rgba(31,157,99,.55); background: rgba(31,157,99,.08); }
.kontor-paket-kart.kpk-sinirsiz .kpk-kontor { color: var(--ok, #1f9d63); font-weight: 800; letter-spacing: .3px; }

/* Sysadmin — Modül Abonelikleri düzenleme satırları */
.sa-modulplan-liste { display:flex; flex-direction:column; gap:10px; }
.sa-modulplan-satir { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:flex-end; padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--navy-800); }
.sa-modulplan-bas { flex:1 1 100%; font-size:14px; }
.sa-modulplan-bas label { display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.sa-modulplan-alan { display:flex; flex-direction:column; gap:4px; }
.sa-modulplan-alan .mp-etiket { font-size:11.5px; letter-spacing:.3px; text-transform:uppercase; color:var(--ink-soft); }
.sa-modulplan-alan .sa-input { width:120px; }
.sa-modulplan-alan { flex-direction:row; align-items:center; gap:6px; flex-wrap:wrap; }
.sa-modulplan-alan .mp-etiket { width:100%; }
@media (max-width:760px) { .sa-modulplan-alan, .sa-modulplan-alan .sa-input { width:100%; } }

/* Modül abonelik satırı — gruplu, her alan etiketli */
.sa-modulplan-satir .mp-grup { flex:1 1 260px; min-width:240px; border:1px solid var(--line); border-radius:8px; padding:10px; background:rgba(255,255,255,.02); }
.sa-modulplan-satir .mp-grup-bas { font-size:12px; font-weight:700; letter-spacing:.3px; color:var(--ink-soft); margin-bottom:8px; text-transform:uppercase; }
.sa-modulplan-satir .mp-grup-sinirsiz { border-color:rgba(31,157,99,.45); background:rgba(31,157,99,.07); }
.sa-modulplan-satir .mp-grup-sinirsiz .mp-grup-bas { color:var(--ok,#1f9d63); }
.sa-modulplan-satir .mp-alan { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; font-size:13px; }
.sa-modulplan-satir .mp-alan > span { color:var(--ink-soft); }
.sa-modulplan-satir .mp-alan .sa-input { width:150px; }
@media (max-width:760px) { .sa-modulplan-satir .mp-grup { flex:1 1 100%; } .sa-modulplan-satir .mp-alan { flex-direction:column; align-items:stretch; gap:4px; } .sa-modulplan-satir .mp-alan .sa-input { width:100%; } }
/* Modül sınırsız — sürüm bazlı fiyat tablosu */
.sa-modulplan-satir .mp-grup-genis { flex:1 1 100%; }
.mp-sz-tablo { width:100%; border-collapse:collapse; font-size:13px; }
.mp-sz-tablo th { text-align:left; font-size:11.5px; letter-spacing:.3px; text-transform:uppercase; color:var(--ink-soft); font-weight:700; padding:0 8px 6px 0; }
.mp-sz-tablo td { padding:3px 8px 3px 0; }
.mp-sz-tablo .mp-sz-ad { font-weight:600; white-space:nowrap; }
.mp-sz-tablo .sa-input { width:100%; max-width:170px; }

/* ===== Hesap modülü sekmeleri: sysadmin panelindeki sekme modeliyle aynı görünüm ===== */
.kontor-tablar { display:flex; flex-wrap:wrap; gap:6px; padding:14px 24px 12px; border-bottom:1px solid var(--line); }
.kontor-tab { padding:8px 14px; border:1px solid var(--line); background:transparent; border-radius:8px; cursor:pointer;
  font-size:14px; font-family:var(--font-b); font-weight:500; color:var(--ink-soft); transition:all .15s; margin-bottom:0; white-space:nowrap; border-bottom-width:1px; }
.kontor-tab:hover { background:rgba(99,151,246,.08); color:var(--ink); }
.kontor-tab.aktif { background:#6397f6; color:#fff; border-color:#6397f6; font-weight:600; }

/* Kontör satın alma sayfası içi sekmeler (aynı model) */
.satis-tablar { display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 14px; border-bottom:1px solid var(--line); padding-bottom:10px; }
.satis-tab { padding:8px 14px; border:1px solid var(--line); background:transparent; border-radius:8px; cursor:pointer;
  font-size:14px; font-family:var(--font-b); color:var(--ink-soft); transition:all .15s; white-space:nowrap; }
.satis-tab:hover { background:rgba(99,151,246,.08); color:var(--ink); }
.satis-tab.aktif { background:#6397f6; color:#fff; border-color:#6397f6; font-weight:600; }
.satis-panel[hidden] { display:none; }

/* ===================================================================
   SEKME MODELİ — TEK TİP
   Uygulamadaki tüm alt sekmeler (hesap modülü, destek, satın alma) ve
   sysadmin paneli aynı görünümü kullanır. Yeni bir sekme grubu eklerken
   sınıfını buraya ekle; ayrı stil yazma.
   NOT: Üst menü (.tab) bilinçli olarak dışarıda — altın vurgusu ana
   gezinmeyi alt sekmelerden ayırır (görsel hiyerarşi).
   =================================================================== */
.kontor-tablar,
.hesap-alt-tablar,
.satis-tablar {
  display: flex; flex-wrap: wrap; gap: 6px;
  border-bottom: 1px solid var(--line);
}
.kontor-tablar { padding: 14px 24px 12px; }
.hesap-alt-tablar { padding: 16px 24px 12px; margin-bottom: 4px; }
.satis-tablar { padding: 0 0 10px; margin: 4px 0 14px; }

.kontor-tab,
.hesap-alt-tab,
.destek-tab,
.satis-tab {
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: transparent;
  color: var(--ink-soft);
  font-family: var(--font-b);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: all .15s;
  margin-bottom: 0;
}
.kontor-tab:hover,
.hesap-alt-tab:hover,
.destek-tab:hover,
.satis-tab:hover { background: rgba(99,151,246,.08); color: var(--ink); border-color: var(--line); }

.kontor-tab.aktif,
.hesap-alt-tab.aktif,
.destek-tab.aktif,
.satis-tab.aktif { background: #6397f6; border-color: #6397f6; color: #fff; font-weight: 600; }

@media (max-width: 760px) {
  .kontor-tablar, .hesap-alt-tablar { padding-left: 14px; padding-right: 14px; }
  .kontor-tab, .hesap-alt-tab, .destek-tab, .satis-tab { font-size: 13px; padding: 7px 12px; }
}

/* Revize/Genişletme düğmeleri kapatıldı — hizmete ara verme dönemi. JS bu düğmeleri bir
   üretim tamamlanınca göstermeye çalışsa bile burada kalıcı olarak gizli + pasif tutulur.
   Yeniden açmak için bu bloğu ve ilgili butonlardaki disabled/hidden'ı kaldırmak yeterli. */
#dlk-onizle-revizeac,
#dosya-genislet-ac,
#ar-rapor-revizeac,
#an-rapor-genisletac,
#sz-onizle-revizeac { display: none !important; }

/* ============================================================================
   DİLEKÇE MODÜLÜ — ÜRETİM SATIRI DÜZENİ (kullanıcı isteği, fotoğraflı brief)
   ----------------------------------------------------------------------------
   İstenen görünüm:
     satır 1 : [ Yapay Zeka ]  [ Akıl Yürütme Düzeyi ]
     satır 2 : [ maskeleme kartı ........ ]  [📎 Belge Ekle] [Dilekçe Taslağını Hazırla]
     altında : Ek Belge(ler)

   ÖNCEKİ hâl: .dlk-uret-buton (satır 2962) flex-direction:column idi → maskeleme kartı
   üstte, üretim düğmesi ALTINDA duruyordu. Burada YALNIZCA dilekçe paneli için yataya
   çevriliyor; "Belge Ekle" düğmesi de HTML'de bu satıra taşındı.

   KAPSAM NOTU: seçicilerdeki [data-panel="dilekce"] öneki bilinçli. Aynı görünüm sözleşme,
   araştırma, belge/dava analizi modüllerinde de istenirse bu öneki kaldırmak yeterli —
   o modüller de .dlk-uret-buton kullanıyor. Şimdilik dokunulmadı ki istenmeyen bir
   değişiklik tüm uygulamaya yayılmasın.
   ============================================================================ */
[data-panel="dilekce"] .dlk-uret-buton {
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
[data-panel="dilekce"] .dlk-uret-buton .ner-secim {
  flex: 1 1 380px;        /* kart kalan genişliği alır, düğmeler sağda kalır */
  margin: 0;
  min-width: 0;
}
[data-panel="dilekce"] .dlk-uret-buton .dlk-belge-ekle,
[data-panel="dilekce"] .dlk-uret-buton .dlk-hazirla {
  align-self: center;      /* iki düğme kartın dikey ortasında hizalı */
  padding: 11px 20px;
  font-size: 14px;
  font-weight: 700;
}
[data-panel="dilekce"] .dlk-uret-buton .dlk-belge-ekle {
  display: inline-flex;
  align-items: center;
  gap: 7px;                /* ataç ikonu ile yazı arası */
}

/* Dar ekran: kart ve iki düğme alt alta, düğmeler tam genişlik. */
@media (max-width: 900px) {
  [data-panel="dilekce"] .dlk-uret-buton {
    flex-direction: column;
    align-items: stretch;
  }
  [data-panel="dilekce"] .dlk-uret-buton .ner-secim { flex: 0 0 auto; }
  [data-panel="dilekce"] .dlk-uret-buton .dlk-belge-ekle,
  [data-panel="dilekce"] .dlk-uret-buton .dlk-hazirla {
    align-self: stretch;
    width: 100%;
    justify-content: center;
  }
}

/* Zamanlanmış stres testi: gün ve saat kutucuk ızgaraları (sysadmin > Raporlar > Stres Testi). */
.sa-sz-gunler, .sa-sz-saatler {
  display: flex; flex-wrap: wrap; gap: 4px 10px;
  max-height: 190px; overflow-y: auto;
  border: 1px solid var(--line); border-radius: 8px; padding: 8px;
}
.sa-sz-saatler label { flex: 0 0 auto; min-width: 78px; }

/* Zamanlanmış stres testi: ülke / veri türü seçim ızgaraları. */
.sa-sz-secim {
  display: flex; flex-direction: column; gap: 2px;
  max-height: 200px; overflow-y: auto;
  border: 1px solid var(--line); border-radius: 8px; padding: 8px; margin-top: 6px;
}
.sa-sz-kisayol { display: flex; gap: 8px; margin-top: 6px; }
.sa-sz-kisayol button {
  background: none; border: none; padding: 0; cursor: pointer;
  color: var(--blue); font-size: 13px; text-decoration: underline;
}


/* ---------- Sol menü marka bloğu ---------- */
.yan-menu-bas .brand.small strong { font-size:19px; letter-spacing:.2px; }
.yan-menu-bas .brand.small .brand-mark { width:32px; height:32px; font-size:18px; }
/* Üst şeritteki marka yalnızca dar ekranda görünür (sol menü gizliyken). */
.mobil-marka { display:none; }
@media (max-width:768px) { .mobil-marka { display:flex; } }

/* Sol menü kaydırma çubuğu — ince ve sessiz */
.yan-menu::-webkit-scrollbar { width:8px; }
.yan-menu::-webkit-scrollbar-thumb { background:var(--navy-600); border-radius:4px; }
.yan-menu::-webkit-scrollbar-track { background:transparent; }

/* Destek rozeti sol menüde sağa yaslansın */
.tab .destek-rozet { margin-left:auto; }

/* Hareket azaltma tercihi: panel geçiş animasyonunu kapat */
@media (prefers-reduced-motion: reduce) {
  .panel.aktif { animation:none; }
  * { transition-duration:.01ms !important; }
}


/* ---------- Zamanlanmış test görevleri (yönetim paneli) ---------- */
.sa-gorev-liste { display:flex; flex-direction:column; gap:10px; margin:10px 0 14px; }
.sa-gorev {
  border:1px solid var(--line); border-left:3px solid var(--aksiyon);
  border-radius:var(--r-sm); padding:11px 13px; background:var(--navy-900);
  display:grid; gap:3px;
}
.sa-gorev.pasif { border-left-color:var(--ink-faint); opacity:.72; }
.sa-gorev-bas { display:flex; align-items:center; gap:9px; flex-wrap:wrap; font-size:14.5px; }
.sa-gorev-plan { font-size:13.5px; color:var(--ink); font-weight:600; }
.sa-gorev-par, .sa-gorev-son { font-size:12.5px; color:var(--ink-soft); }
.sa-gorev-hata { color:var(--err); }
.sa-gorev-rozet { font-size:11.5px; padding:2px 8px; border-radius:999px; font-weight:600; }
.sa-gorev-rozet.aktif { background:rgba(58,74,96,.12); color:var(--aksiyon-koyu); }
.sa-gorev-rozet.duraklı { background:var(--navy-600); color:var(--ink-soft); }
.sa-gorev-islem { display:flex; gap:7px; margin-top:6px; flex-wrap:wrap; }
.sa-gorev-ekle { border:1px solid var(--line); border-radius:var(--r-sm); padding:10px 13px; background:var(--navy-800); }
.sa-gorev-ekle > summary { cursor:pointer; font-weight:600; font-size:14px; color:var(--aksiyon-koyu); }
.sa-gorev-ekle[open] > summary { margin-bottom:10px; }


/* ---------- ÜRETİM ANAHTARLARI (dilekçe) ----------
   Giriş ekranındaki Tekil/Büro anahtarıyla AYNI görünüm; farkı tek etiketi olması ve
   etiketin duruma göre değişmesi. "Dilekçe Taslağını Hazırla" düğmesinin yanına dizilir. */
.uret-secimler { display:flex; align-items:flex-end; gap:22px; flex-wrap:wrap; margin-right:4px; }
/* Başlık üstte, anahtar altta */
.uret-toggle-sar { display:flex; flex-direction:column; gap:5px; }
.ut-baslik {
  font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--ink-faint); white-space:nowrap;
}
/* SAYFA OYNAMASINI ÖNLEYEN KUTU: hayalet kopya iki metinden UZUN olanı taşır ve
   genişliği sabitler; görünen metin onun üstünde konumlanır. Böylece anahtar
   çevrildiğinde yandaki düğmeler yer değiştirmez. */
.ut-etiket-sar { position:relative; display:inline-block; }
.ut-hayalet { visibility:hidden; white-space:nowrap; }
.uret-toggle .ut-etiket { position:absolute; left:0; top:0; white-space:nowrap; }
.uret-toggle {
  display:inline-flex; align-items:center; gap:9px; cursor:pointer; user-select:none;
  padding:3px 2px; border-radius:var(--r-sm);
}
.uret-toggle:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.uret-toggle .ut-etiket {
  font-weight:600; font-size:13.5px; color:var(--ink-soft);
  transition:color .2s; white-space:nowrap;
}
.uret-toggle[data-acik="1"] .ut-etiket { color:var(--aksiyon-koyu); }
.uret-toggle .mt-track { width:46px; height:25px; }
.uret-toggle .mt-thumb {
  width:19px; height:19px; background:var(--ink-faint);
  box-shadow:0 1px 2px rgba(19,32,51,.2);
}
.uret-toggle[data-acik="1"] .mt-track { background:rgba(58,74,96,.14); border-color:var(--aksiyon); }
.uret-toggle[data-acik="1"] .mt-thumb { transform:translateX(21px); background:var(--aksiyon); }
/* Koşulu sağlanmayan anahtar (ör. örnek dilekçe yokken "Kendi Üslubum") */
.uret-toggle.kilitli { opacity:.5; cursor:not-allowed; }
@media (max-width:768px) {
  .uret-secimler { width:100%; gap:10px 18px; }
}


/* ---------- SOL MENÜ: açılır grup (Ayarlar) ---------- */
.tab-grup { justify-content:space-between; }
.tab-grup-ok { font-size:11px; color:var(--ink-faint); transition:transform .18s; }
.tab-grup.acik .tab-grup-ok { transform:rotate(90deg); }
.tab-alt { position:relative; display:flex; flex-direction:column; gap:2px; padding-left:10px; margin:2px 0 4px; }
.tab-alt .tab-alt-oge { font-size:13.5px; padding-left:22px; position:relative; }
/* Alt maddeleri gruba bağlayan ince dikey çizgi */
/* Alt maddeleri gruba bağlayan ince dikey çizgi.
   ÖNEMLİ: .tab-alt'a position:relative verilmezse çizgi en yakın konumlandırılmış
   ataya (kaydırılan menü sütunu) göre yerleşir ve menü kaydırıldıkça KAYAR.
   Artık kendi kapsayıcısına göre konumlanıyor; margin-left yerine left kullanılıyor. */
.tab-alt::before {
  content:''; position:absolute; left:21px; top:6px; bottom:6px;
  width:1px; background:var(--line);
}
.tab-alt-3::before { left:29px; }   /* üçüncü düzey daha girintili */

/* ---------- AYAR SAYFALARI ---------- */
.ayar-kart {
  background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r);
  padding:22px 24px; max-width:820px; display:flex; flex-direction:column; gap:14px;
}
.ayar-aciklama { font-size:14px; line-height:1.6; color:var(--ink-soft); margin:0; }
.ayar-satir {
  display:flex; align-items:flex-start; gap:12px; padding:13px 15px;
  border:1px solid var(--line); border-radius:var(--r-sm); background:var(--navy-800);
  cursor:pointer;
}
.ayar-satir input[type="checkbox"] { width:18px; height:18px; margin-top:1px; flex:0 0 auto; cursor:pointer; }
.ayar-satir > span { display:flex; flex-direction:column; gap:3px; }
.ayar-satir strong { font-size:14.5px; color:var(--ink); }
.ayar-satir small { font-size:12.5px; color:var(--ink-soft); line-height:1.5; }
.ayar-satir-secim { align-items:center; gap:16px; cursor:default; flex-wrap:wrap; }
.ayar-satir-secim select { min-width:340px; max-width:100%; }
.ayar-uyari {
  margin:0; padding:12px 14px; border-radius:var(--r-sm); font-size:13px; line-height:1.55;
  background:var(--navy-700); border:1px solid var(--line); border-left:3px solid var(--muhur);
  color:var(--ink);
}
.ayar-not { margin:0; font-size:12.5px; line-height:1.55; color:var(--ink-soft); }
.ayar-bilgi-btn { align-self:flex-start; }
.ayar-kayit-msg { font-size:13px; font-weight:600; color:var(--ok); }
.ayar-kayit-msg.hata { color:var(--err); }
@media (max-width:768px) { .ayar-kart { padding:16px 15px; } .ayar-satir-secim select { min-width:0; width:100%; } }


/* ---------- Hesap sayfaları (modaldan sol menüye taşındı) ---------- */
.ayar-kart-genis { max-width:1100px; }
/* Modal içindeyken gizli duran alt paneller artık kendi sayfası — hidden'ı ez. */
.panel[data-panel^="hesap-"] .hesap-alt-panel[hidden],
.panel[data-panel^="hesap-"] .kontor-tab-icerik[hidden] { display:block !important; }

/* Belge Ekle düğmesinin altındaki desteklenen tür listesi */
.belge-ekle-not {
  display:block; font-size:11.5px; color:var(--ink-faint); margin-top:4px; letter-spacing:.02em;
}
/* Üretim düğmesi anahtarların YANINDA dursun (alta düşmesin).
   .uret-secimler flex-wrap:wrap olduğu için düğme sarıp alt satıra iniyordu;
   flex:0 0 auto + nowrap ile aynı satırda kalır. Dar ekranda bilinçli olarak alta iner. */
.uret-secimler:has(.uret-yanda) { flex-wrap:nowrap; }
.uret-yanda { margin-left:18px; align-self:flex-end; flex:0 0 auto; white-space:nowrap; }
@media (max-width:768px) {
  .uret-secimler:has(.uret-yanda) { flex-wrap:wrap; }
  .uret-yanda { margin-left:0; width:100%; }
}

/* Header'daki salt-okunur hesap durumu (sınırsız paket rozeti) */
.hesap-durum {
  font-size:12.5px; font-weight:700; color:var(--aksiyon-koyu);
  background:rgba(58,74,96,.12); border:1px solid var(--aksiyon);
  padding:5px 11px; border-radius:999px; white-space:nowrap;
}


/* ---------- Dilekçe: anahtarlar SOLDAN, iki düğme SAĞDAN ----------
   Anahtarlar konu kutusunun solundan başlar; "Belge Ekle" ve "Dilekçe Taslağını Hazırla"
   sağ kenardan sola doğru dizilir. Aradaki boşluk esner (margin-left:auto). */
/* Anahtarlar SOLDAN, işlem düğmeleri SAĞDAN dizilir.
   Kural hem .dlk-uret-buton sarmalayıcısı olan (dilekçe) hem de doğrudan
   .dlk-alt-satir içinde duran (sözleşme) düzenlerde çalışsın diye ikisi de yazıldı. */
/* Düğme, sarmalayıcı grup İÇİNDE (dilekçe/sözleşme) ya da DOĞRUDAN satırda
   (belge analizi, araştırma, pür içtihat) olabilir — ikisi de sağa yaslanır. */
.dlk-uret-buton:has(.uret-sag-grup),
.dlk-alt-satir:has(> .uret-sag-grup),
.dlk-alt-satir:has(> .uret-yanda) { display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; }
.uret-sag-grup { margin-left:auto; display:flex; align-items:center; gap:12px; }
@media (max-width:768px) {
  .uret-sag-grup { margin-left:0; width:100%; }
  .uret-sag-grup .dlk-hazirla { flex:1; }
}

/* ---------- Son Kontrol: düzenlenebilir metin ---------- */
.maske-duzenle {
  width:100%; min-height:44vh; resize:vertical;
  font-family:var(--font-b); font-size:13.5px; line-height:1.65; color:var(--ink);
  background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:12px 14px; white-space:pre-wrap;
}
.maske-duzenle:focus { outline:2px solid var(--blue); outline-offset:-1px; }
.maske-duzenle-not { font-size:12px; color:var(--ink-faint); margin-top:6px; }
/* Düzenlenmiş bölüm listede işaretlensin */
.maske-onay-oge.duzenlendi::after {
  content:'düzenlendi'; margin-left:auto; font-size:10.5px; font-weight:700;
  color:var(--aksiyon-koyu); background:rgba(58,74,96,.12);
  padding:1px 6px; border-radius:999px;
}
.maske-onay-oge { display:flex; align-items:center; gap:7px; }


/* ---------- Sol menü alt bölümü: kullanıcı + Çıkış (en altta sabit) ---------- */
.yan-menu { display:flex; flex-direction:column; }
.yan-menu .tablar { flex:1 1 auto; }
.yan-menu-alt {
  flex:0 0 auto;                   /* kaydırma dışında, hep en altta */
  padding:12px 12px 14px;
  border-top:1px solid var(--line);
  background:var(--navy-900);
  display:flex; flex-direction:column; gap:8px;
}
.yan-kullanici {
  font-size:13px; font-weight:600; color:var(--ink);
  padding:0 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.yan-kullanici::before { content:'👤 '; opacity:.6; }
.yan-kullanici:empty { display:none; }
.yan-menu-alt .btn-cikis { width:100%; justify-content:center; }


/* ---------- DÜĞME GENİŞLİĞİ: içeriği kadar ----------
   Birçok düğme width:100% ile kutunun tamamını kaplıyordu; metni kısa olduğu için
   ortada tek başına duran çok geniş düğmeler oluşuyordu. Artık düğmeler yazısı
   kadar yer kaplar. (Dar ekranda dokunma hedefi küçülmesin diye mobilde
   tam genişlik korunur — bu bilinçli bir istisnadır.) */
.dlk-hazirla, .btn-primary, .dlk-belge-ekle, .an-yukle-btn,
.btn-kontor, .btn-cikis, .sz-yukle-btn {
  width:auto; align-self:flex-start; white-space:nowrap;
}
/* Sol menüdeki Çıkış bilinçli olarak tam genişlik (menü sütununa oturur). */
.yan-menu-alt .btn-cikis { width:100%; }
@media (max-width:768px) {
  .dlk-hazirla, .btn-primary { width:100%; align-self:stretch; }
}


/* ---------- MENÜ SİMGELERİ (SVG) ----------
   currentColor kullandıkları için metin rengini alırlar: seçili maddede
   kendiliğinden koyulaşır, ayrı bir kural gerekmez. */
.menu-ikon {
  width:18px; height:18px; flex:0 0 18px;
  vertical-align:-3px; margin-right:2px;
  opacity:.78; transition:opacity .15s;
}
.tab:hover .menu-ikon,
.tab.aktif .menu-ikon { opacity:1; }
/* Grup başlığındaki simge, başlık metniyle aynı satırda dursun */
.tab-grup > span:first-child { display:inline-flex; align-items:center; gap:9px; }
/* Alt maddelerin simgeleri biraz küçük — hiyerarşi görünsün */
.tab-alt-oge .menu-ikon { width:16px; height:16px; flex-basis:16px; }

/* Mobil kartlar: emoji yerine SVG */
.mk-ikon { display:flex; align-items:center; justify-content:center; }
.mk-ikon .menu-ikon { width:26px; height:26px; flex-basis:26px; opacity:.85; margin:0; }


/* ---------- Giriş ekranı sadeleştirmesi ---------- */
.auth-card .brand { justify-content:center; margin-bottom:6px; }
.auth-card .brand h1 { font-size:30px; }
.auth-card .brand-alt { text-align:left; }
/* Marka ile form arasında ince mühür çizgisi — uygulama kabuğuyla aynı imza. */
.auth-card .brand::after { content:none; }
.auth-ayirac-cizgi { height:2px; background:var(--muhur); width:38px; margin:14px auto 22px; border-radius:2px; }

.auth-wrap .mod-toggle { justify-content:center; margin-bottom:20px; }
.auth-form { display:flex; flex-direction:column; gap:13px; }
.auth-form .alan label { font-size:12.5px; font-weight:600; color:var(--ink-soft); }
.auth-btn-birincil { width:100%; margin-top:4px; }

/* İkincil işlemler: tek satır, metin görünümlü */
.auth-ikincil { display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:4px; }
.auth-ikincil button {
  background:none; border:none; padding:4px 2px; cursor:pointer;
  font-family:var(--font-b); font-size:13.5px; font-weight:600;
  color:var(--ink-soft); text-decoration:none;
}
.auth-ikincil button:hover { color:var(--aksiyon-koyu); text-decoration:underline; }
.auth-ikincil button:focus-visible { outline:2px solid var(--blue); outline-offset:2px; border-radius:4px; }
.auth-ayrac { color:var(--ink-faint); font-size:12px; user-select:none; }

/* Alt bilgi TEK SATIRDA aksın. Form dar (380px) ama alt bilgi ona bağlı kalmamalı;
   negatif kenar boşluğuyla kart genişliğinden taşıp sayfaya yayılır. Dar ekranda
   kendiliğinden sarar. */
.auth-imza {
  margin:30px calc((380px - min(880px, 92vw)) / 2) 0;
  width:min(880px, 92vw);
  font-size:12px; line-height:1.8;
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 10px;
}
.auth-imza a { white-space:nowrap; }


/* ---------- ÇIKTI SEKMELERİ ----------
   Belgeler modal yerine sekmede açılır. "Çıktılar" sekmesi kapatılamaz. */
.cikti-sekmeler {
  display:flex; align-items:flex-end; gap:2px; flex-wrap:wrap;
  border-bottom:1px solid var(--line); margin-bottom:18px;
}
.cikti-sekme {
  display:inline-flex; align-items:center; gap:4px;
  border:1px solid transparent; border-bottom:none;
  border-radius:var(--r-sm) var(--r-sm) 0 0;
  background:none; padding:0; margin-bottom:-1px;
  max-width:260px;
}
.cikti-sekme.aktif {
  background:var(--navy-900); border-color:var(--line);
  box-shadow:inset 0 2px 0 var(--muhur);      /* seçili sekmenin mühür şeridi */
}
.cikti-sekme-ad, .cikti-sekme > button {
  background:none; border:none; cursor:pointer;
  font-family:var(--font-b); font-size:13.5px; font-weight:600; color:var(--ink-soft);
  padding:10px 6px 10px 13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cikti-sekme.aktif .cikti-sekme-ad { color:var(--ink); }
.cikti-sekme:hover .cikti-sekme-ad { color:var(--ink); }
.cikti-sekme-kapat {
  padding:10px 11px 10px 4px; font-size:12px; color:var(--ink-faint); line-height:1;
}
.cikti-sekme-kapat:hover { color:var(--muhur); }
.cikti-sekme[data-ckey="liste"] .cikti-sekme-ad { padding-right:13px; }
.cikti-sekme:focus-within { outline:2px solid var(--blue); outline-offset:2px; }

/* Sekme içeriğinde duran belge kartı artık pencere değil — gölge/taşma yok. */
.cikti-sayfa > .modal-card {
  max-width:none; width:100%; margin:0;
  box-shadow:none; border:1px solid var(--line);
  max-height:none;
}
/* Sekme kendi kapatma düğmesine sahip; kartın köşesindeki ✕ gizlenir. */
.cikti-sayfa > .modal-card > .dlk-onizle-kapat { display:none; }


/* ---------- Çıktı sekmesi: üst işlem çubuğu ----------
   İndir / Revize Et / Bunu örnek al düğmeleri kartın ALTINDAN ÜST BARA taşındı.
   Yazı boyutu, yazı tipi, tam ekran ve genişlet düğmeleri kaldırıldı: belge artık
   kendi sekmesinde ve tam genişlikte açılıyor. */
.cikti-sayfa .dlk-onizle-btnler {
  position:static; display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  /* SAĞA YASLI: düğmeler soldan başlayınca "İndir" menüsü sola doğru açılıyor ve
     ekran dışında kalan kısmı görünmüyordu. Sağdan hizalanınca menü sola doğru
     açılacak yeri buluyor. */
  justify-content:flex-end;
  padding:0 0 12px; margin-bottom:12px; border-bottom:1px solid var(--line);
}

.cikti-sayfa .dlk-onizle-btnler .g-indir-sar { position:relative; }
.cikti-sayfa .dlk-onizle-btnler .dlk-hazirla,
.cikti-sayfa .dlk-onizle-btnler .dlk-onizle-revizeac { margin:0; }
/* Sekmenin kendi ✕'i var; karttaki kapat düğmesi gizli. */
.cikti-sayfa .dlk-onizle-btnler .dlk-onizle-kapat { display:none; }


/* ---------- SAYFA BAŞLIĞI ÜST ŞERİTTE ----------
   Sayfa adı (Depolama Alanı, Dilekçe…) artık içerik alanının içinde değil,
   üst şeritte — yani koyu gri ayraç çizgisinin ÜSTÜNDE görünür. */
.app-header { justify-content:space-between; }
.sayfa-basligi {
  font-family:var(--font-d); font-size:20px; font-weight:600; color:var(--ink);
  margin:0; padding-left:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/* Panel içindeki eski başlık gizlenir (metni üst şeride taşınıyor). */
.panel > h2:first-child { display:none; }
@media (max-width:768px) {
  .sayfa-basligi { font-size:16px; max-width:45vw; }
}

/* Üçüncü düzey menü (Hesabım altı) — biraz daha girintili */
.tab-alt-3 { padding-left: 18px; }
.tab-alt-3 .tab-alt-oge { font-size: 13px; padding-left: 20px; }
.tab-alt-oge.tab-grup { justify-content: space-between; }

/* Hesabım > onay mühürü */
.hesabim-muhur { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11.5px; color:var(--ink-soft); cursor:help; }


/* ===================================================================
   YÖNETİM PANELİ ÜST SEKMELERİ
   Panel, ana uygulamayla AYNI .tablar/.tab sınıflarını kullanıyor. Ana uygulamada
   bu sınıflar SOL DİKEY menüye çevrilince panelin üst sekmeleri de dikey dizildi
   ve ekranın üstünde kalıp görünmez oldu. Panel yatay kaldığı için burada
   yatay düzen geri verilir.
   =================================================================== */
body.sysadmin-body .app-header .tablar {
  flex-direction:row; align-items:center; flex-wrap:wrap;
  gap:2px; padding:0; overflow:visible; flex:1 1 auto;
}
body.sysadmin-body .app-header .tab {
  width:auto; padding:9px 13px; border-radius:var(--r-sm);
  white-space:nowrap; line-height:1.2;
}
/* Seçili sekmenin sol mühür şeridi dikey menüye özgüydü; burada ALT çizgi olur. */
body.sysadmin-body .app-header .tab.aktif::after {
  left:12px; right:12px; top:auto; bottom:-1px;
  width:auto; height:2px; border-radius:2px;
}

/* Metin Karartma sayfasındaki "%100 garanti değildir" uyarısı: diğer notlardan
   bir tık büyük ve koyu — kullanıcının atlamaması gereken bir sorumluluk hatırlatması. */
.ayar-not-vurgu { font-size:13.5px; color:var(--ink); }


/* ===================================================================
   DÜĞME DAVRANIŞI — tek yerden
   Üç kademe: normal → üzerine gelince koyu → basılıyken çok koyu.
   Renkler değişkenlerden gelir; tek tek sınıf düzenlemeye gerek yok.
   =================================================================== */
.dlk-hazirla, .btn-primary, .an-yukle-btn, .ict-ara-btn, .dlk-taraf-ekle,
.dlk-revize-btn, .cb-add-btn, .sa-kod-kopya, .auth-btn-birincil, .sz-yukle-btn {
  transition: background .14s ease, transform .06s ease;
}
.dlk-hazirla:hover, .btn-primary:hover, .an-yukle-btn:hover, .ict-ara-btn:hover,
.dlk-taraf-ekle:hover, .dlk-revize-btn:hover, .cb-add-btn:hover, .sa-kod-kopya:hover,
.auth-btn-birincil:hover, .sz-yukle-btn:hover { background: var(--aksiyon-koyu); }
.dlk-hazirla:active, .btn-primary:active, .an-yukle-btn:active, .ict-ara-btn:active,
.dlk-taraf-ekle:active, .dlk-revize-btn:active, .cb-add-btn:active, .sa-kod-kopya:active,
.auth-btn-birincil:active, .sz-yukle-btn:active {
  background: var(--aksiyon-basili); transform: translateY(1px);
}
.dlk-hazirla:disabled, .btn-primary:disabled, .an-yukle-btn:disabled {
  background: var(--ikincil-hover); color: var(--ink-faint); cursor: not-allowed; transform: none;
}

/* İKİNCİL DÜĞMELER — ana işlemi gölgelemesin diye açık gri. */
.dlk-belge-ekle, .btn-kontor, .btn-mini, .revize-belge-ekle {
  background: var(--ikincil); color: var(--ikincil-yazi);
  border: 1px solid var(--ikincil-kenar);
  transition: background .14s ease, transform .06s ease;
}
.dlk-belge-ekle:hover, .btn-kontor:hover, .btn-mini:hover, .revize-belge-ekle:hover {
  background: var(--ikincil-hover); color: var(--ink);
}
.dlk-belge-ekle:active, .btn-kontor:active, .btn-mini:active, .revize-belge-ekle:active {
  background: var(--ikincil-basili); transform: translateY(1px);
}

/* TEHLİKELİ İŞLEMLER kırmızı kalır — yanlışlıkla tıklanmasın diye ayırt edici. */
.btn-tehlike, .hesap-sil-btn, .g-btn-sil, .sa-btn-sil {
  transition: filter .14s ease, transform .06s ease;
}
.btn-tehlike:hover, .hesap-sil-btn:hover, .g-btn-sil:hover, .sa-btn-sil:hover { filter: brightness(.92); }
.btn-tehlike:active, .hesap-sil-btn:active, .g-btn-sil:active, .sa-btn-sil:active {
  filter: brightness(.82); transform: translateY(1px);
}


/* ---------- ANAHTAR DÜĞMELERİ: üç kademe ----------
   Diğer düğmelerle aynı davranış: normal → üzerine gelince koyu → basılıyken çok koyu. */
.uret-toggle .mt-track, .uret-toggle .mt-thumb, .mod-toggle .mt-track, .mod-toggle .mt-thumb {
  transition: background .14s ease, border-color .14s ease, transform .22s cubic-bezier(.4,1.3,.5,1);
}
/* KAPALI hâl */
.uret-toggle:hover .mt-thumb, .mod-toggle:hover .mt-thumb { background: var(--ink-soft); }
.uret-toggle:active .mt-thumb, .mod-toggle:active .mt-thumb { background: var(--aksiyon-basili); }
/* AÇIK hâl */
.uret-toggle[data-acik="1"]:hover .mt-thumb, .mod-toggle[data-mod="buro"]:hover .mt-thumb {
  background: var(--aksiyon-koyu);
}
.uret-toggle[data-acik="1"]:active .mt-thumb, .mod-toggle[data-mod="buro"]:active .mt-thumb {
  background: var(--aksiyon-basili);
}
.uret-toggle[data-acik="1"]:hover .mt-track { background: rgba(58,74,96,.22); border-color: var(--aksiyon-koyu); }
.uret-toggle:hover .mt-track, .mod-toggle:hover .mt-track { background: var(--navy-600); }


/* ---------- 8/10) Form satırlarında düğme, kutularla AYNI HİZADA ---------- */
/* Etiketler kutunun üstünde olduğu için düğme, etiket boşluğu kadar aşağı iner. */
.sifre-alan-btn, .beyan-alan-btn { display:flex; align-items:flex-end; }
.sifre-alan-btn .dlk-hazirla, .beyan-alan-btn .dlk-hazirla { margin:0; white-space:nowrap; }
.sifre-satir-3 { align-items:flex-end; }
.beyan-satir { align-items:flex-end; }
/* Sicil no en fazla 10 rakam — kutu da o kadar geniş olsun. */
.beyan-alan-sicil { flex:0 0 auto; }
.beyan-alan-sicil .sifre-input { width:11ch; }
/* Kurtarma kodu düğmesi, yanındaki şifre kutusuyla hizalansın. */
.kr-satir { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.kr-satir .kr-yenile-btn { margin:0; white-space:nowrap; }

/* ---------- 3/5/6/7) Üretim satırında seçici, anahtarlarla aynı görünümde ---------- */
.uret-select {
  font-family:var(--font-b); font-size:13.5px; font-weight:600; color:var(--ink);
  background:var(--navy-900); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:8px 11px; max-width:230px; cursor:pointer;
}
.uret-select:hover { border-color:var(--aksiyon); }
.uret-select:focus-visible { outline:2px solid var(--blue); outline-offset:1px; }

/* ---------- 11) Depolama açıklaması bir tık büyük ---------- */
#depolama-govde .sa-not { font-size:13.5px; line-height:1.6; }

/* ---------- 12) Son Kontrol düzenleme notu iki tık büyük ---------- */
.maske-duzenle-not { font-size:14px; color:var(--ink-soft); }

/* ---------- 13) Çıkış düğmesi normalde de belirgin ---------- */
.yan-menu-alt .btn-cikis {
  background:var(--ikincil); color:var(--ikincil-yazi);
  border:1px solid var(--ikincil-kenar); font-weight:600;
  transition:background .14s ease, color .14s ease, border-color .14s ease;
}
.yan-menu-alt .btn-cikis:hover {
  background:rgba(165,42,42,.10); color:var(--muhur); border-color:var(--muhur);
}
.yan-menu-alt .btn-cikis:active { background:rgba(165,42,42,.18); }

/* Hesabım > onaylanan belge adı — tıklanınca metni açar */
.hesabim-belge-ac {
  background:none; border:none; padding:0; cursor:pointer;
  font-family:var(--font-b); font-size:inherit; font-weight:600;
  color:var(--aksiyon); text-decoration:underline; text-underline-offset:2px;
}
.hesabim-belge-ac:hover { color:var(--aksiyon-koyu); }


/* ---------- ÜRETİM DÜĞMESİ SAĞA YASLAMA (kesin kural) ----------
   :has() bazı tarayıcı/DOM biçimlerinde beklendiği gibi eşleşmediği için, düğmenin
   KENDİSİNE margin-left:auto veriliyor. Flex satırda bu, düğmeyi sağ kenara iter.
   Ayrıca satırın flex olduğundan emin olunur. */
.dlk-alt-satir { display:flex; align-items:flex-end; gap:16px; flex-wrap:wrap; }
.uret-yanda { margin-left:auto !important; }