:root {
  --mavi: #0b7fa6;
  --mavi-koyu: color-mix(in srgb, var(--mavi) 78%, #000);
  --mavi-acik: color-mix(in srgb, var(--mavi) 11%, #fff);
  --murekkep: #11181d;
  --gri: #5b6670;
  --gri-acik: #8a949c;
  --zemin: #f4f6f7;
  --kart: #ffffff;
  --cizgi: #dfe4e8;
  --kirmizi: #b3261e;
  --yesil: #1f7a4d;
  --c: #00a3e0; --m: #e5007e; --y: #ffe600; --k: #11181d;
  --baslik: "Barlow Condensed", "Arial Narrow", sans-serif;
  --govde: "Barlow", "Segoe UI", system-ui, sans-serif;
  --baslik-kalinlik: 700;
  --baslik-harf: uppercase;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 16px/1.55 var(--govde); color: var(--murekkep); background: var(--zemin); }
a { color: var(--mavi-koyu); }
h1, h2, h3 { font-family: var(--baslik); font-weight: var(--baslik-kalinlik); line-height: 1.05; margin: 0; letter-spacing: .005em; }
button, input, select, textarea { font: inherit; color: inherit; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 20px; border: 1px solid var(--mavi); border-radius: 6px;
  background: var(--mavi); color: #fff; font-weight: 600; text-decoration: none; cursor: pointer;
  transition: background .15s, border-color .15s;
}
.btn:hover { background: var(--mavi-koyu); border-color: var(--mavi-koyu); }
.btn.ikincil { background: transparent; color: var(--murekkep); border-color: var(--cizgi); }
.btn.ikincil:hover { border-color: var(--murekkep); background: transparent; }
.btn.tehlike { background: transparent; color: var(--kirmizi); border-color: #e9c3c0; }
.btn.tehlike:hover { background: #fbeceb; }
.btn.kucuk { min-height: 34px; padding: 0 12px; font-size: 14px; }
.btn:disabled { opacity: .55; cursor: default; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--mavi) 45%, transparent); outline-offset: 2px; }

/* Baskı kesim işaretleri — matbaa göndermesi */
.kesim { position: relative; }
.kesim::before, .kesim::after {
  content: ""; position: absolute; width: 22px; height: 22px; pointer-events: none;
  border-color: var(--gri-acik); border-style: solid; opacity: .8;
}
.kesim::before { top: -12px; left: -12px; border-width: 0 1px 1px 0; }
.kesim::after { bottom: -12px; right: -12px; border-width: 1px 0 0 1px; }

.renk-seridi { display: flex; height: 6px; }
.renk-seridi span { flex: 1; }
.renk-seridi span:nth-child(1) { background: var(--c); }
.renk-seridi span:nth-child(2) { background: var(--m); }
.renk-seridi span:nth-child(3) { background: var(--y); }
.renk-seridi span:nth-child(4) { background: var(--k); }

label.alan { display: grid; gap: 6px; font-size: 14px; font-weight: 600; }
label.alan input, label.alan textarea, label.alan select {
  width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 6px;
  background: #fff; font-weight: 400; font-size: 16px;
}
label.alan textarea { min-height: 96px; resize: vertical; line-height: 1.45; }
label.alan input:focus, label.alan textarea:focus { outline: 0; border-color: var(--mavi); box-shadow: 0 0 0 3px var(--mavi-acik); }
label.alan small { font-weight: 400; color: var(--gri); }
.hata-kutu { display: none; padding: 10px 12px; border-radius: 6px; background: #fbeceb; color: var(--kirmizi); font-size: 14px; font-weight: 600; }
.hata-kutu.acik { display: block; }
.buyuk { text-transform: var(--baslik-harf); }