/* Renk belirteçleri pano/sablon.html Grafit şemasıyla aynı (açık + koyu). */
:root { --bg: #f2f3f5; --card: #ffffff; --ink: #16181d; --muted: #5b616b; --line: #dfe2e6;
  --p7: #077878; --on-p7: #ffffff; --focus: #029393; --kirmizi: #a8322a; --kirmizi-zemin: #f6dedb; }
@media (prefers-color-scheme: dark) { :root {
  --bg: #111214; --card: #1c1c1f; --ink: #ececef; --muted: #a2a5ad; --line: #323338;
  --p7: #5ec8c1; --on-p7: #0b1514; --focus: #5ec8c1; --kirmizi: #f08a7e; --kirmizi-zemin: #3e1d1a; } }
* { box-sizing: border-box; }
html { background: var(--bg); overscroll-behavior-y: none; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; overscroll-behavior-y: none; background: var(--bg); color: var(--ink);
  font: 16px/1.5 -apple-system, system-ui, "Segoe UI", sans-serif;
  display: flex; align-items: center; justify-content: center;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
main { width: 100%; max-width: 24rem; }
.logo { display: block; height: 44px; width: auto; margin: 0 0 8px; }
p.alt { margin: 0 0 24px; color: var(--muted); }
p.kucuk { margin: 16px 0 0; font-size: .9rem; text-align: center; }
/* KM3 P5a (A8, WCAG 2.5.8): küçük bağlantılar en az 44 px yüksek dokunma alanı; cümle içi bağlantı (onay metni) istisnadır. */
p.kucuk a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px; }
a { color: var(--p7); }
form { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 18px; }
label { display: block; font-size: .9rem; color: var(--muted); margin: 0 0 4px; }
input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]), textarea, select, [contenteditable="true"] { font-size: max(16px,1rem) !important; }
input { width: 100%; min-height: 48px; padding: 0 12px; margin: 0 0 14px; font: inherit;
  color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 10px; }
input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
button { width: 100%; min-height: 48px; font: inherit; font-weight: 600; border-radius: 10px; border: 1px solid var(--p7);
  background: var(--p7); color: var(--on-p7); cursor: pointer; }
button[disabled] { opacity: .55; cursor: default; }
.hata { min-height: 1.5em; margin: 0 0 12px; padding: 0; color: var(--kirmizi); font-size: .95rem; }
.hata:not(:empty) { padding: 8px 10px; background: var(--kirmizi-zemin); border-radius: 8px; }
.ok { margin: 0 0 12px; color: var(--ink); }
[hidden] { display: none !important; }
section > .hata { margin-top: 0; }
section > button { margin: 0 0 4px; }
/* KVKK aydınlatma metni: ayrı sayfada tam, kurulumda kaydırılır kutuda. */
body.metin { display: block; }
body.metin main { max-width: 40rem; margin: 0 auto; }
article h1 { font-size: 1.2rem; margin: 0 0 12px; }
article h2 { font-size: 1rem; margin: 18px 0 6px; }
article p, article li { font-size: .95rem; }
.taslak { padding: 8px 10px; border: 1px dashed var(--line); border-radius: 8px; color: var(--muted); }
.kvkk-kutu { max-height: 14rem; overflow-y: auto; margin: 0 0 12px; padding: 10px 12px; background: var(--bg);
  border: 1px solid var(--line); border-radius: 10px; }
.kvkk-kutu article h1 { font-size: 1rem; }
.onay { display: flex; gap: 10px; align-items: flex-start; min-height: 44px; margin: 0 0 14px; font-size: .95rem; color: var(--ink); }
.onay input { width: 24px; min-height: 24px; height: 24px; margin: 2px 0 0; flex: none; accent-color: var(--p7); }