/* ============================================================
   FIX v2: Tombol logout hilang/tidak bisa dipencet di mobile
   ============================================================
   Percobaan pertama (cuma hapus margin-right:500px) ternyata belum
   cukup - kemungkinan ada interaksi float lain yang bikin ikon logout
   tetap tidak muncul. Sekarang didekati lebih tegas: ikon logout
   diposisikan eksplisit (position:absolute) di pojok kanan atas
   .headbar, TIDAK lagi mengandalkan float sama sekali. .headbar
   sendiri sudah position:fixed, jadi child dengan position:absolute
   akan menempel relatif terhadapnya.

   Cara pakai tetap sama seperti sebelumnya - link CSS ini di-load
   SETELAH settings.css, tidak mengubah file settings.css asli.
   ============================================================ */

.headbar {
  margin-right: 0px !important;
  position: fixed !important;
}

#logout.btn_notif {
  float: none !important;
  position: absolute !important;
  top: 0px !important;
  right: 10px !important;
  z-index: 999 !important;
  display: block !important;
  color: #ffffff !important;
}

#logout.btn_notif i,
#logout.btn_notif span {
  color: #ffffff !important;
}

/* FIX tambahan: setelah ikon logout dipindah jadi position:absolute,
   teks nama user (elemen berikutnya yang masih float:right) otomatis
   maju mengisi tempat logout yang lama, jadi tertimpa/bertabrakan
   dengan ikon logout yang sekarang mengambang di atasnya. Digeser ke
   kiri secukupnya (kira-kira selebar ikon logout) supaya tidak
   tumpang tindih. */
.btn_HeadBar {
  margin-right: 48px !important;
}