/* KIPMUN yonetim paneli.
   Renkler ve tipografi ana siteyle ayni. */

:root{
  --mor-050:#f4f2fb; --mor-100:#e7e3f5; --mor-200:#c9c2e9; --mor-300:#9b8fd6;
  --mor-500:#4a37a8; --mor-600:#3a2a8c; --mor-700:#2d206f; --mor-800:#241a5c; --mor-900:#1a1246;
  --altin-050:#faf6ec; --altin-100:#f0e9d8; --altin-300:#cdb684; --altin-500:#a28955; --altin-600:#7d6739;
  --bg:#f7f6fa; --yuzey:#ffffff; --yuzey-2:#faf9fc;
  --metin:#211f2a; --soft:#5c5769; --kenar:#e9e6ef; --kenar-koyu:#d8d3e4;
  --kirmizi:#b3261e; --kirmizi-bg:#fdeceb; --yesil:#1b6b3a; --yesil-bg:#e8f5ed;
  --sari:#8a6d1f; --sari-bg:#fdf6e3; --mavi:#1a5b8a; --mavi-bg:#e7f2f9;
  --serif:'Cormorant',Georgia,serif;
  --sans:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --r-sm:10px; --r-md:14px; --r-lg:20px; --r-pill:999px;
  --golge-sm:0 2px 8px rgba(45,32,111,.06);
  --golge-md:0 14px 34px rgba(45,32,111,.10);
  --ease:cubic-bezier(.22,1,.36,1);
  --ust-h:62px;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--metin);
  background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100dvh}
a{color:var(--mor-600);text-decoration:none}
a:hover{color:var(--mor-800)}
:focus-visible{outline:2px solid var(--mor-500);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--serif);color:var(--mor-700);line-height:1.15;font-weight:600}

/* Marka */
.marka{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.marka__alt{color:var(--altin-500);margin-left:5px}

/* ---------- Giris ekranlari ---------- */
.giris-sayfa{min-height:100dvh;display:grid;place-items:center;padding:20px;
  background:linear-gradient(180deg,var(--mor-050),var(--bg) 40%)}
.giris-kutu{width:100%;max-width:420px;background:var(--yuzey);border:1px solid var(--kenar);
  border-radius:var(--r-lg);padding:clamp(24px,5vw,36px);box-shadow:var(--golge-md)}
.giris-kutu .marka{font-size:1.6rem;display:block;margin-bottom:2px}
.giris-kutu .alt{color:var(--soft);font-size:.9rem;margin-bottom:24px}

/* ---------- Form ogeleri ---------- */
label,.alan-baslik{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--metin)}
input[type=text],input[type=password],input[type=email],input[type=search],
input[type=date],select,textarea{
  width:100%;padding:11px 13px;min-height:46px;border:1px solid var(--kenar-koyu);
  border-radius:var(--r-sm);font-size:16px;font-family:inherit;background:var(--yuzey);color:var(--metin)}
textarea{min-height:80px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--mor-500);
  box-shadow:0 0 0 3px var(--mor-050)}
.alan{margin-bottom:16px}
.ipucu{font-size:.8rem;color:var(--soft);margin-top:5px}
.hata-yazi{color:var(--kirmizi);font-size:.85rem;margin-top:5px;font-weight:500}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 22px;min-height:46px;border:none;border-radius:var(--r-pill);cursor:pointer;
  font-size:.93rem;font-weight:600;font-family:inherit;white-space:nowrap;
  transition:background var(--ease) .2s,transform var(--ease) .2s}
.btn:hover{transform:translateY(-1px)}
.btn--ana{background:var(--mor-700);color:#fff}
.btn--ana:hover{background:var(--mor-800);color:#fff}
.btn--tam{width:100%}
.btn--ikincil{background:var(--yuzey);color:var(--mor-700);box-shadow:inset 0 0 0 1.5px var(--kenar-koyu)}
.btn--ikincil:hover{box-shadow:inset 0 0 0 1.5px var(--mor-300);color:var(--mor-800)}
.btn--altin{background:var(--altin-500);color:var(--mor-900)}
.btn--altin:hover{background:var(--altin-300);color:var(--mor-900)}
.btn--tehlike{background:var(--kirmizi);color:#fff}
.btn--kucuk{padding:8px 16px;min-height:38px;font-size:.85rem}

.uyari{padding:12px 15px;border-radius:var(--r-sm);font-size:.9rem;margin-bottom:16px;
  border:1px solid transparent}
.uyari--hata{background:var(--kirmizi-bg);color:var(--kirmizi);border-color:#f5c6c3}
.uyari--ok{background:var(--yesil-bg);color:var(--yesil);border-color:#b8e0c6}
.uyari--bilgi{background:var(--mor-050);color:var(--mor-700);border-color:var(--mor-100)}

.kod-girisi{letter-spacing:.45em;text-align:center;font-size:1.4rem;font-weight:600;
  font-family:ui-monospace,Consolas,monospace;padding-left:.45em}
.secret-kutu{background:var(--mor-050);border:1px dashed var(--mor-300);border-radius:var(--r-sm);
  padding:14px;font-family:ui-monospace,Consolas,monospace;font-size:1rem;letter-spacing:.06em;
  text-align:center;word-break:break-all;color:var(--mor-700);user-select:all}

/* ---------- Ust bar ---------- */
.ust{position:sticky;top:0;z-index:100;background:var(--mor-900);color:#fff}
.ust__ic{max-width:1240px;margin:0 auto;padding:0 16px;min-height:var(--ust-h);
  display:flex;align-items:center;justify-content:space-between;gap:12px}
.ust .marka{font-size:1.25rem;color:#fff}
.ust .marka__alt{color:var(--altin-300)}
.ust__sag{display:flex;align-items:center;gap:10px}
.ust__kim{font-size:.82rem;color:#b7afd4;text-align:right;line-height:1.3}
.ust__kim strong{display:block;color:#fff;font-weight:600}
.ust__cikis{color:#b7afd4;padding:8px;border-radius:var(--r-sm);display:inline-flex}
.ust__cikis:hover{background:rgba(255,255,255,.12);color:#fff}
.ust__cikis svg{width:20px;height:20px}

.menu-ac{display:none;width:44px;height:44px;align-items:center;justify-content:center;
  background:none;border:none;color:#fff;cursor:pointer}
.menu-ac svg{width:24px;height:24px}

/* Gezinme */
.gezin{background:var(--mor-800);border-top:1px solid rgba(255,255,255,.08)}
.gezin__ic{max-width:1240px;margin:0 auto;padding:0 16px;display:flex;gap:2px;overflow-x:auto;
  scrollbar-width:none}
.gezin__ic::-webkit-scrollbar{display:none}
.gezin a{color:#cfc9e6;padding:12px 14px;font-size:.9rem;font-weight:500;white-space:nowrap;
  border-bottom:2px solid transparent}
.gezin a:hover{color:#fff;background:rgba(255,255,255,.06)}
.gezin a.aktif{color:#fff;border-bottom-color:var(--altin-500)}

/* ---------- Sayfa ---------- */
.sayfa{max-width:1240px;margin:0 auto;padding:22px 16px 60px}
.sayfa-basi{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;
  flex-wrap:wrap;margin-bottom:20px}
.sayfa-basi h1{font-size:clamp(1.4rem,4vw,1.8rem)}
.sayfa-basi p{color:var(--soft);font-size:.9rem;margin-top:2px}
.sayfa-basi__islem{display:flex;gap:8px;flex-wrap:wrap}

.kart{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r-md);
  padding:18px;margin-bottom:16px;box-shadow:var(--golge-sm)}
.kart__basi{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:14px}
.kart__basi h2{font-size:1.15rem}

/* Ozet kutulari */
.ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.ozet__kutu{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r-md);
  padding:16px;box-shadow:var(--golge-sm)}
.ozet__sayi{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--mor-700);line-height:1}
.ozet__etiket{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);
  margin-top:6px;font-weight:600}
.ozet__kutu--vurgu{background:var(--mor-700);border-color:var(--mor-700)}
.ozet__kutu--vurgu .ozet__sayi{color:#fff}
.ozet__kutu--vurgu .ozet__etiket{color:var(--altin-300)}

/* ---------- Tablo (masaustu) / kart (mobil) ---------- */
.tablo-sar{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--kenar);vertical-align:top}
th{background:var(--yuzey-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--soft);font-weight:600;white-space:nowrap}
tbody tr:hover td{background:var(--yuzey-2)}
td .alt-bilgi{display:block;font-size:.8rem;color:var(--soft);margin-top:2px}

.rozet{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);
  font-size:.75rem;font-weight:600;white-space:nowrap}
.rozet--yeni{background:var(--mavi-bg);color:var(--mavi)}
.rozet--inceleniyor{background:var(--sari-bg);color:var(--sari)}
.rozet--kabul{background:var(--yesil-bg);color:var(--yesil)}
.rozet--yedek{background:var(--mor-050);color:var(--mor-700)}
.rozet--red{background:var(--kirmizi-bg);color:var(--kirmizi)}
.rozet--head{background:#efe7fb;color:#5b2ea6}
.rozet--yonetici{background:var(--mor-050);color:var(--mor-700)}
.rozet--okuyucu{background:#eef0f3;color:var(--soft)}
.rozet--ok{background:var(--yesil-bg);color:var(--yesil)}
.rozet--pasif{background:var(--kirmizi-bg);color:var(--kirmizi)}

.mono{font-family:ui-monospace,Consolas,monospace;font-size:.85rem}
.gizli-veri{font-family:ui-monospace,Consolas,monospace;letter-spacing:.05em}
.sag{text-align:right}
.bos{text-align:center;padding:44px 20px;color:var(--soft)}
.bos svg{width:40px;height:40px;color:var(--mor-200);margin-bottom:10px}

/* Filtre satiri */
.filtre{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.filtre .alan{margin-bottom:0;flex:1 1 160px;min-width:0}
.filtre .btn{flex:0 0 auto}

/* Detay listesi */
.detay{display:grid;grid-template-columns:180px 1fr;gap:10px 16px;font-size:.92rem}
.detay dt{font-weight:600;color:var(--soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.detay dd{color:var(--metin);word-break:break-word}

/* ---------- Mobil ---------- */
@media (max-width:820px){
  .ust__kim{display:none}
  .menu-ac{display:inline-flex}
  .gezin__ic{padding:0 8px}
  .gezin a{padding:12px 11px;font-size:.85rem}
  .detay{grid-template-columns:1fr;gap:4px 0}
  .detay dd{margin-bottom:10px}
  .sayfa{padding:16px 12px 48px}
  .kart{padding:14px}

  /* Tablolar mobilde karta donusuyor */
  .tablo--mobil-kart thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tablo--mobil-kart tr{display:block;background:var(--yuzey);border:1px solid var(--kenar);
    border-radius:var(--r-md);padding:12px;margin-bottom:10px;box-shadow:var(--golge-sm)}
  .tablo--mobil-kart td{display:flex;justify-content:space-between;gap:12px;
    border:none;padding:6px 0;text-align:right}
  .tablo--mobil-kart td::before{content:attr(data-etiket);font-size:.75rem;font-weight:600;
    text-transform:uppercase;letter-spacing:.05em;color:var(--soft);text-align:left;flex:0 0 40%}
  .tablo--mobil-kart td:last-child{border-top:1px solid var(--kenar);margin-top:6px;padding-top:10px}
  .tablo--mobil-kart tbody tr:hover td{background:transparent}

  /* Parmakla basilabilir hedefler: telefonda hepsi en az 44px */
  .tablo--mobil-kart td a{display:inline-flex;align-items:center;justify-content:flex-end;
    min-height:44px;padding:0 2px}
  .tablo--mobil-kart td .alt-bilgi{margin-top:-6px}
  .btn--kucuk{min-height:44px;padding:10px 18px}
  .ust .marka{display:inline-flex;align-items:center;min-height:44px}
  .ust__cikis{min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .gezin a{min-height:44px;display:inline-flex;align-items:center}
}
@media (max-width:420px){
  .ozet{grid-template-columns:1fr 1fr}
  .ozet__sayi{font-size:1.6rem}
}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:.001ms!important;animation-duration:.001ms!important}
  .btn:hover{transform:none}
}