:root{
  --zemin:#f4f0e8; --kagit:#faf8f3; --murekkep:#1c1a17; --tapu:#8C382E;
  --gri:#6f6a61; --soluk:#8a8478; --cizgi:#d6cfc0; --yesil:#3f6b4f; --sari:#8a6a1f;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Archivo',sans-serif;background:var(--zemin);color:var(--murekkep);
     font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}
a{color:inherit}

/* ---------- üst ---------- */
.ust{display:flex;justify-content:space-between;align-items:center;
     padding:14px 18px;border-bottom:1px solid var(--cizgi);background:var(--kagit)}
.marka{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;
       text-decoration:none;letter-spacing:.04em}
.marka span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.22em;
            color:var(--tapu);margin-left:8px;vertical-align:2px}
.ust-sag{display:flex;align-items:center;gap:14px}
.kadi{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--gri)}
.cikis{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;
       color:var(--tapu);text-decoration:none;border-bottom:1px solid transparent}
.cikis:hover{border-color:var(--tapu)}

/* ---------- menü ---------- */
.menu{display:flex;gap:2px;padding:0 10px;background:var(--kagit);
      border-bottom:1px solid var(--cizgi);overflow-x:auto;-webkit-overflow-scrolling:touch}
.menu a{flex:0 0 auto;padding:11px 14px;text-decoration:none;font-size:13px;
        font-weight:500;color:var(--gri);border-bottom:2px solid transparent;white-space:nowrap}
.menu a.aktif{color:var(--tapu);border-color:var(--tapu)}

.govde{padding:18px 16px 70px;max-width:1180px;margin:0 auto}
.alt{position:fixed;bottom:0;left:0;right:0;padding:8px 16px;background:var(--kagit);
     border-top:1px solid var(--cizgi);font-family:'IBM Plex Mono',monospace;
     font-size:9.5px;letter-spacing:.16em;color:var(--soluk);text-align:center}

/* ---------- başlıklar ---------- */
h1{font-family:'Playfair Display',serif;font-size:26px;font-weight:600;margin-bottom:4px}
h2{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;margin:22px 0 10px}
.mono-et{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;
         text-transform:uppercase;color:var(--tapu);display:block;margin-bottom:3px}
.sayfa-bas{display:flex;justify-content:space-between;align-items:flex-end;
           gap:12px;flex-wrap:wrap;margin-bottom:16px}

/* ---------- kartlar ---------- */
.kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}
.kutu{background:var(--kagit);border:1px solid var(--cizgi);padding:13px 14px}
.kutu .et{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.16em;
          text-transform:uppercase;color:var(--soluk);display:block;margin-bottom:6px}
.kutu .dv{font-family:'Playfair Display',serif;font-size:23px;font-weight:600;line-height:1.1}
.kutu.vurgu{border-color:var(--tapu)} .kutu.vurgu .dv{color:var(--tapu)}

/* ---------- tablo ---------- */
.tablo-sar{overflow-x:auto;background:var(--kagit);border:1px solid var(--cizgi);margin-bottom:18px}
table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
th{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.13em;
   text-transform:uppercase;color:var(--soluk);text-align:left;padding:10px 12px;
   border-bottom:1px solid var(--tapu);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #e6e0d4;vertical-align:top}
tr:last-child td{border-bottom:none}
tr:hover td{background:rgba(140,56,46,.03)}
td a{color:var(--tapu);text-decoration:none;font-weight:500}
td a:hover{text-decoration:underline}
.kod{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.04em}
.sag{text-align:right}

/* ---------- rozet ---------- */
.rozet{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:9.5px;
       letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--cizgi);
       color:var(--gri);white-space:nowrap}
.rozet.aktif{border-color:var(--yesil);color:var(--yesil)}
/* .uyari aynı zamanda uyarı KUTUSU sınıfı; eşit ağırlıkta olduğu ve dosyada
   sonra geldiği için rozetin dolgusunu ve yazı boyutunu eziyordu.
   Çift sınıfla (0,2,0) öncelik veriliyor — rozet ölçüleri geri alınıyor. */
.rozet.uyari{border-color:var(--sari);color:var(--sari);
       padding:3px 8px;font-size:9.5px;background:transparent;
       border-left-width:1px;margin-bottom:0;line-height:inherit}
.rozet.kritik{border-color:var(--tapu);color:var(--tapu);background:rgba(140,56,46,.07)}
.rozet.pasif{opacity:.55}

/* ---------- form ---------- */
form.kart{background:var(--kagit);border:1px solid var(--cizgi);padding:16px;margin-bottom:20px}
.satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:12px}
label{display:block;font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.14em;
      text-transform:uppercase;color:var(--soluk);margin-bottom:5px}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid var(--cizgi);
      background:#fff;font-family:'Archivo',sans-serif;font-size:14.5px;color:var(--murekkep);
      border-radius:0;-webkit-appearance:none}
/* onay kutuları varsayılan görünümde kalsın */
input[type=checkbox],input[type=radio]{width:18px;height:18px;padding:0;margin:0;
      -webkit-appearance:auto;appearance:auto;accent-color:var(--tapu);vertical-align:middle}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--tapu)}
textarea{min-height:76px;resize:vertical}
.dugmeler{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.dugme{display:inline-block;padding:10px 20px;background:var(--tapu);color:var(--zemin);
       border:1px solid var(--tapu);font-family:'IBM Plex Mono',monospace;font-size:11px;
       letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.dugme:hover{background:transparent;color:var(--tapu)}
.dugme.ikincil{background:transparent;color:var(--gri);border-color:var(--cizgi)}
.dugme.ikincil:hover{border-color:var(--tapu);color:var(--tapu)}
.dugme.kucuk{padding:6px 12px;font-size:10px}

/* ---------- uyarı ---------- */
.uyari{padding:11px 14px;border-left:3px solid var(--yesil);background:var(--kagit);
       margin-bottom:16px;font-size:14px}
.uyari.hata{border-color:var(--tapu)}
.uyari.dikkat{border-color:var(--sari)}

/* ---------- liste ---------- */
.mini-liste{background:var(--kagit);border:1px solid var(--cizgi);margin-bottom:18px}
.mini-liste .oge{padding:12px 14px;border-bottom:1px solid #e6e0d4;
                 display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mini-liste .oge:last-child{border-bottom:none}
.mini-liste .sol{flex:1;min-width:0}
.mini-liste .ana{font-weight:500;margin-bottom:2px}
.mini-liste .yan{font-size:12.5px;color:var(--gri)}
.bos{padding:26px 14px;text-align:center;color:var(--soluk);font-size:13.5px}

/* ---------- sekme ---------- */
.sekmeler{display:flex;gap:2px;border-bottom:1px solid var(--cizgi);margin:0 0 16px;
          overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:thin}
.sekmeler a{flex:0 0 auto;padding:9px 14px;text-decoration:none;font-size:13px;
            font-weight:500;color:var(--gri);border-bottom:2px solid transparent;white-space:nowrap}
.sekmeler a:hover{color:var(--murekkep)}
.sekmeler a.aktif{color:var(--tapu);border-color:var(--tapu);background:var(--kagit)}

/* ---------- giriş ---------- */
.giris-sar{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.giris-kart{width:100%;max-width:370px;background:var(--kagit);border:1px solid var(--cizgi);
            padding:34px 28px;position:relative}
.giris-kart .tik{position:absolute;width:16px;height:16px}
.giris-kart .tik.tl{top:10px;left:10px;border-top:2px solid var(--tapu);border-left:2px solid var(--tapu)}
.giris-kart .tik.br{bottom:10px;right:10px;border-bottom:2px solid var(--tapu);border-right:2px solid var(--tapu)}

@media(max-width:640px){
  .govde{padding:14px 12px 66px}
  h1{font-size:22px}
  .kutu .dv{font-size:20px}
  table{font-size:13px}
}
@media print{ .ust,.menu,.alt,.dugmeler{display:none} body{background:#fff} }


/* ---------------- v2 ---------------- */
.zil{position:relative;display:inline-block;margin-right:14px;color:var(--tapu);
     text-decoration:none;font-size:13px;line-height:1}
.zil-sayi{position:absolute;top:-8px;left:9px;background:var(--tapu);color:#fff;
     font-family:'IBM Plex Mono',monospace;font-size:9px;padding:1px 4px;border-radius:8px}
.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px}
.galeri figure{border:1px solid var(--cizgi);background:#fff;padding:6px}
.galeri img{width:100%;height:100px;object-fit:cover;display:block}
.galeri figcaption{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.08em;
     color:var(--gri);margin-top:5px;display:flex;justify-content:space-between;align-items:center}
.ek-liste a{color:var(--tapu);text-decoration:none;font-size:13.5px}
.sohbet{border:1px solid var(--cizgi);background:#fff;height:58vh;overflow-y:auto;padding:14px}
.msj{margin-bottom:14px;max-width:78%}
.msj .kim{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.1em;
     color:var(--gri);text-transform:uppercase;margin-bottom:3px}
.msj .balon{background:var(--zemin);border:1px solid var(--cizgi);padding:9px 12px;font-size:14px;
     white-space:pre-wrap;word-break:break-word}
.msj.benim{margin-left:auto}
.msj.benim .balon{background:rgba(140,56,46,.07);border-color:rgba(140,56,46,.3)}
.msj.benim .kim{text-align:right}
.nokta{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bdb7aa;margin-right:6px}
.nokta.aktif{background:#3f9d5a}
.bildirim-satir{display:flex;justify-content:space-between;gap:14px;padding:12px 0;
     border-bottom:1px solid var(--cizgi);align-items:flex-start}
.bildirim-satir.yeni{border-left:3px solid var(--tapu);padding-left:10px}
.baski-alan{background:#fff;border:1px solid var(--cizgi);padding:26px}
@media print{
  .ust,.menu,.alt,.dugmeler,.yazdirma-gizle{display:none!important}
  body{background:#fff}.govde{padding:0;max-width:none}
  .baski-alan{border:none;padding:0}
}
.gizli-duzenle{display:none}
.gizli-duzenle:target{display:block}