:root{
  --ink:#1b2130;
  --ink2:#535b6a;
  --muted:#8a909b;
  --line:#aab2be;
  --hair:#d8dce3;
  --plane:#f1f3f6;
  --plane-admin:#e6ebf2;
  --accent:#1c3d70;
  --paper:#fff;
  --desk:#e4e7eb;
  --rule:.5pt solid var(--line);
  --font:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}

@page{
  size:A4;
  margin:14mm 14mm 16mm;
  @bottom-left{
    content:"FSMVÜ HPC Kümesi · Kaynak Kullanım Başvuru Formu";
    font:7.5pt "Inter","Segoe UI",-apple-system,"Helvetica Neue",Arial,sans-serif;
    color:#8a909b;
  }
  @bottom-right{
    content:counter(page) " / " counter(pages);
    font:7.5pt "Inter","Segoe UI",-apple-system,"Helvetica Neue",Arial,sans-serif;
    color:#8a909b;
  }
}

*,*::before,*::after{ box-sizing:border-box; }
html{ font-size:9pt; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
body{
  margin:0;
  font-family:var(--font);
  line-height:1.35;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
}
h1,h2,p,ol{ margin:0; }
b{ font-weight:600; }

@media screen{
  html{ background:var(--desk); }
  body{
    width:210mm;
    min-height:297mm;
    margin:10mm auto;
    padding:14mm 14mm 16mm;
    background:var(--paper);
    box-shadow:0 1px 2px rgb(0 0 0 / .06), 0 10px 30px rgb(0 0 0 / .08);
  }
}

.bas{
  display:grid;
  grid-template-columns:1fr 150pt;
  gap:14pt;
  align-items:end;
  padding-bottom:8pt;
  margin-bottom:8pt;
  border-bottom:1.5pt solid var(--accent);
}
.kurum{
  margin-bottom:3pt;
  font-size:7.5pt;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--accent);
}
h1{ font-size:17pt; font-weight:650; letter-spacing:-.01em; line-height:1.15; }
.kayit{
  border:.75pt solid var(--line);
  border-radius:3pt;
  font-size:7.5pt;
  color:var(--ink2);
}
.kayit div{ padding:3pt 6pt 11pt; }
.kayit div + div{ border-top:.5pt solid var(--hair); }

.aciklama{ margin-bottom:7pt; color:var(--ink2); }

.akis{ display:flex; margin-bottom:10pt; }
.adim{
  flex:1;
  padding:4pt 6pt;
  border:var(--rule);
  border-radius:3pt;
  font-size:7.5pt;
  color:var(--ink2);
}
.adim b{ display:block; margin-bottom:1pt; font-size:8pt; font-weight:650; color:var(--ink); }
.adim .n{
  display:inline-block;
  width:11pt;
  height:11pt;
  margin-right:3pt;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  font-size:7pt;
  font-weight:650;
  line-height:11pt;
  text-align:center;
}
.ok{ flex:0 0 10pt; display:flex; align-items:center; justify-content:center; color:var(--muted); }

section{ margin-bottom:8pt; break-inside:avoid; }
h2{
  display:flex;
  align-items:baseline;
  gap:4pt;
  padding:4pt 7pt;
  background:var(--plane);
  border:var(--rule);
  border-bottom:0;
  border-radius:3pt 3pt 0 0;
  font-size:9.5pt;
  font-weight:650;
  break-after:avoid;
}
h2 .no{ min-width:10pt; color:var(--accent); }
h2 small{ margin-left:auto; font-size:7.5pt; font-weight:400; color:var(--ink2); }

.g{ display:grid; border-left:var(--rule); border-top:var(--rule); }
:is(.g,.kosul,.ekip) + .g{ border-top:0; }
.c2{ grid-template-columns:1fr 1fr; }
.c3{ grid-template-columns:repeat(3,1fr); }
.c4{ grid-template-columns:repeat(4,1fr); }
.c21{ grid-template-columns:2fr 1fr; }
.c12{ grid-template-columns:1fr 2fr; }
.c211{ grid-template-columns:2fr 1fr 1fr; }

.a{
  min-height:27pt;
  padding:3pt 6pt 4pt;
  border-right:var(--rule);
  border-bottom:var(--rule);
  background:var(--paper);
}
.a > label{ display:block; margin-bottom:2pt; font-size:7.5pt; color:var(--ink2); }
.a.kisa{ min-height:0; }
.a.orta{ min-height:42pt; }
.a.uzun{ min-height:62pt; }
.a.not{ min-height:70pt; }
.imza .a{ min-height:46pt; }
.imza .a.imzali{ min-height:62pt; }

.sec{ display:flex; flex-wrap:wrap; align-items:center; gap:3pt 14pt; }
.sec.dik{ flex-direction:column; align-items:flex-start; gap:4pt; }
.o{ white-space:nowrap; }
.cb{
  display:inline-block;
  width:8.5pt;
  height:8.5pt;
  margin-right:4pt;
  border:.75pt solid var(--ink);
  border-radius:1.5pt;
  background:var(--paper);
  vertical-align:-1pt;
}
.ipucu{ font-size:7.5pt; color:var(--muted); }
.dipnot{ margin-top:3pt; }
.bosluk{
  display:inline-block;
  min-width:60pt;
  height:9pt;
  border-bottom:.5pt solid var(--ink2);
  vertical-align:baseline;
}
.bosluk.u{ min-width:110pt; }

.ekip{ width:100%; border-collapse:collapse; table-layout:fixed; font-size:8pt; }
.ekip th,.ekip td{ border:var(--rule); }
.ekip th{
  padding:3pt 6pt;
  border-top:0;
  font-size:7.5pt;
  font-weight:400;
  color:var(--ink2);
  text-align:left;
}
.ekip th:nth-child(1){ width:34%; }
.ekip th:nth-child(2){ width:22%; }
.ekip td{ height:17pt; padding:0; }

.kosul{ padding:5pt 8pt 5pt 22pt; border:var(--rule); font-size:8.3pt; }
.kosul li{ margin-bottom:2pt; padding-left:1pt; }
.kosul li:last-child{ margin-bottom:0; }
.kosul li::marker{ color:var(--accent); font-weight:600; }

.yonetim{ margin-top:12pt; }
.ust-not{
  margin-bottom:4pt;
  padding-top:6pt;
  border-top:1.5pt solid var(--ink);
  font-size:7.5pt;
  font-weight:650;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--ink2);
}
.yonetim h2{ background:var(--plane-admin); }

@media print{
  .yonetim{ margin-top:0; break-before:page; }
}

@media screen and (max-width:640px){
  body{ width:auto; min-height:0; margin:0; padding:16px; box-shadow:none; }
  .bas{ grid-template-columns:1fr; }
  .akis{ flex-wrap:wrap; gap:4pt; }
  .adim{ flex:1 1 40%; }
  .ok{ display:none; }
  .g:is(.c2,.c3,.c4,.c21,.c12,.c211){ grid-template-columns:1fr; }
  h2{ flex-wrap:wrap; }
  h2 small{ margin-left:0; }
}
/* --- online form additions --- */
.hpc-in{display:block;width:100%;border:0;border-bottom:.5pt solid var(--hair);padding:2pt 0;font:inherit;color:var(--ink);background:transparent}
.hpc-in:focus{outline:none;border-bottom-color:var(--accent)}
textarea.hpc-in{min-height:40pt;resize:vertical}
.sec label{white-space:nowrap;cursor:pointer}
.sec.dik label{white-space:normal}
.sec input{margin-right:3pt;vertical-align:-1pt}
.hpc-err{display:block;margin-top:2pt;font-size:7.5pt;color:#b00020}
.hpc-req{color:#b00020;font-weight:600}
.hpc-in::placeholder,.ekip input::placeholder{color:#a8adb6;font-style:italic;opacity:1}
.hpc-invalid{background:#fff5f6}
.hpc-invalid .hpc-in,.hpc-in[aria-invalid="true"],.ekip input[aria-invalid="true"]{border-bottom-color:#b00020}
.hpc-invalid > label{color:#b00020}
.hpc-alert{margin:8pt 0;padding:6pt 8pt;border:.75pt solid #b00020;border-radius:3pt;color:#b00020;background:#fff5f6}
.hpc-alert.info{border-color:var(--accent);color:var(--accent);background:var(--plane)}
.hpc-actions{display:flex;align-items:center;gap:8pt;margin-top:10pt}
.hpc-btn{padding:6pt 14pt;border:0;border-radius:3pt;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.hpc-btn[disabled]{opacity:.6;cursor:wait}
.hpc-link{border:0;background:none;color:var(--accent);font:inherit;cursor:pointer;padding:0}
.ekip input{width:100%;border:0;padding:3pt 5pt;font:inherit;background:transparent}
.ekip td.rm{width:28pt;text-align:center}
.hpc-ok{padding:18pt;border:1pt solid var(--accent);border-radius:4pt;background:var(--plane);text-align:center}
.hpc-ok b{font-size:14pt;color:var(--accent)}
.hpc-terms-version{margin-top:3pt}
[hidden]{display:none !important}
@media print{.hpc-actions,.hpc-btn,.hpc-link{display:none}}

/* Başvuru sorgulama */
.hpc-nav{color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}
.hpc-nav:hover{text-decoration:underline}
.sorgu-bant{display:flex;align-items:center;justify-content:space-between;gap:8pt;margin:0 0 10pt;padding:6pt 9pt;border:var(--rule);border-radius:3pt;background:var(--plane);font-size:8.5pt;color:var(--ink2)}
.sorgu .hpc-actions{margin-top:6pt}
.val{font-size:9.5pt;color:var(--ink);word-break:break-word;white-space:pre-line}
.durum{margin:12pt 0 8pt;border:var(--rule);border-left:3pt solid var(--accent);border-radius:3pt;background:var(--plane)}
.durum-ust{display:flex;gap:18pt;padding:6pt 9pt 0}
.durum-ust b{display:block;font-size:10pt;color:var(--accent)}
.durum-ozet{margin:4pt 9pt 7pt;font-size:10.5pt;font-weight:650;color:var(--ink)}
.durum.t-ok{border-left-color:#1d7a46}.durum.t-ok .durum-ozet{color:#1d7a46}
.durum.t-warn{border-left-color:#a06200}.durum.t-warn .durum-ozet{color:#a06200}
.durum.t-bad{border-left-color:#b00020}.durum.t-bad .durum-ozet{color:#b00020}
.durum-akis .adim.st-done{border-color:#1d7a46;background:#f1f8f4}
.durum-akis .adim.st-done .n{background:#1d7a46}
.durum-akis .adim.st-cur{border:1pt solid var(--accent);background:#eef2f8;color:var(--ink)}
.durum-akis .adim.st-bad{border-color:#b00020;background:#fff5f6}
.durum-akis .adim.st-bad .n{background:#b00020}
.durum-akis .adim.st-wait,.durum-akis .adim.st-skip{opacity:.65}
.durum-akis .adim.st-wait .n,.durum-akis .adim.st-skip .n{background:var(--muted)}