/* RICOY AI — arayüz stilleri
   Palet: lacivert zemin + altın (#E6B668) + elektrik mavisi (#6397F6)
   Tipografi: Fraunces (başlık) + Manrope (gövde) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --navy-900:#0a1628; --navy-800:#0f2038; --navy-700:#16304f;
  --navy-600:#1d3d63; --line:#22456b;
  --gold:#E6B668; --gold-dim:#c79a4f;
  --blue:#6397F6; --blue-dim:#4577cf;
  --aksiyon:#0792b1; --aksiyon-koyu:#067690; --aksiyon-yazi:#ffffff;
  --ink:#eaf1fb; --ink-soft:#9fb4d0; --ink-faint:#6e87a8;
  --ok:#4ec98a; --err:#f0788a;
  --r:14px; --r-sm:9px;
  --font-d:'Fraunces',Georgia,serif; --font-b:'Manrope',system-ui,sans-serif;
}

/* ===== GÜNDÜZ (açık) TEMA — yalnızca renk değişkenlerini ezer, gece teması korunur ===== */
[data-theme="light"] {
  --navy-900:#ffffff; --navy-800:#f5f7fb; --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;
}
/* Açık temada body'deki koyu radial parıltıları yumuşat + altın marka yazısını koyut */
[data-theme="light"] body {
  background:
    radial-gradient(1200px 600px at 80% -10%, #dfe8f5 0%, transparent 55%),
    radial-gradient(900px 500px at 0% 110%, #e6edf7 0%, transparent 50%),
    linear-gradient(160deg, var(--navy-900), var(--navy-800));
}
[data-theme="light"] .brand-mark { color:#ffffff; }
[data-theme="light"] .app-header { background:rgba(255,255,255,.82); }
[data-theme="light"] .auth-card { background:linear-gradient(180deg, #ffffff, #f4f7fb); box-shadow:0 30px 80px rgba(20,40,70,.15); }
.auth-tema { position:fixed; top:18px; right:18px; z-index:5; }

* { box-sizing:border-box; margin:0; padding:0; }
body {
  font-family:var(--font-b); color:var(--ink); min-height:100vh;
  background:
    radial-gradient(1200px 600px at 80% -10%, #143055 0%, transparent 55%),
    radial-gradient(900px 500px at 0% 110%, #122a4a 0%, transparent 50%),
    linear-gradient(160deg, var(--navy-900), var(--navy-800));
  background-attachment:fixed;
}

/* ---------- 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, var(--gold), #f2cd8a);
  box-shadow:0 0 0 1px rgba(230,182,104,.4), 0 8px 24px rgba(230,182,104,.18);
  position:relative;
}
.brand-mark::after{ content:''; position:absolute; right:-3px; bottom:-3px; width:10px; height:10px; border-radius:50%; background:var(--blue); box-shadow:0 0 10px var(--blue); }
.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; }
.auth-card {
  width:100%; max-width:440px; padding:38px 34px;
  background:linear-gradient(180deg, rgba(22,48,79,.85), rgba(15,32,56,.92));
  border:1px solid var(--line); border-radius:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.45); backdrop-filter:blur(8px);
}
.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(--gold); }
.mod-toggle[data-mod="buro"]  .mt-right { color:var(--gold); }
.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:linear-gradient(135deg,var(--gold),#f2cd8a); transition:transform .22s cubic-bezier(.4,1.3,.5,1);
}
.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); }
.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 ---------- */
.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 ---------- */
.app-header {
  display:flex; align-items:center; gap:28px; padding:0 24px; height:64px;
  background:rgba(10,22,40,.7); border-bottom:1px solid var(--line); backdrop-filter:blur(10px);
  position:sticky; top:0; z-index:10;
}
.tablar { display:flex; gap:4px; flex:1; }
.tab {
  background:none; border:none; cursor:pointer; padding:10px 16px; border-radius:9px;
  color:var(--ink-soft); font-family:var(--font-b); font-weight:600; font-size:14.5px;
  position:relative; transition:color .15s, background .15s;
}
.tab:hover { color:var(--ink); background:rgba(99,151,246,.08); }
.tab.aktif { color:var(--gold); }
.tab.aktif::after { content:''; position:absolute; left:16px; right:16px; bottom:-1px; height:2px; background:var(--gold); border-radius:2px; }
.header-sag { display:flex; align-items:center; gap:14px; }
.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); }
.btn-tema { background:none; border:1px solid var(--line); color:var(--ink-soft); width:36px; height:34px; border-radius:8px; cursor:pointer; font-size:16px; line-height:1; display:grid; place-items:center; transition:border-color .15s, background .15s; }
.btn-tema:hover { border-color:var(--gold); }
.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:36px 32px; max-width:1280px; margin:0 auto; }
/* 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; }
.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:980px; }
.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 ============ */
.genel-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap; }
.genel-arac { display:flex; gap:10px; align-items:center; }
.genel-ara {
  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); min-width:260px;
}
.genel-ara:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(99,151,246,.18); }
.genel-yenile {
  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-yenile:hover { border-color:var(--blue); color:var(--blue); }

.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-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:transparent; border-color:rgba(240,120,138,.4); color:#f5919e; }
.g-btn-sil:hover { background:rgba(240,120,138,.15); border-color:var(--err); }
.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:rgba(99,151,246,.10); border:1px solid rgba(99,151,246,.25); color:var(--ink-soft); }
.dlk-onemli { background:rgba(230,182,104,.08); border:1px solid rgba(230,182,104,.22); color:var(--ink-soft); }
.dlk-gizlilik { background:rgba(95,208,138,.07); border:1px solid rgba(95,208,138,.20); color:var(--ink-soft); }
.dlk-uyari b { color:var(--ink); }

.dlk-ek { margin:14px 0; border:1px solid var(--line); border-radius:var(--r); padding:12px 14px; background:var(--navy-800); }
.dlk-ek summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--ink-soft); margin-bottom:10px; }
.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; }

.dlk-ayarlar-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:14px 16px; }
.dlk-ayar { display:flex; flex-direction:column; gap:5px; min-width:0; }
.dlk-ayar label { font-size:12px; color:var(--ink-soft); font-weight:600; }
.dlk-ayar select, .dlk-ayar .dlk-input { 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-ayar select:focus { outline:none; border-color:var(--blue); }

/* Ü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 { width:100%; 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-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:760px; width:92%; 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; }
.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; }
.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; gap:10px; align-items:flex-start; flex-shrink:0; background:var(--navy-800); }
.dlk-revize-talep { flex:1; 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-kapat-alt { background:none; border:1px solid var(--line); color:var(--ink-soft); padding:11px 18px; border-radius:var(--r-sm); font-weight:600; font-size:13px; cursor:pointer; font-family:var(--font-b); }
.dlk-kapat-alt:hover { border-color:var(--err); color:var(--err); }
.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); }
.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; }
.ict-aciklama em { color:var(--blue); font-style:normal; }
.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(--navy-800); border:1px dashed var(--line); color:var(--ink); padding:11px 18px; border-radius:var(--r-sm); cursor:pointer; font-size:14px; font-family:var(--font-b); }
.an-yukle-btn:hover { border-color:var(--blue); color:var(--blue); }
.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; }

/* ============ 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-tc { flex:1; min-width:120px; }
.sz-t-adres { flex:1.6; 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-modal-card { max-width:680px; width:92%; height:600px; max-height:90vh; display:flex; flex-direction:column; }
.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; }

/* ============ Şİ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. */
.btn-primary-tam { width: 100%; }
/* İkon düğmeleri: kare, yükseklik 34 */
.btn-tema, .btn-sifre { height: 34px; width: 34px; min-height: 34px; box-sizing: border-box; }
/* 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; gap: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:12px 14px; font-size:13px; font-weight:600; font-family:var(--font-b); cursor:pointer; margin-bottom:-1px; }
.kontor-tab:hover { color:var(--ink); }
.kontor-tab.aktif { color:var(--aksiyon); border-bottom-color:var(--aksiyon); }
/* 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; }
.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); }
.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-derin { background: #e0e7ff; color: #3730a3; }
.rozet-mod-derin_pro { background: #ede9fe; color: #5b21b6; font-weight: 600; }

/* ===== 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; }
  .btn-tema { width:32px; height:32px; }

  /* İçerik alanı */
  .app-main { padding:18px 14px; }
  .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ü */
  .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:12.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-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; }