/* P424 global notification center — authenticated pages only */
:root{--amf-notify-blue:#0b63ce;--amf-notify-ink:#17243a;--amf-notify-line:#dce6f2;--amf-notify-bg:#fff}
.amf-global-notify-host{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:75;flex:0 0 auto}
.amf-global-notify-btn{position:relative;width:40px;height:40px;border:1px solid rgba(148,163,184,.35);border-radius:12px;background:rgba(255,255,255,.92);color:#315270;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 18px rgba(15,42,76,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.amf-global-notify-btn:hover{background:#fff;border-color:#9fc1eb;color:#0869c7}.amf-global-notify-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9}
.amf-global-notify-badge{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#0b69ce;color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1}.amf-global-notify-badge[hidden]{display:none}
.amf-global-notify-backdrop{position:fixed;inset:0;background:rgba(3,15,35,.26);z-index:2147483000;opacity:0;pointer-events:none;transition:.18s ease}.amf-global-notify-backdrop.open{opacity:1;pointer-events:auto}
.amf-global-notify-drawer{position:fixed;z-index:2147483001;top:0;right:0;width:min(420px,94vw);height:100dvh;background:#f7f9fc;border-left:1px solid #d7e2ef;box-shadow:-22px 0 60px rgba(11,30,58,.22);transform:translateX(103%);transition:transform .22s ease;display:flex;flex-direction:column;color:var(--amf-notify-ink)}.amf-global-notify-drawer.open{transform:translateX(0)}
.amf-notify-head{padding:max(18px,env(safe-area-inset-top)) 18px 14px;background:linear-gradient(135deg,#0c427e,#0a6ed1);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.amf-notify-head>div:first-child{display:grid;gap:2px}.amf-notify-head small{font-size:10px;font-weight:800;letter-spacing:.14em;opacity:.72}.amf-notify-head strong{font-size:19px}.amf-notify-head-actions{display:flex;gap:7px}.amf-notify-head button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;min-width:36px;height:36px;padding:0 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.amf-notify-list{flex:1;overflow:auto;padding:12px}.amf-notify-empty{padding:36px 18px;text-align:center;color:#65778e;font-size:13px}.amf-notify-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:12px;margin-bottom:9px;border:1px solid var(--amf-notify-line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(17,44,77,.045);cursor:pointer}.amf-notify-item.unread{border-color:#a8c8ef;background:#f4f9ff}.amf-notify-ico{width:42px;height:42px;border-radius:12px;background:#e9f3ff;color:#0a65c7;display:flex;align-items:center;justify-content:center;font-size:18px}.amf-notify-ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.amf-notify-copy{min-width:0;display:grid;gap:3px}.amf-notify-copy b{font-size:13px;color:#182d47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amf-notify-copy span{font-size:12px;color:#50657d;line-height:1.45}.amf-notify-copy small{font-size:10px;color:#8a99aa}.amf-notify-dot{width:8px;height:8px;border-radius:999px;background:#1986ff;margin-top:5px}.amf-notify-item:not(.unread) .amf-notify-dot{visibility:hidden}
.amf-notify-inline{grid-column:2/-1;padding-top:8px;display:grid;gap:7px}.amf-notify-inline textarea{width:100%;min-height:72px;resize:vertical;border:1px solid #cddbea;border-radius:11px;padding:10px 11px;background:#fff;color:#1e3149;font:inherit;font-size:12px;outline:none}.amf-notify-inline textarea:focus{border-color:#6fa9e9;box-shadow:0 0 0 3px rgba(41,128,226,.11)}.amf-notify-inline-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.amf-notify-inline button,.amf-notify-inline a{border:0;border-radius:10px;padding:8px 11px;font:inherit;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.amf-notify-inline button svg,.amf-notify-inline a svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.amf-notify-inline .secondary{background:#edf3f9;color:#34506d}.amf-notify-inline .primary{background:#0b69ce;color:#fff}.amf-notify-toast{position:fixed;z-index:2147483005;right:18px;bottom:18px;max-width:min(360px,calc(100vw - 36px));padding:11px 14px;border-radius:11px;background:#172b44;color:#fff;font-size:12px;font-weight:700;box-shadow:0 16px 40px rgba(9,25,47,.28)}
/* Download page cleanup: only active while P424 detects the public download screen. */
body.amf-download-clean-p424 .amf-native-language-select,body.amf-download-clean-p424 [data-amf-language],body.amf-download-clean-p424 .amf-language-switcher,body.amf-download-clean-p424 .google-translate-wrap{display:none!important}
body.amf-download-clean-p424 .amf-download-header-p424{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding-right:10px!important}.amf-download-header-p424::-webkit-scrollbar{display:none}
body.amf-download-clean-p424 .amf-download-header-p424>*{flex:0 0 auto!important}
@media(max-width:680px){.amf-global-notify-btn{width:36px;height:36px;border-radius:10px}.amf-global-notify-drawer{width:100vw}.amf-notify-head{padding-left:14px;padding-right:14px}.amf-notify-list{padding:9px}.amf-notify-item{grid-template-columns:38px 1fr auto;padding:10px}.amf-notify-ico{width:38px;height:38px}.amf-notify-copy b{font-size:12.5px}}

/* P426: reuse an existing dashboard/reseller/distributor notification control instead of adding a second bell. */
.amf-global-notify-native{position:relative!important}
.amf-global-notify-native>.amf-global-notify-badge{z-index:4}

/* P427/P506: icon-only notification filters for message/article/shop. */
.amf-notify-tabs{display:flex;gap:10px;padding:10px 12px 6px;background:#f7f9fc;position:sticky;top:0;z-index:2;align-items:center}
.amf-notify-tab{position:relative;width:40px;height:40px;border:1px solid #d4e1ef;border-radius:14px;background:#fff;color:#49627d;padding:0;display:inline-flex;align-items:center;justify-content:center;font:inherit;cursor:pointer;box-shadow:0 4px 12px rgba(17,44,77,.045);transition:.16s ease}
.amf-notify-tab:hover{border-color:#9fc1eb;color:#0b69ce;background:#fff}
.amf-notify-tab-icon{display:inline-flex;align-items:center;justify-content:center}
.amf-notify-tab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.amf-notify-tab b{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#edf3fa;color:#52708f;border:2px solid #f7f9fc;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;line-height:1}
.amf-notify-tab.active{background:#0b69ce;border-color:#0b69ce;color:#fff;box-shadow:0 8px 18px rgba(11,105,206,.2)}
.amf-notify-tab.active b{background:#22c55e;color:#fff;border-color:#0b69ce}
.amf-global-notify-native[data-amf-notify-bound="1"]{position:relative!important}
@media(max-width:680px){.amf-notify-tabs{overflow-x:auto;scrollbar-width:none;padding-left:10px;padding-right:10px}.amf-notify-tabs::-webkit-scrollbar{display:none}.amf-global-notify-drawer{max-width:100vw;padding-bottom:env(safe-area-inset-bottom)}}


/* P429: one logged-in header format: currency -> bell -> profile/avatar -> username. */
.amf-login-actions-p429{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:10px!important}
.amf-login-actions-p429>.amf-global-notify-host,.amf-login-actions-p429>.amf-global-notify-native{order:80!important;flex:0 0 auto!important;margin:0!important}
.amf-login-actions-p429>.amf-login-profile-cluster-p429{order:90!important;display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;margin-left:0!important;padding-left:0!important;border-left:0!important;white-space:nowrap!important}
.amf-shell-topbar-v65 .amf-login-profile-cluster-p429{min-width:0!important}
.amf-shell-topbar-v65 .amf-login-profile-cluster-p429>span{display:inline-block!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important}
.amf-shell-topbar-v65 .amf-global-notify-native,.amf-shell-topbar-v65 .amf-global-notify-host{flex:0 0 38px!important;width:38px!important;height:38px!important}
.amf-shell-topbar-v65 .amf-global-notify-native{display:inline-flex!important;align-items:center!important;justify-content:center!important}
@media(max-width:680px){
 .amf-login-actions-p429{gap:6px!important}
 .amf-shell-topbar-v65 .amf-global-notify-native,.amf-shell-topbar-v65 .amf-global-notify-host{flex-basis:36px!important;width:36px!important;height:36px!important}
 .amf-shell-topbar-v65 .amf-login-profile-cluster-p429{gap:6px!important}
 .amf-shell-topbar-v65 .amf-login-profile-cluster-p429>span{display:inline-block!important;max-width:96px!important;font-size:12px!important}
}
@media(max-width:430px){
 .amf-shell-topbar-v65 .amf-login-profile-cluster-p429>span{max-width:72px!important}
}

/* P431: authenticated standalone header order: back -> bell -> profile -> logout -> language; never render bell before login. */
.amf-login-actions-p429{position:relative!important}
.amf-login-actions-p429>.amf-global-notify-host,.amf-login-actions-p429>.amf-global-notify-native{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important}
.amf-login-actions-p429>.amf-global-notify-host .amf-global-notify-btn{display:inline-flex!important}
@media(max-width:680px){.amf-login-actions-p429{gap:6px!important}.amf-login-actions-p429>.amf-global-notify-host,.amf-login-actions-p429>.amf-global-notify-native{flex:0 0 36px!important;width:36px!important;height:36px!important}}

/* P432: replace authenticated standalone chevron with the real notification bell; Admin gets the same single slot. */
.amf-standalone-bell-p432{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:12px!important}
.amf-standalone-bell-p432 svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
.amf-admin-shell-native .amf-shell-topbar-v65 > div:last-child > .amf-global-notify-host{flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0!important}
.amf-admin-shell-native .amf-shell-topbar-v65 > div:last-child > .amf-global-notify-host .amf-global-notify-btn{width:36px!important;height:36px!important;border-radius:9px!important}
.amf-admin-shell-native .amf-shell-topbar-v65 > div:last-child > [data-amf-admin-notify="1"]{display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* P442: guest public header must never show notification host before login. */
nav[data-amf-public-header-v62="true"]:has([data-amf-login-v62="true"]):has([data-amf-register-v62="true"]) .amf-global-notify-host{
  display:none!important
}

/* P455 — unified unread badge: green = unread, disappears after read */
.amf-global-notify-badge{
  background:#22c55e!important;
  color:#fff!important;
  border-color:#fff!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.14),0 4px 12px rgba(34,197,94,.28)!important;
}
.amf-global-notify-badge:not([hidden]){animation:amfNotifyUnreadPulse 1.8s ease-in-out infinite}
@keyframes amfNotifyUnreadPulse{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.12),0 4px 12px rgba(34,197,94,.24)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.04),0 4px 14px rgba(34,197,94,.34)}}
@media (prefers-reduced-motion:reduce){.amf-global-notify-badge:not([hidden]){animation:none}}

/* === P466 notification mobile header alignment fix === */
.amf-notify-head-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.amf-notify-head-actions [data-mark-all]{white-space:nowrap;width:auto;min-width:0}
.amf-notify-head-actions [data-close]{width:36px;min-width:36px;max-width:36px;padding:0;font-size:20px;line-height:1}
@media(max-width:680px){
  .amf-notify-head{min-height:88px;padding:16px 14px 14px;align-items:center;gap:10px}
  .amf-notify-head>div:first-child{min-width:0;flex:1 1 auto}
  .amf-notify-head small{font-size:9px}
  .amf-notify-head strong{font-size:18px;line-height:1.15}
  .amf-notify-head-actions{gap:6px}
  .amf-notify-head button{height:34px;border-radius:9px;font-size:10px;padding:0 9px}
  .amf-notify-head-actions [data-close]{width:34px;min-width:34px;max-width:34px;font-size:18px}
  .amf-notify-tabs{padding-top:9px;padding-bottom:9px;border-bottom:1px solid #e2eaf3}
}
@media(max-width:380px){
  .amf-notify-head-actions [data-mark-all]{font-size:9px;padding:0 7px}
}

/* === P469 — restore profile to the left side of the account controls + global photo avatar === */
.amf-login-actions-p429>.amf-login-profile-cluster-p429{order:-30!important;justify-content:flex-start!important;text-align:left!important}
.amf-login-actions-p429>.amf-global-notify-host,
.amf-login-actions-p429>.amf-global-notify-native{order:-20!important}
.amf-profile-avatar-p469{overflow:hidden!important;padding:0!important;background:#eef4fb!important;background-image:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.amf-profile-avatar-img-p469{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:inherit!important}
.amf-shell-sidebar-v65>div:last-child .amf-profile-avatar-p469{border-radius:50%!important}
@media(max-width:680px){
  .amf-login-actions-p429>.amf-login-profile-cluster-p429{order:-30!important}
  .amf-login-actions-p429>.amf-global-notify-host,
  .amf-login-actions-p429>.amf-global-notify-native{order:-20!important}
}


/* === P472 — one canonical profile photo across dashboard, admin, reseller, toko and public headers === */
.amf-profile-avatar-p472,.amf-public-profile-avatar-p472{overflow:hidden!important;background:#eef4fb!important;background-image:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
.amf-profile-avatar-img-p472,.amf-public-profile-avatar-p472>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:inherit!important}
.store-avatar.amf-public-profile-avatar-p472,.pub-avatar.amf-public-profile-avatar-p472{border-radius:50%!important}
[data-profile]{user-select:none}
[data-profile][role="link"]:focus-visible,.amf-login-profile-cluster-p429[role="link"]:focus-visible{outline:2px solid #60a5fa!important;outline-offset:2px!important;border-radius:10px!important}

/* P480 batch 2 — topbar profile-photo containment */
.amf-shell-topbar-v65 .amf-profile-avatar-p469,
.amf-shell-topbar-v65 .amf-profile-avatar-p472{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  max-width:28px!important;max-height:28px!important;flex:0 0 28px!important;
  overflow:hidden!important;border-radius:999px!important;padding:0!important
}
.amf-shell-topbar-v65 .amf-profile-avatar-img-p469,
.amf-shell-topbar-v65 .amf-profile-avatar-img-p472{
  display:block!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
  max-width:28px!important;max-height:28px!important;object-fit:cover!important;border-radius:999px!important
}

/* P497 — dashboard canonical account controls: IDR/USD -> Notifikasi -> Profil */
.amf-shell-topbar-v65 .amf-account-order-p490{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
.amf-shell-topbar-v65 .amf-account-order-p490>.amf-currency-order-p490{order:10!important}
.amf-shell-topbar-v65 .amf-account-order-p490>.amf-notify-order-p490,
.amf-shell-topbar-v65 .amf-account-order-p490>.amf-global-notify-native,
.amf-shell-topbar-v65 .amf-account-order-p490>.amf-global-notify-host{order:20!important}
.amf-shell-topbar-v65 .amf-account-order-p490>.amf-profile-order-p490{order:30!important;border-left:0!important;margin-left:0!important;padding-left:0!important}


/* P492 — clearer circular profile avatar ring (header only) */
.amf-shell-topbar-v65 .amf-profile-avatar-p469,
.amf-shell-topbar-v65 .amf-profile-avatar-p472{
  box-sizing:border-box!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  max-width:30px!important;max-height:30px!important;flex:0 0 30px!important;
  border:2px solid #fff!important;border-radius:50%!important;
  background:linear-gradient(145deg,#2f80ed,#0b58c8)!important;color:#fff!important;
  box-shadow:0 0 0 1.5px #2b78d8,0 3px 9px rgba(17,83,160,.18)!important;
  overflow:hidden!important;font-weight:850!important;line-height:1!important
}
.amf-shell-topbar-v65 .amf-profile-avatar-img-p469,
.amf-shell-topbar-v65 .amf-profile-avatar-img-p472{
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:50%!important
}
/* Forum/public header uses the same ring language. */
.forum-only-header .forum-account-avatar{
  box-sizing:border-box!important;border:2px solid rgba(255,255,255,.96)!important;
  border-radius:50%!important;box-shadow:0 0 0 1.5px rgba(33,116,220,.95),0 3px 9px rgba(0,47,108,.22)!important;
  overflow:hidden!important
}