/* dogrula.css — wo7 "Sürümü doğrula" sayfası `/dogrula` (Plan 6 T18; js/ekran-dogrula.mjs). Kaynak: design/web_oturum-showcase/v07-surum-dogrulama.html
   yerel stillerinin TAŞINMIŞ hâli (`.belge*`, `.durum-*`, `.karsilastir`, `.adim-d`, `.sinir`, `.gecmis*`, `.dcip`, `.hash`). Tüm sınıflar `dg-` önekli
   (başka kümelerle çakışmaz); `.kahraman*` ve `.btn*` kabuğun ortak sınıflarıdır (ekran-giris.css / kabuk.css).
   Renk YALNIZ takma adlardan (tasarim-adlari.css → --t-*); ham renk YOK (test/renk-kapisi.test.mjs). Satır içi stil YOK (CSP style-src 'self'). */

.dg-sayfa{ min-height:100vh; box-sizing:border-box; display:flex; flex-direction:column; background:var(--app-bg); color:var(--ink); }
.dg-sayfa :focus-visible{ outline:2px solid var(--primary-deep); outline-offset:2px; }
.dg-sayfa [hidden]{ display:none !important; }

/* ---- Üst çubuk ------------------------------------------------------------------ */
.dg-ust{ display:flex; align-items:center; gap:10px; padding:16px 40px; background:var(--sheet); border-bottom:1px solid var(--line); font-weight:var(--fw-x); font-size:var(--fs-h3); }
.dg-logo{ width:26px; height:26px; border-radius:7px; }
.dg-yol{ color:var(--muted); font-weight:var(--fw-semi); }
.dg-don{ margin-left:auto; }

/* ---- İki sütun ------------------------------------------------------------------ */
.dg-ic{ flex:1; min-height:0; display:grid; grid-template-columns:minmax(0, 1fr) 400px; gap:24px; padding:24px 40px; align-items:start; }
.dg-sol, .dg-sag{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.dg-kart{ background:var(--card-bg); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-sm), var(--shadow-ic); }

/* ---- Durum kartı ---------------------------------------------------------------- */
.dg-durum{ padding:24px; display:flex; flex-direction:column; gap:16px; }
.dg-durum--tehlike{ border-color:color-mix(in srgb, var(--danger-ink) 40%, transparent); }
.dg-durum-ust{ display:flex; gap:18px; align-items:center; }
.dg-durum-ust .kahraman{ --k:80px; }
.dg-durum-ust h1{ margin:8px 0 0; font-size:var(--fs-h1); font-weight:var(--fw-x); letter-spacing:-.3px; }
.dg-durum-ust p{ margin:4px 0 0; color:var(--sub); font-size:var(--fs-sub); }

/* durum çipi: RENK + ŞEKİL + METİN */
.dg-cip{ display:inline-flex; align-items:center; gap:7px; height:28px; padding:0 12px 0 6px; border-radius:var(--r-pill); font-size:var(--fs-cap); font-weight:var(--fw-x); white-space:nowrap; }
.dg-sekil{ width:18px; height:18px; display:grid; place-items:center; flex:none; font-size:var(--fs-micro); font-weight:var(--fw-x); line-height:1; }
.dg-cip--tamam{ background:var(--primary-soft); color:var(--on-primary-soft); }
.dg-cip--tamam .dg-sekil{ border-radius:50%; background:var(--primary-fill); color:var(--fixed-white); }
.dg-cip--uyari{ background:var(--gold-soft); color:var(--gold-ink); }
.dg-cip--uyari .dg-sekil{ clip-path:polygon(50% 4%, 98% 94%, 2% 94%); background:var(--gold); color:var(--fixed-ink); padding-top:4px; }
.dg-cip--tehlike{ background:var(--danger-soft); color:var(--on-danger-soft); }
.dg-cip--tehlike .dg-sekil{ border-radius:4px; background:var(--presence-dnd); color:var(--fixed-white); }

/* ---- Karşılaştırma tablosu ------------------------------------------------------ */
.dg-karsilastir{ display:grid; grid-template-columns:150px 1fr; gap:10px 16px; align-items:start; padding:16px; border-radius:var(--r-md); background:var(--sheet-2); border:1px solid var(--line); }
.dg-karsilastir dt{ font-size:var(--fs-cap); font-weight:var(--fw-bold); color:var(--sub); padding-top:2px; }
.dg-karsilastir dd{ margin:0; }
.dg-hash{ display:grid; grid-template-columns:repeat(8, auto); justify-content:start; gap:2px 10px; font-family:var(--font-mono); font-size:var(--fs-cap); letter-spacing:.5px; color:var(--ink); word-break:break-all; }
.dg-hash .dg-fark{ background:var(--danger-soft); color:var(--on-danger-soft); border-radius:4px; padding:0 3px; font-weight:var(--fw-x); }
.dg-eylemler{ display:flex; flex-wrap:wrap; gap:10px; }

/* ---- Nasıl doğrularım ----------------------------------------------------------- */
.dg-adimlar{ padding:20px 24px; }
.dg-adimlar h2{ margin:0 0 12px; font-size:var(--fs-h3); font-weight:var(--fw-x); }
.dg-adim{ display:flex; gap:14px; align-items:flex-start; padding:10px 0; border-top:1px solid var(--line-soft); font-size:var(--fs-sub); }
.dg-adimlar h2 + .dg-adim{ border-top:0; }
.dg-adim-no{ width:28px; height:28px; flex:none; box-sizing:border-box; border-radius:50%; display:grid; place-items:center; background:var(--primary-soft); color:var(--on-primary-soft); font-weight:var(--fw-x); font-size:var(--fs-cap); border:1px solid var(--primary-tint); }
.dg-adim b{ display:block; }
.dg-adim-govde{ color:var(--sub); }

/* ---- Bunun koruyamadığı (KM2 sınırı; HER durumda görünür) ----------------------- */
.dg-sinir{ padding:20px 22px; background:var(--gold-soft); border:1px solid var(--gold-line); border-radius:var(--r-lg); }
.dg-sinir h2{ display:flex; align-items:center; gap:10px; margin:0 0 10px; font-size:var(--fs-h3); font-weight:var(--fw-x); color:var(--ink); }
.dg-sinir-ikon{ order:-1; font-size:22px; }
.dg-sinir p{ margin:0 0 10px; font-size:var(--fs-sub); color:var(--gold-ink); line-height:1.5; }
.dg-sinir p:last-child{ margin:0; }
.dg-sinir b{ color:var(--ink); }

/* ---- Yayımlanan sürümler -------------------------------------------------------- */
.dg-gecmis{ padding:18px 20px; }
.dg-gecmis h2{ margin:0 0 8px; font-size:var(--fs-h3); font-weight:var(--fw-x); }
.dg-gecmis-s{ display:flex; align-items:center; gap:10px; padding:8px 0; border-top:1px solid var(--line-soft); font-size:var(--fs-sub); }
.dg-gecmis h2 + .dg-gecmis-s{ border-top:0; }
.dg-gecmis-surum{ font-weight:var(--fw-bold); flex:1; }
.dg-gecmis-iz{ font-family:var(--font-mono); font-size:var(--fs-cap); color:var(--sub); }
.dg-gecmis-tarih{ color:var(--muted); font-size:var(--fs-cap); }

/* ---- Dar ekran ------------------------------------------------------------------ */
@media (max-width: 900px) {
  .dg-ust{ padding:12px 16px; flex-wrap:wrap; }
  .dg-ic{ grid-template-columns:minmax(0, 1fr); padding:16px; }
  .dg-karsilastir{ grid-template-columns:minmax(0, 1fr); gap:4px 0; }
  .dg-karsilastir dd{ margin-bottom:8px; }
  .dg-hash{ grid-template-columns:repeat(4, auto); }
  .dg-durum-ust{ flex-direction:column; align-items:flex-start; }
}