/* ============================================================
   modul/yazili.css — SADECE "yazili" modülü
   OTOMATİK ÜRETİLDİ — app-native.css'ten ayrıştırıldı (15 kural)
   Kaynak dosya SİLİNMEDİ: shared/css/app-native.css
   Bu dosyaya elle yazılan kurallar SADECE bu modülü etkiler.
   ============================================================ */

html[data-module="yazili"]    { --m-accent:#FF7A1A; --m-accent-soft:rgba(255,122,26,.10);  --m-grad:linear-gradient(135deg,#FF7A1A,#FF3D71); }

html[data-module="yazili"] .step-pill{
  display:inline-flex; align-items:center;
  padding:6px 12px; border-radius:999px;
  background:var(--bg3); color:var(--text3);
  font-weight:800; white-space:nowrap;
  transition:all .2s;
}

html[data-module="yazili"] .step-pill.act{
  background:var(--m-grad); color:#fff;
  box-shadow:0 4px 12px -4px var(--m-accent);
}

html[data-module="yazili"] .step-line{
  background:linear-gradient(90deg,#FF7A1A,#FF3D71) !important;
  border-radius:4px;
}

html[data-module="yazili"] .step-pill.done{
  background:rgba(0,191,166,.14); color:#00A38F;
}

html[data-module="yazili"] header div:has(> .step-pill){
  display:flex; flex-wrap:nowrap; overflow-x:auto;
  scrollbar-width:none; -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  padding-bottom:2px;
}

html[data-module="yazili"] header div:has(> .step-pill)::-webkit-scrollbar{ display:none; }

html[data-module="yazili"] .step-pill{ flex:0 0 auto; }

html[data-module="yazili"] header .font-extrabold{ white-space:nowrap; }

html[data-module="yazili"] .bg-gradient-to-r{
  background:var(--m-grad);
}

html[data-module="yazili"] button.bg-gradient-to-r{
  box-shadow:0 8px 20px -6px var(--m-accent);
  border-radius:14px;
}

html[data-module="yazili"] header div:has(> .step-pill){
  overflow-x:auto; flex-wrap:nowrap;
  scrollbar-width:none; -ms-overflow-style:none;
  touch-action:pan-x;
  margin:0 -16px; padding-left:16px; padding-right:16px;
}

html[data-module="yazili"] header div:has(> .step-pill)::-webkit-scrollbar{ display:none; }

@media (max-width:480px){
  html[data-module="yazili"] .step-pill{ padding:5px 10px; font-size:10.5px; }
}

@media (max-width:560px){
  html[data-module="yazili"] header a[href*="ogrenciler"]{ display:none; }
}