/* DERNEKSİS: Windows 95 klasik görünüm · Times New Roman 10 pt */
:root{--gri:#c0c0c0;--koyu:#808080;--siyah:#0a0a0a;--beyaz:#fff;--lacivert:#000080;--acik:#dfdfdf;--ana:#000080}
*{box-sizing:border-box}
html,body,input,select,textarea,button,table,th,td,summary,code{font-family:"Times New Roman",Times,serif;font-size:10pt;line-height:1.25}
body{margin:0;padding:6px 6px 40px;background:#008080;color:#000}
a{color:#0000ee}a:visited{color:#551a8b}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:1px dotted #000;outline-offset:-4px}
.atla{position:absolute;left:-999px;background:#ffffe1;padding:4px;border:1px solid #000}.atla:focus{left:8px;top:8px;z-index:999}

/* 3B çerçeveler */
.yuksek,.pencere,.btn,.tb-dugme,.dugme-ust,th,.sekmeler a,.gosterge,#baslat,.gorev-dugme{background:var(--gri);box-shadow:inset -1px -1px var(--siyah),inset 1px 1px var(--beyaz),inset -2px -2px var(--koyu),inset 2px 2px var(--acik)}
.cukur,input,select,textarea,.tablo,.yan,.sunken{background:#fff;box-shadow:inset -1px -1px var(--beyaz),inset 1px 1px var(--koyu),inset -2px -2px var(--acik),inset 2px 2px var(--siyah)}

/* pencere ve başlık çubuğu */
.pencere{padding:3px;min-height:calc(100vh - 52px)}
.tb{display:flex;align-items:center;gap:6px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:bold;padding:2px 3px;min-height:20px}
.tb img{height:16px;width:16px;object-fit:contain;background:#fff}
.tb .ad{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-dugme{width:16px;height:14px;padding:0;color:#000;font:bold 8pt/10px Arial,sans-serif;text-align:center;text-decoration:none;display:inline-block;cursor:default;border:0}
.tb-dugme:active{box-shadow:inset 1px 1px var(--siyah),inset -1px -1px var(--beyaz),inset 2px 2px var(--koyu)}
.menucubugu{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:3px 4px;border-bottom:1px solid var(--koyu);box-shadow:0 1px var(--beyaz)}
.menucubugu form{margin:0;display:flex;gap:4px;align-items:center}
.menucubugu select,.menucubugu input[type=search]{padding:1px 2px;max-width:250px;height:21px}
.menucubugu .bosluk{flex:1}.menucubugu label{margin:0}
.ortam{background:#ffffe1;border:1px solid #000;padding:0 5px}
.dugme-ust{display:inline-block;color:#000;text-decoration:none;border:0;padding:2px 8px;cursor:default;min-height:21px}
.dugme-ust:active{box-shadow:inset 1px 1px var(--siyah),inset -1px -1px var(--beyaz),inset 2px 2px var(--koyu)}
.demo-bant{background:#ffffe1;border:1px solid #000;text-align:center;padding:2px;margin-bottom:4px;font-weight:bold}

/* yerleşim */
.duzen{display:flex;gap:4px;padding:4px;min-height:calc(100vh - 130px)}
.pencere.kucuk-mod .duzen{display:none}
.yan{width:218px;flex-shrink:0;padding:4px;overflow:auto}
.yan h3{margin:6px 0 1px;font-size:10pt;font-weight:bold}.yan h3:before{content:"📁 "}
.yan a{display:block;padding:1px 4px 1px 16px;text-decoration:none;color:#000;white-space:nowrap}.yan a:before{content:"📄 "}
.yan a:hover{outline:1px dotted #000}.yan a[aria-current=page]{background:var(--lacivert);color:#fff}
.yan .yakinda{padding:1px 4px 1px 16px;color:var(--koyu)}
main{flex:1;min-width:0;padding:4px 8px 12px}main.tek{padding:30px 8px}
h1{font-size:10pt;font-weight:bold;margin:2px 0 8px;padding:2px 6px;background:var(--lacivert);color:#fff}
h1 small{font-weight:normal}
h2{font-size:10pt;font-weight:bold;margin:12px 0 4px;border-bottom:1px solid var(--koyu);box-shadow:0 1px var(--beyaz)}
.yol{color:#000;margin-bottom:3px}.soluk{color:#404040}.kucuk{font-size:10pt;color:#404040}
.arac{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;align-items:center}
.arac form{margin:0}

/* gruplar, göstergeler */
.kart{border:2px groove var(--acik);padding:8px;margin-bottom:8px}
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-bottom:8px}
.gosterge{display:block;text-decoration:none;color:#000;padding:8px;border:0}
.gosterge:hover{background:#d4d4ff}
.gosterge:active{box-shadow:inset 1px 1px var(--siyah),inset -1px -1px var(--beyaz),inset 2px 2px var(--koyu)}
.gosterge b{font-size:14pt;color:var(--lacivert);display:block}

/* tablo */
.tablo{overflow-x:auto;padding:2px}
table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}
th,td{padding:2px 6px;text-align:left;vertical-align:top}
th{white-space:nowrap;font-weight:bold}th a{color:#000;text-decoration:none}
td{border-bottom:1px solid #c0c0c0}
tbody tr:hover td,table tr:hover td{background:var(--lacivert);color:#fff}tr:hover td a{color:#fff}tr:hover td .rozet{color:#000}
.matris td,.matris th{text-align:center}.matris td:first-child,.matris th:first-child{text-align:left}

/* form */
label{display:block;margin:6px 0 1px}
input,select,textarea{width:100%;padding:2px 4px;border:0;color:#000}
input[type=checkbox],input[type=radio]{width:auto;box-shadow:none}
input[type=color]{padding:0;height:24px}
input[type=file]{padding:2px}
.satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 12px}
fieldset{border:2px groove var(--acik)}
.btn{display:inline-block;color:#000;padding:3px 14px;border:0;cursor:default;text-decoration:none;min-width:70px;text-align:center}
.btn:visited{color:#000}
.btn:active,.sekmeler a:active,#baslat.acik{box-shadow:inset 1px 1px var(--siyah),inset -1px -1px var(--beyaz),inset 2px 2px var(--koyu);padding:4px 13px 2px 15px}
.btn:focus-visible{outline:1px dotted #000;outline-offset:-5px}
.btn.tehlike{color:#a00000;font-weight:bold}.btn.ok{color:#006000;font-weight:bold}.btn.ikincil{}
.msg{background:#ffffe1;border:1px solid #000;padding:4px 8px;margin-bottom:6px;box-shadow:2px 2px 0 #404040}
.msg:before{content:"ⓘ ";font-weight:bold;color:var(--lacivert)}
.rozet{display:inline-block;padding:0 6px;background:#e8e8e8;color:#000;box-shadow:inset 1px 1px var(--koyu),inset -1px -1px var(--beyaz);white-space:nowrap}
.r-onaylandi,.r-Aktif{background:#c8f0c8}.r-reddedildi,.r-iptal,.r-istisna{background:#ffc8c8}.r-iade,.r-onayda,.r-Pasif{background:#fff0b0}
.r-kayitli,.r-havalede,.r-islemde,.r-gonderildi,.r-taslak,.r-Başvuru{background:#d0e4ff}.r-sonuclandi,.r-teslim_edildi,.r-arsivlendi{background:#c8f0c8}

/* sekmeler */
.sekmeler{display:flex;gap:1px;margin:6px 0 0;padding-left:4px;flex-wrap:wrap;position:relative;top:2px;z-index:1}
.sekmeler a{padding:2px 12px;text-decoration:none;color:#000;box-shadow:inset -1px 0 var(--siyah),inset 1px 1px var(--beyaz),inset -2px 0 var(--koyu),inset 2px 2px var(--acik)}
.sekmeler a[aria-current=page]{padding-bottom:5px;margin-top:-3px;font-weight:bold}
.sekmeler+*{border:2px groove var(--acik);padding:8px;margin-top:0;background:var(--gri)}
.sekmeler+.tablo{padding:2px;background:#fff}
.sayfalama{display:flex;gap:14px;align-items:center;margin:6px 0}
.bos{text-align:center;color:#404040;padding:18px}
.adimlar{list-style:none;padding:0;margin:0}
.adim{border:2px groove var(--acik);padding:3px 8px;margin-bottom:5px;background:#e8e8e8}
.adim.aktif{background:#ffffe1;border-color:#e0a000}.adim.atlandi{opacity:.55}.adim ul{margin:2px 0 0 16px;padding:0}
.agac{padding-left:calc(var(--d)*18px + 6px)}
details summary{cursor:default}hr{border:0;border-top:1px solid var(--koyu);box-shadow:0 1px var(--beyaz)}

/* giriş penceresi */
.giris{max-width:380px;margin:40px auto;padding:0;background:var(--gri);border:0;box-shadow:inset -1px -1px var(--siyah),inset 1px 1px var(--beyaz),inset -2px -2px var(--koyu),inset 2px 2px var(--acik),4px 4px 0 #004040}
.giris .govde{padding:12px 14px}.giris img.logo{width:150px;display:block;margin:0 auto}

/* görev çubuğu */
#gorevcubugu{position:fixed;left:0;right:0;bottom:0;height:34px;background:var(--gri);display:flex;align-items:center;gap:4px;padding:3px;z-index:50;box-shadow:inset 0 1px var(--beyaz),inset 0 2px var(--acik);border-top:1px solid var(--gri)}
#baslat{font-weight:bold;padding:2px 10px;border:0;height:26px;cursor:default;color:#000;display:flex;align-items:center;gap:5px}
.gorev-dugme{flex:0 1 240px;height:26px;padding:3px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;box-shadow:inset 1px 1px var(--siyah),inset -1px -1px var(--beyaz),inset 2px 2px var(--koyu);background:#d4d0c8}
#tepsi{margin-left:auto;display:flex;gap:8px;align-items:center;height:26px;padding:0 10px;box-shadow:inset 1px 1px var(--koyu),inset -1px -1px var(--beyaz)}
#baslatmenu{display:none;position:fixed;left:3px;bottom:36px;width:240px;background:var(--gri);z-index:60;padding:3px 3px 3px 30px;box-shadow:inset -1px -1px var(--siyah),inset 1px 1px var(--beyaz),inset -2px -2px var(--koyu),inset 2px 2px var(--acik),3px 3px 0 #004040;max-height:80vh;overflow:auto}
#baslatmenu.acik{display:block}
#baslatmenu:before{content:"DERNEKSİS";position:absolute;left:3px;top:3px;bottom:3px;width:24px;background:linear-gradient(0deg,#000080,#1084d0);color:#fff;font-weight:bold;writing-mode:vertical-rl;transform:rotate(180deg);text-align:left;padding:4px 2px}
#baslatmenu h4{margin:4px 0 0;padding:0 4px;font-size:10pt;color:#404040;border-top:1px solid var(--koyu);box-shadow:0 -1px var(--beyaz)}
#baslatmenu a,#baslatmenu button{display:block;width:100%;text-align:left;padding:3px 8px;color:#000;text-decoration:none;background:none;border:0;box-shadow:none;cursor:default}
#baslatmenu a:hover,#baslatmenu button:hover{background:var(--lacivert);color:#fff}
#baslatmenu form{margin:0}

/* kaydırma çubuğu */
::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:repeating-conic-gradient(#fff 0 25%,#c0c0c0 0 50%) 0 0/2px 2px}
::-webkit-scrollbar-thumb{background:var(--gri);box-shadow:inset -1px -1px var(--siyah),inset 1px 1px var(--beyaz),inset -2px -2px var(--koyu),inset 2px 2px var(--acik)}
::-webkit-scrollbar-button{background:var(--gri);height:16px;width:16px;box-shadow:inset -1px -1px var(--siyah),inset 1px 1px var(--beyaz),inset -2px -2px var(--koyu),inset 2px 2px var(--acik)}

@media(max-width:800px){.duzen{display:block}.yan{width:auto;margin-bottom:6px}.gorev-dugme{display:none}main{padding:4px}}
@media print{body{background:#fff;padding:0}#gorevcubugu,#baslatmenu,.tb,.menucubugu,.yan,.arac,.atla,.demo-bant{display:none!important}.pencere{box-shadow:none;padding:0}.duzen{display:block;padding:0}}
/* Raporlar: grafikler (açık yüzey; 2 serili doğrulanmış palet) */
.gosterge.durgun{pointer-events:none}
.grafik-kutu{padding:4px;max-width:720px;margin-bottom:6px}
.grafik{display:block;width:100%;height:auto}
.g-izgara{stroke:#d9d9d9;stroke-width:1}.g-taban{stroke:#404040;stroke-width:1}
.g-eksen{font:11px "Times New Roman",serif;fill:#404040}.g-deger{font:11px "Times New Roman",serif;fill:#000}
.s1{fill:#2a78d6}.s2{fill:#eb6834}
.efsane{display:flex;flex-wrap:wrap;gap:14px;margin:2px 0 4px}.efsane i{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px}
.efsane i.s1{background:#2a78d6}.efsane i.s2{background:#eb6834}
.r-aktif{background:#c6efce}.r-hatali{background:#ffc7ce}.r-test{background:#ffeb9c}.r-kurulu_degil{color:#404040}
