/* =========================================================
   VELAEA EA Community Topbar Dashboard Reference Actions
   Scope: ea-community.html only
   Target: Notifications dropdown + Profile pill + Gold Logout
========================================================= */
body.ea-community-page .community-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

body.ea-community-page .community-actions [hidden]{
  display:none!important;
}

html.is-community-guest body.ea-community-page [data-community-account-link],
html.is-community-guest body.ea-community-page [data-community-profile],
html.is-community-guest body.ea-community-page [data-community-logout],
html.is-community-guest body.ea-community-page [data-public-notifications],
html.is-community-guest body.ea-community-page .velaea-public-notification-wrap{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.ea-community-page .community-actions.is-dashboard-ref-ready .community-auth-btn[data-auth-state="logged-in"]{
  display:none!important;
}

body.ea-community-page .community-actions > .velaea-public-notification-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:1200;
}

body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .notify{
  position:relative;
  overflow:visible;
  height:40px!important;
  min-height:40px!important;
  min-width:40px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  color:#dce7f5!important;
  font:900 12px/1 Inter,'Noto Sans Thai',sans-serif!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify:hover,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify:focus-visible,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify.is-open,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:hover,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:focus-visible,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify.is-open{
  transform:translateY(-1px);
  color:#ffd76a!important;
  border-color:rgba(242,199,106,.52)!important;
  background:linear-gradient(135deg,rgba(242,199,106,.18),rgba(255,255,255,.065))!important;
  box-shadow:0 12px 30px rgba(242,199,106,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
  outline:none;
}

body.ea-community-page .community-guest-auth-btn{
  height:42px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  padding:0 18px;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
  text-decoration:none;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}

body.ea-community-page .community-login-btn{
  border:1px solid rgba(242,199,106,.28);
  background:rgba(255,255,255,.035);
  color:#ffd876;
}

body.ea-community-page .community-register-btn{
  border:0;
  background:linear-gradient(135deg,#ffe59b,#c8952e);
  color:#1d1305;
  box-shadow:0 14px 32px rgba(200,149,46,.24);
}

body.ea-community-page .community-guest-auth-btn:hover,
body.ea-community-page .community-guest-auth-btn:focus-visible{
  transform:translateY(-1px);
  outline:none;
}

body.ea-community-page .community-login-btn:hover,
body.ea-community-page .community-login-btn:focus-visible{
  border-color:rgba(242,199,106,.52);
  background:rgba(242,199,106,.10);
}

body.ea-community-page .community-register-btn:hover,
body.ea-community-page .community-register-btn:focus-visible{
  filter:saturate(1.04) brightness(1.03);
  box-shadow:0 18px 38px rgba(200,149,46,.32);
}

body.ea-community-page .community-actions .velaea-public-notification-wrap .notify-dot{
  position:absolute;
  top:5px;
  right:6px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#ff4d5f;
  box-shadow:0 0 0 3px rgba(255,77,95,.18),0 0 18px rgba(255,77,95,.72);
}

body.ea-community-page .community-actions .velaea-public-notification-wrap .notify-count{
  position:absolute;
  right:-8px;
  top:-8px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  font-size:10px;
  font-weight:950;
  color:#fff;
  background:linear-gradient(135deg,#ff5e6d,#c8243a);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 12px 28px rgba(255,45,73,.24);
}

body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:not(.has-unread) .notify-dot,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:not(.has-unread) .notify-count,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify:not(.has-unread) .notify-dot,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify:not(.has-unread) .notify-count{
  display:none!important;
}

body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:hover .notify-dot,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:focus-visible .notify-dot,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify.is-open .notify-dot,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify:hover .notify-dot,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify:focus-visible .notify-dot,
body.ea-community-page .community-actions .velaea-public-notification-wrap > .community-dashboard-notify.is-open .notify-dot{
  background:#ff4545;
  box-shadow:0 0 0 4px rgba(255,69,69,.18),0 0 16px rgba(255,69,69,.48);
  animation:velaeaEaCommunityNotifyDotPulse 1.2s ease-in-out infinite;
}

@keyframes velaeaEaCommunityNotifyDotPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.22)}
}

body.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel{
  position:absolute;
  top:calc(100% + 14px);
  right:0;
  width:min(390px, calc(100vw - 28px));
  border:1px solid rgba(242,199,106,.20);
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 0, rgba(242,199,106,.16), transparent 34%),
    linear-gradient(150deg, rgba(10,22,37,.98), rgba(2,8,17,.98));
  box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.04) inset;
  backdrop-filter:blur(22px);
  padding:14px;
  transform-origin:top right;
  animation:velaeaEaCommunityNotifIn .16s ease-out both;
  z-index:2400;
}

body.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel[hidden]{
  display:none!important;
}

@keyframes velaeaEaCommunityNotifIn{
  from{opacity:0;transform:translateY(-6px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

body.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel::before{
  content:'';
  position:absolute;
  top:-8px;
  right:26px;
  width:16px;
  height:16px;
  transform:rotate(45deg);
  border-left:1px solid rgba(242,199,106,.20);
  border-top:1px solid rgba(242,199,106,.20);
  background:rgba(10,22,37,.98);
}

body.ea-community-page .velaea-notification-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:4px 4px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.ea-community-page .velaea-notification-head p{
  margin:0 0 4px;
  color:#f2c76a;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
}
body.ea-community-page .velaea-notification-head h3{
  margin:0;
  color:#fff;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.02em;
}
body.ea-community-page .velaea-notification-readall{
  height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(242,199,106,.32);
  background:rgba(242,199,106,.08);
  color:#f6d889;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
}
body.ea-community-page .velaea-notification-readall:hover{
  background:rgba(242,199,106,.16);
  border-color:rgba(242,199,106,.55);
}
body.ea-community-page .velaea-notification-list{
  display:grid;
  gap:10px;
  max-height:350px;
  overflow:auto;
  padding:12px 0 6px;
}
body.ea-community-page .velaea-notification-item{
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:16px;
  padding:12px;
  display:grid;
  grid-template-columns:34px 1fr 8px;
  gap:10px;
  align-items:flex-start;
  text-align:left;
  color:#dce7f5;
  cursor:pointer;
  transition:.18s ease;
}
body.ea-community-page .velaea-notification-item:hover{
  transform:translateY(-1px);
  border-color:rgba(242,199,106,.28);
  background:rgba(242,199,106,.07);
}
body.ea-community-page .velaea-notification-item.is-read{opacity:.72}
body.ea-community-page .velaea-notification-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f6d889,#c79532);
  color:#09111d;
  font-weight:950;
}
body.ea-community-page .velaea-notification-item.tone-warning .velaea-notification-icon{background:linear-gradient(135deg,#ffd67b,#d08b1c)}
body.ea-community-page .velaea-notification-item.tone-danger .velaea-notification-icon{background:linear-gradient(135deg,#ff8a99,#d9354f);color:#fff}
body.ea-community-page .velaea-notification-item.tone-success .velaea-notification-icon{background:linear-gradient(135deg,#91f5b5,#31b970);color:#062014}
body.ea-community-page .velaea-notification-copy{min-width:0;display:grid;gap:4px}
body.ea-community-page .velaea-notification-copy b{color:#fff;font-size:13px;font-weight:950}
body.ea-community-page .velaea-notification-copy em{
  color:#aebfd4;
  font-style:normal;
  font-size:12px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.ea-community-page .velaea-notification-copy small{color:#71849d;font-size:11px;font-weight:800}
body.ea-community-page .velaea-notification-unread{
  width:8px;
  height:8px;
  border-radius:999px;
  margin-top:5px;
  background:#ff4d5f;
  box-shadow:0 0 0 3px rgba(255,77,95,.15);
}
body.ea-community-page .velaea-notification-empty{
  min-height:118px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  text-align:center;
  border:1px dashed rgba(242,199,106,.22);
  border-radius:18px;
  color:#aebfd4;
  padding:18px;
}
body.ea-community-page .velaea-notification-empty strong{color:#fff;font-size:14px;font-weight:950}
body.ea-community-page .velaea-notification-empty span{max-width:270px;font-size:12px;line-height:1.55}
body.ea-community-page .velaea-notification-foot{
  padding:8px 4px 2px;
  border-top:1px solid rgba(255,255,255,.06);
  color:#71849d;
  font-size:11px;
}

body.ea-community-page .community-profile-pill{
  height:42px;
  min-height:42px;
  min-width:94px;
  max-width:190px;
  padding:4px 10px 4px 6px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#fff;
  text-decoration:none;
  box-shadow:none;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.ea-community-page .community-profile-pill:hover,
body.ea-community-page .community-profile-pill:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(242,199,106,.54);
  background:linear-gradient(135deg,rgba(242,199,106,.15),rgba(255,255,255,.06));
  box-shadow:0 14px 34px rgba(242,199,106,.15),inset 0 1px 0 rgba(255,255,255,.07);
  outline:none;
}
body.ea-community-page .community-profile-avatar{
  position:relative;
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:999px;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#f2c76a;
  background:#071421;
  border:1px solid rgba(242,199,106,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 3px rgba(242,199,106,.08),0 0 18px rgba(242,199,106,.18);
  font-size:12px;
  font-weight:950;
}
body.ea-community-page .community-profile-avatar::after{
  content:'';
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#37d06f;
  border:2px solid #071421;
  box-shadow:0 0 10px rgba(55,208,111,.45);
}
body.ea-community-page .community-profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}
body.ea-community-page .community-profile-copy{
  min-width:0;
  display:grid;
  gap:2px;
  align-items:center;
  line-height:1;
}
body.ea-community-page .community-profile-name{
  max-width:86px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:12px;
  font-weight:950;
}
body.ea-community-page .community-profile-role{
  width:max-content;
  max-width:82px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#f2c76a;
  font-size:10px;
  font-weight:950;
  padding:2px 5px;
  border-radius:7px;
  background:rgba(242,199,106,.12);
  border:1px solid rgba(242,199,106,.22);
}

body.ea-community-page .community-logout-btn{
  appearance:none;
  height:42px;
  min-height:42px;
  min-width:88px;
  padding:0 18px;
  border:0;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#1d1205;
  background:linear-gradient(135deg,#ffe59b 0%,#d7a842 55%,#b98522 100%);
  box-shadow:0 14px 34px rgba(200,149,46,.24),inset 0 1px 0 rgba(255,255,255,.22);
  font:950 12px/1 Inter,'Noto Sans Thai',sans-serif;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.ea-community-page .community-logout-btn:hover,
body.ea-community-page .community-logout-btn:focus-visible{
  transform:translateY(-1px);
  filter:saturate(1.05) brightness(1.03);
  box-shadow:0 18px 38px rgba(200,149,46,.30),inset 0 1px 0 rgba(255,255,255,.26);
  outline:none;
}

html[data-theme="light"] body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify,
body.light-mode.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify{
  background:rgba(255,255,255,.72)!important;
  color:#061a2f!important;
  border-color:rgba(200,149,46,.28)!important;
}
html[data-theme="light"] body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:hover,
html[data-theme="light"] body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:focus-visible,
html[data-theme="light"] body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify.is-open,
body.light-mode.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:hover,
body.light-mode.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify:focus-visible,
body.light-mode.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify.is-open{
  background:linear-gradient(135deg,rgba(255,249,235,.98),rgba(255,255,255,.88))!important;
  border-color:rgba(200,149,46,.52)!important;
  color:#061a2f!important;
  box-shadow:0 14px 34px rgba(8,24,42,.11),0 0 0 4px rgba(200,149,46,.08)!important;
}
html[data-theme="light"] body.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel,
body.light-mode.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel{
  background:radial-gradient(circle at 12% 0,rgba(242,199,106,.16),transparent 34%),linear-gradient(150deg,rgba(255,255,255,.98),rgba(244,248,252,.98));
  border-color:rgba(200,149,46,.24);
  box-shadow:0 30px 70px rgba(8,24,42,.14),0 0 0 1px rgba(255,255,255,.75) inset;
}
html[data-theme="light"] body.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel::before,
body.light-mode.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel::before{background:rgba(255,255,255,.98)}
html[data-theme="light"] body.ea-community-page .velaea-notification-head h3,
html[data-theme="light"] body.ea-community-page .velaea-notification-copy b,
html[data-theme="light"] body.ea-community-page .velaea-notification-empty strong,
body.light-mode.ea-community-page .velaea-notification-head h3,
body.light-mode.ea-community-page .velaea-notification-copy b,
body.light-mode.ea-community-page .velaea-notification-empty strong{color:#061a2f}
html[data-theme="light"] body.ea-community-page .velaea-notification-copy em,
html[data-theme="light"] body.ea-community-page .velaea-notification-empty,
body.light-mode.ea-community-page .velaea-notification-copy em,
body.light-mode.ea-community-page .velaea-notification-empty{color:#62738a}
html[data-theme="light"] body.ea-community-page .velaea-notification-item,
body.light-mode.ea-community-page .velaea-notification-item{background:rgba(255,255,255,.72);border-color:rgba(8,24,42,.08)}
html[data-theme="light"] body.ea-community-page .community-profile-pill,
body.light-mode.ea-community-page .community-profile-pill{
  background:rgba(255,255,255,.72);
  color:#061a2f;
  border-color:rgba(200,149,46,.28);
  box-shadow:0 10px 26px rgba(8,24,42,.07);
}
html[data-theme="light"] body.ea-community-page .community-profile-name,
body.light-mode.ea-community-page .community-profile-name{color:#061a2f}
html[data-theme="light"] body.ea-community-page .community-profile-avatar,
body.light-mode.ea-community-page .community-profile-avatar{background:#fff;color:#061a2f;border-color:rgba(200,149,46,.28)}

@media(max-width:1180px){
  body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify{
    width:40px!important;
    min-width:40px!important;
    padding:0!important;
  }
  body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify .public-auth-notify-text{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  body.ea-community-page .community-actions .velaea-public-notification-wrap > .public-auth-notify::before{
    content:'🔔';
    font-size:14px;
    line-height:1;
  }
  body.ea-community-page .community-profile-pill{
    min-width:78px;
    max-width:118px;
    padding-right:8px;
  }
  body.ea-community-page .community-profile-role{display:none}
  body.ea-community-page .community-profile-name{max-width:58px}
  body.ea-community-page .community-logout-btn{min-width:80px;padding:0 14px}
}

@media(max-width:760px){
  body.ea-community-page .community-actions{gap:6px;margin-left:auto}
  body.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel{
    position:fixed;
    top:76px;
    right:12px;
    left:12px;
    width:auto;
  }
  body.ea-community-page .community-actions .velaea-public-notification-wrap .velaea-notification-panel::before{display:none}
  body.ea-community-page .velaea-notification-list{max-height:calc(100vh - 235px)}
  body.ea-community-page .community-profile-pill{
    width:42px;
    min-width:42px;
    padding:0;
    justify-content:center;
  }
  body.ea-community-page .community-profile-copy{display:none}
  body.ea-community-page .community-logout-btn{height:40px;min-height:40px;min-width:74px;padding:0 11px;font-size:11.5px}
}

@media(max-width:480px){
  body.ea-community-page .community-actions .velaea-public-notification-wrap{display:none!important}
  body.ea-community-page .community-logout-btn{min-width:68px;padding:0 9px}
}


/* VELAEA patch 20260706: remove green online/status dot from topbar profile avatar only */
.ea-topbar-dashboard-actions .public-auth-dot::after,
.ea-community-topbar-actions .public-auth-dot::after,
.ea-community-actions .public-auth-dot::after,
.public-auth-dot.has-image::after,
.topbar-profile-pill .profile-avatar::after,
.profile-pill .profile-avatar::after,
.user-avatar::after,
.avatar-dot,
.profile-online-dot,
.online-dot,
.status-dot{
  display:none!important;
  content:none!important;
  opacity:0!important;
  visibility:hidden!important;
}


/* =========================================================
   VELAEA EA Community Profile Pill Match Index Reference 20260706
   Scope: aa + Customer profile pill only
   Goal: make ea-community topbar profile identical to index/dashboard reference
========================================================= */
.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status,
.ea-community-actions [data-public-auth="login"].is-auth-status{
  height:42px!important;
  min-height:42px!important;
  min-width:112px!important;
  max-width:210px!important;
  padding:4px 10px 4px 6px!important;
  gap:9px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transform:none;
}

.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status:hover,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status:hover,
.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status:focus-visible,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status:focus-visible,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status:hover,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status:focus-visible,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status:hover,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status:focus-visible,
.ea-community-actions [data-public-auth="login"].is-auth-status:hover,
.ea-community-actions [data-public-auth="login"].is-auth-status:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(242,199,106,.54)!important;
  background:linear-gradient(135deg,rgba(242,199,106,.15),rgba(255,255,255,.06))!important;
  box-shadow:0 14px 34px rgba(242,199,106,.15), inset 0 1px 0 rgba(255,255,255,.07)!important;
  outline:none;
}

.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status .public-auth-dot,
.ea-community-actions [data-public-auth="login"].is-auth-status .public-auth-dot{
  position:relative!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(242,199,106,.34)!important;
  background:#071421!important;
  color:#f2c76a!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 3px rgba(242,199,106,.08),0 0 18px rgba(242,199,106,.18)!important;
}

.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot::after,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot::after,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot::after,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status .public-auth-dot::after,
.ea-community-actions [data-public-auth="login"].is-auth-status .public-auth-dot::after{
  display:none!important;
  content:none!important;
}

.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot img,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot img,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-dot img,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status .public-auth-dot img,
.ea-community-actions [data-public-auth="login"].is-auth-status .public-auth-dot img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  display:block!important;
  margin:0!important;
}

.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-meta,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-meta,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-meta,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status .public-auth-profile-meta,
.ea-community-actions [data-public-auth="login"].is-auth-status .public-auth-profile-meta{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  line-height:1!important;
}

.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-name,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-name,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-name,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status .public-auth-profile-name,
.ea-community-actions [data-public-auth="login"].is-auth-status .public-auth-profile-name{
  display:block!important;
  max-width:82px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status .public-auth-profile-role,
.ea-community-actions [data-public-auth="login"].is-auth-status .public-auth-profile-role{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:82px!important;
  min-height:13px!important;
  padding:1px 5px 2px!important;
  border-radius:999px!important;
  color:#111827!important;
  background:linear-gradient(135deg,#ffe597,#d5a241)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-style:normal!important;
}

html[data-theme="light"] .ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status,
body.light-mode.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status,
html[data-theme="light"] .ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status,
body.light-mode .ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status{
  background:rgba(255,255,255,.72)!important;
  color:#061a2f!important;
  border-color:rgba(200,149,46,.28)!important;
  box-shadow:0 10px 26px rgba(8,24,42,.07)!important;
}

html[data-theme="light"] .ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-name,
body.light-mode.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-name,
html[data-theme="light"] .ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-name,
body.light-mode .ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-name{
  color:#061a2f!important;
}

/* =========================================================
   VELAEA EA Community Profile Pill FINAL FIX 20260706
   แก้จุดเขียวจริงของหน้านี้: .community-profile-avatar::after
   และปรับ aa + Customer ให้ตรงกับ index/dashboard reference
========================================================= */
body.ea-community-page .community-actions .community-profile-pill,
body.ea-community-page .community-profile-pill{
  height:42px!important;
  min-height:42px!important;
  min-width:112px!important;
  max-width:210px!important;
  padding:4px 10px 4px 6px!important;
  gap:9px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:hidden!important;
}

body.ea-community-page .community-actions .community-profile-pill:hover,
body.ea-community-page .community-actions .community-profile-pill:focus-visible,
body.ea-community-page .community-profile-pill:hover,
body.ea-community-page .community-profile-pill:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(242,199,106,.54)!important;
  background:linear-gradient(135deg,rgba(242,199,106,.15),rgba(255,255,255,.06))!important;
  box-shadow:0 14px 34px rgba(242,199,106,.15), inset 0 1px 0 rgba(255,255,255,.07)!important;
  outline:none!important;
}

body.ea-community-page .community-actions .community-profile-avatar,
body.ea-community-page .community-profile-avatar{
  position:relative!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(242,199,106,.34)!important;
  background:#071421!important;
  color:#f2c76a!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 0 3px rgba(242,199,106,.08),0 0 18px rgba(242,199,106,.18)!important;
}

body.ea-community-page .community-actions .community-profile-avatar::after,
body.ea-community-page .community-profile-avatar::after,
body.ea-community-page .community-profile-avatar:after,
body.ea-community-page .community-profile-pill .community-profile-avatar::after,
body.ea-community-page .community-profile-pill .community-profile-avatar:after,
body.ea-community-page #communityAuthBtn .auth-dot::after,
body.ea-community-page #communityAuthBtn .auth-dot:after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.ea-community-page .community-actions .community-profile-avatar img,
body.ea-community-page .community-profile-avatar img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  display:block!important;
  margin:0!important;
}

body.ea-community-page .community-actions .community-profile-copy,
body.ea-community-page .community-profile-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
  line-height:1!important;
}

body.ea-community-page .community-actions .community-profile-name,
body.ea-community-page .community-profile-name{
  display:block!important;
  max-width:82px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.ea-community-page .community-actions .community-profile-role,
body.ea-community-page .community-profile-role{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:82px!important;
  min-height:13px!important;
  padding:1px 5px 2px!important;
  border-radius:999px!important;
  color:#111827!important;
  background:linear-gradient(135deg,#ffe597,#d5a241)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-style:normal!important;
}

html[data-theme="light"] body.ea-community-page .community-profile-pill,
body.light-mode.ea-community-page .community-profile-pill{
  background:rgba(255,255,255,.72)!important;
  color:#061a2f!important;
  border-color:rgba(200,149,46,.28)!important;
  box-shadow:0 10px 26px rgba(8,24,42,.07)!important;
}

html[data-theme="light"] body.ea-community-page .community-profile-name,
body.light-mode.ea-community-page .community-profile-name{
  color:#061a2f!important;
}


/* =========================================================
   VELAEA EA Community Customer Badge Match Index 20260706
   Scope: profile pill badge "Customer" only
   Goal: remove gold filled background from Customer badge to match index reference
========================================================= */
.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
body.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
.ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
.ea-topbar-dashboard-actions [data-public-auth="login"].is-auth-status .public-auth-profile-role,
.ea-community-actions [data-public-auth="login"].is-auth-status .public-auth-profile-role,
.community-profile-role,
.community-profile-badge,
.community-profile-pill .customer-badge,
.community-user-role,
.community-topbar-profile .customer-badge{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#f2c76a!important;
  padding:0!important;
  min-height:auto!important;
  border-radius:0!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:.01em!important;
  font-style:normal!important;
  text-shadow:0 0 10px rgba(242,199,106,.18)!important;
}

html[data-theme="light"] .ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
body.light-mode.ea-community-page .site-header .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
html[data-theme="light"] .ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
body.light-mode .ea-community-topbar .nav-actions > [data-public-auth="login"].is-auth-status .public-auth-profile-role,
html[data-theme="light"] .community-profile-role,
body.light-mode .community-profile-role,
html[data-theme="light"] .community-profile-badge,
body.light-mode .community-profile-badge,
html[data-theme="light"] .community-profile-pill .customer-badge,
body.light-mode .community-profile-pill .customer-badge{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#9c6b12!important;
}


/* =========================================================
   VELAEA EA Community Customer Badge Strong Fix 20260706
   Reason: previous .community-profile-role override lost to
   body.ea-community-page .community-actions .community-profile-role with !important.
   This block uses equal/higher specificity and is loaded last.
========================================================= */
html body.ea-community-page .community-actions .community-profile-pill .community-profile-role,
html body.ea-community-page .community-profile-pill .community-profile-role,
html body.ea-community-page a.community-profile-pill .community-profile-role,
html body.ea-community-page .community-actions em.community-profile-role,
html body.ea-community-page em.community-profile-role,
body.ea-community-page .community-actions .community-profile-pill .community-profile-role,
body.ea-community-page .community-profile-pill .community-profile-role,
body.ea-community-page a.community-profile-pill .community-profile-role,
body.ea-community-page .community-actions em.community-profile-role,
body.ea-community-page em.community-profile-role{
  display:block!important;
  width:auto!important;
  max-width:82px!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f2c76a!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:.01em!important;
  font-style:normal!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 0 10px rgba(242,199,106,.18)!important;
  -webkit-text-fill-color:#f2c76a!important;
}

/* Keep avatar clean: no green status dot from the ea-community specific avatar */
html body.ea-community-page .community-actions .community-profile-pill .community-profile-avatar::after,
html body.ea-community-page .community-profile-pill .community-profile-avatar::after,
html body.ea-community-page .community-profile-avatar::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html[data-theme="light"] body.ea-community-page .community-actions .community-profile-pill .community-profile-role,
html[data-theme="light"] body.ea-community-page .community-profile-pill .community-profile-role,
body.light-mode.ea-community-page .community-actions .community-profile-pill .community-profile-role,
body.light-mode.ea-community-page .community-profile-pill .community-profile-role{
  color:#9c6b12!important;
  -webkit-text-fill-color:#9c6b12!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}