/* TRIPLOOM V15.0.7 — Global member header
   Scope: authenticated member shell only. No trip/business logic changes. */
:root{
  --gh-bg:rgba(232,239,241,.97);
  --gh-border:#C8D7DB;
  --gh-card:#F4FCFB;
  --gh-soft:#E9F0F2;
  --gh-ink:#28434D;
  --gh-muted:#728991;
  --gh-primary:#69D7D0;
  --gh-primary-dark:#249D98;
  --gh-active:#DDF7F4;
  --gh-shadow:0 12px 34px rgba(35,76,88,.07);
}
html[data-theme="dark"]{
  --gh-bg:rgba(15,24,29,.94);
  --gh-border:#2C4048;
  --gh-card:#17252B;
  --gh-soft:#1C3036;
  --gh-ink:#E0ECEF;
  --gh-muted:#91A7AE;
  --gh-primary:#69D7D0;
  --gh-primary-dark:#78DFD6;
  --gh-active:#1B3737;
  --gh-shadow:0 16px 36px rgba(0,0,0,.22);
}

.triploom-global-header-v1503{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  width:100%!important;
  min-height:78px!important;
  height:78px!important;
  padding:10px clamp(18px,2.5vw,42px)!important;
  display:flex!important;
  align-items:center!important;
  gap:clamp(14px,1.55vw,26px)!important;
  background:var(--gh-bg)!important;
  border-bottom:1px solid var(--gh-border)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  transition:box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.triploom-global-header-v1503.is-scrolled{box-shadow:0 8px 24px rgba(35,76,88,.08)!important}
.triploom-gh-left-v1503{display:flex;align-items:center;gap:clamp(12px,1.2vw,20px);min-width:0;flex:1 1 auto}
.triploom-gh-brand-v1503{display:flex;align-items:center;gap:10px;min-width:max-content;color:var(--gh-ink);text-decoration:none}
.triploom-gh-logo-v1503{display:block;width:92px;max-height:34px;height:auto;object-fit:contain;object-position:left center;flex:0 0 auto}
.triploom-gh-brand-divider-v1503{width:1px;height:24px;background:var(--gh-border);flex:0 0 1px}
.triploom-gh-slogan-v1503{font-size:10.5px;line-height:1.25;font-weight:600;color:var(--gh-muted);white-space:nowrap;letter-spacing:.01em}

.triploom-gh-quick-v1503{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.triploom-gh-quick-link-v1503,.triploom-gh-all-trigger-v1503{
  position:relative;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;border:1px solid var(--gh-border);border-radius:14px;background:var(--gh-card);color:#657F87;display:grid;place-items:center;cursor:pointer;text-decoration:none;box-shadow:none;transition:.16s ease
}
.triploom-gh-quick-link-v1503 svg,.triploom-gh-all-trigger-v1503 svg{width:19px;height:19px}
.triploom-gh-quick-link-v1503:hover,.triploom-gh-all-trigger-v1503:hover,.triploom-gh-launcher-v1503.open .triploom-gh-all-trigger-v1503{border-color:#B8DFDC;background:var(--gh-soft);color:var(--gh-primary-dark);transform:translateY(-1px)}
.triploom-gh-quick-link-v1503.active{background:var(--gh-active);border-color:#B9E5E1;color:var(--gh-primary-dark);box-shadow:inset 0 -2px var(--gh-primary)}
.triploom-gh-quick-link-v1503::after,.triploom-gh-all-trigger-v1503::after,.triploom-gh-circle-v1503[data-tooltip]::after{
  content:attr(data-label);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px);padding:5px 8px;border-radius:8px;background:#20333A;color:#fff;font-size:9px;font-weight:800;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:.12s ease;z-index:180
}
.triploom-gh-circle-v1503[data-tooltip]::after{content:attr(data-tooltip)}
.triploom-gh-quick-link-v1503:hover::after,.triploom-gh-all-trigger-v1503:hover::after,.triploom-gh-circle-v1503[data-tooltip]:hover::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.triploom-gh-launcher-v1503{position:relative}

.triploom-gh-right-v1503{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}
.triploom-gh-circle-v1503{position:relative;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border:1px solid var(--gh-border);border-radius:50%;background:var(--gh-card);color:#647F87;display:grid;place-items:center;cursor:pointer;box-shadow:none;transition:.16s ease}
.triploom-gh-circle-v1503:hover{border-color:#B8DFDC;background:var(--gh-soft);color:var(--gh-primary-dark);transform:translateY(-1px)}
.triploom-gh-circle-v1503 svg{width:18px;height:18px}
.triploom-gh-theme-v1503 .theme-icon{display:grid;place-items:center}
.triploom-gh-language-v1503{position:relative}
.triploom-gh-language-v1503 .language-popover{right:0!important;left:auto!important;top:calc(100% + 10px)!important}
.triploom-gh-notifications-v1503{position:relative}
.triploom-gh-notification-badge-v1503{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--gh-card);border-radius:999px;background:#E25563;color:#fff;font-size:8px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1}
.triploom-gh-notification-popover-v1503{position:absolute;right:0;top:calc(100% + 10px);width:260px;padding:14px;border:1px solid var(--gh-border);border-radius:18px;background:var(--gh-card);box-shadow:var(--gh-shadow);opacity:0;visibility:hidden;transform:translateY(-5px) scale(.99);pointer-events:none;transition:.15s ease;z-index:170}
.triploom-gh-notifications-v1503.open .triploom-gh-notification-popover-v1503{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.triploom-gh-notification-popover-v1503 b{display:block;color:var(--gh-ink);font-size:12px}
.triploom-gh-notification-popover-v1503 p{margin:5px 0 0;color:var(--gh-muted);font-size:10px;line-height:1.45}

.triploom-gh-account-v1503{position:relative}
.triploom-gh-avatar-trigger-v1503{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;position:relative}
.triploom-gh-avatar-v1503{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#DFF7F3,#DBEEFA);color:#249D98;font-size:14px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(54,183,173,.16)}
.triploom-gh-avatar-v1503 img{width:100%;height:100%;display:block;object-fit:cover}
.triploom-gh-avatar-trigger-v1503:hover .triploom-gh-avatar-v1503{box-shadow:0 0 0 3px rgba(47,181,173,.11),inset 0 0 0 1px rgba(54,183,173,.18)}
.triploom-gh-account-v1503 .top-account-menu-v142727{width:300px!important;max-height:min(620px,calc(100dvh - 96px))!important;padding:9px!important;border-radius:20px!important;background:var(--gh-card)!important;border-color:var(--gh-border)!important;box-shadow:var(--gh-shadow)!important}
.triploom-gh-account-head-v1503{display:flex;align-items:center;gap:10px;padding:8px 9px 10px;border-bottom:1px solid var(--gh-border);margin-bottom:5px}
.triploom-gh-account-head-v1503 .triploom-gh-avatar-v1503{width:46px;height:46px;min-width:46px}
.triploom-gh-account-head-v1503>div{min-width:0}.triploom-gh-account-head-v1503 b{display:block;color:var(--gh-ink);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.triploom-gh-account-head-v1503 small{display:block;margin-top:2px;color:var(--gh-muted);font-size:9px}
.triploom-gh-account-link-v1503{min-height:44px!important;padding:6px 8px!important;border-radius:13px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;color:var(--gh-ink)!important}
.triploom-gh-account-link-v1503>span{width:32px!important;height:32px!important;border-radius:10px!important;background:var(--gh-soft)!important;color:var(--gh-primary-dark)!important;display:grid!important;place-items:center!important}
.triploom-gh-account-link-v1503>span svg{width:15px!important;height:15px!important}
.triploom-gh-account-link-v1503 div b{font-size:10.5px!important}.triploom-gh-account-link-v1503 div small{font-size:8.5px!important;color:var(--gh-muted)!important}

.triploom-gh-mega-v1503{position:fixed;left:50%;top:84px;width:min(1040px,calc(100vw - 48px));max-height:calc(100dvh - 104px);overflow:auto;padding:18px;border:1px solid var(--gh-border);border-radius:24px;background:var(--gh-card);box-shadow:0 26px 80px rgba(29,64,75,.18),0 6px 18px rgba(29,64,75,.06);opacity:0;visibility:hidden;transform:translate(-50%,-7px) scale(.99);transform-origin:top center;pointer-events:none;transition:.16s ease;z-index:165;overscroll-behavior:contain}
.triploom-gh-launcher-v1503.open .triploom-gh-mega-v1503{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.triploom-gh-mega-head-v1503{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 3px 14px;border-bottom:1px solid var(--gh-border);margin-bottom:14px}
.triploom-gh-mega-head-v1503 span{display:block;color:var(--gh-primary-dark);font-size:8.5px;letter-spacing:.13em;font-weight:900}.triploom-gh-mega-head-v1503 h2{margin:3px 0 0;color:var(--gh-ink);font-size:18px}.triploom-gh-mega-head-v1503 small{color:var(--gh-muted);font-size:9px}
.triploom-gh-mega-grid-v1503{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.triploom-gh-mega-group-v1503{min-width:0}.triploom-gh-mega-group-v1503>h3{margin:0 0 7px;padding:0 4px;color:#82969C;font-size:8px;letter-spacing:.13em;font-weight:900}
.triploom-gh-mega-group-v1503>a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-height:48px;padding:7px 8px;border-radius:13px;color:var(--gh-ink);text-decoration:none;transition:.13s ease}
.triploom-gh-mega-group-v1503>a:hover{background:var(--gh-soft);color:var(--gh-primary-dark)}
.triploom-gh-mega-group-v1503>a>span{width:34px;height:34px;border-radius:11px;background:var(--gh-soft);display:grid;place-items:center;color:var(--gh-primary-dark)}.triploom-gh-mega-group-v1503>a>span svg{width:16px;height:16px}
.triploom-gh-mega-group-v1503>a>div{min-width:0}.triploom-gh-mega-group-v1503>a b{display:block;font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.triploom-gh-mega-group-v1503>a small{display:block;margin-top:2px;color:var(--gh-muted);font-size:8.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.triploom-content-page-title-v1503{margin:2px 0 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.triploom-content-page-title-v1503 span{display:block;color:var(--gh-primary-dark);font-size:8.5px;letter-spacing:.13em;font-weight:900}.triploom-content-page-title-v1503 h1{margin:4px 0 0;color:var(--gh-ink);font-size:27px;line-height:1.15;letter-spacing:-.02em}.triploom-content-page-title-v1503 p{margin:5px 0 0;color:var(--gh-muted);font-size:11px}

@media(max-width:1360px){
  .triploom-global-header-v1503{gap:13px!important;padding-left:24px!important;padding-right:24px!important}
  .triploom-gh-slogan-v1503{display:none}.triploom-gh-brand-divider-v1503{display:none}
  .triploom-gh-logo-v1503{width:86px}
}
@media(max-width:1080px){
  .triploom-global-header-v1503{gap:9px!important;padding-left:18px!important;padding-right:18px!important}
  .triploom-gh-logo-v1503{width:78px}
  .triploom-gh-left-v1503{gap:9px}
  .triploom-gh-quick-v1503{gap:6px}.triploom-gh-quick-link-v1503,.triploom-gh-all-trigger-v1503{width:43px;height:43px;min-width:43px;min-height:43px;border-radius:13px}
  .triploom-gh-right-v1503{gap:5px}.triploom-gh-circle-v1503{width:40px;height:40px;min-width:40px;min-height:40px}.triploom-gh-avatar-trigger-v1503{width:42px;height:42px}.triploom-gh-avatar-v1503{width:40px;height:40px}
  .triploom-gh-mega-grid-v1503{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Mobile is intentionally a separate header composition:
   row 1 = logo + notification + avatar; row 2 = search. */
@media(max-width:900px){
  .triploom-global-header-v1503{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand user" "search search"!important;min-height:0!important;height:auto!important;padding:9px 14px 10px!important;gap:8px 10px!important}
  .triploom-gh-left-v1503{display:contents}.triploom-gh-brand-v1503{grid-area:brand;align-self:center;justify-self:start}.triploom-gh-logo-v1503{width:84px;max-height:31px}.triploom-gh-slogan-v1503,.triploom-gh-brand-divider-v1503{display:none!important}
  .triploom-gh-quick-v1503{display:none!important}
  .triploom-gh-right-v1503{grid-area:user;margin:0!important;justify-self:end;gap:6px}
  .triploom-gh-theme-v1503,.triploom-gh-language-v1503{display:none!important}
  .triploom-gh-notification-trigger-v1503{width:40px;height:40px;min-width:40px;min-height:40px}
  .triploom-gh-avatar-trigger-v1503{width:42px;height:42px}.triploom-gh-avatar-v1503{width:40px;height:40px}
  .triploom-gh-quick-link-v1503::after,.triploom-gh-all-trigger-v1503::after,.triploom-gh-circle-v1503::after{display:none!important}
  .triploom-gh-notification-popover-v1503{position:fixed;right:10px;top:62px;width:min(280px,calc(100vw - 20px))}
  .triploom-gh-account-v1503 .top-account-menu-v142727{position:fixed!important;right:8px!important;top:62px!important;width:min(300px,calc(100vw - 16px))!important;max-height:calc(100dvh - 76px)!important}
  .triploom-content-page-title-v1503{margin-top:4px}.triploom-content-page-title-v1503 h1{font-size:23px}.triploom-content-page-title-v1503 p{font-size:10px}
}
@media(max-width:480px){
  .triploom-global-header-v1503{padding-left:11px!important;padding-right:11px!important}
  .triploom-gh-logo-v1503{width:78px}
  .triploom-content-page-title-v1503 h1{font-size:21px}
}

@media print{.triploom-global-header-v1503{display:none!important}}

/* TRIPLOOM V15.0.4 — Language selector display hotfix.
   Uses real SVG country flags instead of regional-indicator emoji, which render as VN/GB/CN/KR/JP letters on Windows. */
.triploom-gh-language-v1503{isolation:isolate}
.triploom-gh-language-v1503 .triploom-language-popover-v1504{
  right:0!important;
  left:auto!important;
  top:calc(100% + 10px)!important;
  width:260px!important;
  max-width:calc(100vw - 24px)!important;
  padding:12px!important;
  border:1px solid var(--gh-border)!important;
  border-radius:22px!important;
  background:var(--gh-card)!important;
  color:var(--gh-ink)!important;
  box-shadow:0 22px 56px rgba(34,52,61,.18),0 5px 18px rgba(34,52,61,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  z-index:210!important;
}
.triploom-gh-language-v1503 .triploom-language-popover-v1504 .language-popover-head{
  padding:4px 5px 10px!important;
  margin:0 0 6px!important;
  border-bottom:1px solid var(--gh-border)!important;
}
.triploom-gh-language-v1503 .triploom-language-popover-v1504 .language-popover-head b{font-size:12px!important;line-height:1.25!important;color:var(--gh-ink)!important}
.triploom-gh-language-v1503 .triploom-language-popover-v1504 .language-popover-head small{font-size:8px!important;line-height:1.3!important;color:var(--gh-muted)!important;margin-top:3px!important}
.triploom-language-list-v1504{display:grid!important;gap:3px!important;min-width:0!important}
.triploom-language-list-v1504>button{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:var(--gh-ink)!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
  transition:background .14s ease,border-color .14s ease!important;
}
.triploom-language-list-v1504>button:hover{background:var(--gh-soft)!important;border-color:rgba(47,181,173,.10)!important}
.triploom-language-list-v1504>button.active{background:var(--gh-active)!important;border-color:rgba(47,181,173,.12)!important}
.triploom-language-list-v1504>button>span:last-child{min-width:0!important;display:block!important}
.triploom-language-list-v1504>button b{display:block!important;font-size:10.5px!important;line-height:1.25!important;color:var(--gh-ink)!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.triploom-language-list-v1504>button small{display:block!important;margin-top:2px!important;font-size:8.5px!important;line-height:1.2!important;color:var(--gh-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.triploom-language-flag-v1504{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border-radius:50%!important;
  display:block!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(37,65,75,.12)!important;
  box-shadow:0 6px 11px rgba(34,52,61,.17),inset 0 2px 2px rgba(255,255,255,.95),inset 0 -2px 3px rgba(24,53,64,.09)!important;
}
.triploom-language-flag-v1504::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(155deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.08) 38%,rgba(0,0,0,.08) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;
}
.triploom-language-flag-v1504 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  transform:scale(1.08)!important;
}
html[data-theme="dark"] .triploom-gh-language-v1503 .triploom-language-popover-v1504{background:var(--gh-card)!important;border-color:var(--gh-border)!important;box-shadow:0 24px 60px rgba(0,0,0,.38)!important}
html[data-theme="dark"] .triploom-language-flag-v1504{background:#EAF1F3!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 7px 13px rgba(0,0,0,.32),inset 0 2px 2px rgba(255,255,255,.28),inset 0 -2px 3px rgba(0,0,0,.16)!important}
@media(max-width:1080px){
  .triploom-gh-language-v1503 .triploom-language-popover-v1504{width:250px!important}
}


/* TRIPLOOM V15.0.5 — Language icon centering + five-item quick navigation.
   Explicitly neutralizes legacy .language-current > svg offsets from app.css. */
.triploom-gh-language-v1503>.language-current{
  display:grid!important;
  place-items:center!important;
  gap:0!important;
  line-height:0!important;
}
.triploom-gh-language-v1503>.language-current>svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
  align-self:center!important;
  justify-self:center!important;
}
@media(max-width:1080px){
  .triploom-gh-quick-v1503{gap:5px!important}
  .triploom-gh-quick-link-v1503,.triploom-gh-all-trigger-v1503{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
}

/* TRIPLOOM V15.0.7 — Avatar account panel rebuild.
   Scope is limited to the existing global-header account popover. */
.triploom-gh-account-v1503 .triploom-gh-account-menu-v1506{
  width:336px!important;max-height:min(760px,calc(100dvh - 96px))!important;padding:10px!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
}
.triploom-gh-account-journey-card-v1506{
  display:grid;grid-template-columns:50px minmax(0,1fr) 22px;align-items:center;gap:10px;
  min-height:70px;padding:10px 11px;margin:0 0 8px;border:1px solid rgba(48,174,165,.22);border-radius:18px;
  color:var(--gh-ink)!important;text-decoration:none!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(234,249,247,.96));
  box-shadow:0 7px 0 rgba(32,117,115,.055),0 13px 25px rgba(24,83,91,.09),inset 0 1px 0 rgba(255,255,255,.9);
  transform:translateY(0);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
.triploom-gh-account-journey-card-v1506:hover{
  transform:translateY(-1px);border-color:rgba(47,181,173,.38);
  box-shadow:0 8px 0 rgba(32,117,115,.065),0 16px 28px rgba(24,83,91,.12),inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-theme="dark"] .triploom-gh-account-journey-card-v1506{
  background:linear-gradient(145deg,rgba(26,49,55,.98),rgba(21,61,62,.96));
  box-shadow:0 7px 0 rgba(0,0,0,.15),0 15px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
.triploom-gh-account-card-avatar-v1506{width:48px;height:48px;min-width:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(145deg,#DFF7F3,#DBEEFA);color:#249D98;font-size:15px;font-weight:900;
  border:1px solid rgba(54,183,173,.22);box-shadow:0 5px 12px rgba(25,94,99,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.triploom-gh-account-card-avatar-v1506 img{width:100%;height:100%;object-fit:cover;display:block}
.triploom-gh-account-card-copy-v1506{display:block;min-width:0}
.triploom-gh-account-card-title-v1506{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.triploom-gh-account-card-title-v1506>b{display:block;min-width:0;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:12.5px;line-height:1.2;color:var(--gh-ink)}
.triploom-gh-account-card-title-v1506>em{flex:0 0 auto;display:inline-flex;align-items:center;height:21px;padding:0 7px;border-radius:8px;
  background:rgba(47,181,173,.10);border:1px solid rgba(47,181,173,.18);color:var(--gh-primary-dark);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.035em}
.triploom-gh-account-card-copy-v1506>small{display:block;margin-top:4px;color:var(--gh-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.triploom-gh-account-card-arrow-v1506{font-style:normal;color:var(--gh-primary-dark);font-size:16px;font-weight:900;text-align:center}
.triploom-gh-account-section-v1506{display:block;padding:1px 0}
.triploom-gh-account-section-title-v1506{padding:7px 8px 5px;color:#789097;font-size:8px;line-height:1.1;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.triploom-gh-account-menu-v1506 .triploom-gh-account-link-v1503{min-height:42px!important;padding:5px 7px!important;margin:1px 0!important}
.triploom-gh-account-menu-v1506 .triploom-gh-account-link-v1503:hover{background:var(--gh-soft)!important}
.triploom-gh-account-mini-grid-v1506{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:1px 4px 5px}
.triploom-gh-account-mini-grid-v1506>a{min-width:0;height:38px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0 9px;
  border:1px solid var(--gh-border);border-radius:12px;background:var(--gh-soft);color:var(--gh-ink);text-decoration:none;font-size:9.5px;font-weight:800;transition:.13s ease}
.triploom-gh-account-mini-grid-v1506>a:hover{border-color:rgba(47,181,173,.30);color:var(--gh-primary-dark);transform:translateY(-1px)}
.triploom-gh-account-mini-grid-v1506 svg{width:14px;height:14px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.triploom-gh-account-menu-v1506 .top-account-divider-v142727{margin:7px 4px!important;background:var(--gh-border)!important}
.triploom-gh-account-logout-v1506{margin-top:1px!important}
.triploom-gh-account-logout-v1506 button{border-radius:13px!important}
@media(max-width:700px){
  .triploom-gh-account-v1503 .triploom-gh-account-menu-v1506{right:8px!important;width:min(336px,calc(100vw - 16px))!important;max-height:calc(100dvh - 76px)!important;padding:9px!important}
  .triploom-gh-account-journey-card-v1506{grid-template-columns:46px minmax(0,1fr) 20px;min-height:66px;padding:9px 10px;border-radius:16px}
  .triploom-gh-account-card-avatar-v1506{width:44px;height:44px;min-width:44px}
  .triploom-gh-account-card-title-v1506>b{max-width:132px}
}


/* TRIPLOOM V15.0.7 — Avatar account layout fixes only. */
.triploom-gh-account-journey-card-v1506{
  grid-template-columns:50px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:72px!important;
}
.triploom-gh-account-card-copy-v1506{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;width:100%!important}
.triploom-gh-account-card-title-v1506{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important}
.triploom-gh-account-card-title-v1506>b{display:block!important;max-width:none!important;min-width:0!important;color:var(--gh-ink)!important;font-size:12.5px!important;line-height:1.25!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.triploom-gh-account-card-title-v1506>em{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
.triploom-gh-account-card-copy-v1506>small{display:block!important;margin-top:4px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.triploom-gh-account-menu-v1506 .triploom-gh-account-link-v1503{align-items:center!important;column-gap:9px!important;min-height:48px!important;padding:6px 7px!important}
.triploom-gh-account-menu-v1506 .triploom-gh-account-link-v1503>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;min-width:0!important;line-height:1.2!important}
.triploom-gh-account-menu-v1506 .triploom-gh-account-link-v1503>div>b{display:block!important;width:100%!important;margin:0!important;font-size:10.5px!important;line-height:1.25!important;white-space:normal!important}
.triploom-gh-account-menu-v1506 .triploom-gh-account-link-v1503>div>small{display:block!important;width:100%!important;margin:0!important;color:var(--gh-muted)!important;font-size:8.5px!important;line-height:1.35!important;white-space:normal!important}
@media(max-width:700px){.triploom-gh-account-journey-card-v1506{grid-template-columns:46px minmax(0,1fr)!important;min-height:68px!important}.triploom-gh-account-card-title-v1506>b{max-width:none!important}}


/* TRIPLOOM V15.0.17 — Avatar account card layout hardening + requested menu order label.
   Scoped to the account popover only; neutralizes older account-card rules at every viewport. */
.triploom-gh-account-v1503 .triploom-gh-account-menu-v1506{
  box-sizing:border-box!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-journey-card-v1506{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  grid-template-areas:"avatar copy id"!important;
  align-items:center!important;
  gap:10px!important;
  min-height:68px!important;
  padding:9px 10px!important;
  margin:0 0 9px!important;
  overflow:hidden!important;
  text-align:left!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-avatar-v1506{
  grid-area:avatar!important;
  width:46px!important;height:46px!important;min-width:46px!important;
  align-self:center!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-copy-v1506{
  grid-area:copy!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;width:100%!important;
  text-align:left!important;
  line-height:1.2!important;
}
.triploom-gh-account-card-name-v1517{
  display:block!important;
  width:100%!important;min-width:0!important;
  margin:0!important;
  color:var(--gh-ink)!important;
  font-size:12.5px!important;font-weight:900!important;line-height:1.25!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-align:left!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-copy-v1506>small{
  display:block!important;
  width:100%!important;
  margin:4px 0 0!important;
  color:var(--gh-muted)!important;
  font-size:9px!important;font-weight:700!important;line-height:1.25!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-align:left!important;
}
.triploom-gh-account-card-id-v1517{
  grid-area:id!important;
  align-self:start!important;
  justify-self:end!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;height:21px!important;padding:0 7px!important;margin:0!important;
  border-radius:8px!important;
  background:rgba(47,181,173,.10)!important;
  border:1px solid rgba(47,181,173,.18)!important;
  color:var(--gh-primary-dark)!important;
  font-size:8px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.035em!important;
  line-height:1!important;white-space:nowrap!important;
}
/* Kill legacy title-row layout if any cached/older markup remains. */
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-title-v1506{
  display:contents!important;
}
@media(max-width:700px){
  .triploom-gh-account-menu-v1506 .triploom-gh-account-journey-card-v1506{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:8px!important;min-height:64px!important;padding:8px 9px!important;
  }
  .triploom-gh-account-menu-v1506 .triploom-gh-account-card-avatar-v1506{width:44px!important;height:44px!important;min-width:44px!important}
  .triploom-gh-account-card-name-v1517{font-size:12px!important}
  .triploom-gh-account-card-id-v1517{height:20px!important;padding:0 6px!important;font-size:7.7px!important}
}
@media(max-width:360px){
  .triploom-gh-account-v1503 .triploom-gh-account-menu-v1506{width:calc(100vw - 12px)!important;right:6px!important;padding:8px!important}
  .triploom-gh-account-menu-v1506 .triploom-gh-account-journey-card-v1506{grid-template-columns:42px minmax(0,1fr) auto!important;gap:7px!important;padding:8px!important}
  .triploom-gh-account-menu-v1506 .triploom-gh-account-card-avatar-v1506{width:42px!important;height:42px!important;min-width:42px!important}
}

/* TRIPLOOM V15.0.18 — Avatar account identity micro-alignment only.
   Requested change: remove the mint box behind name/level and keep Account ID exactly on the same row as the member name. */
.triploom-gh-account-menu-v1506 .triploom-gh-account-journey-card-v1506{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  grid-template-rows:22px auto!important;
  grid-template-areas:"avatar name id" "avatar meta ."!important;
  column-gap:10px!important;
  row-gap:1px!important;
  align-items:center!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-copy-v1506{
  display:contents!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-name-v1517{
  grid-area:name!important;
  align-self:center!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  line-height:22px!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-copy-v1506>small{
  grid-area:meta!important;
  align-self:start!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  line-height:1.25!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-id-v1517{
  grid-area:id!important;
  align-self:center!important;
  justify-self:end!important;
  height:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0 8px!important;
  line-height:20px!important;
}
@media(max-width:700px){
  .triploom-gh-account-menu-v1506 .triploom-gh-account-journey-card-v1506{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:21px auto!important;
    column-gap:8px!important;
  }
  .triploom-gh-account-menu-v1506 .triploom-gh-account-card-name-v1517{line-height:21px!important}
  .triploom-gh-account-menu-v1506 .triploom-gh-account-card-id-v1517{height:21px!important;min-height:21px!important;padding:0 7px!important;line-height:19px!important}
}
@media(max-width:360px){
  .triploom-gh-account-menu-v1506 .triploom-gh-account-journey-card-v1506{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    column-gap:7px!important;
  }
}

/* V15.0.18 final markup: direct grid children prevent legacy copy-wrapper background and lock ID to the name row. */
.triploom-gh-account-menu-v1506 .triploom-gh-account-journey-card-v1506{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  grid-template-rows:22px auto!important;
  grid-template-areas:"avatar name id" "avatar meta ."!important;
  column-gap:10px!important;
  row-gap:1px!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-name-v1517{
  grid-area:name!important;
  align-self:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  line-height:22px!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-meta-v1518{
  grid-area:meta!important;
  align-self:start!important;
  display:block!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--gh-muted)!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.triploom-gh-account-menu-v1506 .triploom-gh-account-card-id-v1517{
  grid-area:id!important;
  align-self:center!important;
  justify-self:end!important;
}
@media(max-width:700px){
  .triploom-gh-account-menu-v1506 .triploom-gh-account-journey-card-v1506{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:21px auto!important;
    column-gap:8px!important;
  }
  .triploom-gh-account-menu-v1506 .triploom-gh-account-card-name-v1517{line-height:21px!important}
  .triploom-gh-account-menu-v1506 .triploom-gh-account-card-meta-v1518{font-size:8.7px!important}
}

/* V15.0.19 — User notifications */
.triploom-gh-notification-trigger-v1503{position:relative}.triploom-gh-notification-badge-v15019{position:absolute;right:-3px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#E25563;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900;line-height:1}.triploom-gh-notification-popover-v15019{width:min(390px,calc(100vw - 24px));padding:0!important;overflow:hidden}.triploom-gh-notification-head-v15019{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid #C6ECE8}.triploom-gh-notification-head-v15019>div{display:grid;gap:2px}.triploom-gh-notification-head-v15019 b{font-size:14px}.triploom-gh-notification-head-v15019 small{color:#7B9095;font-size:10px}.triploom-gh-notification-head-v15019 button{border:0;background:none;color:#249D98;font-weight:800;font-size:10px;cursor:pointer}.triploom-gh-notification-list-v15019{display:grid;max-height:min(62vh,520px);overflow:auto}.triploom-gh-notification-list-v15019>a{display:flex;gap:10px;padding:11px 14px;text-decoration:none;color:#284951;border-bottom:1px solid #C6ECE8}.triploom-gh-notification-list-v15019>a:hover{background:#F4FCFB}.triploom-gh-notification-list-v15019>a.is-unread{background:#ECFAF8}.triploom-gh-notification-avatar-v15019{width:38px;height:38px;border-radius:50%;background:#E7F7F6;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.triploom-gh-notification-avatar-v15019 img{width:100%;height:100%;object-fit:cover}.triploom-gh-notification-avatar-v15019 svg{width:18px;height:18px;stroke:#249D98;fill:none}.triploom-gh-notification-list-v15019>a>div{min-width:0;display:grid;gap:2px}.triploom-gh-notification-list-v15019 b{font-size:11px;line-height:1.3}.triploom-gh-notification-list-v15019 p{margin:0;color:#667D83;font-size:10px;line-height:1.35}.triploom-gh-notification-list-v15019 small{color:#95A7AB;font-size:9px}.triploom-gh-notification-empty-v15019{padding:28px 18px;text-align:center;display:grid;justify-items:center;gap:7px;color:#73898E}.triploom-gh-notification-empty-v15019 svg{width:28px;height:28px;stroke:#7BBFBA;fill:none}.triploom-gh-notification-empty-v15019 b{color:#34565E}.triploom-gh-notification-empty-v15019 p{margin:0;max-width:280px;font-size:10px;line-height:1.45}
[data-theme="dark"] .triploom-gh-notification-badge-v15019{border-color:#14272C}[data-theme="dark"] .triploom-gh-notification-head-v15019{border-color:#294248}[data-theme="dark"] .triploom-gh-notification-list-v15019>a{color:#E5F4F2;border-color:#263F45}[data-theme="dark"] .triploom-gh-notification-list-v15019>a.is-unread{background:#173A3C}[data-theme="dark"] .triploom-gh-notification-list-v15019>a:hover{background:#1B3439}[data-theme="dark"] .triploom-gh-notification-list-v15019 p{color:#9FB3B7}


/* V15.0.33 global light surface contrast. */
html[data-theme="light"] .triploom-global-header-v1503{background:var(--gh-bg)!important;border-color:var(--gh-border)!important}
html[data-theme="light"] :where(.triploom-gh-quick-link-v1503,.triploom-gh-all-trigger-v1503,.triploom-gh-circle-v1503,.triploom-gh-notification-popover-v1503,.triploom-gh-account-menu-v1506,.language-popover){background-color:var(--gh-card)!important;border-color:var(--gh-border)!important}
html[data-theme="light"] .triploom-language-flag-v1504{background-color:#DDF7F4!important;border-color:#C5D4D8!important}