:root{--blue:#0072bc;--blue-600:#005b96;--bg:#f1f5f9;--card:#ffffff;--border:#d8e0ea;--text:#0f172a;--muted:#5b6b7f;--ok:#1a9f48;--warn:#f59e0b;--err:#cc2e2e;}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
.wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:18px;padding:18px}
.sidebar{background:#f8fbff;border:1px solid var(--border);border-radius:12px;padding:16px;position:sticky;top:12px;height:max-content}
.sb-box{padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;margin:10px 0;color:var(--muted);font-size:13px}
.progress{height:8px;background:#e7eef7;border-radius:999px;overflow:hidden}
.progress>div{height:100%;background:var(--blue);width:0%}
.steps{display:grid;gap:8px;margin-top:10px}
.step-item{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#334155;font-weight:600}
.step-item.active{background:#e6f1fb;border-color:#b9d2ec;color:#0f3e69}
.content{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.h-title{font-weight:800;font-size:18px;color:#204766}
.small{font-size:12px;color:var(--muted)}
.input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px;outline:0}
.actions{margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{background:var(--blue);color:#fff;padding:12px 18px;border-radius:999px;border:0;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn.secondary{background:#e2e8f0;color:#0f172a}
.info-box{border:1px dashed #c8d5e6;background:#f7fbff;border-radius:10px;padding:14px;color:#294a68}
.checkline{display:flex;gap:10px;align-items:flex-start;margin-top:10px}
.viewer{width:100%;height:78vh;border:1px solid var(--border);border-radius:10px;display:block}
.footer{max-width:1200px;margin:12px auto 24px;color:#6b7c90;font-size:12px;text-align:center}
@media(max-width:980px){.wrapper{grid-template-columns:1fr;padding:12px}.sidebar{position:relative} .viewer{height:60vh}}

/* === MOBILE: mask step block (1–4) === */
@media (max-width: 768px) {
  /* Tüm yan paneli gizle (içindeki sb-box + steps ile birlikte) */
  .sidebar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* İçeriği tek sütuna yay (çoğu sürümde 980px media zaten yapıyor; bu garanti) */
  .wrapper {
    grid-template-columns: 1fr !important;
    padding: 12px !important; /* mevcut tablet kuralıyla uyumlu */
  }
}

/* === MOBİL PDF GÖRÜNÜMÜ === */
@media (max-width: 768px) {

  /* PDF kapsayıcısı (iframe veya object fark etmez) */
  iframe.viewer,
  object.viewer {
    width: 100vw !important;
    height: 100vh !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: none !important;
    transform-origin: top center;
    background: #fff;
  }

  /* Ana içerik alanı tam ekran */
  .content {
    width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  /* Body ve HTML scroll kapat */
  html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden !important;
    background: #fff;
    -webkit-overflow-scrolling: none;
  }

  /* Scroll bar’ları tamamen gizle */
  ::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}
/* === MOBİL PDF NETLİK & TAM EKRAN === */
@media (max-width: 768px) {

  iframe.viewer,
  object.viewer {
    width: 100vw !important;
    height: 100vh !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: none !important; /* zoom kalkar */
    transform-origin: top center;
    background: #fff;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  .content {
    width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background: #fff;
  }

  html, body {
    overflow: hidden !important;
    height: 100% !important;
    background: #fff !important;
    -webkit-overflow-scrolling: auto !important;
  }

  /* PDF bulanıklığını engelle */
  iframe.viewer::-webkit-pdf-viewer {
    transform: translateZ(0);
  }

  ::-webkit-scrollbar {
    display: none !important;
  }
}