/* =========================================
   KOMUT ROTASI - MOBIL PROGRAMLAMA MODUL
   F6-14-S023: modul.html icindeki <style> blogundan tasindi
   ========================================= */
  /* ── MP Renk tokenları ── */
  :root {
    --mod-color:#6366f1; --mod-glow:rgba(99,102,241,.16);
    --secondary-rgb:249,115,22;
  }
  [data-theme="corporate"]{
    --mod-color:#2563eb; --mod-glow:rgba(37,99,235,.14);
  }

  /* ── Logo ── */

  /* ── Telefon canvas ── */
  .cpu-wrap{position:relative;width:min(22vw,260px);aspect-ratio:9/16;}
  .cpu-glow{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,var(--mod-glow) 0%,transparent 65%);animation:modGlowPulse 3.5s ease-in-out infinite;}
  #cpuCanvas{width:100%;height:100%;display:block;}

/* F6-14-S023: ilerleme cubugu baslangic degeri (JS zaten .style.width= ile gunceller) */
#mpIlFill { width: 0%; }

/* F6-14-S023: tema tepsisi onizleme renkleri - bu sayfaya ozgu palet */

/* F6-14-S023: JS kaynakli statik yardimci siniflar */
.pipeline-check-ikon { position: absolute; top: 8px; right: 12px; color: color-mix(in srgb, #10b981 var(--kimlik-yazi-orani, 100%), var(--text1)); font-size: 1.2rem; }
.mp-modul-durum-mesaji { color: var(--text2); padding: 2rem; }
.mp-modul-durum-mesaji-merkez { text-align: center; }