/* Personel Portalı — sade, ferah tasarım
 * Düzen: açık gri zemin üzerinde büyük köşe yarıçaplı beyaz kartlar, bol boşluk, hap düğmeler, iOS tarzı bölümlü seçici.
 * Site renkleri: #ffffff, #333333, #86c83c, #f6f6f6. Yazı: cihazın sistem yazısı (Apple cihazlarda SF Pro).
 */
.pit,.pit-perde,.pit-giris{
  --pit-bg:#ffffff; --pit-zemin:#f6f6f6; --pit-ink:#333333; --pit-fg:#333333; --pit-muted:#6e6e73; --pit-faint:#a1a1a6;
  --pit-accent:#86c83c; --pit-accent-hover:#7aba33; --pit-accent-dark:#4c7a19; --pit-accent-soft:#eef7e4;
  --pit-surface:#f6f6f6; --pit-fill:#ececef; --pit-line:#e6e6ea; --pit-line-strong:#d2d2d7;
  --pit-warn:#8a5a00; --pit-warn-soft:#fdf3dc; --pit-bad:#c1271d; --pit-bad-soft:#fdecea; --pit-info:#2a5f96; --pit-info-soft:#e8f0fa;
  --pit-r:18px; --pit-r-s:12px;
  --pit-golge:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);
  --pit-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.pit{
  color:var(--pit-fg); font-family:var(--pit-font); font-size:15px; line-height:1.47; letter-spacing:-.01em; -webkit-font-smoothing:antialiased;
  display:flex; flex-direction:column; max-width:1200px; margin:0 auto 40px; background:var(--pit-zemin); border-radius:28px; overflow:hidden;
}
.pit *,.pit-perde *,.pit-giris *{box-sizing:border-box}
.pit h2{font-size:1.75rem;margin:0;color:var(--pit-ink);line-height:1.15;font-weight:700;letter-spacing:-.025em}
.pit h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.015em;color:var(--pit-ink);margin:0 0 14px}
.pit-not{color:var(--pit-muted);font-size:.8125rem;margin:0}

/* ---------- kimlik çubuğu ---------- */
.pit-ustbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:28px 32px 4px;min-height:84px}
.pit-kimlik{display:flex;align-items:center;gap:14px}
.pit-kimlik .pit-avatar{width:48px;height:48px;border-radius:50%;background:var(--pit-accent);color:var(--pit-ink);display:grid;place-items:center;font-weight:600;font-size:1rem;letter-spacing:.01em;flex:none}
.pit-kimlik b{display:block;font-weight:600;font-size:1.3125rem;line-height:1.2;letter-spacing:-.02em;color:var(--pit-ink)}
.pit-kimlik div span{display:block;font-size:.875rem;color:var(--pit-muted);margin-top:2px}
@media (max-width:600px){.pit-ustbar{padding:22px 18px 4px}}

/* ---------- bölümlü seçici (sekmeler, gruplama, yönetim paneli bölümü) ---------- */
.pit-sekmeler,.pit-modul{display:inline-flex;gap:2px;background:var(--pit-fill);border-radius:12px;padding:3px;max-width:100%;overflow-x:auto;scrollbar-width:none;align-self:flex-start}
.pit-sekmeler::-webkit-scrollbar{display:none}
.pit-sekme,.pit-modul button{appearance:none;border:0;background:transparent;border-radius:9px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:-.01em;color:var(--pit-ink);cursor:pointer;white-space:nowrap;display:inline-flex;gap:7px;align-items:center;transition:background .2s,box-shadow .2s,color .2s}
.pit-sekme:hover,.pit-modul button:hover{color:#000}
.pit-sekme[aria-selected="true"],.pit-modul button[aria-pressed="true"]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.04);font-weight:600}
.pit-modul-kucuk button{padding:6px 12px;font-size:.8125rem}
.pit-icerik .pit-modul{background:var(--pit-fill)}
.pit-rozet{background:var(--pit-accent);color:var(--pit-ink);border-radius:999px;font-size:.6875rem;font-weight:700;padding:0 7px;line-height:1.6;min-width:20px;text-align:center}

/* ---------- çalışma alanı ---------- */
.pit-icerik{padding:20px 32px 36px;display:flex;flex-direction:column;min-width:0}
@media (max-width:600px){.pit-icerik{padding:16px 18px 24px}}
#pit-govde{padding-top:24px;min-height:460px}
#pit-govde>:first-child{margin-top:0!important}

/* ---------- düğmeler (hap) ---------- */
.pit-btn{appearance:none;border:0;background:var(--pit-fill);color:var(--pit-ink);font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:-.01em;padding:9px 18px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;line-height:1.25;text-decoration:none;transition:background .2s,color .2s,transform .1s}
.pit-btn:hover{background:#e2e2e6}
.pit-btn:active{transform:scale(.98)}
.pit-btn.ana{background:var(--pit-accent);color:var(--pit-ink);font-weight:600}
.pit-btn.ana:hover{background:var(--pit-accent-hover)}
.pit-btn.tehlike{background:var(--pit-bad-soft);color:var(--pit-bad)}
.pit-btn.tehlike:hover{background:#fadad6}
.pit-btn.kucuk{padding:6px 14px;font-size:.8125rem}
.pit-btn[disabled]{opacity:.45;cursor:not-allowed}
.pit-btn[disabled]:active{transform:none}
.pit :focus-visible,.pit-perde :focus-visible,.pit-giris :focus-visible{outline:3px solid rgba(134,200,60,.55);outline-offset:2px}

/* ---------- kartlar ---------- */
.pit-arac{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.pit-arac>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pit-arac>div>b{font-variant-numeric:tabular-nums}
.pit-kutu{background:var(--pit-bg);border-radius:var(--pit-r);box-shadow:var(--pit-golge);overflow:hidden}
.pit-tablo{overflow-x:auto}

/* ---------- tablolar ---------- */
.pit table{width:100%;border-collapse:collapse;font-size:.875rem;margin:0;border:0}
.pit th{text-align:left;font-weight:500;font-size:.75rem;letter-spacing:0;color:var(--pit-muted);padding:14px 16px 10px;border:0;border-bottom:1px solid var(--pit-line);background:transparent;white-space:nowrap}
.pit td{padding:13px 16px;border:0;border-bottom:1px solid var(--pit-line);vertical-align:middle;background:transparent}
.pit tbody tr:hover td{background:#fafafa}
.pit tr:last-child td{border-bottom:0}
.pit .sayi{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pit .tarih{font-variant-numeric:tabular-nums;white-space:nowrap}
.pit .sag{text-align:right;white-space:nowrap}
.pit-bos{padding:48px 16px;text-align:center;color:var(--pit-muted)}
.pit-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--pit-ink);cursor:pointer;text-align:left;white-space:nowrap}
.pit-link:hover{color:var(--pit-accent-dark);text-decoration:underline;text-underline-offset:3px}

/* ---------- durum etiketleri ---------- */
.pit-etiket{display:inline-block;font-size:.75rem;font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap;line-height:1.4}
.pit-etiket.yesil{background:var(--pit-accent-soft);color:var(--pit-accent-dark)}
.pit-etiket.sari{background:var(--pit-warn-soft);color:var(--pit-warn)}
.pit-etiket.kirmizi{background:var(--pit-bad-soft);color:var(--pit-bad)}
.pit-etiket.mavi{background:var(--pit-info-soft);color:var(--pit-info)}
.pit-etiket.gri{background:var(--pit-fill);color:var(--pit-muted)}
.pit .eksi{color:var(--pit-bad)}

/* ---------- özet kutuları ---------- */
.pit-ozet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:720px){.pit-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pit-ozet>div{background:var(--pit-bg);border-radius:var(--pit-r);box-shadow:var(--pit-golge);padding:18px 20px;display:flex;flex-direction:column;gap:4px;min-width:0}
.pit-ozet b{display:block;font-size:2.125rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere;color:var(--pit-ink)}
.pit-ozet span{font-size:.8125rem;color:var(--pit-muted);font-weight:500}
.pit-ozet>div.vurgu b{color:var(--pit-accent-dark)}
.pit-ozet>div.vurgu{box-shadow:var(--pit-golge),inset 0 0 0 2px var(--pit-accent)}

.pit-serit{padding:12px 16px;font-size:.875rem;border-radius:var(--pit-r-s)}
.pit-serit.sari{background:var(--pit-warn-soft);color:var(--pit-warn)}
.pit-serit.kirmizi{background:var(--pit-bad-soft);color:var(--pit-bad)}
.pit-serit.yesil{background:var(--pit-accent-soft);color:var(--pit-accent-dark)}
.pit-sifre-uyari{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}

/* ---------- form alanları ---------- */
.pit select,.pit input,.pit textarea,.pit-perde select,.pit-perde input,.pit-perde textarea{font-family:inherit;font-size:.9375rem;letter-spacing:-.01em;color:var(--pit-fg);background:var(--pit-bg);border:1px solid var(--pit-line-strong);border-radius:10px;padding:9px 12px;max-width:100%;min-height:40px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.pit select:focus,.pit input:focus,.pit textarea:focus,.pit-perde select:focus,.pit-perde input:focus,.pit-perde textarea:focus{border-color:var(--pit-accent);box-shadow:0 0 0 4px rgba(134,200,60,.2);outline:0}
.pit input[disabled]{background:var(--pit-surface);color:var(--pit-muted);border-color:var(--pit-line)}
.pit input[type=checkbox],.pit-perde input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:var(--pit-accent-dark)}
.pit-alan{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
.pit-alan>span{font-size:.8125rem;font-weight:600;color:var(--pit-ink)}
.pit-alan small{font-size:.75rem;color:var(--pit-muted)}
.pit-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:560px){.pit-izgara{grid-template-columns:1fr}}
.pit-onay{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;cursor:pointer;margin:0}
.pit-detay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;padding:24px}
@media (max-width:820px){.pit-detay{grid-template-columns:1fr}}
.pit-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;font-size:.875rem;margin:16px 0 0}
.pit-kv dt{color:var(--pit-muted);font-weight:400}
.pit-kv dd{margin:0}
.pit-hesap{border-radius:var(--pit-r-s);padding:14px 16px;font-size:.875rem;display:flex;flex-direction:column;gap:6px;background:var(--pit-surface)}
.pit-hesap .toplam{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--pit-ink)}
.pit-hata{color:var(--pit-bad);font-size:.8125rem;margin:0;font-weight:500}

/* ---------- pencere ---------- */
.pit-perde{position:fixed;inset:0;background:rgba(0,0,0,.32);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding:56px 12px 24px;overflow-y:auto;z-index:100000;font-family:var(--pit-font);color:var(--pit-fg);letter-spacing:-.01em}
.pit-pencere{background:var(--pit-bg);color:var(--pit-fg);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.22);width:100%;max-width:540px;padding:28px;display:flex;flex-direction:column;gap:16px}
.pit-pencere h2{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0;color:var(--pit-ink)}
.pit-pencere .eylem{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:6px}
.pit-bildirim{position:fixed;left:50%;transform:translateX(-50%);bottom:28px;background:rgba(51,51,51,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 20px;border-radius:999px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:.9375rem;font-weight:500;z-index:100001;box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* ---------- giriş kartı ---------- */
.pit-giris{max-width:400px;margin:40px auto;background:var(--pit-bg);color:var(--pit-fg);font-family:var(--pit-font);letter-spacing:-.01em;border-radius:24px;box-shadow:0 2px 6px rgba(0,0,0,.04),0 16px 48px rgba(0,0,0,.08);padding:36px 32px 32px;text-align:left}
.pit-giris-ust{display:flex;justify-content:center;margin-bottom:18px}
.pit-giris .pit-kilit{width:56px;height:56px;border-radius:50%;background:var(--pit-accent-soft);color:var(--pit-accent-dark);display:grid;place-items:center}
.pit-giris-marka{display:none}
.pit-giris-govde{padding:0}
.pit-giris h2.pit-giris-baslik{font-family:var(--pit-font)!important;font-size:2rem!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.03em!important;margin:0 0 6px!important;color:var(--pit-ink)!important;text-transform:none!important;text-align:center}
.pit-giris-govde>p{color:var(--pit-muted);font-size:1rem;margin:0 0 26px;text-align:center}
.pit-giris form p{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.pit-giris label{font-size:.8125rem;font-weight:600;color:var(--pit-ink)}
.pit-giris input[type=text],.pit-giris input[type=password]{width:100%;height:48px;padding:10px 14px;border:1px solid var(--pit-line-strong);border-radius:12px;font-family:inherit;font-size:1rem;background:#fff;color:var(--pit-fg);box-shadow:none;transition:border-color .2s,box-shadow .2s}
.pit-giris input[type=text]:focus,.pit-giris input[type=password]:focus{border-color:var(--pit-accent);box-shadow:0 0 0 4px rgba(134,200,60,.2);outline:0}
.pit-giris .login-remember{flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.pit-giris .login-remember label{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:400;cursor:pointer}
.pit-giris input[type=checkbox]{width:18px;height:18px;accent-color:var(--pit-accent-dark);margin:0}
.pit-giris .login-submit{margin:10px 0 0}
.pit-giris input[type=submit]{width:100%;height:50px;background:var(--pit-accent);border:0;color:var(--pit-ink);font-family:inherit;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;border-radius:12px;cursor:pointer;transition:background .2s,transform .1s}
.pit-giris input[type=submit]:hover{background:var(--pit-accent-hover)}
.pit-giris input[type=submit]:active{transform:scale(.99)}
.pit-giris-hata{background:var(--pit-bad-soft);color:var(--pit-bad);border-radius:12px;padding:12px 14px;font-size:.875rem;font-weight:500;margin:0 0 18px;text-align:center}
.pit-unuttum{appearance:none;background:none;border:0;padding:0;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--pit-accent-dark);cursor:pointer}
.pit-unuttum:hover{text-decoration:underline;text-underline-offset:3px}
.pit-u-metin{margin:0;font-size:.9375rem;line-height:1.55;color:var(--pit-muted)}

/* ---------- çeşitli ---------- */
.pit-kural td:first-child{font-weight:500}
.pit-proje{display:inline-flex;gap:6px;align-items:baseline;background:var(--pit-accent-soft);color:var(--pit-fg);border-radius:999px;padding:3px 10px;margin:2px 6px 2px 0;font-size:.8125rem;white-space:nowrap}
.pit-proje b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--pit-accent-dark)}
.pit-proje-liste{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.pit-proje-satir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:var(--pit-r-s);background:var(--pit-surface);border:1px solid transparent;transition:border-color .2s,background .2s}
.pit-proje-satir:has(input:checked){border-color:var(--pit-accent);background:var(--pit-accent-soft)}
.pit-proje-saat{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;margin:0}
.pit-proje-saat input{width:90px}
.pit-proje-saat[hidden]{display:none}
.pit-belge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:.8125rem;font-weight:500;color:var(--pit-accent-dark);text-decoration:none;white-space:nowrap}
.pit-belge:hover{text-decoration:underline;text-underline-offset:3px}
.pit-dosya{position:relative;display:block;cursor:pointer;margin:0}
.pit-dosya input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;min-height:0}
.pit-dosya-kutu{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--pit-line-strong);border-radius:var(--pit-r-s);padding:16px;color:var(--pit-muted);font-size:.875rem;background:var(--pit-surface);transition:border-color .2s,background .2s}
.pit-dosya:hover .pit-dosya-kutu{border-color:var(--pit-accent)}
.pit-dosya input:focus-visible+.pit-dosya-kutu{outline:3px solid rgba(134,200,60,.55);outline-offset:2px}
#pit-belge-k.secili .pit-dosya-kutu{border-style:solid;border-color:var(--pit-accent);background:var(--pit-accent-soft);color:var(--pit-fg)}
#pit-belge-k[hidden]{display:none}

/* ---------- grafikler ---------- */
.pit-grafik-kutu{padding:22px 24px;position:relative;display:flex;flex-direction:column;gap:14px;margin-bottom:16px;min-width:0;overflow:visible}
.pit-grafik-baslik{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.pit-grafik-baslik h3{margin:0}
.pit-grafik{width:100%;overflow-x:auto}
.pit-grafik svg text{font-family:var(--pit-font)}
.pit-grafik .pit-bar{transition:opacity .2s}
.pit-grafik.uzerinde .pit-bar{opacity:.3}
.pit-grafik.uzerinde .pit-bar.on{opacity:1}
.pit-lejant{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.8125rem;color:var(--pit-muted)}
.pit-lejant span{display:inline-flex;align-items:center;gap:7px}
.pit-lejant i,.pit-ipucu i{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.pit-ipucu{position:absolute;z-index:5;pointer-events:none;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--pit-fg);border-radius:14px;box-shadow:0 10px 36px rgba(0,0,0,.16);padding:12px 14px;font-size:.8125rem;min-width:210px}
.pit-ipucu strong{display:block;margin-bottom:6px;font-size:.8125rem;font-weight:600}
.pit-ipucu div{display:flex;align-items:center;gap:8px;padding:2px 0;color:var(--pit-muted)}
.pit-ipucu b{margin-left:auto;padding-left:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--pit-ink)}
.pit-ipucu-top{border-top:1px solid var(--pit-line);margin-top:6px;padding-top:7px!important;font-weight:600;color:var(--pit-ink)!important}
.pit-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:820px){.pit-iki{grid-template-columns:1fr}}
.pit-cubuklar{display:flex;flex-direction:column;gap:16px}
.pit-cubuk-ust{display:flex;justify-content:space-between;gap:10px;font-size:.9375rem;margin-bottom:7px}
.pit-cubuk-ust b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.pit-cubuk-ust b .pit-not{font-weight:400}
.pit-cubuk-iz{height:8px;background:var(--pit-fill);border-radius:999px;overflow:hidden;display:flex;gap:2px}
.pit-cubuk-iz>div{height:100%;border-radius:999px}
/* ısı tablosu */
.pit-isi{border-collapse:separate!important;border-spacing:3px}
.pit-isi td{border-bottom:0}
.pit-isi td.h{min-width:52px;text-align:center;font-size:.8125rem;font-variant-numeric:tabular-nums;border-radius:8px}
.pit-isi thead th{border-bottom:0}
.pit-isi thead th:not(:first-child):not(:nth-last-child(-n+2)){text-align:center}
.pit-isi td.h0{color:var(--pit-faint)}
.pit-isi td.h1{background:#eef7e4!important}
.pit-isi td.h2{background:#d6ecbf!important}
.pit-isi td.h3{background:#b4da8d!important}
.pit-isi td.h4{background:#86c83c!important;color:#1d2a0e;font-weight:600}
.pit-isi td.h5{background:#4c7a19!important;color:#fff;font-weight:600}
.pit-isi tbody tr:hover td{background:transparent}
.pit-isi-lejant{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--pit-muted)}
.pit-isi-lejant i{width:16px;height:10px;border-radius:3px;display:inline-block}
.pit th.sayi{font-size:.75rem}
@media (prefers-reduced-motion:no-preference){.pit-perde{animation:pitSol .2s ease-out}.pit-pencere{animation:pitBuyu .22s cubic-bezier(.2,.8,.2,1)}@keyframes pitSol{from{opacity:.3}to{opacity:1}}@keyframes pitBuyu{from{transform:scale(.97);opacity:.6}to{transform:none;opacity:1}}}
@media (prefers-reduced-motion:reduce){.pit *,.pit-perde *{transition:none!important}}