/* web.css — web.inkiveta.com temel stili. Satır içi stil YOK (CSP style-src 'self').
   RENK YALNIZ tema.css `--t-*`/`--f-*` token'larından (W3): açık/koyu/sistem seçimini (data-tema + sistem tercihi) ve
   `color-scheme` bildirimini tema.css taşır; burada tema-koşullu renk tanımı YOK. Tek istisna aşağıdaki koyu duvar
   kâğıdı (görsel süzgeci): tema.css ile AYNI iki dal (data-tema="koyu" + sistem-koyu/data-tema açık değil). */
:root {
  --yazi-tipi: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
html, body { margin: 0; min-height: 100%; background: var(--t-canvas); color: var(--t-ink); font-family: var(--yazi-tipi); }
#uygulama { min-height: 100vh; }
.kabuk { min-height: 100vh; }

/* Hata ekranı (kalkan.js). */
.kalkan-yedek { max-width: 560px; margin: 48px auto; padding: 0 16px; }
.kalkan-yedek h1 { font-size: 1.25rem; margin: 0 0 10px; }
.kalkan-yedek p { color: var(--t-sub); margin: 0 0 10px; }
.kalkan-yedek button { font: inherit; padding: 10px 16px; cursor: pointer; }

/* Betiksiz son kalkan (index.html). Uygulama 15 sn içinde ilk ekranı çizerse
   (#uygulama replaceChildren) öğe DOM'dan kalkar; çizemezse görünür. Stil
   dosyası da yüklenemezse öğe hemen görünür (uygulama da yoksa doğru). */
.kalkan-statik {
  visibility: hidden;
  max-width: 560px; margin: 48px auto; padding: 0 16px;
  animation: kalkan-statik-goster 0s linear 15s forwards;
}
.kalkan-statik h1 { font-size: 1.25rem; margin: 0 0 10px; }
.kalkan-statik p { color: var(--t-sub); margin: 0 0 10px; }
.kalkan-statik a { color: var(--t-primary-deep); font-weight: 700; }
@keyframes kalkan-statik-goster { to { visibility: visible; } }

/* Özel durum ekranları (js/ekran-ortak.mjs: eski tarayıcı, kurtarma, hata, sürüm, kasa bekliyor).
   Renkler YALNIZ tema.css `--t-*` token'larından; tasarım varyantı seçilene dek en sade tek sütun kart. */
.ekran { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px 16px; box-sizing: border-box; background: var(--t-canvas); color: var(--t-ink); }
.ekran-kart { width: 100%; max-width: 560px; padding: 28px 24px; box-sizing: border-box; background: var(--t-sheet); border: 1px solid var(--t-line); border-radius: 16px; }
.ekran-emoji { display: block; font-size: 2rem; line-height: 1; margin: 0 0 12px; }
.ekran-baslik { font-size: 1.375rem; line-height: 1.25; margin: 0 0 10px; color: var(--t-ink); }
.ekran-govde { margin: 0 0 16px; color: var(--t-sub); line-height: 1.5; }
.ekran-ayrinti { margin: 0 0 16px; padding-top: 12px; border-top: 1px solid var(--t-line); }
.ekran-ayrinti-baslik { font-size: .8125rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; margin: 0 0 8px; color: var(--t-muted); }
.ekran-liste { margin: 0; padding-left: 20px; line-height: 1.5; color: var(--t-ink); }
.ekran-adimlar { margin: 0 0 16px; padding-left: 22px; line-height: 1.5; color: var(--t-ink); }
.ekran-adimlar li, .ekran-liste li { margin: 0 0 6px; }
.ekran-eylemler { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; }
.ekran-dugme { font: inherit; font-weight: 700; min-height: 44px; padding: 10px 18px; border-radius: 12px; border: 1px solid transparent; cursor: pointer; }
.ekran-dugme--birincil { background: var(--t-primary-fill); color: var(--t-primary-contrast); }
.ekran-dugme--ikincil { background: transparent; color: var(--t-primary-deep); border-color: var(--t-line); }
.ekran-dugme:focus-visible { outline: 3px solid var(--t-primary-tint); outline-offset: 2px; }
.ekran-dipnot { margin: 0; font-size: .875rem; line-height: 1.45; color: var(--t-sub); }
.ekran[data-ton="tehlike"] .ekran-baslik { color: var(--t-danger-deep); }

/* Bağlama ekranı (.bag*) ve bağlandı karşılaması: css/ekran-giris.css (Plan 3 Task 7). */