/* ==========================================================================
   GB Store · ajustes das páginas internas (Revendedor, Avaliações, Status,
   Central de ajuda, Soluções). Carregado por último em cada página.
   1) Menu de cima igual ao da página principal (links soltos, sem cápsula).
   2) Topo das páginas sem o bloco escuro sólido que cortava o fundo.
   ========================================================================== */

/* ---------- Menu de cima ---------- */
html body .ph, html.gb-halloween body .ph { background: rgba(9, 8, 11, .8) !important; border-bottom: 1px solid rgba(255, 255, 255, .08) !important; }
html body .ph-nav, html.gb-halloween body .ph-nav {
  padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; gap: 4px !important;
}
html body .ph-nav a, html.gb-halloween body .ph-nav a { background: transparent !important; border-radius: 0 !important; color: var(--muted) !important; }
html body .ph-nav a:hover, html.gb-halloween body .ph-nav a:hover { color: var(--text) !important; background: transparent !important; }
html body .ph-nav a.on, html body .ph-nav a.trial { color: var(--signal) !important; }
html body .ph-cart, html body .ph-lang-toggle { background: rgba(255, 255, 255, .02) !important; border-color: rgba(255, 255, 255, .13) !important; }

/* ---------- Topo das páginas: sem bloco sólido, o fundo do site continua ---------- */
html body main > .hero, html.gb-halloween body main > .hero, html body .hero, html.gb-halloween body .hero {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* ---------- Canto direito do menu: igual ao da página principal ---------- */
html body .ph-right { gap: 14px !important; }
html body .ph-cart, html.gb-halloween body .ph-cart {
  width: 40px !important; height: 40px !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 50% !important;
  background: rgba(255, 255, 255, .03) !important; color: var(--text) !important;
}
html body .ph-cart:hover { border-color: var(--signal) !important; color: var(--signal) !important; }
html body .ph-lang { margin-left: 0 !important; padding-right: 14px; border-right: 1px solid rgba(255, 255, 255, .12); }
html body .ph-lang-toggle, html.gb-halloween body .ph-lang-toggle {
  height: 40px !important; padding: 0 8px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: var(--muted) !important;
}
html body .ph-lang-toggle:hover, html body .ph-lang.open .ph-lang-toggle { background: rgba(255, 255, 255, .04) !important; color: var(--text) !important; }
html body .ph-lang-toggle .flag { width: 20px !important; height: 20px !important; border-radius: 50% !important; }
html body .ph-account, html.gb-halloween body .ph-account {
  height: 40px !important; padding: 0 18px !important; border-radius: 10px !important;
  border: 1.5px solid var(--signal) !important; background: transparent !important; color: var(--signal) !important;
  box-shadow: none !important; filter: none !important; transform: none !important;
}
html body .ph-account:hover, html.gb-halloween body .ph-account:hover { background: var(--signal) !important; color: #0b0311 !important; }

/* ==========================================================================
   Topo das páginas internas igual ao da página principal:
   faixa de aviso, sininho e menu da conta (avatar + nome + cargo)
   ========================================================================== */
.gb-announcement{position:sticky;top:0;z-index:950;display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 16px;font:700 14px/1.35 "Geist","Inter",system-ui,sans-serif;text-align:center;text-decoration:none;letter-spacing:0}
a.gb-announcement:hover{filter:brightness(1.06)}
@media (max-width:520px){.gb-announcement{font-size:12.5px;min-height:34px;padding:7px 12px}}
html.has-ann body .ph{top:var(--ann-h,0px) !important}
html body .ph-right .gb-bell, html body .ph-right .gb-acc { display:flex; align-items:center; }
html body .ph-right .gb-bell[hidden], html body .ph-right .gb-acc[hidden] { display:none !important; }
@keyframes gbDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* ---------- Conta logada: menu do perfil + sininho (página principal e dashboard) ---------- */
html body.gb-logged .ph-right .ph-account { display: none !important; }
html body .gb-bell, html body .gb-acc { position: relative; }
html body .gb-bell[hidden], html body .gb-acc[hidden], html body .gb-pop[hidden] { display: none !important; }
html body .gb-bell-btn {
  position: relative; display: grid; place-items: center; width: 40px; height: 40px; padding: 0;
  border: 1px solid rgba(255, 255, 255, .1); border-radius: 10px; background: rgba(255, 255, 255, .03); color: var(--text); cursor: pointer;
  transition: border-color .2s, color .2s;
}
html body .gb-bell-btn:hover, html body .gb-bell-btn[aria-expanded="true"] { border-color: var(--signal); color: var(--signal); }
html body .gb-bell-btn svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html body .gb-bell-count { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: var(--signal); color: #0b0311; font: 800 10.5px/18px var(--font-body); font-style: normal; text-align: center; box-shadow: 0 0 0 2px #0a090c; }
html body .gb-acc-btn {
  display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 12px 0 6px;
  border: 1px solid rgba(255, 255, 255, .1); border-radius: 12px; background: rgba(255, 255, 255, .03); color: var(--text); cursor: pointer; text-align: left;
  transition: border-color .2s, background .2s;
}
html body .gb-acc-btn:hover, html body .gb-acc-btn[aria-expanded="true"] { border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .05); }
html body .gb-acc-av {
  flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; overflow: hidden;
  background: color-mix(in srgb, var(--signal) 18%, #0d1210); border: 1px solid color-mix(in srgb, var(--signal) 45%, transparent);
  color: var(--text); font: 800 11.5px/1 var(--font-body); letter-spacing: .04em;
}
html body .gb-acc-av img { width: 100%; height: 100%; object-fit: cover; }
html body .gb-acc-av-lg { width: 44px; height: 44px; font-size: 14px; }
html body .gb-acc-txt { display: grid; gap: 3px; min-width: 0; }
html body .gb-acc-txt b { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 13.5px/1 var(--font-body); }
html body .gb-acc-txt small { color: var(--muted); font: 600 11.5px/1 var(--font-body); }
html body .gb-acc-chev { width: 14px; height: 14px; fill: none; stroke: var(--muted); stroke-width: 1.8; transform: rotate(180deg); transition: transform .2s; }
html body .gb-acc-btn[aria-expanded="true"] .gb-acc-chev { transform: none; }
html body .gb-pop {
  position: absolute; top: calc(100% + 10px); right: 0; z-index: 120; width: 280px;
  border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; background: rgba(13, 11, 16, .98);
  box-shadow: 0 30px 70px -20px #000; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  animation: gbDrop .22s ease;
}
html body .gb-acc-menu { padding: 14px; }
html body .gb-acc-head { display: flex; align-items: center; gap: 12px; }
html body .gb-acc-head div { display: grid; gap: 4px; min-width: 0; }
html body .gb-acc-head b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 15px/1.1 var(--font-body); }
html body .gb-acc-head small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 12.5px; }
html body .gb-acc-badge { display: inline-flex; margin: 12px 0 12px; padding: 5px 10px; border-radius: 99px; background: color-mix(in srgb, var(--signal) 22%, transparent); border: 1px solid color-mix(in srgb, var(--signal) 40%, transparent); color: var(--signal); font: 700 12px/1 var(--font-body); }
html body .gb-acc-menu nav { display: grid; gap: 2px; padding: 8px 0; border-top: 1px solid rgba(255, 255, 255, .08); border-bottom: 1px solid rgba(255, 255, 255, .08); }
html body .gb-acc-menu button { display: flex; align-items: center; gap: 11px; width: 100%; padding: 10px 8px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font: 600 13.5px/1 var(--font-body); text-align: left; cursor: pointer; }
html body .gb-acc-menu button:hover { background: rgba(255, 255, 255, .05); color: var(--text); }
html body .gb-acc-menu button svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html body .gb-acc-menu .gb-acc-out { margin-top: 8px; color: #ff7a82; }
html body .gb-acc-menu .gb-acc-out:hover { background: rgba(255, 92, 108, .1); color: #ff9aa1; }
html body .gb-bell-menu { width: 330px; overflow: hidden; }
html body .gb-bell-menu header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
html body .gb-bell-menu header b { font: 700 14px/1 var(--font-body); }
html body .gb-bell-menu header small { color: var(--signal); font: 700 12px/1 var(--font-body); }
html body .gb-bell-list { max-height: 360px; overflow-y: auto; }
html body .gb-note { display: grid; gap: 5px; padding: 13px 16px; border-bottom: 1px solid rgba(255, 255, 255, .05); color: var(--text); text-decoration: none; }
html body a.gb-note:hover { background: rgba(255, 255, 255, .04); }
html body .gb-note.is-new { box-shadow: inset 3px 0 0 var(--signal); background: rgba(255, 255, 255, .02); }
html body .gb-note b { font: 700 13.5px/1.25 var(--font-body); }
html body .gb-note p { margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.45; white-space: pre-line; }
html body .gb-note small { color: var(--dim, #6f6f78); font-size: 11px; }
html body .gb-note-empty { margin: 0; padding: 26px 16px; color: var(--muted); font-size: 13px; text-align: center; }
@media (max-width: 760px) {
  html body .gb-acc-txt { display: none; }
  html body .gb-acc-btn { padding: 0 8px 0 4px; height: 40px; gap: 6px; }
  html body .gb-pop { position: fixed; top: 70px; left: 12px; right: 12px; width: auto; }
}

/* ---------- Conta logada v2: visual próprio (anel no avatar, cargo em selo, sino sem caixa) ---------- */
html body .gb-bell-btn { width: 40px; height: 40px; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: var(--muted) !important; }
html body .gb-bell-btn:hover, html body .gb-bell-btn[aria-expanded="true"] { background: rgba(255, 255, 255, .06) !important; color: var(--text) !important; }
html body .gb-bell-btn svg { width: 21px; height: 21px; }
html body .gb-bell-count { top: 4px; right: 3px; min-width: 16px; height: 16px; padding: 0 4px; font-size: 9.5px; line-height: 16px; background: linear-gradient(135deg, var(--signal), var(--teal, var(--signal))); color: #04140a; box-shadow: 0 0 0 2px #0a090c, 0 0 10px color-mix(in srgb, var(--signal) 60%, transparent); }
html body .gb-acc-btn { height: 44px; gap: 10px; padding: 0 4px 0 0; border: 0 !important; border-radius: 99px !important; background: transparent !important; }
html body .gb-acc-btn:hover, html body .gb-acc-btn[aria-expanded="true"] { background: rgba(255, 255, 255, .05) !important; }
html body .gb-acc-btn .gb-acc-av { width: 38px; height: 38px; border: 0; padding: 2px; background: conic-gradient(from 210deg, var(--signal), var(--teal, var(--signal)), var(--signal)); }
html body .gb-acc-btn .gb-acc-av > img, html body .gb-acc-btn .gb-acc-av { font-size: 12px; }
html body .gb-acc-btn .gb-acc-av img { border-radius: 50%; border: 2px solid #0a090c; }
html body .gb-acc-txt { grid-auto-flow: row; gap: 4px; }
html body .gb-acc-txt b { font-size: 13.5px; }
html body .gb-acc-txt small { justify-self: start; padding: 2px 7px; border-radius: 5px; background: color-mix(in srgb, var(--signal) 12%, transparent); color: var(--signal) !important; font: 800 9.5px/1.3 var(--font-body) !important; letter-spacing: .1em; text-transform: uppercase; }
html body .gb-acc-chev { display: none; }
/* menu aberto: faixa colorida no topo com o avatar sobreposto */
html body .gb-acc-menu { padding: 0 !important; overflow: hidden; }
html body .gb-acc-menu::before { content: ""; display: block; height: 54px; background: linear-gradient(120deg, color-mix(in srgb, var(--signal) 55%, transparent), color-mix(in srgb, var(--teal, var(--signal)) 45%, transparent)), radial-gradient(rgba(255, 255, 255, .15) 1px, transparent 1.2px) 0 0 / 12px 12px; }
html body .gb-acc-head { flex-direction: column; align-items: flex-start; gap: 10px; margin-top: -28px; padding: 0 16px; }
html body .gb-acc-head .gb-acc-av-lg { width: 56px; height: 56px; border: 3px solid #0d0b10; box-shadow: 0 8px 20px -6px #000; font-size: 16px; }
html body .gb-acc-badge { margin: 10px 16px 12px; border-radius: 6px; background: color-mix(in srgb, var(--signal) 12%, transparent); border-color: color-mix(in srgb, var(--signal) 35%, transparent); color: var(--signal); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; }
html body .gb-acc-menu nav { margin: 0 8px; border: 0 !important; padding: 0 0 6px; }
html body .gb-acc-menu nav button { padding: 9px 10px; }
html body .gb-acc-menu nav button svg { width: 30px; height: 30px; padding: 6px; border-radius: 8px; background: rgba(255, 255, 255, .05); }
html body .gb-acc-menu nav button:hover svg { background: color-mix(in srgb, var(--signal) 15%, transparent); color: var(--signal); }
html body .gb-acc-menu .gb-acc-out { width: auto; margin: 0; padding: 13px 18px; border-radius: 0; border-top: 1px solid rgba(255, 255, 255, .07); justify-content: center; }