/* Portal ROSES v24DWR · Global icons profile alignment
   Ikon ikut rujukan profile.html: dalam topbar/header, bukan floating runtime.
   JS tidak create/move layout semasa load; hanya bind fungsi. */
.topbar-actions.roses-global-profile-actions,
.roses-global-profile-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
.topbar-actions.roses-global-profile-actions .icon-btn,
.roses-global-profile-actions .icon-btn,
.roses-global-static-topbar .icon-btn{
  min-width:44px!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;
  color:#fff!important;
  box-shadow:0 14px 26px rgba(15,23,42,.14)!important;
  cursor:pointer!important;
}
html[data-theme="light"] .topbar-actions.roses-global-profile-actions .icon-btn,
html[data-theme="light"] .roses-global-profile-actions .icon-btn,
html[data-theme="light"] .roses-global-static-topbar .icon-btn{
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  color:#0f172a!important;
  border-color:#dbe4f0!important;
  box-shadow:0 12px 24px rgba(15,23,42,.10)!important;
}
.roses-global-profile-actions .icon-btn:hover,
.roses-global-static-topbar .icon-btn:hover{transform:translateY(-1px)}
.roses-noti-bell{position:relative!important}
.roses-noti-bell__icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.roses-noti-bell__badge{
  position:absolute!important;top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;
  background:#dc2626!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:18px!important;text-align:center!important;
  box-shadow:0 4px 10px rgba(220,38,38,.32)!important;
}
.roses-global-static-topbar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  width:min(100% - 20px, 1480px)!important;margin:10px auto 12px!important;padding:8px 10px!important;box-sizing:border-box!important;
  border-radius:22px!important;border:1px solid rgba(203,213,225,.72)!important;background:rgba(255,255,255,.82)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;backdrop-filter:blur(16px)!important;position:relative!important;z-index:3!important;
}
html[data-theme="dark"] .roses-global-static-topbar{background:rgba(8,17,30,.86)!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 18px 34px rgba(0,0,0,.26)!important}
.roses-global-static-topbar .topbar-user{display:flex;align-items:center;gap:10px;min-width:0}.roses-global-static-topbar .topbar-avatar{width:42px;height:42px;border-radius:14px;overflow:hidden;background:#fff;display:grid;place-items:center}.roses-global-static-topbar .topbar-avatar img{width:100%;height:100%;object-fit:cover}.roses-global-static-topbar .topbar-copy{display:grid;min-width:0}.roses-global-static-topbar .topbar-name{font-weight:900;color:#0f172a;line-height:1.1}.roses-global-static-topbar .topbar-sub{font-size:.76rem;font-weight:800;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roses-global-static-topbar .topbar-name{color:var(--text,#0f172a)!important}.roses-global-static-topbar .topbar-sub{color:var(--muted,#64748b)!important}html[data-theme="dark"] .roses-global-static-topbar .topbar-name{color:#f8fbff!important}html[data-theme="dark"] .roses-global-static-topbar .topbar-sub{color:#9eb0c8!important}
/* app.html desktop asal sembunyikan topbar. v24DWR hidupkan secara statik supaya tiada runtime flicker. */
@media (min-width:1024px){
  body.roses-app-home .phone-shell > .topbar.user-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:1480px!important;min-height:58px!important;margin:0 auto!important;padding:8px 10px!important;border-radius:24px!important;border:1px solid rgba(203,213,225,.72)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 16px 34px rgba(15,23,42,.08)!important;backdrop-filter:blur(18px)!important;}
  html[data-theme="dark"] body.roses-app-home .phone-shell > .topbar.user-topbar{background:rgba(8,17,30,.78)!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 18px 38px rgba(0,0,0,.26)!important;}
  body.roses-app-home .phone-shell > .topbar.user-topbar .topbar-name{color:#0f172a!important}body.roses-app-home .phone-shell > .topbar.user-topbar .topbar-sub{color:#64748b!important}html[data-theme="dark"] body.roses-app-home .phone-shell > .topbar.user-topbar .topbar-name{color:#f8fbff!important}html[data-theme="dark"] body.roses-app-home .phone-shell > .topbar.user-topbar .topbar-sub{color:#9eb0c8!important}
}
@media (max-width:640px){.topbar-actions.roses-global-profile-actions,.roses-global-profile-actions{gap:6px!important}.topbar-actions.roses-global-profile-actions .icon-btn,.roses-global-profile-actions .icon-btn,.roses-global-static-topbar .icon-btn{min-width:38px!important;width:38px!important;height:38px!important;border-radius:12px!important;font-size:16px!important}.roses-global-static-topbar{width:calc(100% - 16px)!important;margin:8px auto 10px!important;border-radius:18px!important}.roses-global-static-topbar .topbar-copy{display:none!important}}
@media print{.roses-global-static-topbar,.topbar-actions.roses-global-profile-actions,#notificationBellBtn,#themeToggle,#logoutBtn{display:none!important}}