/* Nefamak intro — Mikro'dan okunurken gösterilen ortak bekleme ekranı (Üretim Anlık Takip, Mikro Raporlar, Patron Paneli).
   Renkler logodan: kırmızı #e2231a, lacivert #1f4e8c. Kullanım: nefamak-intro.js → nefamakIntro({ alt, not, kucuk }). */
.nf-intro{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:340px;padding:30px 16px;
  background:radial-gradient(ellipse at 50% 38%,#fff 0%,#f6f8fc 60%,#eef1f6 100%);border:1px solid #e1e6ee;border-radius:16px;overflow:hidden;
  font-family:"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box;width:100%}
.nf-intro *{box-sizing:border-box}
.nf-sahne{position:relative;width:150px;height:150px;display:grid;place-items:center;flex:none}
.nf-sahne::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff;box-shadow:0 6px 24px rgba(31,78,140,.10)}
.nf-logo{position:relative;width:92px;height:92px;opacity:0;transform:scale(.55) rotate(-25deg);animation:nfGel .9s cubic-bezier(.2,1.4,.4,1) .1s forwards,nfNefes 2.4s ease-in-out 1.1s infinite}
.nf-halka{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:nfBelir .5s ease .5s forwards}
.nf-halka circle{fill:none;stroke-width:4;stroke-linecap:round;transform-origin:75px 75px}
.nf-halka .h0{stroke:#e9edf3;stroke-width:2}
.nf-halka .h1{stroke:#e2231a;stroke-dasharray:150 320;animation:nfDon 1.6s linear infinite}
.nf-halka .h2{stroke:#1f4e8c;stroke-dasharray:90 300;animation:nfDon 2.3s linear infinite reverse}
.nf-ad{display:flex;gap:4px;font-size:30px;font-weight:800;letter-spacing:4px;color:#1f4e8c;margin-top:4px;line-height:1.1}
.nf-ad span{opacity:0;transform:translateY(14px);animation:nfHarf .5s ease forwards}
.nf-ad span.k{color:#e2231a}
.nf-alt{font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#b45309;opacity:0;animation:nfBelir .6s ease 1.4s forwards;text-align:center}
.nf-bar{width:min(320px,80%);height:4px;border-radius:2px;background:#e3e8f0;overflow:hidden;margin-top:8px;opacity:0;animation:nfBelir .4s ease 1.6s forwards}
.nf-bar i{display:block;width:40%;height:100%;border-radius:2px;background:linear-gradient(90deg,#1f4e8c,#e2231a,#ea8a1a);animation:nfAk 1.3s ease-in-out infinite}
.nf-not{font-size:12.5px;color:#6b7a90;opacity:0;animation:nfBelir .6s ease 1.8s forwards;text-align:center}
/* kompakt: pencere içi / tablo satırı (logo + halka yan yana yazı) */
.nf-intro.kucuk{flex-direction:row;min-height:0;padding:14px 18px;gap:14px;border-radius:12px;background:#fbfcfe}
.nf-intro.kucuk .nf-sahne{width:56px;height:56px}
.nf-intro.kucuk .nf-sahne::before{inset:5px;box-shadow:none}
.nf-intro.kucuk .nf-logo{width:34px;height:34px}
.nf-intro.kucuk .nf-halka circle{stroke-width:6}
.nf-intro.kucuk .nf-yazi{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.nf-intro.kucuk .nf-ad{font-size:17px;letter-spacing:2.5px;gap:2px;margin:0}
.nf-intro.kucuk .nf-alt{font-size:11px;letter-spacing:1.5px;animation-delay:.9s;text-align:left}
.nf-intro.kucuk .nf-not{animation-delay:1s;text-align:left}
.nf-intro.kucuk .nf-bar{width:160px;margin:2px 0 0;animation-delay:1s}
@keyframes nfGel{to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes nfNefes{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes nfDon{to{transform:rotate(360deg)}}
@keyframes nfBelir{to{opacity:1}}
@keyframes nfHarf{to{opacity:1;transform:translateY(0)}}
@keyframes nfAk{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@media(max-width:640px){.nf-intro{min-height:280px}.nf-ad{font-size:24px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){.nf-intro *{animation:none!important;opacity:1!important;transform:none!important}}
@media print{.nf-intro{display:none!important}}
/* yazdırma dipnotu (nefamakDipnot) */
.nf-dipnot{display:none}
@media print{.nf-dipnot{display:block!important;margin:12px 0 0;padding-top:4px;border-top:1px solid #c8ccd4;font:8pt/1.3 "Segoe UI",Arial,sans-serif;color:#555;break-inside:avoid}}