/* ====================================================================
   AKTARMA ANALİZ — ortak stil
   Bütün sayfalar bu dosyayı kullanır: <link rel="stylesheet" href="stil.css">
   ==================================================================== */

:root{
  --zemin:#11151a;
  --panel:#1a2128;
  --cizgi:#2b343d;
  --metin:#e7ecf1;
  --soluk:#8b98a5;
  --sari:#f2b705;
  --kirmizi:#ff6b5a;
  --yesil:#4dd18f;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--zemin);
  color:var(--metin);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}

/* --- Üst bar --- */
.ust{display:flex;justify-content:space-between;align-items:center;gap:12px;
     padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--cizgi);
     flex-wrap:wrap}
.ust b{font-weight:600;font-size:15px}
.ust .kim span{display:block;font-size:12px;color:var(--soluk);margin-top:2px}
.ust .baglantilar{display:flex;gap:8px;flex-wrap:wrap}
a.dugme{color:var(--sari);text-decoration:none;font-size:12px;letter-spacing:.1em;
        text-transform:uppercase;font-weight:600;border:1px solid var(--cizgi);
        padding:9px 14px;border-radius:3px;white-space:nowrap}
a.dugme:hover{background:#222a33}
a.dugme.vurgu{background:var(--sari);color:#11151a;border-color:var(--sari)}
a.dugme.vurgu:hover{background:#ffc424}

/* --- Sayfa gövdesi --- */
main{max-width:900px;margin:0 auto;padding:24px 18px 60px}
main.dar{max-width:640px}
h1{font-size:20px;font-weight:600;margin:0 0 6px}
.altbilgi{color:var(--soluk);font-size:13px;line-height:1.55;margin:0 0 22px}
h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
   font-weight:600;margin:30px 0 12px;display:flex;align-items:center;gap:8px}
h2 .adet{background:var(--cizgi);color:var(--metin);border-radius:10px;padding:1px 9px;font-size:11px}
.sayim{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
       font-weight:600;margin:0 0 12px}
.kucuk{color:var(--soluk);font-size:12px;line-height:1.55}
.bos{color:var(--soluk);font-size:14px;padding:4px 0}

/* --- Kutu / kart --- */
.kutu{background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
      border-radius:4px;padding:22px;margin-bottom:26px}
.kutu h2{margin:0 0 18px}

/* --- Form --- */
label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;
      text-transform:uppercase;color:var(--soluk);font-weight:600}
input[type=text],input[type=password],input[type=file],textarea,select{
  width:100%;padding:0 14px;height:50px;margin-bottom:18px;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  color:var(--metin);font-size:17px;font-family:inherit;
}
input[type=file]{padding:13px;height:auto;border-style:dashed;font-size:14px}
textarea{height:auto;min-height:120px;padding:14px;line-height:1.5;resize:vertical}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--sari);box-shadow:0 0 0 3px rgba(242,183,5,.18)}
input.buyuk{height:56px;font-size:22px;font-weight:600;letter-spacing:.06em;
            font-variant-numeric:tabular-nums}
.satir{display:flex;gap:14px;flex-wrap:wrap}
.alan{flex:1 1 200px}
.onay{display:flex;align-items:center;gap:9px;margin:2px 0 18px;font-size:14px;color:var(--soluk)}
.onay input{width:20px;height:20px;margin:0;accent-color:var(--sari)}

button{height:50px;padding:0 22px;background:var(--sari);color:#11151a;border:0;border-radius:3px;
       font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
       cursor:pointer;font-family:inherit}
button:hover{background:#ffc424}
button.genis{width:100%}
button.sade{background:transparent;color:var(--soluk);border:1px solid var(--cizgi)}
button.sade:hover{background:#222a33;color:var(--metin)}
button.mini{height:34px;padding:0 12px;font-size:11px;letter-spacing:.06em}
button.tehlike{background:transparent;color:var(--kirmizi);border:1px solid var(--cizgi)}
button.yesil{background:var(--yesil)}
button.yesil:hover{background:#6ce0a6}
form.satirici{display:inline}

/* --- Mesajlar --- */
.mesaj{margin:0 0 20px;padding:13px 15px;font-size:14px;line-height:1.5}
.mesaj.ok{background:rgba(242,183,5,.1);border-left:3px solid var(--sari);color:#ffd766}
.mesaj.hata{background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* --- Tablo --- */
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--cizgi);vertical-align:top}
th{color:var(--soluk);font-weight:600;font-size:11px;letter-spacing:.1em;
   text-transform:uppercase;white-space:nowrap}
td.no{font-weight:700;color:var(--sari);font-variant-numeric:tabular-nums;white-space:nowrap}
td.sayi{font-variant-numeric:tabular-nums;white-space:nowrap}
tr.pasif td{opacity:.45}
.islem{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}

/* --- Rozetler --- */
.rozet{display:inline-block;padding:2px 8px;border-radius:2px;font-size:11px;font-weight:600;
       letter-spacing:.06em;text-transform:uppercase;background:#2b343d;color:#c6d0da;
       white-space:nowrap}
.rozet.tam{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.acil{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.bekliyor{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.mudahale{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.bitti{background:rgba(77,209,143,.15);color:var(--yesil)}

/* --- Duruş kartları (usta paneli) --- */
.durus{background:var(--panel);border:1px solid var(--cizgi);border-left:4px solid var(--sari);
       border-radius:4px;padding:16px 18px;margin-bottom:12px}
.durus.calisiyor{border-left-color:var(--yesil)}
.durus .bas{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.tezgah{font-size:26px;font-weight:700;color:var(--sari);line-height:1;font-variant-numeric:tabular-nums}
.tezgah small,.sayac small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
                           color:var(--soluk);font-weight:600;margin-top:5px}
.sayac{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:right}
.durus.calisiyor .sayac{color:var(--yesil)}
.durus .aciklama{font-size:15px;line-height:1.5;margin:0 0 10px}
.durus button{width:100%;margin-top:12px}

/* --- Ana sayfa menüsü --- */
.menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.menu a{display:block;padding:22px 20px;background:var(--panel);border:1px solid var(--cizgi);
        border-top:4px solid var(--sari);border-radius:4px;text-decoration:none;color:var(--metin)}
.menu a:hover{background:#212a33}
.menu a b{display:block;font-size:17px;font-weight:600;margin-bottom:6px}
.menu a span{display:block;font-size:13px;color:var(--soluk);line-height:1.5}

/* --- Dar ekran --- */
@media(max-width:720px){
  .gizle{display:none}
  main{padding:20px 14px 50px}
}
/* ====================================================================
   AKTARMA ANALİZ — ortak stil
   Bütün sayfalar bu dosyayı kullanır: <link rel="stylesheet" href="stil.css">
   ==================================================================== */

:root{
  --zemin:#11151a;
  --panel:#1a2128;
  --cizgi:#2b343d;
  --metin:#e7ecf1;
  --soluk:#8b98a5;
  --sari:#f2b705;
  --kirmizi:#ff6b5a;
  --yesil:#4dd18f;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--zemin);
  color:var(--metin);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}

/* --- Üst bar --- */
.ust{display:flex;justify-content:space-between;align-items:center;gap:12px;
     padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--cizgi);
     flex-wrap:wrap}
.ust b{font-weight:600;font-size:15px}
.ust .kim span{display:block;font-size:12px;color:var(--soluk);margin-top:2px}
.ust .baglantilar{display:flex;gap:8px;flex-wrap:wrap}
a.dugme{color:var(--sari);text-decoration:none;font-size:12px;letter-spacing:.1em;
        text-transform:uppercase;font-weight:600;border:1px solid var(--cizgi);
        padding:9px 14px;border-radius:3px;white-space:nowrap}
a.dugme:hover{background:#222a33}
a.dugme.vurgu{background:var(--sari);color:#11151a;border-color:var(--sari)}
a.dugme.vurgu:hover{background:#ffc424}

/* --- Sayfa gövdesi --- */
main{max-width:900px;margin:0 auto;padding:24px 18px 60px}
main.dar{max-width:640px}
h1{font-size:20px;font-weight:600;margin:0 0 6px}
.altbilgi{color:var(--soluk);font-size:13px;line-height:1.55;margin:0 0 22px}
h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
   font-weight:600;margin:30px 0 12px;display:flex;align-items:center;gap:8px}
h2 .adet{background:var(--cizgi);color:var(--metin);border-radius:10px;padding:1px 9px;font-size:11px}
.sayim{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
       font-weight:600;margin:0 0 12px}
.kucuk{color:var(--soluk);font-size:12px;line-height:1.55}
.bos{color:var(--soluk);font-size:14px;padding:4px 0}

/* --- Kutu / kart --- */
.kutu{background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
      border-radius:4px;padding:22px;margin-bottom:26px}
.kutu h2{margin:0 0 18px}

/* --- Form --- */
label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;
      text-transform:uppercase;color:var(--soluk);font-weight:600}
input[type=text],input[type=password],input[type=file],textarea,select{
  width:100%;padding:0 14px;height:50px;margin-bottom:18px;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  color:var(--metin);font-size:17px;font-family:inherit;
}
input[type=file]{padding:13px;height:auto;border-style:dashed;font-size:14px}
textarea{height:auto;min-height:120px;padding:14px;line-height:1.5;resize:vertical}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--sari);box-shadow:0 0 0 3px rgba(242,183,5,.18)}
input.buyuk{height:56px;font-size:22px;font-weight:600;letter-spacing:.06em;
            font-variant-numeric:tabular-nums}
.satir{display:flex;gap:14px;flex-wrap:wrap}
.alan{flex:1 1 200px}
.onay{display:flex;align-items:center;gap:9px;margin:2px 0 18px;font-size:14px;color:var(--soluk)}
.onay input{width:20px;height:20px;margin:0;accent-color:var(--sari)}

button{height:50px;padding:0 22px;background:var(--sari);color:#11151a;border:0;border-radius:3px;
       font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
       cursor:pointer;font-family:inherit}
button:hover{background:#ffc424}
button.genis{width:100%}
button.sade{background:transparent;color:var(--soluk);border:1px solid var(--cizgi)}
button.sade:hover{background:#222a33;color:var(--metin)}
button.mini{height:34px;padding:0 12px;font-size:11px;letter-spacing:.06em}
button.tehlike{background:transparent;color:var(--kirmizi);border:1px solid var(--cizgi)}
button.yesil{background:var(--yesil)}
button.yesil:hover{background:#6ce0a6}
form.satirici{display:inline}

/* --- Mesajlar --- */
.mesaj{margin:0 0 20px;padding:13px 15px;font-size:14px;line-height:1.5}
.mesaj.ok{background:rgba(242,183,5,.1);border-left:3px solid var(--sari);color:#ffd766}
.mesaj.hata{background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* --- Tablo --- */
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--cizgi);vertical-align:top}
th{color:var(--soluk);font-weight:600;font-size:11px;letter-spacing:.1em;
   text-transform:uppercase;white-space:nowrap}
td.no{font-weight:700;color:var(--sari);font-variant-numeric:tabular-nums;white-space:nowrap}
td.sayi{font-variant-numeric:tabular-nums;white-space:nowrap}
tr.pasif td{opacity:.45}
.islem{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}

/* --- Rozetler --- */
.rozet{display:inline-block;padding:2px 8px;border-radius:2px;font-size:11px;font-weight:600;
       letter-spacing:.06em;text-transform:uppercase;background:#2b343d;color:#c6d0da;
       white-space:nowrap}
.rozet.tam{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.acil{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.bekliyor{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.mudahale{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.bitti{background:rgba(77,209,143,.15);color:var(--yesil)}

/* --- Duruş kartları (usta paneli) --- */
.durus{background:var(--panel);border:1px solid var(--cizgi);border-left:4px solid var(--sari);
       border-radius:4px;padding:16px 18px;margin-bottom:12px}
.durus.calisiyor{border-left-color:var(--yesil)}
.durus .bas{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.tezgah{font-size:26px;font-weight:700;color:var(--sari);line-height:1;font-variant-numeric:tabular-nums}
.tezgah small,.sayac small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
                           color:var(--soluk);font-weight:600;margin-top:5px}
.sayac{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:right}
.durus.calisiyor .sayac{color:var(--yesil)}
.durus .aciklama{font-size:15px;line-height:1.5;margin:0 0 10px}
.durus button{width:100%;margin-top:12px}

/* --- Ana sayfa menüsü --- */
.menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.menu a{display:block;padding:22px 20px;background:var(--panel);border:1px solid var(--cizgi);
        border-top:4px solid var(--sari);border-radius:4px;text-decoration:none;color:var(--metin)}
.menu a:hover{background:#212a33}
.menu a b{display:block;font-size:17px;font-weight:600;margin-bottom:6px}
.menu a span{display:block;font-size:13px;color:var(--soluk);line-height:1.5}

/* --- Dar ekran --- */
@media(max-width:720px){
  .gizle{display:none}
  main{padding:20px 14px 50px}
}

/* ====================================================================
   CAĞLIK VE ÇÖZGÜ SAYFALARI
   cag_postabasi.php, cag_liste.php, cozgu_baglama.php, cozgu_liste.php
   ==================================================================== */

/* --- Form ve filtre kutuları --- */
.form-kutu,.filtre-kutu{
  display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;
  background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
  border-radius:4px;padding:20px;margin:0 0 24px}
.filtre-kutu{border-top-width:1px;padding:16px 18px}

.form-kutu label,.filtre-kutu label{
  display:flex;flex-direction:column;gap:7px;flex:1 1 170px;min-width:150px;
  margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--soluk);font-weight:600}
.form-kutu label.genis,.filtre-kutu label.genis{flex:1 1 100%}

.form-kutu input,.form-kutu select,.form-kutu textarea,
.filtre-kutu input,.filtre-kutu select{
  margin:0;height:48px;font-size:16px;font-weight:400;letter-spacing:normal;
  text-transform:none;color:var(--metin)}
.form-kutu textarea{height:auto;min-height:70px}

.form-kutu small,.filtre-kutu small{
  font-size:11px;letter-spacing:normal;text-transform:none;color:var(--soluk);font-weight:400}

.form-kutu button,.filtre-kutu button{flex:0 0 auto;height:48px;width:auto}

/* Saat kutusu — 24 saatlik maskeli giriş */
.saat-kutusu{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.08em!important}
.saat-kutusu.hatali{border-color:var(--kirmizi)!important;
                    box-shadow:0 0 0 3px rgba(255,107,90,.18)!important}

/* Saat + dakika yan yana */
.sure-ikili{display:flex;gap:8px}
.sure-ikili input{flex:1;min-width:0;text-align:center}

/* Berk / Gevşek seçimi */
.secim-ikili{display:flex;gap:10px}
.secim-ikili .secim{
  flex:1;flex-direction:row;align-items:center;gap:9px;min-width:0;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  padding:0 14px;height:48px;cursor:pointer;
  font-size:14px;letter-spacing:.06em;color:var(--metin);font-weight:600}
.secim-ikili .secim input{width:20px;height:20px;flex:none;accent-color:var(--sari)}

/* Anlık hesap satırı */
.hesap{flex:1 1 100%;margin:0;padding:12px 14px;background:#0d1116;
       border-left:3px solid var(--sari);color:#ffd766;font-size:14px}

/* --- Bağlantı düğmeleri --- */
.btn-iptal,.btn-csv{
  display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:3px;
  text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;border:1px solid var(--cizgi)}
.btn-iptal{color:var(--soluk)}
.btn-iptal:hover{background:#222a33;color:var(--metin)}
.btn-csv{color:var(--yesil);border-color:rgba(77,209,143,.4)}
.btn-csv:hover{background:rgba(77,209,143,.12)}

/* --- Özet, bilgi, hata satırları --- */
p.ozet{font-size:13px;color:var(--soluk);line-height:1.7;margin:0 0 18px}
p.ozet b{color:var(--metin);font-variant-numeric:tabular-nums}
h2 .ozet{font-size:12px;color:var(--soluk);font-weight:400;letter-spacing:normal;
         text-transform:none;margin:0}
p.bilgi{margin:0 0 20px;padding:13px 15px;font-size:14px;
        background:rgba(77,209,143,.1);border-left:3px solid var(--yesil);color:#8fe9bb}
p.hata{margin:0 0 20px;padding:13px 15px;font-size:14px;
       background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* --- Liste tablosu --- */
table.liste{width:100%;border-collapse:collapse;font-size:13px;
            display:block;overflow-x:auto;white-space:nowrap;
            -webkit-overflow-scrolling:touch}
table.liste th,table.liste td{
  text-align:left;padding:11px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
table.liste th{color:var(--soluk);font-weight:600;font-size:10px;
               letter-spacing:.08em;text-transform:uppercase}
table.liste th a{color:var(--soluk);text-decoration:none}
table.liste th a:hover{color:var(--metin)}
table.liste td.sayi{text-align:right;font-variant-numeric:tabular-nums}
table.liste td.aciklama-hucre{white-space:normal;min-width:220px;line-height:1.5}

/* --- Sayfalama --- */
.sayfalama{display:flex;gap:10px;align-items:center;margin:18px 0;
           font-size:13px;color:var(--soluk)}
.sayfalama a{color:var(--sari);text-decoration:none;border:1px solid var(--cizgi);
             padding:9px 15px;border-radius:3px}
.sayfalama a:hover{background:#222a33}

/* --- Ana sayfa dönüş bağlantısı --- */
main > p > a[href="index.php"]{color:var(--sari);text-decoration:none;font-size:14px}
/* ====================================================================
   AKTARMA ANALİZ — ortak stil
   Bütün sayfalar bu dosyayı kullanır: <link rel="stylesheet" href="stil.css">
   ==================================================================== */

:root{
  --zemin:#11151a;
  --panel:#1a2128;
  --cizgi:#2b343d;
  --metin:#e7ecf1;
  --soluk:#8b98a5;
  --sari:#f2b705;
  --kirmizi:#ff6b5a;
  --yesil:#4dd18f;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--zemin);
  color:var(--metin);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}

/* --- Üst bar --- */
.ust{display:flex;justify-content:space-between;align-items:center;gap:12px;
     padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--cizgi);
     flex-wrap:wrap}
.ust b{font-weight:600;font-size:15px}
.ust .kim span{display:block;font-size:12px;color:var(--soluk);margin-top:2px}
.ust .baglantilar{display:flex;gap:8px;flex-wrap:wrap}
a.dugme{color:var(--sari);text-decoration:none;font-size:12px;letter-spacing:.1em;
        text-transform:uppercase;font-weight:600;border:1px solid var(--cizgi);
        padding:9px 14px;border-radius:3px;white-space:nowrap}
a.dugme:hover{background:#222a33}
a.dugme.vurgu{background:var(--sari);color:#11151a;border-color:var(--sari)}
a.dugme.vurgu:hover{background:#ffc424}

/* --- Sayfa gövdesi --- */
main{max-width:900px;margin:0 auto;padding:24px 18px 60px}
main.dar{max-width:640px}
h1{font-size:20px;font-weight:600;margin:0 0 6px}
.altbilgi{color:var(--soluk);font-size:13px;line-height:1.55;margin:0 0 22px}
h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
   font-weight:600;margin:30px 0 12px;display:flex;align-items:center;gap:8px}
h2 .adet{background:var(--cizgi);color:var(--metin);border-radius:10px;padding:1px 9px;font-size:11px}
.sayim{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
       font-weight:600;margin:0 0 12px}
.kucuk{color:var(--soluk);font-size:12px;line-height:1.55}
.bos{color:var(--soluk);font-size:14px;padding:4px 0}

/* --- Kutu / kart --- */
.kutu{background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
      border-radius:4px;padding:22px;margin-bottom:26px}
.kutu h2{margin:0 0 18px}

/* --- Form --- */
label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;
      text-transform:uppercase;color:var(--soluk);font-weight:600}
input[type=text],input[type=password],input[type=file],input[type=date],
input[type=datetime-local],input[type=number],input[type=time],input[type=tel],
input[type=search],input[type=email],textarea,select{
  width:100%;padding:0 14px;height:50px;margin-bottom:18px;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  color:var(--metin);font-size:17px;font-family:inherit;
  color-scheme:dark;                 /* tarih/saat seçicisi de koyu açılsın */
  -webkit-appearance:none;appearance:none;
}
select{
  appearance:none;-webkit-appearance:none;padding-right:38px;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%238b98a5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:11px;
}
input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none}
input::-webkit-calendar-picker-indicator{filter:invert(.7)}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=file]{padding:13px;height:auto;border-style:dashed;font-size:14px}
textarea{height:auto;min-height:120px;padding:14px;line-height:1.5;resize:vertical}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--sari);box-shadow:0 0 0 3px rgba(242,183,5,.18)}
input.buyuk{height:56px;font-size:22px;font-weight:600;letter-spacing:.06em;
            font-variant-numeric:tabular-nums}
.satir{display:flex;gap:14px;flex-wrap:wrap}
.alan{flex:1 1 200px}
.onay{display:flex;align-items:center;gap:9px;margin:2px 0 18px;font-size:14px;color:var(--soluk)}
.onay input[type=checkbox]{width:20px;height:20px;height:20px!important;margin:0;padding:0;
  -webkit-appearance:checkbox;appearance:checkbox;accent-color:var(--sari);background:none;border:0}

button{height:50px;padding:0 22px;background:var(--sari);color:#11151a;border:0;border-radius:3px;
       font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
       cursor:pointer;font-family:inherit}
button:hover{background:#ffc424}
button.genis{width:100%}
button.sade{background:transparent;color:var(--soluk);border:1px solid var(--cizgi)}
button.sade:hover{background:#222a33;color:var(--metin)}
button.mini{height:34px;padding:0 12px;font-size:11px;letter-spacing:.06em}
button.tehlike{background:transparent;color:var(--kirmizi);border:1px solid var(--cizgi)}
button.yesil{background:var(--yesil)}
button.yesil:hover{background:#6ce0a6}
form.satirici{display:inline}

/* --- Mesajlar --- */
.mesaj{margin:0 0 20px;padding:13px 15px;font-size:14px;line-height:1.5}
.mesaj.ok{background:rgba(242,183,5,.1);border-left:3px solid var(--sari);color:#ffd766}
.mesaj.hata{background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* --- Tablo --- */
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--cizgi);vertical-align:top}
th{color:var(--soluk);font-weight:600;font-size:11px;letter-spacing:.1em;
   text-transform:uppercase;white-space:nowrap}
td.no{font-weight:700;color:var(--sari);font-variant-numeric:tabular-nums;white-space:nowrap}
td.sayi{font-variant-numeric:tabular-nums;white-space:nowrap}
tr.pasif td{opacity:.45}
.islem{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}

/* --- Rozetler --- */
.rozet{display:inline-block;padding:2px 8px;border-radius:2px;font-size:11px;font-weight:600;
       letter-spacing:.06em;text-transform:uppercase;background:#2b343d;color:#c6d0da;
       white-space:nowrap}
.rozet.tam{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.acil{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.bekliyor{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.mudahale{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.bitti{background:rgba(77,209,143,.15);color:var(--yesil)}

/* --- Duruş kartları (usta paneli) --- */
.durus{background:var(--panel);border:1px solid var(--cizgi);border-left:4px solid var(--sari);
       border-radius:4px;padding:16px 18px;margin-bottom:12px}
.durus.calisiyor{border-left-color:var(--yesil)}
.durus .bas{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.tezgah{font-size:26px;font-weight:700;color:var(--sari);line-height:1;font-variant-numeric:tabular-nums}
.tezgah small,.sayac small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
                           color:var(--soluk);font-weight:600;margin-top:5px}
.sayac{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:right}
.durus.calisiyor .sayac{color:var(--yesil)}
.durus .aciklama{font-size:15px;line-height:1.5;margin:0 0 10px}
.durus button{width:100%;margin-top:12px}

/* --- Ana sayfa menüsü --- */
.menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.menu a{display:block;padding:22px 20px;background:var(--panel);border:1px solid var(--cizgi);
        border-top:4px solid var(--sari);border-radius:4px;text-decoration:none;color:var(--metin)}
.menu a:hover{background:#212a33}
.menu a b{display:block;font-size:17px;font-weight:600;margin-bottom:6px}
.menu a span{display:block;font-size:13px;color:var(--soluk);line-height:1.5}

/* --- Dar ekran --- */
@media(max-width:720px){
  .gizle{display:none}
  main{padding:20px 14px 50px}
}

/* ====================================================================
   CAĞLIK VE ÇÖZGÜ SAYFALARI
   cag_postabasi.php, cag_liste.php, cozgu_baglama.php, cozgu_liste.php
   ==================================================================== */

/* --- Form ve filtre kutuları --- */
.form-kutu,.filtre-kutu{
  display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;
  background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
  border-radius:4px;padding:20px;margin:0 0 24px}
.filtre-kutu{border-top-width:1px;padding:16px 18px}

.form-kutu label,.filtre-kutu label{
  display:flex;flex-direction:column;gap:7px;flex:1 1 170px;min-width:150px;
  margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--soluk);font-weight:600}
.form-kutu label.genis,.filtre-kutu label.genis{flex:1 1 100%}

.form-kutu input,.form-kutu select,.form-kutu textarea,
.filtre-kutu input,.filtre-kutu select,
.form-kutu input[type=date],.form-kutu input[type=number],
.filtre-kutu input[type=date],.filtre-kutu input[type=number]{
  margin:0;height:48px;font-size:16px;font-weight:400;letter-spacing:normal;
  text-transform:none;color:var(--metin)}
.form-kutu textarea{height:auto;min-height:70px}

.form-kutu small,.filtre-kutu small{
  font-size:11px;letter-spacing:normal;text-transform:none;color:var(--soluk);font-weight:400}

.form-kutu button,.filtre-kutu button{flex:0 0 auto;height:48px;width:auto}

/* Saat kutusu — 24 saatlik maskeli giriş */
.saat-kutusu{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.08em!important}
.saat-kutusu.hatali{border-color:var(--kirmizi)!important;
                    box-shadow:0 0 0 3px rgba(255,107,90,.18)!important}

/* Saat + dakika yan yana */
.sure-ikili{display:flex;gap:8px}
.sure-ikili input{flex:1;min-width:0;text-align:center}

/* Berk / Gevşek seçimi */
.secim-ikili{display:flex;gap:10px}
.secim-ikili .secim{
  flex:1;flex-direction:row;align-items:center;gap:9px;min-width:0;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  padding:0 14px;height:48px;cursor:pointer;
  font-size:14px;letter-spacing:.06em;color:var(--metin);font-weight:600}
.secim-ikili .secim input[type=radio]{
  width:20px;height:20px;flex:none;margin:0;padding:0;height:20px!important;
  -webkit-appearance:radio;appearance:radio;accent-color:var(--sari);background:none;border:0}

/* Anlık hesap satırı */
.hesap{flex:1 1 100%;margin:0;padding:12px 14px;background:#0d1116;
       border-left:3px solid var(--sari);color:#ffd766;font-size:14px}

/* --- Bağlantı düğmeleri --- */
.btn-iptal,.btn-csv{
  display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:3px;
  text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;border:1px solid var(--cizgi)}
.btn-iptal{color:var(--soluk)}
.btn-iptal:hover{background:#222a33;color:var(--metin)}
.btn-csv{color:var(--yesil);border-color:rgba(77,209,143,.4)}
.btn-csv:hover{background:rgba(77,209,143,.12)}

/* --- Özet, bilgi, hata satırları --- */
p.ozet{font-size:13px;color:var(--soluk);line-height:1.7;margin:0 0 18px}
p.ozet b{color:var(--metin);font-variant-numeric:tabular-nums}
h2 .ozet{font-size:12px;color:var(--soluk);font-weight:400;letter-spacing:normal;
         text-transform:none;margin:0}
p.bilgi{margin:0 0 20px;padding:13px 15px;font-size:14px;
        background:rgba(77,209,143,.1);border-left:3px solid var(--yesil);color:#8fe9bb}
p.hata{margin:0 0 20px;padding:13px 15px;font-size:14px;
       background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* --- Liste tablosu --- */
table.liste{width:100%;border-collapse:collapse;font-size:13px;
            display:block;overflow-x:auto;white-space:nowrap;
            -webkit-overflow-scrolling:touch}
table.liste th,table.liste td{
  text-align:left;padding:11px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
table.liste th{color:var(--soluk);font-weight:600;font-size:10px;
               letter-spacing:.08em;text-transform:uppercase}
table.liste th a{color:var(--soluk);text-decoration:none}
table.liste th a:hover{color:var(--metin)}
table.liste td.sayi{text-align:right;font-variant-numeric:tabular-nums}
table.liste td.aciklama-hucre{white-space:normal;min-width:220px;line-height:1.5}

/* --- Sayfalama --- */
.sayfalama{display:flex;gap:10px;align-items:center;margin:18px 0;
           font-size:13px;color:var(--soluk)}
.sayfalama a{color:var(--sari);text-decoration:none;border:1px solid var(--cizgi);
             padding:9px 15px;border-radius:3px}
.sayfalama a:hover{background:#222a33}

/* --- Ana sayfa dönüş bağlantısı --- */
main > p > a[href="index.php"]{color:var(--sari);text-decoration:none;font-size:14px}
/* ====================================================================
   AKTARMA ANALİZ — ortak stil
   Bütün sayfalar bu dosyayı kullanır: <link rel="stylesheet" href="stil.css">
   ==================================================================== */

:root{
  --zemin:#11151a;
  --panel:#1a2128;
  --cizgi:#2b343d;
  --metin:#e7ecf1;
  --soluk:#8b98a5;
  --sari:#f2b705;
  --kirmizi:#ff6b5a;
  --yesil:#4dd18f;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--zemin);
  color:var(--metin);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}

/* --- Üst bar --- */
.ust{display:flex;justify-content:space-between;align-items:center;gap:12px;
     padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--cizgi);
     flex-wrap:wrap}
.ust b{font-weight:600;font-size:15px}
.ust .kim span{display:block;font-size:12px;color:var(--soluk);margin-top:2px}
.ust .baglantilar{display:flex;gap:8px;flex-wrap:wrap}
a.dugme{color:var(--sari);text-decoration:none;font-size:12px;letter-spacing:.1em;
        text-transform:uppercase;font-weight:600;border:1px solid var(--cizgi);
        padding:9px 14px;border-radius:3px;white-space:nowrap}
a.dugme:hover{background:#222a33}
a.dugme.vurgu{background:var(--sari);color:#11151a;border-color:var(--sari)}
a.dugme.vurgu:hover{background:#ffc424}

/* --- Sayfa gövdesi --- */
main{max-width:900px;margin:0 auto;padding:24px 18px 60px}
main.dar{max-width:640px}
h1{font-size:20px;font-weight:600;margin:0 0 6px}
.altbilgi{color:var(--soluk);font-size:13px;line-height:1.55;margin:0 0 22px}
h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
   font-weight:600;margin:30px 0 12px;display:flex;align-items:center;gap:8px}
h2 .adet{background:var(--cizgi);color:var(--metin);border-radius:10px;padding:1px 9px;font-size:11px}
.sayim{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
       font-weight:600;margin:0 0 12px}
.kucuk{color:var(--soluk);font-size:12px;line-height:1.55}
.bos{color:var(--soluk);font-size:14px;padding:4px 0}

/* --- Kutu / kart --- */
.kutu{background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
      border-radius:4px;padding:22px;margin-bottom:26px}
.kutu h2{margin:0 0 18px}

/* --- Form --- */
label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;
      text-transform:uppercase;color:var(--soluk);font-weight:600}
input[type=text],input[type=password],input[type=file],input[type=date],
input[type=datetime-local],input[type=number],input[type=time],input[type=tel],
input[type=search],input[type=email],textarea,select{
  width:100%;padding:0 14px;height:50px;margin-bottom:18px;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  color:var(--metin);font-size:17px;font-family:inherit;
  color-scheme:dark;                 /* tarih/saat seçicisi de koyu açılsın */
  -webkit-appearance:none;appearance:none;
}
select{
  appearance:none;-webkit-appearance:none;padding-right:38px;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%238b98a5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:11px;
}
input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none}
input::-webkit-calendar-picker-indicator{filter:invert(.7)}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=file]{padding:13px;height:auto;border-style:dashed;font-size:14px}
textarea{height:auto;min-height:120px;padding:14px;line-height:1.5;resize:vertical}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--sari);box-shadow:0 0 0 3px rgba(242,183,5,.18)}
input.buyuk{height:56px;font-size:22px;font-weight:600;letter-spacing:.06em;
            font-variant-numeric:tabular-nums}
.satir{display:flex;gap:14px;flex-wrap:wrap}
.alan{flex:1 1 200px}
.onay{display:flex;align-items:center;gap:9px;margin:2px 0 18px;font-size:14px;color:var(--soluk)}
.onay input[type=checkbox]{width:20px;height:20px;height:20px!important;margin:0;padding:0;
  -webkit-appearance:checkbox;appearance:checkbox;accent-color:var(--sari);background:none;border:0}

button{height:50px;padding:0 22px;background:var(--sari);color:#11151a;border:0;border-radius:3px;
       font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
       cursor:pointer;font-family:inherit}
button:hover{background:#ffc424}
button.genis{width:100%}
button.sade{background:transparent;color:var(--soluk);border:1px solid var(--cizgi)}
button.sade:hover{background:#222a33;color:var(--metin)}
button.mini{height:34px;padding:0 12px;font-size:11px;letter-spacing:.06em}
button.tehlike{background:transparent;color:var(--kirmizi);border:1px solid var(--cizgi)}
button.yesil{background:var(--yesil)}
button.yesil:hover{background:#6ce0a6}
form.satirici{display:inline}

/* --- Mesajlar --- */
.mesaj{margin:0 0 20px;padding:13px 15px;font-size:14px;line-height:1.5}
.mesaj.ok{background:rgba(242,183,5,.1);border-left:3px solid var(--sari);color:#ffd766}
.mesaj.hata{background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* --- Tablo --- */
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--cizgi);vertical-align:top}
th{color:var(--soluk);font-weight:600;font-size:11px;letter-spacing:.1em;
   text-transform:uppercase;white-space:nowrap}
td.no{font-weight:700;color:var(--sari);font-variant-numeric:tabular-nums;white-space:nowrap}
td.sayi{font-variant-numeric:tabular-nums;white-space:nowrap}
tr.pasif td{opacity:.45}
.islem{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}

/* --- Rozetler --- */
.rozet{display:inline-block;padding:2px 8px;border-radius:2px;font-size:11px;font-weight:600;
       letter-spacing:.06em;text-transform:uppercase;background:#2b343d;color:#c6d0da;
       white-space:nowrap}
.rozet.tam{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.acil{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.bekliyor{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.mudahale{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.bitti{background:rgba(77,209,143,.15);color:var(--yesil)}

/* --- Duruş kartları (usta paneli) --- */
.durus{background:var(--panel);border:1px solid var(--cizgi);border-left:4px solid var(--sari);
       border-radius:4px;padding:16px 18px;margin-bottom:12px}
.durus.calisiyor{border-left-color:var(--yesil)}
.durus .bas{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.tezgah{font-size:26px;font-weight:700;color:var(--sari);line-height:1;font-variant-numeric:tabular-nums}
.tezgah small,.sayac small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
                           color:var(--soluk);font-weight:600;margin-top:5px}
.sayac{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:right}
.durus.calisiyor .sayac{color:var(--yesil)}
.durus .aciklama{font-size:15px;line-height:1.5;margin:0 0 10px}
.durus button{width:100%;margin-top:12px}

/* --- Ana sayfa menüsü --- */
.menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.menu a{display:block;padding:22px 20px;background:var(--panel);border:1px solid var(--cizgi);
        border-top:4px solid var(--sari);border-radius:4px;text-decoration:none;color:var(--metin)}
.menu a:hover{background:#212a33}
.menu a b{display:block;font-size:17px;font-weight:600;margin-bottom:6px}
.menu a span{display:block;font-size:13px;color:var(--soluk);line-height:1.5}

/* --- Dar ekran --- */
@media(max-width:720px){
  .gizle{display:none}
  main{padding:20px 14px 50px}
}

/* ====================================================================
   CAĞLIK VE ÇÖZGÜ SAYFALARI
   cag_postabasi.php, cag_liste.php, cozgu_baglama.php, cozgu_liste.php
   ==================================================================== */

/* --- Form ve filtre kutuları --- */
.form-kutu,.filtre-kutu{
  display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;
  background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
  border-radius:4px;padding:20px;margin:0 0 24px}
.filtre-kutu{border-top-width:1px;padding:16px 18px}

.form-kutu label,.filtre-kutu label{
  display:flex;flex-direction:column;gap:7px;flex:1 1 170px;min-width:150px;
  margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--soluk);font-weight:600}
.form-kutu label.genis,.filtre-kutu label.genis{flex:1 1 100%}

.form-kutu input,.form-kutu select,.form-kutu textarea,
.filtre-kutu input,.filtre-kutu select,
.form-kutu input[type=date],.form-kutu input[type=number],
.filtre-kutu input[type=date],.filtre-kutu input[type=number]{
  margin:0;height:48px;font-size:16px;font-weight:400;letter-spacing:normal;
  text-transform:none;color:var(--metin)}
.form-kutu textarea{height:auto;min-height:70px}

.form-kutu small,.filtre-kutu small{
  font-size:11px;letter-spacing:normal;text-transform:none;color:var(--soluk);font-weight:400}

.form-kutu button,.filtre-kutu button{flex:0 0 auto;height:48px;width:auto}

/* Saat kutusu — 24 saatlik maskeli giriş */
.saat-kutusu{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.08em!important}
.saat-kutusu.hatali{border-color:var(--kirmizi)!important;
                    box-shadow:0 0 0 3px rgba(255,107,90,.18)!important}

/* Saat + dakika yan yana */
.sure-ikili{display:flex;gap:8px}
.sure-ikili input{flex:1;min-width:0;text-align:center}

/* Berk / Gevşek seçimi */
.secim-ikili{display:flex;gap:10px}
.secim-ikili .secim{
  flex:1;flex-direction:row;align-items:center;gap:9px;min-width:0;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  padding:0 14px;height:48px;cursor:pointer;
  font-size:14px;letter-spacing:.06em;color:var(--metin);font-weight:600}
.secim-ikili .secim input[type=radio]{
  width:20px;height:20px;flex:none;margin:0;padding:0;height:20px!important;
  -webkit-appearance:radio;appearance:radio;accent-color:var(--sari);background:none;border:0}

/* Anlık hesap satırı */
.hesap{flex:1 1 100%;margin:0;padding:12px 14px;background:#0d1116;
       border-left:3px solid var(--sari);color:#ffd766;font-size:14px}

/* --- Bağlantı düğmeleri --- */
.btn-iptal,.btn-csv{
  display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:3px;
  text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;border:1px solid var(--cizgi)}
.btn-iptal{color:var(--soluk)}
.btn-iptal:hover{background:#222a33;color:var(--metin)}
.btn-csv{color:var(--yesil);border-color:rgba(77,209,143,.4)}
.btn-csv:hover{background:rgba(77,209,143,.12)}

/* --- Özet, bilgi, hata satırları --- */
p.ozet{font-size:13px;color:var(--soluk);line-height:1.7;margin:0 0 18px}
p.ozet b{color:var(--metin);font-variant-numeric:tabular-nums}
h2 .ozet{font-size:12px;color:var(--soluk);font-weight:400;letter-spacing:normal;
         text-transform:none;margin:0}
p.bilgi{margin:0 0 20px;padding:13px 15px;font-size:14px;
        background:rgba(77,209,143,.1);border-left:3px solid var(--yesil);color:#8fe9bb}
p.hata{margin:0 0 20px;padding:13px 15px;font-size:14px;
       background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* --- Liste tablosu --- */
table.liste{width:100%;border-collapse:collapse;font-size:13px;
            display:block;overflow-x:auto;white-space:nowrap;
            -webkit-overflow-scrolling:touch}
table.liste th,table.liste td{
  text-align:left;padding:11px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
table.liste th{color:var(--soluk);font-weight:600;font-size:10px;
               letter-spacing:.08em;text-transform:uppercase}
table.liste th a{color:var(--soluk);text-decoration:none}
table.liste th a:hover{color:var(--metin)}
table.liste td.sayi{text-align:right;font-variant-numeric:tabular-nums}
table.liste td.aciklama-hucre{white-space:normal;min-width:220px;line-height:1.5}

/* --- Sayfalama --- */
.sayfalama{display:flex;gap:10px;align-items:center;margin:18px 0;
           font-size:13px;color:var(--soluk)}
.sayfalama a{color:var(--sari);text-decoration:none;border:1px solid var(--cizgi);
             padding:9px 15px;border-radius:3px}
.sayfalama a:hover{background:#222a33}

/* --- Ana sayfa dönüş bağlantısı --- */
main > p > a[href="index.php"]{color:var(--sari);text-decoration:none;font-size:14px}

/* Süre kutularının altındaki birim etiketi (saat / dakika) */
.birimli{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.birimli input{width:100%;text-align:center}
.birimli i{font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
           color:var(--soluk);text-align:center;font-weight:600}


/* ====================================================================
   AKTARMA ANALİZ — ortak stil
   Bütün sayfalar bu dosyayı kullanır: <link rel="stylesheet" href="stil.css">
   ==================================================================== */

:root{
  --zemin:#11151a;
  --panel:#1a2128;
  --cizgi:#2b343d;
  --metin:#e7ecf1;
  --soluk:#8b98a5;
  --sari:#f2b705;
  --kirmizi:#ff6b5a;
  --yesil:#4dd18f;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--zemin);
  color:var(--metin);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}

/* --- Üst bar --- */
.ust{display:flex;justify-content:space-between;align-items:center;gap:12px;
     padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--cizgi);
     flex-wrap:wrap}
.ust b{font-weight:600;font-size:15px}
.ust .kim span{display:block;font-size:12px;color:var(--soluk);margin-top:2px}
.ust .baglantilar{display:flex;gap:8px;flex-wrap:wrap}
a.dugme{color:var(--sari);text-decoration:none;font-size:12px;letter-spacing:.1em;
        text-transform:uppercase;font-weight:600;border:1px solid var(--cizgi);
        padding:9px 14px;border-radius:3px;white-space:nowrap}
a.dugme:hover{background:#222a33}
a.dugme.vurgu{background:var(--sari);color:#11151a;border-color:var(--sari)}
a.dugme.vurgu:hover{background:#ffc424}

/* --- Sayfa gövdesi --- */
main{max-width:900px;margin:0 auto;padding:24px 18px 60px}
main.dar{max-width:640px}
h1{font-size:20px;font-weight:600;margin:0 0 6px}
.altbilgi{color:var(--soluk);font-size:13px;line-height:1.55;margin:0 0 22px}
h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
   font-weight:600;margin:30px 0 12px;display:flex;align-items:center;gap:8px}
h2 .adet{background:var(--cizgi);color:var(--metin);border-radius:10px;padding:1px 9px;font-size:11px}
.sayim{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);
       font-weight:600;margin:0 0 12px}
.kucuk{color:var(--soluk);font-size:12px;line-height:1.55}
.bos{color:var(--soluk);font-size:14px;padding:4px 0}

/* --- Kutu / kart --- */
.kutu{background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
      border-radius:4px;padding:22px;margin-bottom:26px}
.kutu h2{margin:0 0 18px}

/* --- Form --- */
label{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;
      text-transform:uppercase;color:var(--soluk);font-weight:600}
input[type=text],input[type=password],input[type=file],input[type=date],
input[type=datetime-local],input[type=number],input[type=time],input[type=tel],
input[type=search],input[type=email],textarea,select{
  width:100%;padding:0 14px;height:50px;margin-bottom:18px;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  color:var(--metin);font-size:17px;font-family:inherit;
  color-scheme:dark;                 /* tarih/saat seçicisi de koyu açılsın */
  -webkit-appearance:none;appearance:none;
}
select{
  appearance:none;-webkit-appearance:none;padding-right:38px;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%238b98a5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:11px;
}
input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none}
input::-webkit-calendar-picker-indicator{filter:invert(.7)}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=file]{padding:13px;height:auto;border-style:dashed;font-size:14px}
textarea{height:auto;min-height:120px;padding:14px;line-height:1.5;resize:vertical}
input:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--sari);box-shadow:0 0 0 3px rgba(242,183,5,.18)}
input.buyuk{height:56px;font-size:22px;font-weight:600;letter-spacing:.06em;
            font-variant-numeric:tabular-nums}
.satir{display:flex;gap:14px;flex-wrap:wrap}
.alan{flex:1 1 200px}
.onay{display:flex;align-items:center;gap:9px;margin:2px 0 18px;font-size:14px;color:var(--soluk)}
.onay input[type=checkbox]{width:20px;height:20px;height:20px!important;margin:0;padding:0;
  -webkit-appearance:checkbox;appearance:checkbox;accent-color:var(--sari);background:none;border:0}

button{height:50px;padding:0 22px;background:var(--sari);color:#11151a;border:0;border-radius:3px;
       font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
       cursor:pointer;font-family:inherit}
button:hover{background:#ffc424}
button.genis{width:100%}
button.sade{background:transparent;color:var(--soluk);border:1px solid var(--cizgi)}
button.sade:hover{background:#222a33;color:var(--metin)}
button.mini{height:34px;padding:0 12px;font-size:11px;letter-spacing:.06em}
button.tehlike{background:transparent;color:var(--kirmizi);border:1px solid var(--cizgi)}
button.yesil{background:var(--yesil)}
button.yesil:hover{background:#6ce0a6}
form.satirici{display:inline}

/* --- Mesajlar --- */
.mesaj{margin:0 0 20px;padding:13px 15px;font-size:14px;line-height:1.5}
.mesaj.ok{background:rgba(242,183,5,.1);border-left:3px solid var(--sari);color:#ffd766}
.mesaj.hata{background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* Geniş tablolar için yatay kaydırma kutusu */
.kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* --- Tablo --- */
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--cizgi);vertical-align:top}
th{color:var(--soluk);font-weight:600;font-size:11px;letter-spacing:.1em;
   text-transform:uppercase;white-space:nowrap}
td.no{font-weight:700;color:var(--sari);font-variant-numeric:tabular-nums;white-space:nowrap}
td.sayi{font-variant-numeric:tabular-nums;white-space:nowrap}
tr.pasif td{opacity:.45}
.islem{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}

/* --- Rozetler --- */
.rozet{display:inline-block;padding:2px 8px;border-radius:2px;font-size:11px;font-weight:600;
       letter-spacing:.06em;text-transform:uppercase;background:#2b343d;color:#c6d0da;
       white-space:nowrap}
.rozet.tam{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.acil{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.bekliyor{background:rgba(255,107,90,.15);color:var(--kirmizi)}
.rozet.mudahale{background:rgba(242,183,5,.15);color:var(--sari)}
.rozet.bitti{background:rgba(77,209,143,.15);color:var(--yesil)}

/* --- Duruş kartları (usta paneli) --- */
.durus{background:var(--panel);border:1px solid var(--cizgi);border-left:4px solid var(--sari);
       border-radius:4px;padding:16px 18px;margin-bottom:12px}
.durus.calisiyor{border-left-color:var(--yesil)}
.durus .bas{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.tezgah{font-size:26px;font-weight:700;color:var(--sari);line-height:1;font-variant-numeric:tabular-nums}
.tezgah small,.sayac small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
                           color:var(--soluk);font-weight:600;margin-top:5px}
.sayac{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:right}
.durus.calisiyor .sayac{color:var(--yesil)}
.durus .aciklama{font-size:15px;line-height:1.5;margin:0 0 10px}
.durus button{width:100%;margin-top:12px}

/* --- Ana sayfa menüsü --- */
.menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.menu a{display:block;padding:22px 20px;background:var(--panel);border:1px solid var(--cizgi);
        border-top:4px solid var(--sari);border-radius:4px;text-decoration:none;color:var(--metin)}
.menu a:hover{background:#212a33}
.menu a b{display:block;font-size:17px;font-weight:600;margin-bottom:6px}
.menu a span{display:block;font-size:13px;color:var(--soluk);line-height:1.5}

/* --- Dar ekran --- */
@media(max-width:720px){
  .gizle{display:none}
  main{padding:20px 14px 50px}
}

/* ====================================================================
   CAĞLIK VE ÇÖZGÜ SAYFALARI
   cag_postabasi.php, cag_liste.php, cozgu_baglama.php, cozgu_liste.php
   ==================================================================== */

/* --- Form ve filtre kutuları --- */
.form-kutu,.filtre-kutu{
  display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;
  background:var(--panel);border:1px solid var(--cizgi);border-top:4px solid var(--sari);
  border-radius:4px;padding:20px;margin:0 0 24px}
.filtre-kutu{border-top-width:1px;padding:16px 18px}

.form-kutu label,.filtre-kutu label{
  display:flex;flex-direction:column;gap:7px;flex:1 1 170px;min-width:150px;
  margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--soluk);font-weight:600}
.form-kutu label.genis,.filtre-kutu label.genis{flex:1 1 100%}

.form-kutu input,.form-kutu select,.form-kutu textarea,
.filtre-kutu input,.filtre-kutu select,
.form-kutu input[type=date],.form-kutu input[type=number],
.filtre-kutu input[type=date],.filtre-kutu input[type=number]{
  margin:0;height:48px;font-size:16px;font-weight:400;letter-spacing:normal;
  text-transform:none;color:var(--metin)}
.form-kutu textarea{height:auto;min-height:70px}

.form-kutu small,.filtre-kutu small{
  font-size:11px;letter-spacing:normal;text-transform:none;color:var(--soluk);font-weight:400}

.form-kutu button,.filtre-kutu button{flex:0 0 auto;height:48px;width:auto}

/* Saat kutusu — 24 saatlik maskeli giriş */
.saat-kutusu{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.08em!important}
.saat-kutusu.hatali{border-color:var(--kirmizi)!important;
                    box-shadow:0 0 0 3px rgba(255,107,90,.18)!important}

/* Saat + dakika yan yana */
.sure-ikili{display:flex;gap:8px}
.sure-ikili input{flex:1;min-width:0;text-align:center}

/* Berk / Gevşek seçimi */
.secim-ikili{display:flex;gap:10px}
.secim-ikili .secim{
  flex:1;flex-direction:row;align-items:center;gap:9px;min-width:0;
  background:#0d1116;border:1px solid var(--cizgi);border-radius:3px;
  padding:0 14px;height:48px;cursor:pointer;
  font-size:14px;letter-spacing:.06em;color:var(--metin);font-weight:600}
.secim-ikili .secim input[type=radio]{
  width:20px;height:20px;flex:none;margin:0;padding:0;height:20px!important;
  -webkit-appearance:radio;appearance:radio;accent-color:var(--sari);background:none;border:0}

/* Anlık hesap satırı */
.hesap{flex:1 1 100%;margin:0;padding:12px 14px;background:#0d1116;
       border-left:3px solid var(--sari);color:#ffd766;font-size:14px}

/* --- Bağlantı düğmeleri --- */
.btn-iptal,.btn-csv{
  display:inline-flex;align-items:center;height:48px;padding:0 18px;border-radius:3px;
  text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;border:1px solid var(--cizgi)}
.btn-iptal{color:var(--soluk)}
.btn-iptal:hover{background:#222a33;color:var(--metin)}
.btn-csv{color:var(--yesil);border-color:rgba(77,209,143,.4)}
.btn-csv:hover{background:rgba(77,209,143,.12)}

/* --- Özet, bilgi, hata satırları --- */
p.ozet{font-size:13px;color:var(--soluk);line-height:1.7;margin:0 0 18px}
p.ozet b{color:var(--metin);font-variant-numeric:tabular-nums}
h2 .ozet{font-size:12px;color:var(--soluk);font-weight:400;letter-spacing:normal;
         text-transform:none;margin:0}
p.bilgi{margin:0 0 20px;padding:13px 15px;font-size:14px;
        background:rgba(77,209,143,.1);border-left:3px solid var(--yesil);color:#8fe9bb}
p.hata{margin:0 0 20px;padding:13px 15px;font-size:14px;
       background:rgba(255,107,90,.1);border-left:3px solid var(--kirmizi);color:#ffb3a9}

/* --- Liste tablosu --- */
table.liste{width:100%;border-collapse:collapse;font-size:13px;
            display:block;overflow-x:auto;white-space:nowrap;
            -webkit-overflow-scrolling:touch}
table.liste th,table.liste td{
  text-align:left;padding:11px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
table.liste th{color:var(--soluk);font-weight:600;font-size:10px;
               letter-spacing:.08em;text-transform:uppercase}
table.liste th a{color:var(--soluk);text-decoration:none}
table.liste th a:hover{color:var(--metin)}
table.liste td.sayi{text-align:right;font-variant-numeric:tabular-nums}
table.liste td.aciklama-hucre{white-space:normal;min-width:220px;line-height:1.5}

/* --- Sayfalama --- */
.sayfalama{display:flex;gap:10px;align-items:center;margin:18px 0;
           font-size:13px;color:var(--soluk)}
.sayfalama a{color:var(--sari);text-decoration:none;border:1px solid var(--cizgi);
             padding:9px 15px;border-radius:3px}
.sayfalama a:hover{background:#222a33}

/* --- Ana sayfa dönüş bağlantısı --- */
main > p > a[href="index.php"]{color:var(--sari);text-decoration:none;font-size:14px}

/* Süre kutularının altındaki birim etiketi (saat / dakika) */
.birimli{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.birimli input{width:100%;text-align:center}
.birimli i{font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
           color:var(--soluk);text-align:center;font-weight:600}


/* Cağlık listesi — kişi başına saatlik verim sütunu */
td.verim{color:var(--yesil);font-weight:700}


/* Liste satırlarındaki düzenle/sil düğmeleri */
td.islem-hucre{white-space:nowrap;text-align:right}
.mini-dugme{display:inline-block;padding:6px 11px;border:1px solid var(--cizgi);
            border-radius:3px;color:var(--sari);text-decoration:none;font-size:11px;
            font-weight:700;letter-spacing:.06em;text-transform:uppercase;
            background:transparent;cursor:pointer;font-family:inherit;height:auto}
.mini-dugme:hover{background:var(--sari);color:#11151a;border-color:var(--sari)}
.mini-dugme.tehlike{color:var(--kirmizi);margin-left:5px}
.mini-dugme.tehlike:hover{background:var(--kirmizi);color:#11151a;border-color:var(--kirmizi)}
form.satirici{display:inline}