/* Muhaceret · ortak tasarım dili
   Harita, sunum, teyit formu ve yönetici özeti bu dosyayı paylaşır.
   Renk yalnızca buradaki değişkenlerden gelir; metin renkleri WCAG AA (4,5) eşiğinin üstünde. */

:root {
  --paper: #F4F6F8; --surface: #FBFCFD; --surface-2: #E9EFF4;
  --ink: #1F2A33; --ink-2: #475765; --ink-3: #5A6977; --rule: #D3DBE2;
  --accent: #2D5F8A; --accent-soft: #E3ECF4; --on-accent: #FFFFFF;
  --ok: #276E4F; --ok-soft: #E1F0E8;
  --warn: #8F6310; --warn-soft: #F7EDD6;
  --bad: #A6363B; --bad-soft: #F7E3E4;
  --zone: #FBF3E2; --zone-line: #C9A257;
  --ust-bg: rgba(244, 246, 248, .86);
  --f-display: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --f-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", "Cascadia Mono", Consolas, monospace;
  --ust-h: 56px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #161B21; --surface: #1C232A; --surface-2: #232C34;
    --ink: #D8DEE4; --ink-2: #A3B0BB; --ink-3: #8593A0; --rule: #2C3640;
    --accent: #85B6DE; --accent-soft: #1A2B39; --on-accent: #10161C;
    --ok: #6DBF97; --ok-soft: #152A21;
    --warn: #DCB165; --warn-soft: #2A2316;
    --bad: #E58F93; --bad-soft: #2C1A1C;
    --zone: #2A2417; --zone-line: #8C7340;
    --ust-bg: rgba(22, 27, 33, .86);
  }
}
:root[data-theme="dark"] {
  --paper: #161B21; --surface: #1C232A; --surface-2: #232C34;
  --ink: #D8DEE4; --ink-2: #A3B0BB; --ink-3: #8593A0; --rule: #2C3640;
  --accent: #85B6DE; --accent-soft: #1A2B39; --on-accent: #10161C;
  --ok: #6DBF97; --ok-soft: #152A21;
  --warn: #DCB165; --warn-soft: #2A2316;
  --bad: #E58F93; --bad-soft: #2C1A1C;
  --zone: #2A2417; --zone-line: #8C7340;
  --ust-bg: rgba(22, 27, 33, .86);
}

/* ── Üst bant: dört sayfada aynı ── */
.ust {
  position: sticky; top: 0; z-index: 50; min-height: var(--ust-h);
  background: var(--ust-bg); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid var(--rule);
}
.ust-ic {
  max-width: 1160px; margin: 0 auto; min-height: var(--ust-h); padding: 0 16px;
  display: flex; align-items: center; gap: 18px;
}
.ust-ad {
  display: inline-flex; align-items: center; gap: 9px; text-decoration: none; color: var(--ink);
  font: 600 17px/1 var(--f-display); letter-spacing: -0.01em; white-space: nowrap;
}
.ust-logo { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: var(--accent); color: var(--on-accent); flex: none; }
.ust-logo svg { width: 20px; height: 20px; }
.ust-nav { display: flex; gap: 2px; flex: 1; overflow-x: auto; scrollbar-width: none; }
.ust-nav::-webkit-scrollbar { display: none; }
.ust-nav a {
  font: 500 13px var(--f-body); color: var(--ink-2); text-decoration: none; white-space: nowrap;
  padding: 7px 12px; border-radius: 999px;
}
.ust-nav a:hover { color: var(--accent); background: var(--surface-2); }
.ust-nav a[aria-current="page"] { color: var(--accent); background: var(--accent-soft); }
.tema {
  flex: none; width: 34px; height: 34px; display: grid; place-items: center; cursor: pointer;
  color: var(--ink-2); background: none; border: 1px solid transparent; border-radius: 50%;
}
.tema:hover { color: var(--accent); background: var(--surface-2); }
.tema svg { width: 18px; height: 18px; }
.ust a:focus-visible, .ust button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

@media (max-width: 640px) {
  .ust-ic { flex-wrap: wrap; gap: 6px 12px; padding: 8px 16px; }
  .ust-ad { flex: 1; }
  .ust-nav { order: 3; flex-basis: 100%; margin: 0 -8px; }
  .ust-nav a { padding: 6px 10px; }
}
@media print { .ust { display: none; } }

html, body { margin: 0; }
@media (max-width: 640px) { .ust { position: static; } }

/* ── Hızlı arama (Ctrl+K) ── */
.ara-ac {
  display: inline-flex; align-items: center; gap: 8px; flex: none; cursor: pointer;
  font: 500 13px var(--f-body); color: var(--ink-3); background: var(--surface);
  border: 1px solid var(--rule); border-radius: 999px; padding: 5px 8px 5px 11px;
}
.ara-ac:hover { color: var(--accent); border-color: var(--accent); }
.ara-ac svg { width: 15px; height: 15px; }
kbd { font: 500 10.5px var(--f-mono); color: var(--ink-3); background: var(--surface-2); border: 1px solid var(--rule); border-bottom-width: 2px; border-radius: 5px; padding: 1px 5px; }
@media (max-width: 640px) { .ara-ac kbd, .ara-ac span { display: none; } .ara-ac { padding: 7px; } }

.ara-ort {
  position: fixed; inset: 0; z-index: 100; display: flex; justify-content: center; align-items: flex-start;
  padding: 12vh 16px 16px; background: rgba(8, 12, 16, .55);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  opacity: 0; pointer-events: none; transition: opacity .15s;
}
.ara-acik .ara-ort { opacity: 1; pointer-events: auto; }
.ara-kutu {
  width: min(660px, 100%); max-height: 72vh; display: flex; flex-direction: column;
  background: var(--paper); border: 1px solid var(--rule); border-radius: 16px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .35); overflow: hidden;
  transform: translateY(-6px) scale(.99); transition: transform .15s;
}
.ara-acik .ara-kutu { transform: none; }
@media (prefers-reduced-motion: reduce) { .ara-ort, .ara-kutu { transition: none; } }
.ara-ust { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--rule); }
.ara-ust svg { width: 20px; height: 20px; color: var(--ink-3); flex: none; }
.ara-girdi { flex: 1; min-width: 0; font: 400 18px var(--f-body); color: var(--ink); background: none; border: 0; outline: none; }
.ara-girdi::placeholder { color: var(--ink-3); }
.ara-liste { overflow-y: auto; padding: 6px 8px 10px; margin: 0; list-style: none; }
.ara-grup { font: 500 10.5px var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); padding: 12px 10px 5px; }
.ara-sonuc { display: grid; grid-template-columns: 28px 1fr; gap: 2px 10px; padding: 9px 10px; border-radius: 10px; cursor: pointer; }
.ara-sonuc[aria-selected="true"] { background: var(--accent-soft); }
.ara-sonuc .ik { grid-row: span 3; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; font: 600 11px var(--f-mono); color: var(--accent); background: var(--surface-2); }
.ara-sonuc[aria-selected="true"] .ik { background: var(--surface); }
.ara-sonuc .bs { font: 500 15px var(--f-body); color: var(--ink); }
.ara-sonuc .al { font: 400 11.5px var(--f-mono); color: var(--ink-3); }
.ara-sonuc .pr { font-size: 13px; color: var(--ink-2); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ara-sonuc mark { background: none; color: var(--accent); font-weight: 600; }
.ara-sonuc .pr mark { background: var(--warn-soft); color: var(--ink); font-weight: 500; border-radius: 3px; padding: 0 1px; }
.ara-bos { padding: 26px 18px; color: var(--ink-3); font-size: 14.5px; }
.ara-alt { display: flex; gap: 16px; flex-wrap: wrap; padding: 9px 16px; border-top: 1px solid var(--rule); font-size: 12px; color: var(--ink-3); }
.ara-girdi:focus, .ara-girdi:focus-visible { outline: none; }