:root {
  --zemin: #E8ECEF;
  --yuzey: #FFFFFF;
  --yuzey-2: #F4F6F8;
  --murekkep: #17212B;
  --soluk: #5E6A77;
  --cizgi: #D3DAE1;
  --vurgu: #13675A;
  --vurgu-koyu: #0E5248;
  --vurgu-acik: #DCEEE9;
  --yeni: #2F7D3A;
  --yeni-zemin: #E3F2E4;
  --sil: #B4372E;
  --sil-zemin: #F8E3E1;
  --degis: #9A6206;
  --degis-zemin: #FBEFD6;
  --ayni: #8A95A1;
  --golge: 0 1px 2px rgba(23, 33, 43, .06), 0 4px 16px rgba(23, 33, 43, .05);
  --yazi: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: "Cascadia Mono", "Cascadia Code", Consolas, "SF Mono", monospace;
  color-scheme: light;
}
:root[data-theme="dark"] {
    --zemin: #11161B;
    --yuzey: #192027;
    --yuzey-2: #1F2730;
    --murekkep: #E2E8EE;
    --soluk: #93A0AD;
    --cizgi: #2C3640;
    --vurgu: #4DB09E;
    --vurgu-koyu: #6CC4B3;
    --vurgu-acik: #1D3934;
    --yeni: #6CC478;
    --yeni-zemin: #1E3423;
    --sil: #EE8076;
    --sil-zemin: #3C2220;
    --degis: #E2B25A;
    --degis-zemin: #3A2F18;
    --ayni: #7C8895;
    --golge: none;
    color-scheme: dark;
  }

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--zemin);
  color: var(--murekkep);
  font: 15px/1.5 var(--yazi);
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; color: inherit; }
h1, h2, h3 { margin: 0; line-height: 1.2; }
h1 { font-size: 26px; font-weight: 650; letter-spacing: -.01em; }
h2 { font-size: 17px; font-weight: 650; }
h3 { font-size: 14px; font-weight: 650; }
code, .mono { font-family: var(--mono); font-size: 13px; }
.soluk { color: var(--soluk); }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }

/* ---------- yerleşim */
.uyg { display: grid; grid-template-columns: 264px 1fr; min-height: 100vh; }
.kenar {
  background: var(--yuzey);
  border-right: 1px solid var(--cizgi);
  display: flex; flex-direction: column;
  padding: 18px 12px 14px;
  position: sticky; top: 0; height: 100vh; overflow-y: auto;
}
.marka { display: flex; align-items: center; gap: 10px; padding: 0 8px 18px; font-weight: 650; }
.marka svg { width: 22px; height: 22px; fill: var(--vurgu); }
.ana { padding: 26px 30px 40px; min-width: 0; }

/* ---------- proje ağacı */
.agac { display: flex; flex-direction: column; gap: 14px; }
.kat-baslik {
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 8px; color: var(--soluk); font-size: 13px; font-weight: 600;
}
.kat-baslik button { border: 0; background: none; color: var(--vurgu); cursor: pointer; font-size: 13px; padding: 2px 4px; border-radius: 4px; }
.kat-baslik button:hover { background: var(--vurgu-acik); }
.proje-liste { list-style: none; margin: 4px 0 0; padding: 0; }
.proje-btn {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px;
  border: 0; background: none; text-align: left; cursor: pointer;
  padding: 6px 8px; border-radius: 6px;
}
.proje-btn:hover { background: var(--yuzey-2); }
.proje-btn[aria-current="true"] { background: var(--vurgu-acik); color: var(--vurgu-koyu); font-weight: 600; }
.proje-sayi { font-size: 12px; color: var(--soluk); font-variant-numeric: tabular-nums; white-space: nowrap; }
.proje-bos { padding: 4px 8px; font-size: 13px; color: var(--soluk); }
.kucuk-form { display: flex; gap: 6px; padding: 6px 8px; }
.kucuk-form input { flex: 1; min-width: 0; padding: 5px 8px; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--yuzey); }
.bag-dugme { border: 0; background: none; color: var(--vurgu); cursor: pointer; padding: 6px 8px; text-align: left; font-size: 14px; border-radius: 6px; }
.bag-dugme:hover { text-decoration: underline; }
.birak-alt .bag-dugme { padding: 0; font-size: inherit; }
.kenar-alt { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 2px; }
.kenar-dugme { border: 0; background: none; cursor: pointer; text-align: left; padding: 7px 8px; border-radius: 6px; }
.kenar-dugme:hover { background: var(--yuzey-2); }
.ana-bilgi { font-family: var(--mono); font-size: 12px; color: var(--soluk); padding: 6px 8px 0; word-break: break-all; }

/* ---------- başlık */
.baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; flex-wrap: wrap; }
.baslik-kat { color: var(--soluk); font-size: 14px; }
.segment { display: inline-flex; background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: 8px; padding: 3px; }
.segment button { border: 0; background: none; padding: 6px 16px; border-radius: 6px; cursor: pointer; color: var(--soluk); font-weight: 550; }
.segment button[aria-checked="true"] { background: var(--yuzey); color: var(--murekkep); box-shadow: 0 1px 2px rgba(0,0,0,.12); }
.baslik .segment button { padding: 8px 22px; font-size: 15px; }

.izgara { display: grid; grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr); gap: 20px; align-items: start; }
@media (max-width: 1150px) { .izgara { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .uyg { grid-template-columns: 1fr; }
  .kenar { position: static; height: auto; }
  .ana { padding: 20px 16px; }
}
.panel { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px; padding: 20px; box-shadow: var(--golge); }
.panel > h2, .panel-baslik { margin-bottom: 16px; }
.panel-baslik { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.sag { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

/* ---------- düğmeler */
.dugme {
  border: 1px solid var(--vurgu); background: var(--vurgu); color: #fff;
  padding: 8px 16px; border-radius: 7px; cursor: pointer; font-weight: 600; white-space: nowrap;
}
.dugme:hover { background: var(--vurgu-koyu); border-color: var(--vurgu-koyu); }
.dugme:disabled { opacity: .5; cursor: default; }
.dugme.ikincil { background: var(--yuzey); color: var(--murekkep); border-color: var(--cizgi); font-weight: 550; }
.dugme.ikincil:hover { background: var(--yuzey-2); }
.dugme.kucuk { padding: 5px 11px; font-size: 13px; }
.dugme.tehlike { background: var(--sil); border-color: var(--sil); }
.dugme.tehlike:hover { filter: brightness(.92); }
:root[data-theme="dark"] .dugme:not(.ikincil) { color: #0D1A17; }

/* ---------- yedek paneli */
.satir-secim { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; flex-wrap: wrap; }
.aciklama { color: var(--soluk); font-size: 13.5px; margin: 0; max-width: 62ch; }
.birak {
  border: 2px dashed var(--cizgi); border-radius: 10px; padding: 34px 20px; text-align: center;
  background: var(--yuzey-2); transition: border-color .15s, background .15s;
}
.birak svg { width: 40px; height: 40px; color: var(--vurgu); }
.birak-ana { font-weight: 600; margin: 8px 0 2px; }
.birak-alt { color: var(--soluk); margin: 0; font-size: 14px; }
.birak.uzerinde { border-color: var(--vurgu); background: var(--vurgu-acik); }
.bekleyenler { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.bekleyenler li {
  display: flex; align-items: center; gap: 10px; padding: 8px 10px;
  border: 1px solid var(--cizgi); border-radius: 7px; font-size: 14px;
}
.bekleyenler .tur-etiket { font-size: 12px; color: var(--soluk); min-width: 52px; }
.bekleyenler .ad { font-family: var(--mono); font-size: 13px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sil-x { border: 0; background: none; cursor: pointer; color: var(--soluk); font-size: 18px; line-height: 1; padding: 0 4px; border-radius: 4px; }
.sil-x:hover { color: var(--sil); background: var(--sil-zemin); }
.alt-cubuk { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; flex-wrap: wrap; }
.onay { display: inline-flex; gap: 8px; align-items: center; font-size: 14px; cursor: pointer; }
.ilerleme { margin-top: 14px; }
.ilerleme-cubuk { height: 6px; background: var(--yuzey-2); border-radius: 3px; overflow: hidden; }
.ilerleme-cubuk span { display: block; height: 100%; width: 0; background: var(--vurgu); transition: width .2s; }
.ilerleme p { font-size: 13px; color: var(--soluk); margin: 6px 0 0; }

/* ---------- önizleme */
.onizleme-ozet { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.sayac { display: inline-flex; align-items: baseline; gap: 6px; padding: 5px 10px; border-radius: 6px; font-size: 13.5px; background: var(--yuzey-2); }
.sayac b { font-variant-numeric: tabular-nums; font-size: 15px; }
.sayac.yeni { background: var(--yeni-zemin); color: var(--yeni); }
.sayac.degisen { background: var(--degis-zemin); color: var(--degis); }
.sayac.silinen { background: var(--sil-zemin); color: var(--sil); }
.sayac.ayni { color: var(--soluk); }
.uyari { border-left: 3px solid var(--degis); background: var(--degis-zemin); padding: 8px 12px; border-radius: 0 6px 6px 0; font-size: 14px; margin-bottom: 10px; }
.uyari.hata { border-color: var(--sil); background: var(--sil-zemin); }
.uyari.bilgi { border-color: var(--vurgu); background: var(--vurgu-acik); }
.onizleme { border: 1px solid var(--cizgi); border-radius: 8px; max-height: 52vh; overflow: auto; }
.grup-baslik {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 9px 12px; background: var(--yuzey-2); border-bottom: 1px solid var(--cizgi);
  position: sticky; top: 0; z-index: 1; font-size: 14px;
}
.grup-baslik .gad { font-weight: 600; font-family: var(--mono); font-size: 13px; }
.grup-baslik select, .grup-baslik input { padding: 3px 6px; border: 1px solid var(--cizgi); border-radius: 5px; background: var(--yuzey); font-size: 13px; }
.grup-baslik input { width: 140px; font-family: var(--mono); }
.og { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 7px 12px; border-bottom: 1px solid var(--cizgi); }
.og:last-child { border-bottom: 0; }
.og.cikarildi .og-yol { text-decoration: line-through; color: var(--soluk); }
.og-yol { font-family: var(--mono); font-size: 13px; overflow-wrap: anywhere; }
.og-yol .on { color: var(--soluk); }
.og-kaynak { font-size: 12px; color: var(--soluk); overflow-wrap: anywhere; }
.og input.yol-girdi { width: 100%; font-family: var(--mono); font-size: 13px; padding: 4px 7px; border: 1px solid var(--cizgi); border-radius: 5px; background: var(--yuzey); }
.og input.yol-girdi.eksik { border-color: var(--sil); }
.adaylar { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 5px; }
.aday { border: 1px solid var(--cizgi); background: var(--yuzey); border-radius: 5px; padding: 2px 8px; font-family: var(--mono); font-size: 12px; cursor: pointer; }
.aday:hover, .aday.secili { border-color: var(--vurgu); color: var(--vurgu); }
.aday.secili { background: var(--vurgu-acik); }
.rozet { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 10px; white-space: nowrap; }
.rozet.yeni { background: var(--yeni-zemin); color: var(--yeni); }
.rozet.degisen { background: var(--degis-zemin); color: var(--degis); }
.rozet.ayni { background: var(--yuzey-2); color: var(--soluk); }
.rozet.haric, .rozet.cikarildi { background: var(--yuzey-2); color: var(--soluk); font-weight: 500; }
.rozet.secim, .rozet.cakisma { background: var(--sil-zemin); color: var(--sil); }
.not-alan { display: flex; flex-direction: column; gap: 4px; margin-top: 14px; font-size: 14px; font-weight: 550; }
.not-alan input { padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-weight: 400; }

/* ---------- sonuç */
.sonuc-baslik { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; margin-bottom: 10px; }
.sonuc-baslik h3 { font-size: 16px; }
.degisim-liste { list-style: none; margin: 8px 0 0; padding: 0; }
.degisim-liste li { border-bottom: 1px solid var(--cizgi); }
.degisim-liste li:last-child { border-bottom: 0; }
.degisim-btn { width: 100%; display: flex; align-items: center; gap: 10px; padding: 7px 4px; border: 0; background: none; cursor: pointer; text-align: left; }
.degisim-btn:hover { background: var(--yuzey-2); }
.degisim-btn .og-yol { flex: 1; }
.degisim-btn .boyut { font-size: 12px; color: var(--soluk); white-space: nowrap; font-variant-numeric: tabular-nums; }
.isaret { width: 18px; text-align: center; font-weight: 700; font-family: var(--mono); }
.isaret.yeni { color: var(--yeni); }
.isaret.silinen { color: var(--sil); }
.isaret.degisen { color: var(--degis); }

/* ---------- zaman şeridi */
.karsilastir-cubuk { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; margin-bottom: 12px; border-radius: 7px; background: var(--vurgu-acik); font-size: 14px; }
.zaman { list-style: none; margin: 0; padding: 0; position: relative; }
.zaman::before { content: ""; position: absolute; left: 9px; top: 10px; bottom: 10px; width: 2px; background: var(--cizgi); }
.zaman-bos { padding: 18px 4px 6px 32px; color: var(--soluk); font-size: 14px; }
.zaman-bos::before { display: none; }
.ys { position: relative; padding-left: 32px; }
.ys + .ys { margin-top: 4px; }
.ys .dugum {
  position: absolute; left: 3px; top: 14px; width: 14px; height: 14px; border-radius: 50%;
  border: 3px solid var(--vurgu); background: var(--yuzey);
}
.ys.tam .dugum { background: var(--vurgu); }
.ys-kart { border: 1px solid transparent; border-radius: 8px; padding: 8px 10px; }
.ys-kart:hover { border-color: var(--cizgi); }
.ys.acik .ys-kart { border-color: var(--cizgi); background: var(--yuzey-2); }
.ys-ust { display: flex; align-items: center; gap: 10px; }
.ys-ust input[type=checkbox] { width: 16px; height: 16px; accent-color: var(--vurgu); cursor: pointer; flex: none; }
.ys-ac { flex: 1; min-width: 0; border: 0; background: none; cursor: pointer; text-align: left; padding: 0; }
.ys-tarih { font-weight: 600; font-variant-numeric: tabular-nums; }
.ys-tur { font-size: 12px; color: var(--soluk); margin-left: 6px; }
.ys-not { font-size: 13.5px; color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ys-cubuk { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-variant-numeric: tabular-nums; margin-top: 2px; }
.ys-cubuk .y { color: var(--yeni); }
.ys-cubuk .d { color: var(--degis); }
.ys-cubuk .s { color: var(--sil); }
.ys-cubuk .t { color: var(--soluk); }
.serit { display: flex; height: 5px; width: 80px; border-radius: 3px; overflow: hidden; background: var(--yuzey-2); }
.serit i { display: block; height: 100%; }
.serit .y { background: var(--yeni); }
.serit .d { background: var(--degis); }
.serit .s { background: var(--sil); }
.ys-detay { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.ys-detay .sag { margin-bottom: 8px; }
.dosya-agaci { max-height: 280px; overflow: auto; font-family: var(--mono); font-size: 12.5px; margin: 6px 0 0; padding: 0; list-style: none; }
.dosya-agaci li { display: flex; justify-content: space-between; gap: 10px; padding: 2px 0; }
.dosya-agaci .dv { color: var(--soluk); }
.dosya-agaci .kaynak-y { color: var(--vurgu); }
details > summary { cursor: pointer; font-size: 13.5px; color: var(--soluk); }

/* ---------- karşılaştırma ekranı */
.karsi-secim { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.karsi-secim select { padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-weight: 550; }
.ok { color: var(--soluk); }
.karsi-grup { margin-top: 18px; }
.karsi-grup h3 { display: flex; gap: 8px; align-items: baseline; font-size: 15px; }

/* ---------- pencereler */
.pencere {
  border: 1px solid var(--cizgi); border-radius: 12px; padding: 0; background: var(--yuzey); color: var(--murekkep);
  width: min(720px, calc(100vw - 32px)); max-height: calc(100vh - 48px);
  box-shadow: 0 24px 64px rgba(0,0,0,.25);
}
.pencere[open] { display: flex; flex-direction: column; }
.pencere.genis { width: min(1400px, calc(100vw - 32px)); height: calc(100vh - 48px); }
.pencere.dar { width: min(520px, calc(100vw - 32px)); }
.pencere::backdrop { background: rgba(10, 16, 22, .45); }
.pencere-baslik { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 18px 20px 12px; border-bottom: 1px solid var(--cizgi); }
.pencere-baslik p { margin: 4px 0 0; font-size: 13.5px; }
.pencere-govde { padding: 16px 20px; overflow: auto; }
.pencere-alt { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 20px; border-top: 1px solid var(--cizgi); }
.kapat { border: 0; background: none; font-size: 26px; line-height: 1; cursor: pointer; color: var(--soluk); padding: 0 6px; border-radius: 6px; }
.kapat:hover { background: var(--yuzey-2); color: var(--murekkep); }
.ayarlar section + section { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--cizgi); }
.ayarlar h3 { margin-bottom: 8px; }
.ayarlar .aciklama { margin-bottom: 10px; }
.girdi-grup { display: flex; gap: 8px; margin-bottom: 10px; align-items: center; flex-wrap: wrap; }
.girdi-grup input { flex: 1; min-width: 200px; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-family: var(--mono); font-size: 13.5px; }
.girdi-grup.kisa input { flex: none; width: 80px; min-width: 0; font-family: var(--yazi); }
.radyo-grup { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 12px; font-size: 14px; }
textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-family: var(--mono); font-size: 13px; margin-bottom: 8px; resize: vertical; }
.mesaj { font-size: 13.5px; margin: 8px 0 0; min-height: 1em; }
.mesaj.hata { color: var(--sil); }
.mesaj.tamam { color: var(--vurgu); }

/* ---------- fark görünümü */
.fark-icerik { overflow: auto; flex: 1; font-family: var(--mono); font-size: 12.5px; }
.fark-tablo { width: 100%; border-collapse: collapse; table-layout: fixed; }
.fark-tablo col.no { width: 52px; }
.fark-tablo td { padding: 0 8px; vertical-align: top; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.55; }
.fark-tablo td.no { color: var(--soluk); text-align: right; user-select: none; background: var(--yuzey-2); }
.fark-tablo td.sol-m { background: var(--sil-zemin); }
.fark-tablo td.sag-m { background: var(--yeni-zemin); }
.fark-tablo td.bos-h { background: repeating-linear-gradient(135deg, var(--yuzey-2) 0 6px, transparent 6px 12px); }
.fark-tablo mark.s { background: color-mix(in srgb, var(--sil) 38%, transparent); color: inherit; border-radius: 2px; }
.fark-tablo mark.g { background: color-mix(in srgb, var(--yeni) 40%, transparent); color: inherit; border-radius: 2px; }
.fark-tablo tr.atla td { text-align: center; color: var(--soluk); background: var(--yuzey-2); padding: 3px; font-family: var(--yazi); font-size: 12.5px; }
.fark-tablo td.ayrac { width: 1px; padding: 0; background: var(--cizgi); }
.fark-mesaj { padding: 40px 20px; text-align: center; font-family: var(--yazi); color: var(--soluk); }

/* ---------- temizlik */
.tem-grup + .tem-grup { margin-top: 14px; }
.tem-grup h4 { margin: 0 0 6px; font-size: 13.5px; color: var(--soluk); font-weight: 600; }
.tem-satir { display: flex; gap: 10px; align-items: center; padding: 6px 4px; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.tem-satir input { width: 16px; height: 16px; accent-color: var(--sil); }
.tem-satir .ad { font-variant-numeric: tabular-nums; font-weight: 550; min-width: 150px; }
.tem-satir .bilgi { color: var(--soluk); font-size: 13px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tem-satir .alan { font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tem-satir.korunuyor { color: var(--soluk); }

/* ---------- boş ekran / bildirim */
.bos-ekran { max-width: 560px; margin: 12vh auto 0; text-align: center; }
.bos-ekran p { color: var(--soluk); margin-top: 10px; }
.bildirim {
  position: fixed; bottom: 22px; left: 50%; transform: translate(-50%, 20px);
  background: var(--murekkep); color: var(--yuzey); padding: 10px 18px; border-radius: 8px;
  font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; max-width: calc(100vw - 32px);
}
.bildirim.goster { opacity: 1; transform: translate(-50%, 0); }
.bildirim.hata { background: var(--sil); color: #fff; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* ---------- yapı şablonları */
.og.otomatik .yol-girdi { border-color: var(--vurgu); background: var(--vurgu-acik); }
.aday .yuzde { color: var(--soluk); }
.aday.secili .yuzde { color: inherit; }
.atama { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 8px 10px; align-items: center; font-size: 14px; }
.atama .bas { font-size: 12.5px; color: var(--soluk); }
.atama select { width: 100%; padding: 6px 8px; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--yuzey); font-size: 13.5px; }
.atama .etiket { overflow-wrap: anywhere; }
.atama .etkin { grid-column: 1 / -1; font-size: 13px; color: var(--soluk); }
.sablon-liste { list-style: none; margin: 0 0 12px; padding: 0; }
.sablon-liste li { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.sablon-liste .ad { font-weight: 600; }
.sablon-liste .bilgi { flex: 1; min-width: 0; color: var(--soluk); font-size: 13px; font-family: var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sablon-liste .bos { color: var(--soluk); border: 0; }
.kucuk-birak { padding: 18px 14px; }
.sablon-grup { border: 1px solid var(--cizgi); border-radius: 8px; padding: 10px 12px; margin-top: 10px; font-size: 14px; }
.sablon-grup select { padding: 4px 6px; border: 1px solid var(--cizgi); border-radius: 5px; background: var(--yuzey); margin: 6px 0; }
.sablon-grup .kokler { font-family: var(--mono); font-size: 12.5px; color: var(--soluk); overflow-wrap: anywhere; }

/* ---------- yedek detayı */
.baslik-sol { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.detay-ust { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 6px; }
.detay-not { margin: 0 0 12px; font-size: 14.5px; }
.detay-eylem { display: flex; gap: 8px; flex-wrap: wrap; margin: 4px 0 16px; }
.detay-arac { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.detay-arac input[type=search] { flex: 1; min-width: 220px; padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-family: var(--mono); font-size: 13.5px; }
.detay-arac .segment button { padding: 5px 12px; font-size: 13.5px; }
.detay-tablo-bas, .dsatir {
  display: grid; grid-template-columns: minmax(0, 1fr) 90px 100px 84px 150px; gap: 10px; align-items: center;
}
.detay-tablo-bas { padding: 6px 10px; font-size: 12.5px; color: var(--soluk); border-bottom: 1px solid var(--cizgi); }
.sagda { text-align: right; }
.detay-liste { max-height: calc(100vh - 330px); min-height: 200px; overflow: auto; }
.dsatir { padding: 4px 10px; border: 0; background: none; width: 100%; text-align: left; cursor: pointer; font-size: 13.5px; border-radius: 5px; }
.dsatir:hover { background: var(--yuzey-2); }
.dsatir .dad { font-family: var(--mono); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsatir .dad .dizin { color: var(--soluk); }
.dsatir.silinen .dad { text-decoration: line-through; color: var(--soluk); }
.dsatir .dk { font-size: 12.5px; color: var(--soluk); }
.dsatir .dk.yuklendi { color: var(--vurgu); font-weight: 600; }
.dsatir .db, .dsatir .dt { font-size: 12.5px; color: var(--soluk); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dsatir .rozet { justify-self: start; }
.klasor > summary { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 4px 10px; cursor: pointer; border-radius: 5px; font-size: 13.5px; color: var(--murekkep); }
.klasor > summary::-webkit-details-marker { display: none; }
.klasor > summary:hover { background: var(--yuzey-2); }
.klasor > summary .kad { font-family: var(--mono); font-size: 13px; font-weight: 600; }
.klasor > summary .kad::before { content: "▸ "; color: var(--soluk); }
.klasor[open] > summary .kad::before { content: "▾ "; }
.klasor > summary .kozet { font-size: 12.5px; color: var(--soluk); font-variant-numeric: tabular-nums; display: flex; gap: 8px; }
.kozet .y { color: var(--yeni); } .kozet .d { color: var(--degis); } .kozet .s { color: var(--sil); }
.klasor-ic { padding-left: 18px; border-left: 1px solid var(--cizgi); margin-left: 16px; }
.detay-bos { padding: 30px 10px; text-align: center; color: var(--soluk); }
.ys-ac:hover .ys-tarih { color: var(--vurgu); }
@media (max-width: 900px) {
  .detay-tablo-bas, .dsatir { grid-template-columns: minmax(0, 1fr) 84px 76px; }
  .detay-tablo-bas span:nth-child(4), .detay-tablo-bas span:nth-child(5), .dsatir .db, .dsatir .dt { display: none; }
}
.icerik-tablo td.no { width: 52px; }

/* ---------- dosya geçmişi / indirme */
.fark-bas-sol { flex: 1; min-width: 0; }
.fark-bas-sol h2 { font-family: var(--mono); font-size: 15px; overflow-wrap: anywhere; }
#farkEylem { margin-top: 2px; }
.gecmis-govde { padding: 14px 20px 20px; font-family: var(--yazi); font-size: 14px; }
.gecmis-arac { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.gecmis-liste { list-style: none; margin: 0; padding: 0; position: relative; }
.gecmis-liste::before { content: ""; position: absolute; left: 7px; top: 12px; bottom: 12px; width: 2px; background: var(--cizgi); }
.gecmis-liste li { position: relative; display: grid; grid-template-columns: 22px 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 0; }
.gecmis-liste .nokta { width: 12px; height: 12px; border-radius: 50%; border: 3px solid var(--ayni); background: var(--yuzey); margin-left: 2px; }
.gecmis-liste li.eklendi .nokta, .gecmis-liste li.geri_geldi .nokta { border-color: var(--yeni); background: var(--yeni); }
.gecmis-liste li.degisti .nokta { border-color: var(--degis); background: var(--degis); }
.gecmis-liste li.silindi .nokta { border-color: var(--sil); }
.gecmis-liste li.ayni { color: var(--soluk); }
.gecmis-liste input { width: 16px; height: 16px; accent-color: var(--vurgu); }
.gecmis-liste .gbilgi { min-width: 0; }
.gecmis-liste .gtarih { font-weight: 600; font-variant-numeric: tabular-nums; }
.gecmis-liste .gek { font-size: 13px; color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gecmis-liste .rozet.eklendi, .gecmis-liste .rozet.geri_geldi { background: var(--yeni-zemin); color: var(--yeni); }
.gecmis-liste .rozet.degisti { background: var(--degis-zemin); color: var(--degis); }
.gecmis-liste .rozet.silindi { background: var(--sil-zemin); color: var(--sil); }
.gecmis-liste .rozet.ayni { background: var(--yuzey-2); color: var(--soluk); font-weight: 500; }
a.dugme { text-decoration: none; display: inline-block; }

/* ---------- arama */
.ara-form { padding: 0 2px 14px; }
.ara-form input { width: 100%; padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey-2); font-size: 13.5px; }
.ara-tablo-bas, .ara-satir { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 150px 70px 110px 80px; gap: 10px; align-items: center; }
.ara-tablo-bas { padding: 6px 10px; font-size: 12.5px; color: var(--soluk); border-bottom: 1px solid var(--cizgi); }
.ara-satir { width: 100%; padding: 6px 10px; border: 0; background: none; text-align: left; cursor: pointer; border-radius: 5px; font-size: 13.5px; }
.ara-satir:hover { background: var(--yuzey-2); }
.ara-satir .dad { font-family: var(--mono); font-size: 13px; overflow-wrap: anywhere; }
.ara-satir .dad .dizin { color: var(--soluk); }
.ara-satir .proje { overflow-wrap: anywhere; }
.ara-satir .proje .soluk { font-size: 12.5px; }
.ara-satir .tarih, .ara-satir .sayi, .ara-satir .db { font-size: 12.5px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.ara-satir .db { text-align: right; }
.grup-harf { display: inline-block; min-width: 22px; padding: 1px 6px; border-radius: 5px; font-weight: 700; font-size: 12px; text-align: center; background: var(--vurgu-acik); color: var(--vurgu-koyu); }
.ara-dosya-bas { padding: 14px 10px 4px; font-weight: 650; font-family: var(--mono); font-size: 13.5px; }
@media (max-width: 1000px) {
  .ara-tablo-bas, .ara-satir { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 110px; }
  .ara-tablo-bas span:nth-child(n+4), .ara-satir > :nth-child(n+4) { display: none; }
}

/* ---------- işaretler */
.isaret-rozet { font-size: 11.5px; font-weight: 650; padding: 1px 7px; border-radius: 9px; margin-left: 6px; vertical-align: 1px; }
.isaret-rozet.canli { background: var(--vurgu); color: #fff; }
.isaret-rozet.saglam { background: var(--yeni-zemin); color: var(--yeni); }
.isaret-rozet.sorunlu { background: var(--sil-zemin); color: var(--sil); }
:root[data-theme="dark"] .isaret-rozet.canli { color: #0D1A17; }
.isaret-alan { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 4px 0 12px; font-size: 14px; }
.isaret-alan .segment button { padding: 5px 12px; font-size: 13.5px; }
.isaret-alan .segment button[data-e="canli"][aria-checked="true"] { color: var(--vurgu); }
.isaret-alan .segment button[data-e="sorunlu"][aria-checked="true"] { color: var(--sil); }
.not-duzen { display: flex; gap: 8px; flex: 1; min-width: 260px; }
.not-duzen input { flex: 1; min-width: 0; padding: 6px 9px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-size: 14px; }

/* ---------- indirilenler */
.indirilen-kutu {
  position: fixed; right: 18px; bottom: 18px; width: min(400px, calc(100vw - 36px)); z-index: 20;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 12px; box-shadow: 0 16px 48px rgba(0,0,0,.22);
  padding: 14px 16px; max-height: 70vh; overflow: auto;
}
.indirilen-kutu h3 { font-size: 14.5px; margin-bottom: 8px; }
.indirilen { padding: 10px 0; border-top: 1px solid var(--cizgi); font-size: 14px; }
.indirilen:first-of-type { border-top: 0; padding-top: 2px; }
.indirilen .iad { font-family: var(--mono); font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.indirilen .ibilgi { font-size: 12.5px; color: var(--soluk); margin-bottom: 8px; }
.indirilen select { width: 100%; padding: 6px 8px; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--yuzey); font-size: 13.5px; margin-bottom: 8px; }
.indirilen .isecim { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.indirilen .isecim .segment button { padding: 4px 10px; font-size: 13px; }
.indirilen .ieylem { display: flex; justify-content: space-between; gap: 8px; }

/* ---------- proje / kategori düzenleme */
.proje-satir { display: flex; align-items: center; position: relative; }
.proje-satir .proje-btn { flex: 1; min-width: 0; }
.proje-btn > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.duzenle-x { border: 0; background: none; cursor: pointer; color: var(--soluk); font-size: 14px; padding: 3px 6px; border-radius: 5px; opacity: 0; }
.proje-satir:hover .duzenle-x, .kat-baslik:hover .duzenle-x, .duzenle-x:focus-visible { opacity: 1; }
.duzenle-x:hover { color: var(--vurgu); background: var(--vurgu-acik); }
@media (hover: none) { .duzenle-x { opacity: 1; } }
.kat-eylem { display: inline-flex; align-items: center; gap: 2px; }
.kat-baslik .duzenle-x { color: var(--soluk); font-size: 13px; }
.kucuk-bag { padding: 2px 0; font-size: 13px; }
.alan { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; font-size: 14px; font-weight: 550; }
.alan input, .alan select { padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-weight: 400; }
.alan input { font-family: var(--mono); font-size: 14px; }
.tehlike-alan { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--cizgi); }
.tehlike-alan h3 { margin-bottom: 6px; color: var(--sil); }
.tehlike-alan .aciklama { margin-bottom: 10px; }
#duzenleIcerik .alt-cubuk { margin-top: 4px; }

/* ---------- şablondan sapma */
#sapmaKategori { padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); }
.sapma-grup + .sapma-grup { margin-top: 20px; }
.sapma-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.sapma-ust input { min-width: 240px; padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-family: var(--mono); font-size: 13.5px; }
.lejant { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; color: var(--soluk); margin: 4px 0 12px; align-items: center; }
.lejant span { display: inline-flex; align-items: center; gap: 6px; }
.sapma-kap { overflow: auto; max-height: calc(100vh - 300px); border: 1px solid var(--cizgi); border-radius: 8px; }
.sapma-tablo { border-collapse: separate; border-spacing: 0; font-size: 13px; min-width: 100%; }
.sapma-tablo th, .sapma-tablo td { padding: 5px 8px; border-bottom: 1px solid var(--cizgi); text-align: center; white-space: nowrap; }
.sapma-tablo thead th { position: sticky; top: 0; background: var(--yuzey-2); z-index: 2; vertical-align: bottom; font-weight: 600; }
.sapma-tablo th.yol, .sapma-tablo td.yol { position: sticky; left: 0; background: var(--yuzey); text-align: left; z-index: 1; font-family: var(--mono); font-size: 12.5px; max-width: 420px; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid var(--cizgi); }
.sapma-tablo thead th.yol { z-index: 3; background: var(--yuzey-2); font-family: var(--yazi); }
.sapma-tablo .yol .dizin { color: var(--soluk); }
.site-bas { border: 0; background: none; cursor: pointer; font-weight: 600; color: var(--murekkep); padding: 0; max-width: 140px; overflow: hidden; text-overflow: ellipsis; display: block; margin: 0 auto; }
.site-bas:hover { color: var(--vurgu); text-decoration: underline; }
.site-sayi { display: block; font-weight: 400; font-size: 11.5px; color: var(--soluk); }
.hucre { border: 0; cursor: pointer; border-radius: 4px; padding: 2px 8px; font-size: 12px; font-weight: 600; min-width: 46px; }
.hucre.degisti { background: var(--degis-zemin); color: var(--degis); }
.hucre.ekli { background: var(--yeni-zemin); color: var(--yeni); }
.hucre.benzer { background: none; color: var(--soluk); font-weight: 500; border: 1px dashed var(--cizgi, #ccc); }
.hucre small { font-weight: 400; opacity: .75; font-size: 11px; }
.fark-tablo tr.benzer-satir td.sol-m, .fark-tablo tr.benzer-satir td.sag-m { background: transparent; opacity: .55; }
.fark-tablo tr.benzer-satir mark, .fark-tablo tr.benzer-satir .p-s, .fark-tablo tr.benzer-satir .p-g { background: rgba(127,127,127,.18); color: inherit; }
.hucre.ayni { background: none; color: var(--soluk); font-weight: 400; }
.hucre.yok { background: none; color: var(--soluk); font-weight: 400; cursor: default; }
.hucre:not(.yok):hover { outline: 2px solid var(--vurgu); }
.sapma-tablo tbody tr:hover td { background: var(--yuzey-2); }

/* ---------- disk */
.disk-tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; margin-top: 12px; }
.disk-tablo th, .disk-tablo td { padding: 6px 6px; border-bottom: 1px solid var(--cizgi); text-align: right; font-variant-numeric: tabular-nums; }
.disk-tablo th { font-size: 12.5px; color: var(--soluk); font-weight: 500; }
.disk-tablo th:first-child, .disk-tablo td:first-child { text-align: left; }
.disk-tablo td:first-child .soluk { font-size: 12px; }
.disk-tablo tfoot td { font-weight: 650; border-bottom: 0; }
.kazanc { color: var(--yeni); }
.disk-cubuk { height: 8px; border-radius: 4px; background: var(--yuzey-2); overflow: hidden; margin: 6px 0 4px; }
.disk-cubuk span { display: block; height: 100%; background: var(--vurgu); }
.lejant .hucre { cursor: default; outline: none !important; }

/* ---------- otomatik yedek bildirimleri */
.olay { padding: 10px 12px; border-radius: 8px; background: var(--vurgu-acik); margin-bottom: 8px; font-size: 14px; }
.olay.ayni-olay { background: var(--yuzey-2); }
.olay .obas { font-weight: 650; }
.olay .ohedef { font-size: 13px; color: var(--soluk); margin: 2px 0 6px; overflow-wrap: anywhere; }
.olay .ohedef b { color: var(--murekkep); font-weight: 600; }
.olay .oeylem { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.indirilen .neden { font-size: 12.5px; color: var(--degis); background: var(--degis-zemin); padding: 5px 8px; border-radius: 6px; margin-bottom: 8px; }
.indirilen .isleniyor { font-size: 13px; color: var(--vurgu); }

.atama .kat-atama { font-weight: 650; padding-top: 10px; }
.atama .proje-atama { padding-left: 16px; }
.atama select.ozel-atama { border-color: var(--vurgu); color: var(--vurgu-koyu); }
#sablonAtama { max-height: 420px; overflow: auto; padding-right: 4px; }

/* ---------- günlük */
#gProje, #gDonem, #gNotTaraf { padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); }
.tarih-alan { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--soluk); }
.tarih-alan input { padding: 6px 8px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); color: var(--murekkep); }
.gnot-form { display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap; padding: 4px 0 14px; border-bottom: 1px solid var(--cizgi); margin-bottom: 8px; }
.gnot-form textarea { flex: 1; min-width: 260px; margin: 0; font-family: var(--yazi); font-size: 14px; }
.gunluk-liste { list-style: none; margin: 0; padding: 0; }
.gk { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 14px; padding: 12px 4px; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.gk:last-child { border-bottom: 0; }
.gk .gtarih2 { color: var(--soluk); font-size: 13px; font-variant-numeric: tabular-nums; line-height: 1.4; }
.gk .gtarih2 b { color: var(--murekkep); font-weight: 600; display: block; font-size: 14px; }
.gk .gbas { font-weight: 600; }
.gk .gbas .soluk { font-weight: 400; }
.gk .gdosya, .gk2 .gdosya { font-family: var(--mono); font-size: 12.5px; margin: 4px 0 0; overflow-wrap: anywhere; }
.gk .gdosya .etk, .gk2 .gdosya .etk { font-family: var(--yazi); font-size: 12.5px; font-weight: 600; margin-right: 6px; }
.gk .gdosya .etk.d, .gk2 .gdosya .etk.d { color: var(--degis); } .gk .gdosya .etk.y, .gk2 .gdosya .etk.y { color: var(--yeni); } .gk .gdosya .etk.s, .gk2 .gdosya .etk.s { color: var(--sil); }
.gk .gnot { margin-top: 4px; }
.gk.olay-canli { background: var(--vurgu-acik); border-radius: 8px; border-bottom-color: transparent; margin: 4px 0; }
.gk.olay-durum.sorunsuz .gbas { color: var(--yeni); }
.gk.olay-durum.sorunlu .gbas { color: var(--sil); }
.gk.olay-not .gnot { white-space: pre-wrap; }
.gk .silindi, .gk2 .silindi { color: var(--soluk); font-size: 12.5px; font-style: italic; }
.durum-rozet { font-size: 11.5px; font-weight: 650; padding: 1px 7px; border-radius: 9px; margin-left: 6px; }
.durum-rozet.sorunsuz { background: var(--yeni-zemin); color: var(--yeni); }
.durum-rozet.sorunlu { background: var(--sil-zemin); color: var(--sil); }
.hatirlatma { padding: 10px 12px; border-radius: 8px; background: var(--degis-zemin); margin-bottom: 8px; font-size: 14px; }
.hatirlatma .obas { font-weight: 650; }
.hatirlatma textarea { margin: 8px 0 6px; font-family: var(--yazi); font-size: 13.5px; }
.durum-alan { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: -4px 0 12px; font-size: 14px; color: var(--soluk); }

/* ---------- canlıya yükleme listesi */
.yk-govde { font-size: 14px; }
.yk-ayar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 10px; align-items: center; margin-bottom: 12px; }
.yk-ayar input { padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-family: var(--mono); font-size: 13.5px; min-width: 0; }
.yk-ayar label { font-weight: 550; }
.yk-ipucu { margin-bottom: 14px; }
.yk-klasor { border: 1px solid var(--cizgi); border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
.yk-klasor-bas { display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: var(--yuzey-2); border-bottom: 1px solid var(--cizgi); flex-wrap: wrap; }
.yk-klasor-bas .yol { font-family: var(--mono); font-weight: 650; font-size: 13.5px; overflow-wrap: anywhere; flex: 1; min-width: 0; }
.yk-satir { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto auto auto; gap: 10px; align-items: center; padding: 6px 12px; border-bottom: 1px solid var(--cizgi); }
.yk-satir:last-child { border-bottom: 0; }
.yk-satir input { width: 17px; height: 17px; accent-color: var(--vurgu); }
.yk-satir .ad { font-family: var(--mono); font-size: 13px; overflow-wrap: anywhere; }
.yk-satir .ad .kaynak { color: var(--soluk); font-size: 12px; display: block; }
.yk-satir.tamam .ad { color: var(--soluk); }
.yk-satir.tamam .ad::after { content: "  ✓ yapıldı"; color: var(--yeni); font-family: var(--yazi); font-size: 12px; font-weight: 600; }
.silinecek .yk-satir.tamam .ad::after { content: "  ✓ sunucudan silindi"; }
.yk-klasor:not(.silinecek) .yk-satir.tamam .ad::after { content: "  ✓ yüklendi"; }
.yk-satir .db { font-size: 12.5px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.yk-klasor.silinecek .yk-klasor-bas { background: var(--sil-zemin); }
.yk-klasor.silinecek .yk-klasor-bas .yol { color: var(--sil); }
.yk-klasor.bitti .yk-klasor-bas .yol::after { content: "  tamam"; color: var(--yeni); font-family: var(--yazi); font-weight: 600; font-size: 12.5px; }

/* ---------- proje sayfasında günlük, kayıt formu */
.sol-sutun { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.gunluk-liste.kompakt .gk { grid-template-columns: 82px minmax(0, 1fr) auto; gap: 10px; padding: 9px 2px; font-size: 13.5px; }
.gunluk-liste.kompakt .gk .gtarih2 b { font-size: 13px; }
.gunluk-liste.kompakt .gk .gdosya { font-size: 12px; }
.gunluk-liste.kompakt .gk.olay-canli { padding-left: 6px; padding-right: 6px; }
.pg-bos { padding: 10px 2px; color: var(--soluk); font-size: 14px; }
.pg-alt { padding-top: 10px; font-size: 13px; color: var(--soluk); }
.gk .gyazan, .gk2 .gyazan { color: var(--soluk); font-size: 12.5px; }
.gk .geylem { display: flex; gap: 2px; align-items: flex-start; }
.gk.olay-manuel .gbas { color: var(--murekkep); }
.gk.olay-manuel .gnot { white-space: pre-wrap; }
.kayit-form .alan { margin-bottom: 12px; }
.kayit-satir { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
@media (max-width: 600px) { .kayit-satir { grid-template-columns: 1fr; } }
.kayit-form textarea { font-family: var(--yazi); font-size: 14px; margin: 0; font-weight: 400; }
.kayit-form select { padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-weight: 400; }
.dosya-sec { display: flex; gap: 8px; margin-top: 4px; }
.dosya-sec input { flex: 1; min-width: 0; padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-family: var(--mono); font-size: 13px; font-weight: 400; }
.dosya-cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; font-weight: 400; }
.dosya-cip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 9px; border-radius: 6px; background: var(--vurgu-acik); font-family: var(--mono); font-size: 12.5px; }
.dosya-cip button { border: 0; background: none; cursor: pointer; color: var(--soluk); font-size: 15px; line-height: 1; padding: 0 4px; }
.dosya-cip button:hover { color: var(--sil); }

/* ---------- genel bakış */
.genel-ozet { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.genel-kutu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px; padding: 12px 16px; min-width: 150px; box-shadow: var(--golge); }
.genel-kutu b { display: block; font-size: 24px; font-variant-numeric: tabular-nums; line-height: 1.2; }
.genel-kutu span { font-size: 13px; color: var(--soluk); }
.genel-kutu.dikkat b { color: var(--degis); }
.genel-kutu.sorun b { color: var(--sil); }
.genel-tablo-bas, .genel-satir { display: grid; grid-template-columns: minmax(0, 1.3fr) 84px minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 12px; align-items: center; }
.genel-tablo-bas { padding: 4px 12px 8px; font-size: 12.5px; color: var(--soluk); }
.genel-satir { width: 100%; padding: 11px 12px; border: 0; border-top: 1px solid var(--cizgi); background: none; text-align: left; cursor: pointer; font-size: 14px; color: var(--murekkep); }
.genel-satir:hover { background: var(--yuzey-2); }
.genel-satir .site b { display: block; }
.genel-satir .alt { display: block; font-size: 12.5px; color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.genel-satir .uyarili { color: var(--degis); font-weight: 600; }
.genel-satir .kotu { color: var(--sil); font-weight: 600; }
.genel-satir .iyi { color: var(--yeni); }
.genel-satir .bekl-btn { border: 1px solid var(--degis); color: var(--degis); background: var(--degis-zemin); border-radius: 6px; padding: 2px 8px; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.genel-saglik { margin-top: 14px; font-size: 13.5px; color: var(--soluk); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
@media (max-width: 1100px) {
  .genel-tablo-bas, .genel-satir { grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr); }
  .genel-tablo-bas span:nth-child(n+4), .genel-satir > :nth-child(n+4) { display: none; }
}

/* ---------- rapor */
#rDonem, #rProje { padding: 7px 10px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); }
.rapor { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px; padding: 28px 32px; margin-top: 20px; box-shadow: var(--golge); font-size: 14.5px; line-height: 1.55; }
.rapor h1 { font-size: 22px; margin-bottom: 4px; }
.rapor .r-alt { color: var(--soluk); margin: 0 0 18px; }
.rapor .r-sayilar { display: flex; gap: 22px; flex-wrap: wrap; padding: 12px 0 18px; border-bottom: 1px solid var(--cizgi); margin-bottom: 8px; }
.rapor .r-sayilar div b { display: block; font-size: 20px; font-variant-numeric: tabular-nums; }
.rapor .r-sayilar div span { font-size: 12.5px; color: var(--soluk); }
.rapor h2 { font-size: 18px; margin: 24px 0 10px; padding-bottom: 6px; border-bottom: 2px solid var(--murekkep); }
.rapor h2 .soluk { font-weight: 400; font-size: 14px; }
.rapor h3 { font-size: 15px; margin: 16px 0 6px; }
.r-paket { border-left: 3px solid var(--vurgu); padding: 4px 0 4px 14px; margin: 12px 0 16px; break-inside: avoid; }
.r-paket .r-bas { font-weight: 650; }
.r-paket .r-bas .soluk { font-weight: 400; }
.r-liste { margin: 4px 0; font-size: 13.5px; }
.r-liste .etk { font-weight: 600; margin-right: 6px; }
.r-liste .etk.y { color: var(--yeni); } .r-liste .etk.d { color: var(--degis); } .r-liste .etk.s { color: var(--sil); }
.r-liste code { font-size: 12.5px; }
.r-aciklama { margin: 6px 0 0; padding: 0; list-style: none; }
.r-aciklama li { margin: 4px 0; }
.r-aciklama li .soluk { font-size: 12.5px; }
.r-sonuc { margin-top: 6px; font-size: 13.5px; }
.r-sonuc.iyi { color: var(--yeni); } .r-sonuc.kotu { color: var(--sil); } .r-sonuc.bekliyor { color: var(--soluk); }
.r-diger li, .r-sorun li { margin: 4px 0; break-inside: avoid; }
.r-bos { color: var(--soluk); padding: 20px 0; }
.r-imza { margin-top: 28px; padding-top: 10px; border-top: 1px solid var(--cizgi); font-size: 12px; color: var(--soluk); }

/* ---------- sağlık */
.saglik-ilerleme { margin-top: 10px; }
.saglik-liste { margin: 8px 0 0; padding-left: 18px; font-size: 13px; max-height: 220px; overflow: auto; }
.saglik-liste li { margin: 3px 0; }

@media print {
  @page { margin: 16mm; }
  :root { --zemin: #fff; --yuzey: #fff; --yuzey-2: #f3f3f3; --murekkep: #111; --soluk: #555; --cizgi: #ccc; --vurgu: #13675A; --yeni: #2F7D3A; --degis: #8a5a00; --sil: #a1271f; color-scheme: light; }
  body { background: #fff; }
  .uyg { display: block; }
  .kenar, .rapor-arac, .bildirim, .indirilen-kutu, dialog { display: none !important; }
  .ana { padding: 0; }
  #raporEkrani > *:not(.rapor) { display: none !important; }
  .rapor { border: 0; box-shadow: none; padding: 0; margin: 0; font-size: 11.5pt; }
  .rapor h2 { break-after: avoid; }
}

.ekli-sil { border: 0; background: none; cursor: pointer; color: var(--soluk); font-size: 15px; line-height: 1; padding: 2px 5px; margin-left: 2px; border-radius: 4px; vertical-align: middle; }
.ekli-sil:hover { color: var(--sil); background: var(--sil-zemin); }

/* ---------- ayarlar: sekmeler */
.pencere.ayar-pencere { width: min(960px, calc(100vw - 32px)); height: min(760px, calc(100vh - 48px)); }
.ayar-duzen { display: grid; grid-template-columns: 196px minmax(0, 1fr); flex: 1; min-height: 0; }
.ayar-sekme { display: flex; flex-direction: column; gap: 2px; padding: 14px 10px; border-right: 1px solid var(--cizgi); background: var(--yuzey-2); overflow-y: auto; }
.ayar-sekme button { border: 0; background: none; text-align: left; padding: 8px 12px; border-radius: 7px; cursor: pointer; color: var(--soluk); font-weight: 550; }
.ayar-sekme button:hover { color: var(--murekkep); background: var(--yuzey); }
.ayar-sekme button[aria-current="true"] { background: var(--yuzey); color: var(--vurgu-koyu); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.ayar-sekme button:disabled { opacity: .4; cursor: default; }
.ayar-duzen .pencere-govde { overflow-y: auto; min-height: 0; }
.ayarlar[data-aktif="genel"] [data-sekme]:not([data-sekme="genel"]),
.ayarlar[data-aktif="proje"] [data-sekme]:not([data-sekme="proje"]),
.ayarlar[data-aktif="sablon"] [data-sekme]:not([data-sekme="sablon"]),
.ayarlar[data-aktif="indirilenler"] [data-sekme]:not([data-sekme="indirilenler"]),
.ayarlar[data-aktif="bakim"] [data-sekme]:not([data-sekme="bakim"]),
.ayarlar[data-aktif="hesaplar"] [data-sekme]:not([data-sekme="hesaplar"]),
.ayarlar[data-aktif="bilgisayarlar"] [data-sekme]:not([data-sekme="bilgisayarlar"]) { display: none !important; }
.ayarlar section { margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important; }
.ayarlar section[data-sekme="genel"] + section[data-sekme="genel"],
.ayarlar section[data-sekme="proje"] + section[data-sekme="proje"],
.ayarlar section[data-sekme="sablon"] + section[data-sekme="sablon"]:not([hidden]),
.ayarlar section[data-sekme="sablon"]:not([hidden]) + section[data-sekme="sablon"],
.ayarlar section[data-sekme="indirilenler"] + section[data-sekme="indirilenler"],
.ayarlar section[data-sekme="bakim"] + section[data-sekme="bakim"] { margin-top: 22px !important; padding-top: 18px !important; border-top: 1px solid var(--cizgi) !important; }
@media (max-width: 700px) {
  .ayar-duzen { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
  .ayar-sekme { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--cizgi); padding: 8px; }
  .ayar-sekme button { white-space: nowrap; }
}

/* ---------- kenar çubuğu: açılır kapanır kategoriler, menü grupları */
.kat-ac { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; cursor: pointer; padding: 2px 0; color: var(--soluk); font-size: 13px; font-weight: 600; text-align: left; min-width: 0; }
.kat-ac:hover { color: var(--murekkep); }
.kat-ac .ok-isaret { display: inline-block; width: 10px; font-size: 10px; transition: transform .15s; }
.kat-ac[aria-expanded="true"] .ok-isaret { transform: rotate(90deg); }
.kat-ac .kat-sayi { font-weight: 400; font-size: 12px; }
.kenar-grup { display: block; padding: 10px 8px 4px; font-size: 12px; color: var(--soluk); font-weight: 600; }
.kenar-alt .kenar-grup:first-child { padding-top: 0; }
.kat-baslik { gap: 6px; }
.kat-ac { flex: 1; min-width: 0; }
.kat-ac .kat-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kat-eylem { flex: none; }
.kat-eylem button { white-space: nowrap; }

/* ---------- kenar çubuğu durum noktaları */
.proje-ad { display: inline-flex; align-items: center; gap: 7px; min-width: 0; overflow: hidden; }
.durum-nokta { display: none; width: 8px; height: 8px; border-radius: 50%; flex: none; }
.durum-nokta.n-uyari { display: inline-block; background: var(--degis); }
.durum-nokta.n-sorun { display: inline-block; background: var(--sil); box-shadow: 0 0 0 3px var(--sil-zemin); }

/* Görünüm ekranlarından seçili siteye dönüş ve sapma tablosunda seçili site sütunu */
.donus-btn { padding: 0 0 4px; font-size: 13px; display: block; }
.donus-btn[hidden] { display: none; }
.sapma-tablo th.secili-site, .sapma-tablo td.secili-site { background: color-mix(in srgb, var(--vurgu) 7%, transparent); }
.sapma-tablo th.secili-site .site-bas { color: var(--vurgu); }

/* Düzeltme yayılımı ve şablon sürüm güncellemesi */
.yayilim-kap { font-family: var(--yazi); font-size: 14px; padding: 14px 18px; display: flex; flex-direction: column; gap: 10px; }
.yayilim-kap .sapma-kap { max-height: none; }
.yayilim-ozet, .sg-kartlar { display: flex; flex-wrap: wrap; gap: 8px; }
.yayilim-site { padding: 6px 10px; border-radius: 8px; border: 1px solid var(--cizgi); font-size: 13px; }
.yayilim-site.kotu, .sg-kart.kotu { border-color: var(--sil); background: color-mix(in srgb, var(--sil) 7%, transparent); }
.yayilim-site.orta { border-color: var(--degis); background: var(--degis-zemin); }
.yayilim-site.iyi, .sg-kart.iyi { border-color: var(--yeni); background: var(--yeni-zemin); }
.yayilim-site.bos, .sg-kart.bos { color: var(--soluk); }
.sg-kart { border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; min-width: 200px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.sg-eylem { display: flex; gap: 6px; margin-top: 4px; flex-wrap: wrap; }
.sg-dosya { padding: 0; color: inherit; font: inherit; text-align: left; }
.rozet-k { display: inline-block; font-family: var(--yazi, inherit); font-size: 11px; padding: 1px 6px; border-radius: 6px; background: var(--degis-zemin); color: var(--degis); }
.rozet-k.yeni { background: var(--yeni-zemin); color: var(--yeni); }
.rozet-k.silinen { background: color-mix(in srgb, var(--sil) 12%, transparent); color: var(--sil); }
.hucre.yy-var, .hucre.sg-guncel { background: var(--yeni-zemin); color: var(--yeni); }
.hucre.yy-eksik, .hucre.sg-eski, .hucre.sg-eksik { background: color-mix(in srgb, var(--sil) 14%, transparent); color: var(--sil); }
.hucre.yy-kismen, .hucre.yy-farkli, .hucre.yy-yok, .hucre.sg-kismen, .hucre.sg-kaldirilmali { background: var(--degis-zemin); color: var(--degis); }
.hucre.yy-dosya_yok, .hucre.yy-yedeksiz, .hucre.yy-ikili, .hucre.sg-dosya_yok, .hucre.sg-yedeksiz, .hucre.sg-ikili { background: none; color: var(--soluk); font-weight: 400; }
.yayilim-kap .aciklama { max-width: 900px; }
.yayilim-kap .sapma-tablo td.yol, .yayilim-kap .sapma-tablo td.yol .sg-dosya { font-family: var(--mono); font-size: 13px; }
.yayilim-kap .rozet-k { font-family: var(--yazi); }

/* Proje sayfasındaki günlük: sabit yükseklik, içinde kaydırma */
#pgListe { max-height: 460px; overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; scrollbar-width: thin; }
#pgListe .gdosya-tam { margin-top: 2px; max-height: 180px; overflow-y: auto; }
#pgListe .gdosya-tam div { padding: 1px 0; }

/* Geçmiş paneli: soldaki sütunla (Yeni yedek + Günlük) aynı yerde biter, listesi kendi içinde kayar.
   height:0 + min-height:100% → panel satır yüksekliğini belirlemez, sol sütunun yüksekliğini alır. */
@media (min-width: 1151px) {
  .izgara > .gecmis-panel { align-self: stretch; height: 0; min-height: 100%; display: flex; flex-direction: column; box-sizing: border-box; }
  .gecmis-panel #zaman { flex: 1 1 0; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 6px; }
}

/* Yedek ayrıntısı üst bölümü */
.d-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px 20px; flex-wrap: wrap; margin-bottom: 12px; }
.d-bilgi { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14.5px; }
.d-sayilar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; }
.d-sayi { padding: 2px 9px; border-radius: 999px; background: var(--yuzey-2); }
.d-sayi.degisen { background: var(--degis-zemin); color: var(--degis); }
.d-sayi.yeni { background: var(--yeni-zemin); color: var(--yeni); }
.d-sayi.silinen { background: color-mix(in srgb, var(--sil) 13%, transparent); color: var(--sil); }
#dOzet .detay-eylem { margin: 0 0 14px; align-items: center; }
.d-kart { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 10px 16px; align-items: center; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 10px; margin-bottom: 16px; }
.d-etiket { font-size: 13px; color: var(--soluk); font-weight: 600; }
.d-kart .isaret-alan, .d-kart .durum-alan { margin: 0; }
.d-kart .not-duzen { display: flex; gap: 8px; }
.d-kart .not-duzen input { flex: 1; min-width: 0; }
.d-kart .durum-alan .iyi { color: var(--yeni); font-weight: 600; }
.d-kart .durum-alan .kotu { color: var(--sil); font-weight: 600; }
details.menu { position: relative; }
details.menu > summary { list-style: none; cursor: pointer; }
details.menu > summary::-webkit-details-marker { display: none; }
.menu-icerik { position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; min-width: 210px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 9px; box-shadow: 0 8px 24px rgba(0,0,0,.18); padding: 5px; display: flex; flex-direction: column; }
.menu-icerik button { border: 0; background: none; color: inherit; text-align: left; padding: 8px 10px; border-radius: 6px; font: inherit; font-size: 14px; cursor: pointer; }
.menu-icerik button:hover { background: var(--yuzey-2); }
@media (max-width: 700px) { .d-kart { grid-template-columns: 1fr; } }

/* Gereksiz dosya uyarısı */
.gereksiz-uyari ul, .yk-gereksiz ul { margin: 6px 0; padding-left: 18px; font-size: 13.5px; }
.gereksiz-uyari code, .yk-gereksiz code { font-size: 12.5px; }
.gereksiz-eylem { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.og.gereksiz .rozet::after { content: " · gereksiz?"; font-weight: 400; }
.yk-gereksiz { border: 1px dashed var(--cizgi); border-radius: 10px; padding: 10px 12px; margin: 10px 0; font-size: 14px; }
.yk-gereksiz summary { cursor: pointer; list-style: none; }
.yk-gereksiz summary::-webkit-details-marker { display: none; }
.yk-gereksiz[open] summary .bag-dugme { display: none; }

/* Geri dönüş ve habersiz değişiklik */
.geri-bilgi { display: flex; flex-direction: column; gap: 8px; }
.geri-hedef { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-weight: 600; }
.geri-hedef select { font-weight: 400; max-width: 100%; }
.habersiz ul { margin: 4px 0 6px; padding-left: 18px; }
.habersiz code { font-size: 12.5px; }
/* Dosya geçmişinde notlar */
.g-not { font-family: var(--yazi); font-size: 13px; margin-top: 3px; color: var(--murekkep); }
.g-not .etk { font-size: 11px; font-weight: 600; color: var(--soluk); margin-right: 6px; text-transform: uppercase; letter-spacing: .03em; }
.g-not.kotu { color: var(--sil); }
.rozet.isaret-canli { background: var(--yeni-zemin); color: var(--yeni); }
.rozet.isaret-saglam { background: var(--yuzey-2); color: var(--soluk); }
.rozet.isaret-sorunlu { background: color-mix(in srgb, var(--sil) 13%, transparent); color: var(--sil); }

/* Yükleme / geri dönüş listesi: özet ve adımlar */
.yk-ozet { border: 1px solid var(--cizgi); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; background: var(--yuzey-2); }
.yk-ozet.geri { border-color: color-mix(in srgb, var(--sil) 45%, var(--cizgi)); }
.yk-surumler { display: flex; align-items: stretch; gap: 10px; flex-wrap: wrap; }
.yk-surum { flex: 1; min-width: 220px; display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 9px; background: var(--yuzey); border: 1px solid var(--cizgi); font-size: 15px; }
.yk-surum.kotu { border-color: color-mix(in srgb, var(--sil) 50%, var(--cizgi)); }
.yk-surum.iyi { border-color: color-mix(in srgb, var(--yeni) 50%, var(--cizgi)); }
.yk-surum-bas { font-size: 12px; font-weight: 600; color: var(--soluk); text-transform: uppercase; letter-spacing: .03em; }
.yk-surum.kotu .yk-surum-bas { color: var(--sil); }
.yk-surum.iyi .yk-surum-bas { color: var(--yeni); }
.yk-surum select { font-size: 14px; padding: 4px 6px; max-width: 100%; }
.yk-ok { align-self: center; font-size: 22px; color: var(--soluk); }
.yk-adimlar { margin: 12px 0 0; padding-left: 22px; font-size: 14.5px; display: flex; flex-direction: column; gap: 4px; }
.yk-ayar-kap { margin-bottom: 12px; font-size: 14px; }
.yk-ayar-kap summary { cursor: pointer; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 4px 0; }
.yk-ayar-kap[open] summary { margin-bottom: 8px; }
.yk-adim { display: flex; align-items: center; gap: 10px; font-size: 16px; margin: 18px 0 4px; }
.yk-no { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--vurgu); color: #fff; font-size: 13px; font-weight: 700; }
.yk-klasor.silinecek { border-color: color-mix(in srgb, var(--sil) 40%, var(--cizgi)); }
.rozet.silinen { background: color-mix(in srgb, var(--sil) 13%, transparent); color: var(--sil); }

/* ===== Arayüz sadeleştirme ===== */
/* Uyarı seviyeleri: bilgi sade, dikkat ince sarı, tehlike kırmızı */
.uyari { background: color-mix(in srgb, var(--degis-zemin) 55%, var(--yuzey)); border: 1px solid color-mix(in srgb, var(--degis) 30%, var(--cizgi)); border-left: 3px solid var(--degis); border-radius: 8px; }
.uyari.bilgi { background: var(--yuzey-2); border: 1px solid var(--cizgi); border-left: 3px solid var(--soluk); color: var(--murekkep); }
.uyari.hata { background: var(--sil-zemin); border: 1px solid color-mix(in srgb, var(--sil) 40%, var(--cizgi)); border-left: 3px solid var(--sil); }

/* Kenar çubuğu menüsü: ad + kısa açıklama */
.kenar-dugme { display: flex; flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.25; }
.kenar-dugme b { font-weight: 500; }
.kenar-dugme small { font-size: 11.5px; color: var(--soluk); font-weight: 400; }
.proje-sayi.bos { opacity: .7; }
.nokta-lejant { display: flex; gap: 12px; flex-wrap: wrap; font-size: 11.5px; color: var(--soluk); padding: 0 8px 8px; }
.nokta-lejant span { display: inline-flex; align-items: center; gap: 5px; }
.nokta-lejant .durum-nokta { display: inline-block; }
.durum-nokta { cursor: help; }

/* Geçmiş: karşılaştırma kutucukları yalnızca seçim modunda */
#zaman:not(.secim-modu) .ys-ust input[type=checkbox] { display: none; }
#karsilastirModBtn[aria-pressed="true"] { border-color: var(--vurgu); color: var(--vurgu); }

/* Birleşik durum rozeti */
.durum-pill { font-size: 11.5px; font-weight: 650; padding: 1px 8px; border-radius: 9px; margin-left: 6px; white-space: nowrap; background: var(--yuzey-2); color: var(--soluk); }
.durum-pill.canli { background: var(--vurgu-acik); color: var(--vurgu); }
.durum-pill.iyi { background: var(--yeni-zemin); color: var(--yeni); }
.durum-pill.saglam { background: var(--yuzey-2); color: var(--murekkep); border: 1px solid var(--cizgi); }
.durum-pill.sorun { background: var(--sil-zemin); color: var(--sil); }
.durum-pill.buyuk { font-size: 13.5px; padding: 3px 11px; margin-left: 0; border-radius: 999px; }
.durum-satir { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14px; }
.durum-satir .sorun-metin { color: var(--sil); }
.durum-satir .sorun-girdi { flex: 1; min-width: 240px; padding: 6px 9px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); font-size: 14px; }
.durum-satir details.menu { margin-left: auto; }
details.menu > summary.bag-dugme { padding: 4px 6px; }
details.menu > summary.secili { border-color: var(--vurgu); color: var(--vurgu); }

/* Bildirim zili ve paneli */
.bildirim-zil { position: fixed; right: 18px; bottom: 18px; z-index: 21; display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--yuzey); color: var(--murekkep); font: inherit; font-size: 14px; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,.18); }
.bildirim-zil #bildirimSayi { min-width: 20px; padding: 0 6px; border-radius: 999px; background: var(--vurgu); color: #fff; font-size: 12px; font-weight: 700; text-align: center; }
.bildirim-zil.dikkat #bildirimSayi { background: var(--degis); }
.bildirim-zil.dikkat:not(.acik) { animation: zil-nabiz 2s ease-in-out infinite; }
@keyframes zil-nabiz { 0%, 100% { box-shadow: 0 6px 20px rgba(0,0,0,.18); } 50% { box-shadow: 0 0 0 5px color-mix(in srgb, var(--degis) 35%, transparent), 0 6px 20px rgba(0,0,0,.18); } }
@media (prefers-reduced-motion: reduce) { .bildirim-zil.dikkat:not(.acik) { animation: none; } }
.indirilen-kutu { bottom: 68px; }
.kutu-bas { display: flex; justify-content: space-between; align-items: center; margin: -2px 0 8px; }
.kutu-bas .kapat { border: 0; background: none; font-size: 20px; color: var(--soluk); cursor: pointer; line-height: 1; padding: 2px 6px; }
@media print { .bildirim-zil { display: none !important; } }
.kenar-alt .kenar-dugme { padding: 5px 8px; }

/* Kenar çubuğu alt menüsü: tek satır, ikonlu */
.kenar-alt { gap: 1px; padding-top: 12px; }
.kenar-alt .kenar-dugme { flex-direction: row; align-items: center; gap: 10px; padding: 7px 10px; font-size: 14px; color: var(--murekkep); border-radius: 7px; width: 100%; }
.kenar-alt .kenar-dugme .ikon, .kenar-klasor .ikon { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; color: var(--soluk); }
.kenar-alt .kenar-dugme:hover .ikon { color: var(--murekkep); }
.kenar-alt .kenar-dugme[aria-current="true"] { background: var(--vurgu-acik); color: var(--vurgu); font-weight: 600; }
.kenar-alt .kenar-dugme[aria-current="true"] .ikon { color: var(--vurgu); }
.kenar-grup { padding: 12px 10px 4px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.kenar-klasor { display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 9px 10px 2px; border-top: 1px solid var(--cizgi); min-width: 0; }
.kenar-klasor .ana-bilgi { padding: 0; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: normal; min-width: 0; }
.nokta-lejant { padding: 10px 10px 4px; }
/* Siteleri karşılaştır: iki site seçimi */
.ikili-cubuk { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 8px 12px; margin-bottom: 10px; border: 1px dashed var(--cizgi); border-radius: 9px; font-size: 14px; }
.site-sec { display: block; margin-bottom: 2px; cursor: pointer; }
.site-sec input { width: 15px; height: 15px; accent-color: var(--vurgu); cursor: pointer; }
.hucre.ik-farkli { background: var(--degis-zemin); color: var(--degis); }
.hucre.ik-benzer { background: none; color: var(--soluk); font-weight: 500; border: 1px dashed var(--cizgi); }
.hucre.ik-sadece1, .hucre.ik-sadece2 { background: var(--yeni-zemin); color: var(--yeni); }

/* Tema düğmesi */
.marka { justify-content: flex-start; }
.marka .tema-btn { margin-left: auto; border: 1px solid var(--cizgi); background: var(--yuzey); color: var(--soluk); width: 30px; height: 30px; border-radius: 8px; display: inline-grid; place-items: center; cursor: pointer; padding: 0; }
.marka .tema-btn:hover { color: var(--murekkep); border-color: var(--soluk); }
.marka .tema-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.tema-btn .ay { display: none; }
:root[data-theme="dark"] .tema-btn .gunes { display: none; }
:root[data-theme="dark"] .tema-btn .ay { display: block; }

/* Kenar çubuğu: Siteler / Yönetim sekmeleri */
.kenar-sekme { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; padding: 3px; margin: 0 0 14px; background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: 9px; }
.kenar-sekme button { border: 0; background: none; padding: 7px 8px; border-radius: 7px; font: inherit; font-size: 14px; color: var(--soluk); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.kenar-sekme button:hover { color: var(--murekkep); }
.kenar-sekme button[aria-selected="true"] { background: var(--yuzey); color: var(--murekkep); font-weight: 600; box-shadow: 0 1px 2px rgba(0,0,0,.12); }
.kenar-panel { display: flex; flex-direction: column; min-height: 0; }
.kenar-panel[hidden] { display: none; }
.kenar-sekme .sekme-nokta[hidden] { display: none; }
#kenarYonetim .kenar-alt { margin-top: 0; padding-top: 0; border-top: 0; }
#kenarYonetim .kenar-grup:first-child { padding-top: 2px; }
.kenar-klasor { margin-top: auto; }

/* ===== Günlük ekranı (gün başlıkları, tür etiketleri, filtre çipleri) ===== */
.tarih-aralik { display: inline-flex; gap: 10px; flex-wrap: wrap; }
.tarih-aralik[hidden] { display: none; }
.tur-cipleri { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 0 14px; border-bottom: 1px solid var(--cizgi); }
.tur-cip { border: 1px solid var(--cizgi); background: var(--yuzey); color: var(--murekkep); border-radius: 999px; padding: 5px 12px; font: inherit; font-size: 13.5px; cursor: pointer; display: inline-flex; gap: 7px; align-items: center; }
.tur-cip .sayi { font-size: 12px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.tur-cip[aria-checked="true"] { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.tur-cip[aria-checked="true"] .sayi { color: rgba(255,255,255,.8); }
:root[data-theme="dark"] .tur-cip[aria-checked="true"] { color: #0D1A17; }
:root[data-theme="dark"] .tur-cip[aria-checked="true"] .sayi { color: rgba(13,26,23,.75); }
.tur-cip:disabled { opacity: .45; cursor: default; }
.gunluk-liste.genis .gun-baslik { list-style: none; font-size: 13px; font-weight: 650; color: var(--soluk); padding: 18px 4px 6px; border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; background: var(--yuzey); z-index: 1; }
.gk2 { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; padding: 11px 4px; border-bottom: 1px solid color-mix(in srgb, var(--cizgi) 60%, transparent); font-size: 14px; }
.g2-saat { color: var(--soluk); font-size: 13px; font-variant-numeric: tabular-nums; padding-top: 2px; }
.g2-govde { min-width: 0; }
.g2-bas { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 2px; }
.g2-baslik { font-weight: 600; }
.g2-tur { font-size: 11.5px; font-weight: 650; padding: 2px 8px; border-radius: 6px; white-space: nowrap; background: var(--yuzey-2); color: var(--soluk); }
.g2-tur.tt-canli { background: var(--vurgu); color: #fff; }
:root[data-theme="dark"] .g2-tur.tt-canli { color: #0D1A17; }
.g2-tur.tt-durum-iyi { background: var(--yeni-zemin); color: var(--yeni); }
.g2-tur.tt-durum-kotu { background: var(--sil); color: #fff; }
.g2-tur.tt-manuel { background: var(--vurgu-acik); color: var(--vurgu); }
.g2-tur.tt-not { background: var(--degis-zemin); color: var(--degis); }
.g-site { font-size: 12.5px; color: var(--soluk); border: 1px solid var(--cizgi); padding: 0 7px; border-radius: 999px; }
.gk2.t-durum-kotu .g2-baslik { color: var(--sil); }
.gk2.t-canli { background: color-mix(in srgb, var(--vurgu-acik) 55%, transparent); border-radius: 8px; }
.gk2.t-yedek .g2-baslik { font-weight: 500; }
.gk2 .gdosya, .gk2 .gnot, .gk2 .soluk { margin-top: 3px; }
.gk2 .gnot { white-space: pre-line; }

/* ===== Rapor ===== */
.rapor .r-sayilar { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; padding: 14px 0 10px; border-bottom: 0; margin-bottom: 0; }
.rapor .r-kutu { border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; }
.rapor .r-kutu.ana { border-color: var(--vurgu); background: var(--vurgu-acik); }
.rapor .r-kutu.kotu { border-color: var(--sil); background: var(--sil-zemin); }
.rapor .r-kutu.sifir { opacity: .55; }
.rapor .r-kutu b { display: block; font-size: 22px; font-variant-numeric: tabular-nums; }
.rapor .r-kutu span { font-size: 12.5px; color: var(--soluk); }
.r-aciklama-ust { font-size: 13.5px; color: var(--soluk); padding-bottom: 14px; border-bottom: 1px solid var(--cizgi); margin: 0 0 8px; }
.r-paket .r-bas { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.r-taraf { font-size: 12px; font-weight: 600; color: var(--soluk); border: 1px solid var(--cizgi); border-radius: 999px; padding: 0 8px; }
.r-pill { margin-left: auto; font-size: 12px; font-weight: 650; padding: 2px 9px; border-radius: 999px; background: var(--yuzey-2); color: var(--soluk); }
.r-pill.iyi { background: var(--yeni-zemin); color: var(--yeni); }
.r-pill.kotu { background: var(--sil-zemin); color: var(--sil); }
.r-alt2 { font-size: 13px; color: var(--soluk); margin: 2px 0 4px; }
@media print { .r-pill { border: 1px solid #999; } .rapor .r-kutu.sifir { opacity: 1; } .gunluk-liste.genis .gun-baslik { position: static; } }

/* ===== Yapılacaklar ===== */
.yp-sayi { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; margin-left: 6px; border-radius: 999px; background: var(--degis-zemin); color: var(--degis); font-size: 12.5px; font-weight: 700; vertical-align: 2px; }
.yp-sayi:empty { display: none; }
.yp-liste { list-style: none; margin: 8px 0 0; padding: 0; }
.yp { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 9px 2px; border-bottom: 1px solid color-mix(in srgb, var(--cizgi) 60%, transparent); font-size: 14px; }
.yp:last-child { border-bottom: 0; }
.yp input[type=checkbox] { width: 17px; height: 17px; margin-top: 2px; accent-color: var(--vurgu); cursor: pointer; }
.yp-baslik { font-weight: 600; }
.yp-aciklama { color: var(--soluk); font-size: 13.5px; white-space: pre-line; margin-top: 2px; }
.yp-etiketler { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-top: 4px; font-size: 12.5px; }
.yp-tarih { font-size: 12.5px; color: var(--soluk); }
.yp-tarih.gecikti { color: var(--sil); font-weight: 600; }
.yp.yapildi .yp-baslik { color: var(--soluk); font-weight: 500; }
.yp.yapildi .yp-baslik::before { content: "✓ "; color: var(--yeni); }
.yp-site { cursor: pointer; background: none; font: inherit; font-size: 12.5px; color: var(--vurgu); }
.yp-form-satir { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.genel-yp { margin-top: 14px; }
.genel-yp h2 { margin-bottom: 4px; }
.yp-sec { cursor: pointer; grid-template-columns: 22px minmax(0, 1fr); }

.g2-tur { position: static; width: auto; height: auto; display: inline-block; line-height: 1.4; }

/* ===== Kompakt yoğunluk: daha az boşluk, daha küçük başlıklar ===== */
body { font-size: 14px; line-height: 1.45; }
h1 { font-size: 21px; }
h2 { font-size: 15.5px; }
.uyg { grid-template-columns: 236px 1fr; }
.kenar { padding: 14px 10px 10px; }
.marka { padding: 0 6px 12px; }
.kenar-sekme { margin-bottom: 10px; }
.kenar-sekme button { padding: 5px 8px; font-size: 13.5px; }
.ara-form input { padding: 6px 9px; font-size: 13px; }
.agac { gap: 8px; }
.proje-btn { padding: 4px 8px; font-size: 14px; }
.kenar-alt .kenar-dugme { padding: 5px 9px; font-size: 13.5px; }
.kenar-grup { padding: 9px 9px 3px; }
.ana { padding: 16px 22px 28px; }
.baslik { margin-bottom: 12px; gap: 10px; align-items: center; }
.baslik-kat { font-size: 12.5px; }
.baslik .sag { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.izgara { gap: 14px; }
.sol-sutun { gap: 14px; }
.panel { padding: 14px 16px; border-radius: 9px; }
.panel-baslik { margin-bottom: 4px; }
.dugme { padding: 6px 13px; font-size: 13.5px; }
.dugme.kucuk { padding: 4px 9px; font-size: 12.5px; }
.segment { padding: 2px; }
.segment button { padding: 4px 12px; font-size: 13.5px; }
.satir-secim { margin: 8px 0 10px; gap: 10px; }
.aciklama { font-size: 12.5px; }
.birak { padding: 16px 14px; }
.birak svg { width: 26px; height: 26px; }
.birak-ana { margin: 4px 0 0; font-size: 14px; }
.birak-alt { font-size: 12.5px; }
.ys + .ys { margin-top: 1px; }
.ys-kart { padding: 5px 8px; }
.genel-ozet { gap: 8px; margin-bottom: 12px; }
.genel-kutu { padding: 8px 12px; min-width: 118px; }
.genel-kutu b { font-size: 19px; }
.genel-kutu span { font-size: 12px; }
.genel-satir { padding: 7px 10px; font-size: 13.5px; }
.gk { padding: 8px 2px; gap: 10px; font-size: 13.5px; }
.gk2 { padding: 7px 4px; font-size: 13.5px; }
.gunluk-liste.genis .gun-baslik { padding: 12px 4px 4px; }
.tur-cipleri { padding-bottom: 10px; }
.tur-cip { padding: 3px 10px; font-size: 12.5px; }
.detay-arac { padding: 8px 0; gap: 8px; }
.d-kart { padding: 9px 12px; gap: 7px 14px; margin-bottom: 12px; }
.d-ust { margin-bottom: 8px; }
#dOzet .detay-eylem { margin-bottom: 10px; }
.pencere-baslik { padding: 12px 16px 9px; }
.pencere-govde { padding: 12px 16px; }
.yk-ozet { padding: 10px 12px; }
.yk-surum { padding: 7px 10px; font-size: 14px; }
.yk-adim { margin: 12px 0 2px; font-size: 14.5px; }
.yk-satir { padding: 4px 10px; }
.yp { padding: 6px 2px; }
.sapma-grup .lejant { margin-bottom: 6px; }
.uyari { padding: 6px 10px; font-size: 13px; margin-bottom: 8px; }
.sag-menu .menu-icerik { left: auto; right: 0; }
.rapor .r-kutu { padding: 8px 10px; }
.rapor .r-kutu b { font-size: 19px; }
.uyg { grid-template-columns: 248px 1fr; }
.baslik .segment button, #tarafSec button { padding: 4px 13px; font-size: 13.5px; }
.sag-menu .menu-icerik { min-width: 250px; }
.sag-menu > summary.dugme { padding: 5px 11px; }
.gunluk-liste.kompakt .gk { grid-template-columns: 74px minmax(0, 1fr) auto; padding: 6px 2px; gap: 8px; }
.gunluk-liste.kompakt .gk .gtarih2 { font-size: 12px; line-height: 1.35; }
.gunluk-liste.kompakt .gk .gtarih2 b { font-size: 12.5px; }
.rapor .r-kutu.iyi { border-color: var(--yeni); background: var(--yeni-zemin); }
.r-sorun li.giderildi { color: var(--soluk); }

/* ===== Sunucu modu: giriş ekranı, kullanıcı, hesaplar ===== */
.yalniz-sunucu { display: none !important; }
body.sunucu .yalniz-sunucu { display: revert !important; }
body.sunucu .yalniz-yerel { display: none !important; }
body.giris-acik .uyg, body.giris-acik .bildirim-zil, body.giris-acik .indirilen-kutu { display: none !important; }
.giris-ekrani { position: fixed; inset: 0; display: grid; place-items: center; background: var(--zemin); z-index: 100; padding: 16px; }
.giris-ekrani[hidden] { display: none; }
.giris-kart { width: min(360px, 100%); background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 12px; padding: 24px; box-shadow: var(--golge); display: flex; flex-direction: column; gap: 12px; }
.giris-kart h1 { font-size: 20px; }
.giris-kart .alan input { width: 100%; padding: 9px 11px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey); font-size: 15px; }
.giris-kart .dugme { padding: 9px 14px; font-size: 14.5px; }
.giris-marka { display: flex; align-items: center; gap: 9px; font-weight: 650; color: var(--soluk); }
.giris-marka svg { width: 22px; height: 22px; fill: var(--vurgu); }
.kenar-kullanici { display: flex; align-items: center; gap: 8px; margin-top: auto; padding: 9px 10px 2px; border-top: 1px solid var(--cizgi); font-size: 13.5px; min-width: 0; }
.kenar-kullanici[hidden] { display: none; }
.kenar-kullanici .ikon { width: 17px; height: 17px; fill: none; stroke: var(--soluk); stroke-width: 1.7; flex: none; }
.kenar-kullanici span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
body.sunucu .kenar-klasor { display: none !important; }
.hesap-liste { list-style: none; margin: 8px 0 0; padding: 0; }
.hesap-liste li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); }
.hesap-eylem { display: flex; gap: 6px; }
.hesap-form { display: flex; gap: 8px; flex-wrap: wrap; }
.hesap-form input { flex: 1; min-width: 160px; padding: 6px 9px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--yuzey); }
.g-kim { font-size: 12.5px; color: var(--soluk); }

/* ===== Günlük v3: renkli tür şeridi, dosya çipleri ===== */
:root { --t-canli: #13675A; --t-gorev: #2F7D3A; --t-yedek: #2F6DB5; --t-kayit: #7A4EB0; --t-not: #9A6206; --t-uyari: #C2410C; --t-sorun: #B4372E; --t-isaret: #8A95A1; }
:root[data-theme="dark"] { --t-canli: #4DB09E; --t-gorev: #6CC478; --t-yedek: #6FA8E8; --t-kayit: #B48CE6; --t-not: #E2B25A; --t-uyari: #F08A4B; --t-sorun: #EE8076; --t-isaret: #7C8895; }
.gk3 { --renk: var(--t-isaret); display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 10px; padding: 8px 10px 8px 0; margin: 4px 0; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--renk) 22%, var(--cizgi)); border-left: 4px solid var(--renk); background: color-mix(in srgb, var(--renk) 5%, var(--yuzey)); font-size: 13.5px; }
.gk3.gt-canli { --renk: var(--t-canli); }
.gk3.gt-gorev { --renk: var(--t-gorev); }
.gk3.gt-yedek { --renk: var(--t-yedek); }
.gk3.gt-manuel { --renk: var(--t-kayit); }
.gk3.gt-not { --renk: var(--t-not); }
.gk3.gt-uyari { --renk: var(--t-uyari); }
.gk3.gt-sorun { --renk: var(--t-sorun); }
.gk3.gt-test-iyi { --renk: var(--t-gorev); }
.gk3.gt-isaret { --renk: var(--t-isaret); }
.gk3.soluk-satir { background: transparent; border-color: var(--cizgi); border-left-color: color-mix(in srgb, var(--renk) 45%, var(--cizgi)); opacity: .8; }
.g3-saat { color: var(--soluk); font-size: 12.5px; font-variant-numeric: tabular-nums; padding: 2px 0 0 10px; }
.g3-govde { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.g3-bas { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.g3-etiket { font-size: 11.5px; font-weight: 700; padding: 1px 8px; border-radius: 5px; background: var(--renk); color: #fff; white-space: nowrap; }
:root[data-theme="dark"] .g3-etiket { color: #0D1A17; }
.gk3.gt-isaret .g3-etiket, .gk3.soluk-satir .g3-etiket { background: color-mix(in srgb, var(--renk) 18%, transparent); color: var(--renk); }
.g3-baslik { font-weight: 600; }
.gk3.gt-sorun .g3-baslik, .gk3.gt-uyari .g3-baslik { color: var(--renk); }
.gk3.gt-gorev .g3-baslik { color: var(--t-gorev); }
.g3-alt { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 2px; }
.g-alt { font-size: 12.5px; color: var(--soluk); }
.g-etk { font-size: 11.5px; color: var(--soluk); border: 1px dashed var(--cizgi); border-radius: 999px; padding: 0 7px; }
.drz { font-size: 12px; font-weight: 700; padding: 1px 7px; border-radius: 999px; font-variant-numeric: tabular-nums; }
.drz.y { background: var(--yeni-zemin); color: var(--yeni); }
.drz.d { background: var(--degis-zemin); color: var(--degis); }
.drz.s { background: var(--sil-zemin); color: var(--sil); }
.dosya-cipleri { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2px; }
.dcip { display: inline-flex; align-items: center; gap: 5px; font-family: var(--mono); font-size: 12px; padding: 2px 8px; border-radius: 6px; background: var(--yuzey-2); border: 1px solid var(--cizgi); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dcip b { font-family: var(--yazi); }
.dcip.y { background: var(--yeni-zemin); border-color: color-mix(in srgb, var(--yeni) 35%, transparent); }
.dcip.y b { color: var(--yeni); }
.dcip.d { background: var(--degis-zemin); border-color: color-mix(in srgb, var(--degis) 35%, transparent); }
.dcip.d b { color: var(--degis); }
.dcip.s { background: var(--sil-zemin); border-color: color-mix(in srgb, var(--sil) 35%, transparent); text-decoration: line-through; }
.dcip.s b { color: var(--sil); }
.gunluk-liste.genis .gun-baslik { border-bottom: 0; padding-bottom: 2px; }
.gunluk-liste.kompakt .gk3 { grid-template-columns: 58px minmax(0, 1fr) auto; font-size: 13px; }
.gunluk-liste.kompakt .g3-saat { font-size: 11.5px; line-height: 1.3; }
/* Rapor özet kutuları: hepsi aynı boyutta, 4'lü iki satır */
.rapor .r-sayilar { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; }
.rapor .r-kutu { display: flex; flex-direction: column; justify-content: center; min-height: 64px; }
.rapor .r-kutu span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 760px) { .rapor .r-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.r-aciklama li.r-uyari { color: var(--t-uyari); font-size: 13px; }
.r-aciklama li.r-gorev { color: var(--t-gorev); }
.r-aciklama li.r-gorev b { color: inherit; }

/* ===== Canlı merkez: disk durumu, bilgisayarlar ===== */
.yalniz-merkez { display: none !important; }
body.merkez .yalniz-merkez { display: revert !important; }
body.merkez .bilgisayarda { display: revert !important; }
.disk-durum { display: flex; align-items: center; gap: 9px; width: 100%; margin-top: auto; padding: 9px 10px; border: 0; border-top: 1px solid var(--cizgi); background: none; font: inherit; color: var(--murekkep); text-align: left; cursor: pointer; min-width: 0; }
body.merkez .disk-durum { display: flex !important; }
.disk-durum:hover { background: var(--yuzey-2); }
.disk-durum + .kenar-kullanici { margin-top: 0; }
.disk-isik { width: 10px; height: 10px; border-radius: 50%; flex: none; background: var(--ayni); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ayni) 22%, transparent); }
.disk-durum.bagli .disk-isik { background: var(--yeni); box-shadow: 0 0 0 3px color-mix(in srgb, var(--yeni) 22%, transparent); }
.disk-durum.yok .disk-isik { background: var(--degis); box-shadow: 0 0 0 3px color-mix(in srgb, var(--degis) 25%, transparent); }
.disk-yazi { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.disk-yazi b { font-size: 13.5px; font-weight: 600; }
.disk-yazi small { font-size: 12px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.disk-uyari { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 14px; padding: 10px 14px; border: 1px solid color-mix(in srgb, var(--degis) 35%, var(--cizgi)); border-left: 3px solid var(--degis); background: color-mix(in srgb, var(--degis-zemin) 60%, var(--yuzey)); border-radius: 8px; font-size: 14px; }
.disk-uyari[hidden] { display: none; }
.disk-uyari b { font-weight: 600; }
.disk-uyari .bag-dugme { margin-left: auto; white-space: nowrap; }
.bilgisayar-rozet { display: inline-block; font-size: 11.5px; font-weight: 600; padding: 1px 7px; border-radius: 999px; margin-left: 6px; vertical-align: 1px; background: var(--yuzey-2); color: var(--soluk); border: 1px solid var(--cizgi); }
.bilgisayar-rozet.iyi { background: var(--yeni-zemin); color: var(--yeni); border-color: transparent; }
.bilgisayar-rozet.disk { background: var(--vurgu-acik); color: var(--vurgu); border-color: transparent; }
.bilgisayar-rozet.uyar { background: var(--degis-zemin); color: var(--degis); border-color: transparent; }
.sira-liste { list-style: none; margin: 4px 0 8px; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.sira-liste li { display: flex; align-items: center; gap: 8px; font-size: 13.5px; padding: 7px 9px; border: 1px dashed var(--cizgi); border-radius: 7px; }
.sira-liste li span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.olay.sira-olay { border-left-color: var(--degis); }
.bekleyecek-kutu { padding: 14px 16px; border: 1px dashed var(--cizgi); border-radius: 10px; background: var(--yuzey-2); }
.bekleyecek-kutu ul { margin: 8px 0 0; padding-left: 18px; font-family: var(--mono); font-size: 12.5px; color: var(--soluk); max-height: 180px; overflow: auto; }