/* MB396 - PC KABUGU: gercek zamanli "yaziyor" gosterge stilleri.
   Yalniz index.html (PC) bu dosyayi yukler; mobil/css/init.css'e dokunulmaz.
   Gosterge yazma kutusunun HEMEN USTUNDE ve kutunun kendi genisliginde cizilir;
   konum ve genislik rc/mb-yaziyor.js icinden olculur (position:fixed).
   PC temasinin yazi tipi DEGISTIRILMEZ: font-family bildirilmez, sayfanin
   kendi fontu miras alinir. Hap dili G395 mobil görünümüyle ayni: yari saydam
   gri hap, beyaz rumuz, sonunda 3 hareketli nokta. */
#mbYaziyorSatiri{position:fixed;left:8px;right:8px;bottom:62px;z-index:600;display:none;flex-wrap:wrap;align-items:center;gap:6px;pointer-events:none;-webkit-user-select:none;user-select:none}
#mbYaziyorSatiri.acik{display:flex}
#mbYaziyorSatiri .mb-yaziyor-kisi{display:inline-flex;align-items:flex-end;max-width:100%;box-sizing:border-box;padding:4px 8px;background:rgba(60,60,60,.55);border-radius:4px;color:#fff;font-size:12px;font-weight:400;font-style:normal;line-height:1.2;letter-spacing:0;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.2)}
#mbYaziyorSatiri .mb-yaziyor-ad{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mbYaziyorSatiri .mb-yaziyor-nokta{display:inline-flex;align-items:flex-end;gap:2px;margin-left:2px;margin-bottom:2px;flex:none}
#mbYaziyorSatiri .mb-yaziyor-nokta i{display:block;width:3px;height:3px;border-radius:50%;background:#fff;animation:mbYazNokta 1s infinite}
#mbYaziyorSatiri .mb-yaziyor-nokta i:nth-child(2){animation-delay:.2s}
#mbYaziyorSatiri .mb-yaziyor-nokta i:nth-child(3){animation-delay:.4s}
@keyframes mbYazNokta{0%,100%{opacity:.35}50%{opacity:1}}