:root { --renk: #1f4e79; --acik: #f4f6f8; --kenar: #d5dbe1; --hata: #b3261e; --ok: #1b7a3d; --uyari: #8a5a00; }
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.5 system-ui, "Segoe UI", sans-serif; color: #1c1e21; background: var(--acik); }
a { color: var(--renk); }
.ust { display: flex; align-items: center; gap: 24px; padding: 10px 20px; background: var(--renk); color: #fff; }
.ust a { color: #fff; text-decoration: none; }
.ust nav { display: flex; gap: 16px; flex: 1; }
.ust nav > a { padding: 4px 0; border-bottom: 2px solid transparent; }
.ust nav > a.aktif { border-bottom-color: #fff; font-weight: 700; }
.marka { font-weight: 400; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; opacity: .8; cursor: default; user-select: none; padding-right: 20px; border-right: 1px solid rgba(255, 255, 255, .35); }
.satir-ici { display: inline; margin: 0; }
button, .baglanti { cursor: pointer; }
button { background: var(--renk); color: #fff; border: 0; border-radius: 4px; padding: 7px 14px; font: inherit; }
button.ikincil { background: #fff; color: var(--renk); border: 1px solid var(--renk); }
button.baglanti { background: none; color: #fff; padding: 0; text-decoration: underline; }
.dugme { display: inline-block; background: var(--renk); color: #fff; text-decoration: none; border-radius: 4px; padding: 5px 12px; white-space: nowrap; }
main { padding: 20px; max-width: 1500px; margin: 0 auto; }
h1 small { font-weight: 400; color: #666; }
table { border-collapse: collapse; width: 100%; background: #fff; }
th, td { border: 1px solid var(--kenar); padding: 6px 10px; text-align: left; vertical-align: top; }
th { background: #e9eef3; }
th.sayisal, td.sayisal { text-align: right; white-space: nowrap; }
tr.toplam-satiri td { font-weight: 700; background: #f0f3f6; }
details { margin: 8px 0; }
details > summary { cursor: pointer; font-weight: 600; padding: 4px 0; }
details.grup { border: 1px solid var(--kenar); border-left-width: 5px; border-radius: 6px; background: #fff; padding: 4px 12px 10px; }
details.grup.etkin { border-left-color: var(--ok); }
details.grup.planli { border-left-color: #9aa5b1; }
td.metin, .metin { white-space: pre-wrap; word-break: break-word; }
.kutu { background: #fff; border: 1px solid var(--kenar); border-radius: 6px; padding: 16px; margin-bottom: 16px; }
.dar { max-width: 420px; margin-left: auto; margin-right: auto; }
label { display: block; margin: 10px 0; font-weight: 600; }
input, select, textarea { display: block; width: 100%; margin-top: 4px; padding: 7px; font: inherit; border: 1px solid #aeb7c0; border-radius: 4px; }
.filtre { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin-bottom: 14px; }
.filtre label { margin: 0; }
.filtre input, .filtre select { width: auto; min-width: 140px; }
.kartlar { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.kart { display: flex; flex-direction: column; flex: 1 1 110px; background: #fff; border: 1px solid var(--kenar); border-radius: 6px; padding: 12px 16px; text-decoration: none; color: inherit; }
.kart b { font-size: 28px; color: var(--renk); }
.kart.kontrol { background: #eaf6ee; border-color: #a9d3b8; }
.kart.kontrol b { color: var(--ok); }
.kart.kontrol + .kart:not(.kontrol) { margin-left: 12px; }
.mesajlar { max-width: 1500px; margin: 12px auto 0; padding: 0 20px; }
.mesaj { padding: 10px 14px; border-radius: 4px; margin-bottom: 8px; border: 1px solid; background: #fff; }
.mesaj.hata { color: var(--hata); border-color: var(--hata); }
.mesaj.ok { color: var(--ok); border-color: var(--ok); }
.mesaj.uyari { color: var(--uyari); border-color: var(--uyari); }
.iki-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.anlam { padding: 6px 8px; border-left: 3px solid transparent; margin-bottom: 4px; }
.hedef { background: #fff6d6; border-left-color: #e0a800; }
.ornek { margin: 2px 0 2px 22px; color: #333; font-style: italic; }
.etiket { display: inline-block; background: #e9eef3; border-radius: 3px; padding: 0 5px; margin-right: 4px; font-size: 12px; }
.ref { color: #555; }
.ince { color: #666; font-size: 13px; }
code { background: #eef1f4; padding: 1px 5px; border-radius: 3px; }
.gezinme { display: flex; gap: 20px; margin-bottom: 12px; }
.sayfalama { display: flex; gap: 16px; }
.sekmeler a { display: inline-block; padding: 4px 12px; margin-right: 6px; border: 1px solid var(--kenar); border-radius: 4px; text-decoration: none; background: #fff; }
.sekmeler a.secili { background: var(--renk); color: #fff; }
.fark del { background: #e53935; color: #fff; text-decoration: none; }
.fark ins { background: #cdeed6; text-decoration: none; }
mark.hatali { background: #e53935; color: #fff; border-radius: 2px; padding: 0 1px; white-space: pre-wrap; }
.editor-kutu { position: relative; margin-top: 4px; }
.editor-kutu textarea, .editor-kutu .ayna { display: block; width: 100%; margin: 0; padding: 7px; border: 1px solid #aeb7c0; border-radius: 4px; font: 15px/1.5 system-ui, "Segoe UI", sans-serif; letter-spacing: normal; white-space: pre-wrap; overflow-wrap: anywhere; overflow-y: scroll; box-sizing: border-box; }
.editor-kutu .ayna { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; color: transparent; pointer-events: none; overflow-x: hidden; overflow-y: scroll; border-color: transparent; }
.editor-kutu textarea { position: relative; background: transparent; resize: none; }
.ayna mark.hatali { background: rgba(229, 57, 53, .55); color: transparent; padding: 0; }
.ayna mark.degisen { background: rgba(255, 193, 7, .6); color: transparent; padding: 0; border-radius: 2px; }
.gizli { display: none !important; }
main.genis { max-width: none; padding: 8px 12px; }
.filtre.kompakt { margin-bottom: 8px; }
.kisayollar { margin-left: auto; }
.calisma { display: grid; grid-template-columns: minmax(420px, 42%) 1fr; gap: 12px; height: calc(100vh - 150px); min-height: 420px; }
.liste-alani, .panel-alani { overflow: auto; background: #fff; border: 1px solid var(--kenar); border-radius: 6px; }
.panel-alani { padding: 14px 18px; }
.liste-alani table { font-size: 13px; border: 0; }
.liste-alani th { position: sticky; top: 0; z-index: 1; }
tr.satir { cursor: pointer; }
tr.satir:hover { background: #eef4fb; }
tr.satir.secili { background: #dbe9f7; outline: 2px solid var(--renk); outline-offset: -2px; }
tr.satir.bitti { color: #8a8f94; background: #f1f3f5; }
.genis-dugme { display: block; width: 100%; margin: 8px 0; }
.dugmeler { display: flex; gap: 10px; margin: 8px 0 14px; }
.yanlis { border-top: 1px solid var(--kenar); padding-top: 8px; margin-top: 8px; }
.bildirim { position: fixed; right: 18px; bottom: 18px; padding: 10px 16px; border-radius: 6px; color: #fff; background: var(--ok); box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.bildirim.uyari { background: var(--uyari); }
.bildirim.hata { background: var(--hata); }
.ust nav > a .sayi { background: #e53935; color: #fff; border-radius: 10px; padding: 0 7px; font-size: 12px; margin-left: 4px; }
.havale-kutusu { border: 1px solid var(--kenar); border-radius: 6px; padding: 6px 10px; margin: 10px 0; background: #fafbfc; }
.havale-kutusu summary { cursor: pointer; font-weight: 600; }
.havale-kutusu form { border-top: 1px solid var(--kenar); margin-top: 8px; padding-top: 6px; }
@media (max-width: 900px) { .iki-panel { grid-template-columns: 1fr; } .calisma { grid-template-columns: 1fr; height: auto; } }