/*
 * GW B2B Commerce: camada visual do portal (1.1.57).
 * Mesma linguagem do painel administrativo (admin-ui.css): cores neutras em tokens,
 * cor da marca so onde marca, situacao com ponto colorido, linhas finas, sem
 * gradiente nem caixa alta. A fonte e os botoes continuam do tema da loja
 * (buttons.css, decisao das versoes 1.1.40/1.1.41).
 * Carregada por ultimo nas telas B2B da loja (Assets::enqueue_buttons).
 */

:root {
	--gwb2b-ink: #1a2128;
	--gwb2b-ink-2: #38434d;
	--gwb2b-ink-3: #5c6771;
	--gwb2b-ink-4: #87909a;
	--gwb2b-line: #dde1e5;
	--gwb2b-line-2: #c3cad1;
	--gwb2b-line-soft: #eceef1;
	--gwb2b-fill: #f5f6f8;
	--gwb2b-fill-2: #eceef1;
	--gwb2b-ok: #1f6a40;
	--gwb2b-ok-solid: #2e8452;
	--gwb2b-warn: #7a5100;
	--gwb2b-warn-solid: #b97d12;
	--gwb2b-bad: #a3261b;
	--gwb2b-bad-solid: #c2412f;
	--gwb2b-info: #1d5585;
	--gwb2b-info-solid: #2f6fa8;
	--gwb2b-violet: #58418a;
	--gwb2b-violet-solid: #6d55a6;
	--gwb2b-radius: 4px;
}

/* Cabecalho do perfil: cor solida da marca e filete na cor principal, como a barra do painel. */
.gwb2b-profile { --gwb2b-profile-ink: var(--gwb2b-ink); }
.gwb2b-profile-cover { background: var(--gwb2b-secondary, #08244a); border-bottom: 3px solid var(--gwb2b-primary, #075eaa); border-radius: var(--gwb2b-radius); }
.gwb2b-profile-cover::after { background: rgb(0 15 32 / 58%); }
.gwb2b-profile-class { background: #fff; border: 0; border-radius: 3px; box-shadow: 0 0 0 1px rgb(0 0 0 / 10%); color: var(--gwb2b-ink); font-weight: 600; }
.gwb2b-profile .gwb2b-profile-person p { color: rgb(255 255 255 / 82%); }
.gwb2b-profile .gwb2b-profile-role { color: #fff; }
.gwb2b-profile .gwb2b-profile-person h2 { font-variant-numeric: lining-nums; }

/* Abas: sublinhado na cor da marca, sem fundo colorido. */
.gwb2b-profile-toolbar { border-bottom-color: var(--gwb2b-line); }
.gwb2b-profile .gwb2b-profile-nav > a { border-bottom-width: 2px; color: var(--gwb2b-ink-3); }
.gwb2b-profile .gwb2b-profile-nav > a:hover { background: transparent; color: var(--gwb2b-ink); }
.gwb2b-profile .gwb2b-profile-nav > a[aria-current="page"] { background: transparent; border-bottom-color: var(--gwb2b-primary, #075eaa); color: var(--gwb2b-ink); font-weight: 600; }
/* 1.1.87: new marketing materials. */
.gwb2b-profile-nav > a { position: relative; }
.gwb2b-nav-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #c2410c; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; }
.gwb2b-mobile-dock .gwb2b-nav-badge { position: absolute; top: 6px; left: calc(50% + 6px); min-width: 16px; height: 16px; font-size: 10px; }
.gwb2b-profile .gwb2b-profile-nav > a[aria-current="page"] .gwb2b-line-icon { color: var(--gwb2b-primary, #075eaa); }
.gwb2b-profile .gwb2b-profile-scroll { color: var(--gwb2b-ink-3); }
.gwb2b-profile .gwb2b-profile-scroll:hover:not(:disabled) { background: var(--gwb2b-fill-2); }
.gwb2b-profile-editor summary { color: var(--gwb2b-ink-3); }
.gwb2b-profile-editor summary:hover, .gwb2b-profile-editor[open] summary { background: var(--gwb2b-fill-2); color: var(--gwb2b-ink); }
.gwb2b-profile-editor form { border-bottom-color: var(--gwb2b-line); }
.gwb2b-profile input[type="file"] { border-color: var(--gwb2b-line-2); border-radius: var(--gwb2b-radius); color: var(--gwb2b-ink); }
.gwb2b-profile-notice { background: #fff; border: 1px solid var(--gwb2b-line); border-left: 3px solid var(--gwb2b-ok-solid); border-radius: var(--gwb2b-radius); color: var(--gwb2b-ink-2); }
.gwb2b-workspace-tabs, .gwb2b-sales-tabs { border-bottom-color: var(--gwb2b-line); }
.gwb2b-workspace-tabs a, .gwb2b-sales .gwb2b-sales-tabs a { border-bottom-width: 2px; color: var(--gwb2b-ink-3); font-weight: 400; }
.gwb2b-workspace-tabs a:hover, .gwb2b-sales .gwb2b-sales-tabs a:hover { color: var(--gwb2b-ink); }
.gwb2b-workspace-tabs a[aria-current="page"], .gwb2b-sales .gwb2b-sales-tabs a[aria-current] { border-color: var(--gwb2b-primary, #075eaa); color: var(--gwb2b-ink); font-weight: 600; }
.gwb2b-mobile-dock { border-top-color: var(--gwb2b-line); box-shadow: 0 -1px 0 var(--gwb2b-line-soft); }
.gwb2b-mobile-dock .gwb2b-profile-nav--sales > a { color: var(--gwb2b-ink-3); }
.gwb2b-mobile-dock .gwb2b-profile-nav--sales > a[aria-current="page"] { background: transparent; border-top-color: var(--gwb2b-primary, #075eaa); color: var(--gwb2b-ink); }

/* Visao da carteira: faixa de indicadores sem quadrados coloridos atras dos icones. */
.gwb2b-account-dashboard { color: var(--gwb2b-ink); }
.gwb2b-account-dashboard .gwb2b-dashboard-heading h2,
.gwb2b-account-dashboard .gwb2b-dashboard-section-heading h3 { color: var(--gwb2b-ink); }
.gwb2b-account-dashboard .gwb2b-dashboard-heading p,
.gwb2b-account-dashboard .gwb2b-dashboard-basis,
.gwb2b-dashboard-section-heading > span,
.gwb2b-dashboard-recent time { color: var(--gwb2b-ink-3); }
.gwb2b-dashboard-metrics { border-color: var(--gwb2b-line); }
.gwb2b-dashboard-metric { border-right-color: var(--gwb2b-line-soft); }
.gwb2b-account-dashboard .gwb2b-dashboard-metric > svg,
.gwb2b-account-dashboard .gwb2b-dashboard-metric[data-metric] > svg { background: none; border-radius: 0; color: var(--gwb2b-ink-4); height: 22px; padding: 0; width: 22px; }
.gwb2b-dashboard-metric > span { color: var(--gwb2b-ink-3); }
.gwb2b-dashboard-metric > strong { color: var(--gwb2b-ink); }
.gwb2b-account-dashboard .gwb2b-dashboard-filter select { border-color: var(--gwb2b-line-2); color: var(--gwb2b-ink); }
.gwb2b-account-dashboard .gwb2b-dashboard-filter label { color: var(--gwb2b-ink-3); }
.gwb2b-account-dashboard [data-tone] { --gwb2b-status-ink: var(--gwb2b-ink-2); --gwb2b-status-fill: var(--gwb2b-ink-4); }
.gwb2b-account-dashboard [data-tone="success"] { --gwb2b-status-ink: var(--gwb2b-ok); --gwb2b-status-fill: var(--gwb2b-ok-solid); }
.gwb2b-account-dashboard [data-tone="waiting"] { --gwb2b-status-ink: var(--gwb2b-warn); --gwb2b-status-fill: var(--gwb2b-warn-solid); }
.gwb2b-account-dashboard [data-tone="info"] { --gwb2b-status-ink: var(--gwb2b-info); --gwb2b-status-fill: var(--gwb2b-info-solid); }
.gwb2b-account-dashboard [data-tone="danger"] { --gwb2b-status-ink: var(--gwb2b-bad); --gwb2b-status-fill: var(--gwb2b-bad-solid); }
.gwb2b-dashboard-status li > div { margin-bottom: 7px; }
.gwb2b-dashboard-track { background: var(--gwb2b-fill-2); border-radius: 999px; height: 8px; }
.gwb2b-dashboard-track > span { border-radius: 999px; }
.gwb2b-dashboard-status-label { align-items: center; background: none; border-radius: 0; display: inline-flex; font-size: 12px; font-weight: 600; gap: 6px; padding: 0; text-align: left; }
.gwb2b-dashboard-status-label::before { background: var(--gwb2b-status-fill); border-radius: 50%; content: ""; flex: none; height: 7px; width: 7px; }
.gwb2b-dashboard-recent { border-left-color: var(--gwb2b-line-soft); }
.gwb2b-dashboard-recent li { border-bottom-color: var(--gwb2b-line-soft); }
.gwb2b-dashboard-recent li > div > span { color: var(--gwb2b-ink-3); }
.gwb2b-dashboard-recent a { color: var(--gwb2b-ink); text-decoration-color: var(--gwb2b-line-2); }
.gwb2b-dashboard-recent a:hover { text-decoration-color: currentColor; }
.gwb2b-dashboard-empty { border-color: var(--gwb2b-line-soft); border-style: solid; color: var(--gwb2b-ink-3); }

/* Area do representante: cabecalhos, tabelas, cartoes e avisos na mesma regua. */
.gwb2b-sales { color: var(--gwb2b-ink); }
.gwb2b-sales :is(h2, h3, h4) { color: var(--gwb2b-ink); font-weight: 600; }
.gwb2b-sales small, .gwb2b-sales-brand span, .gwb2b-sales-user { color: var(--gwb2b-ink-3); }
.gwb2b-sales-heading, .gwb2b-sales-user { border-color: var(--gwb2b-line); }
.gwb2b-sales-section-title h3 span { background: var(--gwb2b-fill-2); border-radius: 3px; color: var(--gwb2b-ink-2); font-weight: 600; }
.gwb2b-sales-table { border-color: var(--gwb2b-line); }
.gwb2b-sales :is(td, th) { border-bottom-color: var(--gwb2b-line-soft); }
.gwb2b-sales th { background: var(--gwb2b-fill); border-bottom: 1px solid var(--gwb2b-line); color: var(--gwb2b-ink-3); font-size: 12px; font-weight: 600; text-transform: none; }
.gwb2b-sales td { color: var(--gwb2b-ink-2); font-variant-numeric: tabular-nums; }
.gwb2b-sales tbody tr:hover > td { background: #fafbfc; }
.gwb2b-sales-client { background: var(--gwb2b-fill); border: 1px solid var(--gwb2b-line); border-radius: var(--gwb2b-radius); }
.gwb2b-sales-client span { color: var(--gwb2b-ink-3); }
.gwb2b-sales-product { border-color: var(--gwb2b-line); border-radius: var(--gwb2b-radius); }
.gwb2b-sales-empty { background: var(--gwb2b-fill); border-radius: var(--gwb2b-radius); color: var(--gwb2b-ink-3); }
.gwb2b-sales-notice { background: #fff; border: 1px solid var(--gwb2b-line); border-left: 3px solid var(--gwb2b-ok-solid); border-radius: var(--gwb2b-radius); color: var(--gwb2b-ink-2); }
.gwb2b-sales-notice.is-error { border-left-color: var(--gwb2b-bad-solid); }
.gwb2b-sales-search input, .gwb2b-sales input[type="number"] { border-color: var(--gwb2b-line-2); }
.gwb2b-sales-conditions dl > div { border-top-color: var(--gwb2b-line); }
.gwb2b-sales-conditions dt, .gwb2b-sales .gwb2b-sales-conditions p { color: var(--gwb2b-ink-3); }
.gwb2b-sales-conditions dd { color: var(--gwb2b-ink); font-variant-numeric: tabular-nums; }

/* Metas no portal: barra na cor da marca, rotulo sem caixa alta, aviso discreto. */
.gwb2b-goals { color: var(--gwb2b-ink); }
.gwb2b-goal-kicker { color: var(--gwb2b-ink-3); font-size: 13px; font-weight: 600; text-transform: none; }
.gwb2b-goal-heading p, .gwb2b-goal-updated, .gwb2b-goal-progress-label span, .gwb2b-goal-table small { color: var(--gwb2b-ink-3); }
.gwb2b-goal-progress, .gwb2b-goal-table :is(th, td) { border-color: var(--gwb2b-line); }
.gwb2b-goal-table th { background: var(--gwb2b-fill); color: var(--gwb2b-ink-3); font-size: 12px; }
.gwb2b-goal-track { background: var(--gwb2b-fill-2); border-radius: 999px; height: 12px; }
.gwb2b-goal-track > span { background: var(--gwb2b-primary, #075eaa); border-radius: 999px; }
.gwb2b-goal-status { background: #fff; border: 1px solid var(--gwb2b-line); border-left: 3px solid var(--gwb2b-ok-solid); border-radius: var(--gwb2b-radius); }
[data-state="paused"] .gwb2b-goal-status { background: #fff; border-left-color: var(--gwb2b-warn-solid); }

/* Cotacao e proposta (cliente, gerente, lista): situacao como texto com ponto. */
.gwb2b-panel-header > div > span { color: var(--gwb2b-ink-3); font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.gwb2b-panel-header h2 { color: var(--gwb2b-ink); font-weight: 600; }
.gwb2b-panel-header > strong { font-variant-numeric: tabular-nums; }
.gwb2b-responsive-table :is(th, td) { border-bottom-color: var(--gwb2b-line-soft); }
.gwb2b-responsive-table th { color: var(--gwb2b-ink-3); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.gwb2b-status { align-items: center; background: none; border-radius: 0; color: var(--gwb2b-ink-2); display: inline-flex; font-size: 13px; font-weight: 600; gap: 7px; padding: 0; white-space: nowrap; }
.gwb2b-status::before { background: currentColor; border-radius: 50%; content: ""; flex: none; height: 7px; width: 7px; }
.gwb2b-status--gwb2b-quote { background: none; color: var(--gwb2b-info); }
.gwb2b-status--gwb2b-sent { background: none; color: var(--gwb2b-warn); }
.gwb2b-status--gwb2b-approved { background: none; color: var(--gwb2b-ok); }
.gwb2b-status--gwb2b-rejected { background: none; color: var(--gwb2b-bad); }
.gwb2b-status--gwb2b-revision { background: none; color: var(--gwb2b-violet); }
.gwb2b-hidden-price { background: var(--gwb2b-fill-2); border-radius: 3px; color: var(--gwb2b-ink-2); font-weight: 600; }
.gwb2b-note { color: var(--gwb2b-ink-3); }

/* Movimento (1.1.59): barras crescem e numeros contam quando entram na tela.
   So com JS (classe gwb2b-motion no html) e sem "reduzir movimento" no sistema;
   sem isso, tudo aparece pronto. */
.gwb2b-motion :is(.gwb2b-dashboard-track, .gwb2b-goal-track) > span { transform: scaleX(0); transform-origin: left center; transition: transform .9s cubic-bezier(.22, 1, .36, 1); }
.gwb2b-motion .gwb2b-goal-track > span { animation: none; }
.gwb2b-motion .is-in :is(.gwb2b-dashboard-track, .gwb2b-goal-track) > span,
.gwb2b-motion :is(.gwb2b-dashboard-track, .gwb2b-goal-track).is-in > span { transform: scaleX(1); }
.gwb2b-motion .gwb2b-dashboard-status li:nth-child(2) .gwb2b-dashboard-track > span { transition-delay: .06s; }
.gwb2b-motion .gwb2b-dashboard-status li:nth-child(3) .gwb2b-dashboard-track > span { transition-delay: .12s; }
.gwb2b-motion .gwb2b-dashboard-status li:nth-child(4) .gwb2b-dashboard-track > span { transition-delay: .18s; }
.gwb2b-motion .gwb2b-dashboard-status li:nth-child(5) .gwb2b-dashboard-track > span { transition-delay: .24s; }
.gwb2b-motion .gwb2b-dashboard-status li:nth-child(6) .gwb2b-dashboard-track > span { transition-delay: .30s; }
.gwb2b-motion .gwb2b-dashboard-status li:nth-child(7) .gwb2b-dashboard-track > span { transition-delay: .36s; }
.gwb2b-motion .gwb2b-dashboard-status li:nth-child(n+8) .gwb2b-dashboard-track > span { transition-delay: .42s; }
.gwb2b-motion .gwb2b-dashboard-recent li { opacity: 0; transform: translateY(6px); transition: opacity .5s ease, transform .5s ease; }
.gwb2b-motion .gwb2b-dashboard-recent.is-in li { opacity: 1; transform: none; }
.gwb2b-motion .gwb2b-dashboard-recent.is-in li:nth-child(2) { transition-delay: .05s; }
.gwb2b-motion .gwb2b-dashboard-recent.is-in li:nth-child(3) { transition-delay: .10s; }
.gwb2b-motion .gwb2b-dashboard-recent.is-in li:nth-child(4) { transition-delay: .15s; }
.gwb2b-motion .gwb2b-dashboard-recent.is-in li:nth-child(n+5) { transition-delay: .20s; }
@media (prefers-reduced-motion: reduce) {
	.gwb2b-motion :is(.gwb2b-dashboard-track, .gwb2b-goal-track) > span,
	.gwb2b-motion .gwb2b-dashboard-recent li { opacity: 1; transform: none; transition: none; }
}

/* Lista de cotacao: itens em linhas, formulario em tres colunas. */
.gwb2b-panel-shell { border-color: var(--gwb2b-line); border-radius: var(--gwb2b-radius); box-shadow: none; color: var(--gwb2b-ink); padding: 24px; }
.gwb2b-panel-header { border-bottom-color: var(--gwb2b-line-soft); margin-bottom: 8px; padding-bottom: 16px; }
.gwb2b-panel-header > strong { color: var(--gwb2b-ink); font-size: 20px; font-weight: 600; white-space: nowrap; }
.gwb2b-quote-cart .gwb2b-panel-header > strong { color: var(--gwb2b-ink-3); font-size: 14px; font-weight: 400; }
:is(.gwb2b-cart-item, .gwb2b-editor-item) { background: #fff; border: 0; border-bottom: 1px solid var(--gwb2b-line-soft); border-radius: 0; margin: 0; padding: 16px 0; }
:is(.gwb2b-cart-item__media, .gwb2b-editor-item__media) img { background: var(--gwb2b-fill); border-radius: var(--gwb2b-radius); object-fit: contain; }
:is(.gwb2b-cart-item__body, .gwb2b-editor-item__body) strong { color: var(--gwb2b-ink); font-weight: 600; }
:is(.gwb2b-cart-item__body, .gwb2b-editor-item__body) span { color: var(--gwb2b-ink-3); }
.gwb2b-cart-item label { justify-self: end; max-width: 140px; width: 100%; }
.gwb2b-cart-item label > span { color: var(--gwb2b-ink-3); font-size: 12px; font-weight: 600; }
.gwb2b-cart-item input[type="number"] { font-variant-numeric: tabular-nums; text-align: center; }
.gwb2b-quote-cart .gwb2b-cart-items > .gwb2b-actions { justify-content: flex-end; margin: 12px 0 8px; }
.gwb2b-quote-cart .gwb2b-submit-quote { border-top: 1px solid var(--gwb2b-line); margin-top: 20px; padding-top: 24px; }
.gwb2b-quote-cart .gwb2b-form-title { color: var(--gwb2b-ink); font-size: 17px; font-weight: 600; line-height: 1.3; margin: 0 0 16px; }
.gwb2b-quote-cart .gwb2b-form-grid { gap: 16px 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gwb2b-form-grid label > span { color: var(--gwb2b-ink-2); font-size: 13px; font-weight: 600; }
:is(.gwb2b-form-grid, .gwb2b-full) :is(input, textarea) { border-color: var(--gwb2b-line-2); }
.gwb2b-quote-cart .gwb2b-submit-quote > .gwb2b-actions { justify-content: flex-end; margin-top: 20px; }
.gwb2b-quote-cart .gwb2b-cart-pending { background: #fff; border: 1px solid var(--gwb2b-line); border-left: 3px solid var(--gwb2b-warn-solid); border-radius: var(--gwb2b-radius); color: var(--gwb2b-ink-2); }
@media (max-width: 900px) { .gwb2b-quote-cart .gwb2b-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
	.gwb2b-panel-shell { padding: 16px; }
	.gwb2b-quote-cart .gwb2b-form-grid { grid-template-columns: minmax(0, 1fr); }
	.gwb2b-cart-item label { justify-self: start; }
	.gwb2b-quote-cart :is(.gwb2b-cart-items, .gwb2b-submit-quote) > .gwb2b-actions > * { width: 100%; }
}

/* Proposta e cotacao: total em destaque, itens em linhas, nota discreta. */
.gwb2b-quote-view .gwb2b-client-brand { border-bottom: 3px solid var(--gwb2b-primary, #075eaa); border-radius: var(--gwb2b-radius); }
.gwb2b-editor-item > strong { color: var(--gwb2b-ink); font-variant-numeric: tabular-nums; font-weight: 600; justify-self: end; }
.gwb2b-note { background: var(--gwb2b-fill); border: 0; border-left: 3px solid var(--gwb2b-warn-solid); border-radius: 0 var(--gwb2b-radius) var(--gwb2b-radius) 0; color: var(--gwb2b-ink-2); margin: 16px 0; padding: 12px 16px; }
.gwb2b-note p { margin: 0; }
.gwb2b-quote-view > .gwb2b-actions { border-top: 1px solid var(--gwb2b-line-soft); margin-top: 20px; padding-top: 20px; }
.gwb2b-quote-view > .gwb2b-actions form { margin: 0; }
.gwb2b-form-error { background: #fff; border: 1px solid var(--gwb2b-line); border-left: 3px solid var(--gwb2b-bad-solid); border-radius: var(--gwb2b-radius); color: var(--gwb2b-ink-2); }

/* Tabelas de cotacoes (cliente e gerente). */
.gwb2b-responsive-table td { color: var(--gwb2b-ink-2); font-variant-numeric: tabular-nums; vertical-align: middle; }
.gwb2b-responsive-table td:first-child { color: var(--gwb2b-ink); font-weight: 600; }
.gwb2b-responsive-table td .woocommerce-Price-amount { color: var(--gwb2b-ink); font-weight: 600; }
.gwb2b-responsive-table tbody tr:hover > td { background: #fafbfc; }

/* Estados vazios: icone, frase e caminho de volta, no lugar da caixa tracejada. */
.gwb2b-empty { align-items: center; background: #fff; border: 1px solid var(--gwb2b-line); border-radius: var(--gwb2b-radius); color: var(--gwb2b-ink-2); display: flex; flex-direction: column; gap: 6px; padding: 36px 20px; text-align: center; }
.gwb2b-empty::before { background-color: var(--gwb2b-ink-4); content: ""; height: 32px; margin-bottom: 6px; width: 32px; -webkit-mask: var(--gwb2b-empty-icon) center / contain no-repeat; mask: var(--gwb2b-empty-icon) center / contain no-repeat; }
.gwb2b-empty { --gwb2b-empty-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l1 2h3v14H5V6h3z'/%3E%3Cpath d='M9 11h6M9 15h4'/%3E%3C/svg%3E"); }
.gwb2b-empty strong { color: var(--gwb2b-ink); font-size: 16px; font-weight: 600; }
.gwb2b-empty p { color: var(--gwb2b-ink-3); margin: 0; max-width: 46ch; }
.gwb2b-empty .gwb2b-link-button { margin-top: 10px; }
td.gwb2b-empty-cell { padding: 32px 12px; text-align: center; color: var(--gwb2b-ink-3); }

/* Situacao no topo da proposta/cotacao: o seletor do cabecalho e mais forte que o da situacao. */
.gwb2b-panel-header > div > span.gwb2b-status { display: inline-flex; margin-bottom: 4px; }
.gwb2b-panel-header > div > span.gwb2b-status--gwb2b-quote { color: var(--gwb2b-info); }
.gwb2b-panel-header > div > span.gwb2b-status--gwb2b-sent { color: var(--gwb2b-warn); }
.gwb2b-panel-header > div > span.gwb2b-status--gwb2b-approved { color: var(--gwb2b-ok); }
.gwb2b-panel-header > div > span.gwb2b-status--gwb2b-rejected { color: var(--gwb2b-bad); }
.gwb2b-panel-header > div > span.gwb2b-status--gwb2b-revision { color: var(--gwb2b-violet); }

/* Valores dentro da proposta e das listas em tinta: o tema pinta todo preco com a cor de destaque. */
.gwb2b-panel-shell :is(.woocommerce-Price-amount, .amount) { color: inherit; }

/* =====================================================================
   1.1.69: perfil em cartão, menu único e listas mais legíveis.
   Faixa na cor da marca (ou a capa enviada), foto ou iniciais sobrepostas,
   etiquetas de carteira, classificação e tempo de casa; botões continuam do tema.
   ===================================================================== */
.gwb2b-profile { --gwb2b-card-radius: 12px; --gwb2b-tint: color-mix(in srgb, var(--gwb2b-primary, #075eaa) 11%, #fff); --gwb2b-tint-ink: color-mix(in srgb, var(--gwb2b-primary, #075eaa) 82%, #000); background: #fff; border: 1px solid var(--gwb2b-line); border-radius: var(--gwb2b-card-radius); box-shadow: 0 1px 2px rgb(16 24 40 / 4%), 0 10px 28px -18px rgb(16 24 40 / 22%); }
.gwb2b-profile .gwb2b-profile-cover { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 0 24px; min-height: 0; padding: 0 28px 22px; background: #fff; color: var(--gwb2b-ink); border: 0; border-radius: var(--gwb2b-card-radius) var(--gwb2b-card-radius) 0 0; overflow: visible; isolation: auto; }
.gwb2b-profile .gwb2b-profile-cover::after { content: none; }
.gwb2b-profile-banner { position: relative; grid-column: 1 / -1; height: 116px; margin: 0 -28px; overflow: hidden; border-radius: calc(var(--gwb2b-card-radius) - 1px) calc(var(--gwb2b-card-radius) - 1px) 0 0; background-color: var(--gwb2b-secondary, #08244a); background-image: radial-gradient(rgb(255 255 255 / 9%) 1px, transparent 1.4px); background-size: 18px 18px; border-bottom: 3px solid var(--gwb2b-primary, #075eaa); }
.gwb2b-profile .gwb2b-profile-cover-image { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.gwb2b-profile .gwb2b-profile-identity { align-items: flex-start; gap: 20px; min-width: 0; }
.gwb2b-profile .gwb2b-profile-portrait { flex: 0 0 auto; width: auto; margin-top: -46px; }
.gwb2b-profile .gwb2b-profile-avatar { width: 112px; height: 112px; border: 4px solid #fff; background: var(--gwb2b-tint); color: var(--gwb2b-tint-ink); box-shadow: 0 6px 18px -8px rgb(16 24 40 / 35%); }
.gwb2b-profile-initials { font-size: 38px; font-weight: 600; line-height: 1; letter-spacing: .5px; font-variant-numeric: lining-nums; }
.gwb2b-profile .gwb2b-profile-person { padding-top: 16px; min-width: 0; }
.gwb2b-profile .gwb2b-profile-person .gwb2b-profile-role { display: block; margin: 0 0 2px; color: var(--gwb2b-tint-ink); font-size: 12px; font-weight: 600; }
.gwb2b-profile .gwb2b-profile-person h2 { margin: 0; color: var(--gwb2b-ink); font-size: 26px; line-height: 1.25; }
.gwb2b-profile .gwb2b-profile-person p.gwb2b-profile-email { display: flex; flex-wrap: wrap; gap: 2px 14px; margin: 4px 0 0; color: var(--gwb2b-ink-3); font-size: 13px; }
.gwb2b-profile-email span:first-child:not(:last-child) { color: var(--gwb2b-ink-2); font-weight: 600; }
.gwb2b-profile-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.gwb2b-profile .gwb2b-profile-chip { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 11px; border: 1px solid var(--gwb2b-line); border-radius: 999px; background: var(--gwb2b-fill); color: var(--gwb2b-ink-2); font-size: 12px; font-weight: 500; line-height: 1.4; box-shadow: none; max-width: 100%; }
.gwb2b-profile .gwb2b-profile-chip .gwb2b-line-icon { width: 15px; height: 15px; flex-basis: 15px; color: var(--gwb2b-ink-3); }
.gwb2b-profile-chip small { color: var(--gwb2b-ink-4); font-size: 11px; font-weight: 600; }
.gwb2b-profile .gwb2b-profile-chip.gwb2b-profile-class { border-color: color-mix(in srgb, var(--gwb2b-chip, #b7791f) 40%, #fff); background: color-mix(in srgb, var(--gwb2b-chip, #b7791f) 12%, #fff); color: color-mix(in srgb, var(--gwb2b-chip, #b7791f) 75%, #000); font-weight: 600; }
.gwb2b-profile .gwb2b-profile-chip.gwb2b-profile-class .gwb2b-line-icon { display: inline-block; color: currentColor; }
.gwb2b-profile .gwb2b-profile-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; padding: 0; border: 0; }
.gwb2b-profile a.gwb2b-profile-action, .gwb2b-profile a.gwb2b-profile-action.is-primary { min-height: 44px; padding: 10px 18px; font-size: 13px; }
.gwb2b-profile a.gwb2b-profile-action.is-followup { grid-column: auto; justify-self: auto; }
.gwb2b-profile--customer a.gwb2b-profile-action.is-followup { display: none; }
body .gwb2b-profile-cover a.gwb2b-profile-action:focus-visible { outline-color: var(--gwb2b-primary, #075eaa); }

/* Abas dentro do cartão; "Sair" e a câmera à direita. */
.gwb2b-profile .gwb2b-profile-navigation { border-top: 1px solid var(--gwb2b-line-soft); padding: 0 12px; }
.gwb2b-profile .gwb2b-profile-toolbar { border-bottom: 0; padding-right: 140px; }
.gwb2b-profile .gwb2b-profile-nav > a { min-height: 54px; padding: 14px 14px 12px; border-bottom-width: 3px; font-size: 14px; }
.gwb2b-profile .gwb2b-profile-nav > a .gwb2b-line-icon { width: 18px; height: 18px; flex-basis: 18px; }
.gwb2b-profile .gwb2b-profile-editor summary { right: 6px; top: 5px; }
.gwb2b-profile-logout { position: absolute; top: 5px; right: 56px; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border-radius: 8px; color: var(--gwb2b-ink-3); font-size: 13px; font-weight: 500; text-decoration: none; }
.gwb2b-profile-logout:hover { background: var(--gwb2b-fill-2); color: var(--gwb2b-ink); }
.gwb2b-profile-logout .gwb2b-line-icon { width: 18px; height: 18px; flex-basis: 18px; }
.gwb2b-profile .gwb2b-profile-editor form { padding: 20px 12px; border-top: 1px solid var(--gwb2b-line-soft); border-bottom: 0; }
.gwb2b-profile .gwb2b-profile-notice { margin: 0; border: 0; border-top: 1px solid var(--gwb2b-line-soft); border-radius: 0 0 var(--gwb2b-card-radius) var(--gwb2b-card-radius); }

/* Minha conta com o perfil B2B: um só menu (as abas), conteúdo na largura toda. */
.gwb2b-account-profile .wd-my-account-sidebar, .gwb2b-account-profile .woocommerce-MyAccount-navigation, .gwb2b-account-profile .gwb2b-account-menu { display: none !important; }
.gwb2b-account-profile .wd-my-account-wrapper { display: block; }
.gwb2b-account-profile .woocommerce-MyAccount-content { width: 100%; max-width: none; float: none; margin: 0; padding: 0; }
.gwb2b-account-root .woocommerce-MyAccount-content > p, .gwb2b-account-root .woocommerce-MyAccount-content > .wd-my-account-links { display: none; }

/* Cartões: indicadores, distribuição e registros recentes. */
.gwb2b-account-dashboard .gwb2b-dashboard-metrics { gap: 16px; padding: 0; border: 0; }
.gwb2b-account-dashboard .gwb2b-dashboard-metric { grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; gap: 4px 14px; padding: 18px; border: 1px solid var(--gwb2b-line); border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgb(16 24 40 / 4%); }
.gwb2b-account-dashboard .gwb2b-dashboard-metric:last-child { padding-right: 18px; border: 1px solid var(--gwb2b-line); }
.gwb2b-account-dashboard .gwb2b-dashboard-metric > svg, .gwb2b-account-dashboard .gwb2b-dashboard-metric[data-metric] > svg { grid-column: 1; grid-row: 1 / span 2; width: 40px; height: 40px; padding: 10px; border-radius: 10px; background: color-mix(in srgb, var(--gwb2b-primary, #075eaa) 11%, #fff); color: color-mix(in srgb, var(--gwb2b-primary, #075eaa) 85%, #000); }
.gwb2b-account-dashboard .gwb2b-dashboard-metric[data-metric="attention"] > svg { background: #fdf3e1; color: #8a5a00; }
.gwb2b-account-dashboard .gwb2b-dashboard-metric[data-metric="completed"] > svg { background: #e6f4ec; color: #1f6a40; }
.gwb2b-account-dashboard .gwb2b-dashboard-metric > span { grid-column: 2; grid-row: 1; min-height: 0; font-size: 13px; line-height: 1.35; }
.gwb2b-account-dashboard .gwb2b-dashboard-metric > strong { grid-column: 2; grid-row: 2; font-size: 28px; line-height: 1.15; }
.gwb2b-account-dashboard .gwb2b-dashboard-basis { margin: 10px 2px 22px; }
.gwb2b-account-dashboard .gwb2b-dashboard-columns { gap: 16px; }
.gwb2b-account-dashboard :is(.gwb2b-dashboard-status, .gwb2b-dashboard-recent) { padding: 20px 22px; border: 1px solid var(--gwb2b-line); border-radius: 12px; background: #fff; }
.gwb2b-account-dashboard .gwb2b-dashboard-recent li:last-child { border-bottom: 0; padding-bottom: 0; }
.gwb2b-account-dashboard .gwb2b-dashboard-status li:last-child { margin-bottom: 0; }

/* Resumo da meta no Início. */
.gwb2b-goal-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 230px); gap: 8px 24px; align-items: center; margin: 0 0 24px; padding: 22px 24px; border: 1px solid var(--gwb2b-line); border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgb(16 24 40 / 4%); }
.gwb2b-goals-portal:has(> .gwb2b-goal-summary) { margin: 0; }
.gwb2b-goal-summary-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.gwb2b-goal-summary .gwb2b-goal-status { padding: 3px 10px; font-size: 12px; }
.gwb2b-goals .gwb2b-goal-summary h3 { margin: 4px 0 10px; font-size: 18px; }
.gwb2b-goal-summary-figure { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; }
.gwb2b-goal-summary-figure strong { color: var(--gwb2b-ink); font-size: 30px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.gwb2b-goal-summary-figure span { color: var(--gwb2b-ink-3); font-size: 13px; }
.gwb2b-goals .gwb2b-goal-summary-facts { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 10px 0 0; color: var(--gwb2b-ink-3); font-size: 13px; }
.gwb2b-goal-summary-facts .woocommerce-Price-amount { color: var(--gwb2b-ink-2); font-weight: 600; }
.gwb2b-goal-summary-prize { display: grid; gap: 2px; align-self: stretch; align-content: center; padding: 14px 16px; border-radius: 10px; background: color-mix(in srgb, var(--gwb2b-primary, #075eaa) 8%, #fff); }
.gwb2b-goal-summary-prize > span { color: var(--gwb2b-ink-3); font-size: 12px; font-weight: 600; }
.gwb2b-goal-summary-prize strong { color: var(--gwb2b-ink); font-size: 20px; font-weight: 600; }
.gwb2b-goal-summary-prize strong .woocommerce-Price-amount { color: inherit; }
.gwb2b-goal-summary-prize small { color: var(--gwb2b-ink-3); font-size: 12px; }
.gwb2b-goal-summary-link { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 6px; justify-self: start; margin-top: 6px; color: var(--gwb2b-ink); font-size: 13px; font-weight: 600; text-decoration: none; }
.gwb2b-goal-summary-link .gwb2b-line-icon { width: 16px; height: 16px; flex-basis: 16px; }
.gwb2b-goal-summary-link:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Listas do vendedor: empresa em destaque, iniciais, situação colorida, valores na tinta do texto. */
.gwb2b-sales-person { display: flex; align-items: center; gap: 12px; min-width: 0; }
.gwb2b-sales-person > div { min-width: 0; }
.gwb2b-sales-initials { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: color-mix(in srgb, var(--gwb2b-primary, #075eaa) 11%, #fff); color: color-mix(in srgb, var(--gwb2b-primary, #075eaa) 85%, #000); font-size: 14px; font-weight: 600; }
.gwb2b-sales .gwb2b-sales-client-name strong { display: block; color: var(--gwb2b-ink); font-weight: 600; }
.gwb2b-sales td small { display: block; margin-top: 2px; color: var(--gwb2b-ink-3); font-size: 12px; }
.gwb2b-sales .gwb2b-sales-table { overflow: hidden; border: 1px solid var(--gwb2b-line); border-radius: 12px; background: #fff; }
.gwb2b-sales .gwb2b-sales-table table { margin: 0; border: 0; }
.gwb2b-sales .gwb2b-sales-table :is(th, td) { padding: 14px 16px; }
.gwb2b-sales .gwb2b-sales-table tbody tr:last-child > td { border-bottom: 0; }
.gwb2b-sales :is(.gwb2b-sales-table, .gwb2b-goal-table) :is(.woocommerce-Price-amount, .amount) { color: var(--gwb2b-ink); font-weight: 600; }
.gwb2b-sales .gwb2b-sales-status.gwb2b-status { border: 0; padding: 0; font-weight: 600; }
.gwb2b-status--completed { color: var(--gwb2b-ok); }
.gwb2b-status--processing { color: var(--gwb2b-info); }
.gwb2b-status--on-hold, .gwb2b-status--pending { color: var(--gwb2b-warn); }
.gwb2b-status--cancelled, .gwb2b-status--failed, .gwb2b-status--refunded { color: var(--gwb2b-bad); }
.gwb2b-sales-table--clients .gwb2b-sales-row-actions { justify-content: flex-end; gap: 8px; }
.gwb2b-sales-table--clients .gwb2b-sales-primary { min-height: 40px; padding: 8px 14px; font-size: 13px; }
.gwb2b-sales-product small:empty { display: none; }

@container gwb2b-profile (max-width: 860px) {
	.gwb2b-profile .gwb2b-profile-cover { grid-template-columns: minmax(0, 1fr); padding: 0 20px 18px; }
	.gwb2b-profile-banner { margin: 0 -20px; height: 96px; }
	.gwb2b-profile .gwb2b-profile-actions { justify-content: flex-start; padding-top: 16px; border: 0; }
}
@container gwb2b-profile (max-width: 540px) {
	.gwb2b-profile .gwb2b-profile-cover { padding: 0 16px 16px; }
	.gwb2b-profile-banner { margin: 0 -16px; height: 84px; }
	.gwb2b-profile .gwb2b-profile-identity { flex-direction: column; align-items: flex-start; gap: 4px; }
	.gwb2b-profile .gwb2b-profile-portrait { margin-top: -40px; }
	.gwb2b-profile .gwb2b-profile-avatar { width: 84px; height: 84px; border-width: 3px; }
	.gwb2b-profile-initials { font-size: 28px; }
	.gwb2b-profile .gwb2b-profile-person { padding-top: 6px; }
	.gwb2b-profile .gwb2b-profile-person h2 { font-size: 21px; }
	.gwb2b-profile .gwb2b-profile-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
	.gwb2b-profile .gwb2b-profile-actions > a { justify-content: center; }
	.gwb2b-profile .gwb2b-profile-navigation { padding: 0 4px; }
	.gwb2b-profile .gwb2b-profile-toolbar { padding-right: 96px; }
	.gwb2b-profile-logout { right: 50px; padding: 0 10px; }
	.gwb2b-profile-logout span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (max-width: 760px) {
	.gwb2b-account-dashboard .gwb2b-dashboard-metrics { gap: 10px; }
	.gwb2b-account-dashboard .gwb2b-dashboard-metric { grid-template-columns: minmax(0, 1fr); padding: 14px; gap: 8px; }
	.gwb2b-account-dashboard .gwb2b-dashboard-metric > svg, .gwb2b-account-dashboard .gwb2b-dashboard-metric[data-metric] > svg { grid-row: 1; width: 34px; height: 34px; padding: 8px; }
	.gwb2b-account-dashboard .gwb2b-dashboard-metric > span { grid-column: 1; grid-row: 2; }
	.gwb2b-account-dashboard .gwb2b-dashboard-metric > strong { grid-column: 1; grid-row: 3; font-size: 24px; }
	.gwb2b-account-dashboard .gwb2b-dashboard-recent { padding: 18px; border-top: 1px solid var(--gwb2b-line); }
	.gwb2b-goal-summary { grid-template-columns: minmax(0, 1fr); padding: 18px; }
	.gwb2b-sales .gwb2b-sales-table { border-radius: 10px; }
}

/* Foto acima da faixa; no celular os dois botões lado a lado e um esmaecido indicando mais abas. */
.gwb2b-profile .gwb2b-profile-portrait { position: relative; z-index: 2; }
@container gwb2b-profile (max-width: 540px) {
	.gwb2b-profile a.gwb2b-profile-action.is-primary { grid-column: auto; }
	.gwb2b-profile .gwb2b-profile-nav { -webkit-mask-image: linear-gradient(to right, #000 80%, transparent); mask-image: linear-gradient(to right, #000 80%, transparent); }
}

/* Desempenho: cada meta em cartão, valores na tinta do texto (o tema pinta todo preço com a cor de destaque). */
.gwb2b-goals-portal .gwb2b-goal-progress { margin: 8px 0 12px; padding: 24px; border: 1px solid var(--gwb2b-line); border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgb(16 24 40 / 4%); }
.gwb2b-goals-portal .gwb2b-goal-detail-link { margin: 0 0 24px 4px; font-weight: 600; }
.gwb2b-goals :is(.gwb2b-goal-numbers, .gwb2b-goal-pace, .gwb2b-goal-prize, .gwb2b-statement-numbers, .gwb2b-goal-table) :is(.woocommerce-Price-amount, .amount) { color: var(--gwb2b-ink); }
.gwb2b-goal-tier-list li[data-state="current"] :is(.woocommerce-Price-amount, .amount) { color: var(--gwb2b-ok); }
.gwb2b-sales .gwb2b-workspace-tabs + .gwb2b-goals { margin-top: 0; }
@media (max-width: 600px) { .gwb2b-goals-portal .gwb2b-goal-progress { padding: 18px; } }

/* 1.1.70: Minha conta montada pelo construtor de layout do WoodMart (Elementor): coluna do menu e saudação ficam dentro de widgets. */
.gwb2b-account-profile .e-con:has(> .wd-el-my-acc-nav), .gwb2b-account-profile .wd-el-my-acc-nav { display: none !important; }
.gwb2b-account-profile .e-con:has(> .wd-el-my-acc-content) { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; --width: 100%; }
.gwb2b-account-root .wd-el-my-acc-content .elementor-widget-container > p, .gwb2b-account-root .wd-el-my-acc-content .wd-my-account-links { display: none !important; }

/* =====================================================================
   1.1.71: "Ver como" (gerente e administrador).
   Seletores no cartão do gerente, como no GW Cliente; durante a visualização,
   uma barra escura acima do cartão diz de quem é a conta e que é só leitura.
   ===================================================================== */
.gwb2b-viewas-picker { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-top: 20px; padding: 10px 12px 10px 16px; border: 1px solid var(--gwb2b-line); border-radius: 12px; background: var(--gwb2b-fill); }
.gwb2b-viewas-title { display: inline-flex; align-items: center; gap: 8px; margin-right: auto; color: var(--gwb2b-ink-2); font-size: 13px; font-weight: 600; }
.gwb2b-viewas-title .gwb2b-line-icon { width: 18px; height: 18px; flex-basis: 18px; color: var(--gwb2b-tint-ink, var(--gwb2b-ink-3)); }
.gwb2b-viewas-form { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0; }
.gwb2b-viewas-field { position: relative; display: flex; align-items: center; margin: 0; }
.gwb2b-viewas-icon { position: absolute; left: 7px; z-index: 1; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--gwb2b-tint, #e8eef6); color: var(--gwb2b-tint-ink, #1d3a5f); pointer-events: none; }
.gwb2b-viewas-icon .gwb2b-line-icon { width: 16px; height: 16px; flex-basis: 16px; }
body .gwb2b-viewas-field select { width: auto; min-width: 230px; max-width: 320px; height: 44px; margin: 0; padding: 0 36px 0 46px; border: 1px solid var(--gwb2b-line); border-radius: 999px; background-color: #fff; color: var(--gwb2b-ink); font-size: 13px; font-weight: 500; box-shadow: none; text-overflow: ellipsis; }
body .gwb2b-viewas-field select:focus-visible { outline: 2px solid var(--gwb2b-primary, #075eaa); outline-offset: 2px; }
.gwb2b-viewas-form.is-loading select { opacity: .6; }
body .gwb2b-viewas-go { min-height: 44px; padding: 0 16px; border-radius: 999px; font-size: 13px; }
.gwb2b-viewas-go[hidden] { display: none !important; }
.gwb2b-viewas-more { flex-basis: 100%; padding-left: 14px; color: var(--gwb2b-ink-3); font-size: 12px; }

.gwb2b-viewas-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px; margin: 0 0 16px; padding: 16px 20px; border-radius: 12px; background: #142033; color: #fff; box-shadow: 0 12px 30px -20px rgb(16 24 40 / 55%); }
.gwb2b-viewas-bar-text { display: flex; align-items: flex-start; gap: 14px; flex: 1 1 380px; min-width: 0; }
.gwb2b-viewas-bar-icon { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px; background: rgb(244 204 38 / 15%); color: #f4cc26; }
.gwb2b-viewas-bar-icon .gwb2b-line-icon { width: 22px; height: 22px; flex-basis: 22px; }
.gwb2b-viewas-bar p { margin: 0; color: #fff; }
.gwb2b-viewas-bar p.gwb2b-viewas-bar-title { font-size: 15px; line-height: 1.45; }
.gwb2b-viewas-bar-title strong { color: #fff; font-weight: 700; }
.gwb2b-viewas-bar-role { display: inline-block; margin-left: 6px; padding: 1px 9px; border: 1px solid rgb(255 255 255 / 30%); border-radius: 999px; color: rgb(255 255 255 / 88%); font-size: 12px; font-weight: 600; vertical-align: 1px; }
.gwb2b-viewas-bar p.gwb2b-viewas-bar-note { margin-top: 4px; color: rgb(255 255 255 / 80%); font-size: 13px; line-height: 1.5; }
.gwb2b-viewas-bar-badge { display: inline-block; margin-right: 8px; padding: 1px 8px; border-radius: 4px; background: #f4cc26; color: #1d1d1b; font-size: 12px; font-weight: 700; }
.gwb2b-viewas-bar p.gwb2b-viewas-bar-status { margin-top: 8px; color: #f4cc26; font-size: 13px; font-weight: 600; }
.gwb2b-viewas-bar-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.gwb2b-viewas-bar-actions form { margin: 0; }
.gwb2b-viewas-picker.is-dark { display: contents; }
.gwb2b-viewas-picker.is-dark .gwb2b-viewas-field select { min-width: 200px; border-color: transparent; }
.gwb2b-viewas-picker.is-dark .gwb2b-viewas-more { color: rgb(255 255 255 / 70%); }
body .gwb2b-viewas-bar .gwb2b-viewas-exit { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0; padding: 0 18px; border: 0; border-radius: 999px; background: #fff; color: #142033; font-size: 13px; font-weight: 700; line-height: 1.2; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; }
body .gwb2b-viewas-bar .gwb2b-viewas-exit:hover, body .gwb2b-viewas-bar .gwb2b-viewas-exit:focus-visible { background: #f4cc26; color: #1d1d1b; }
.gwb2b-viewas-exit .gwb2b-line-icon { width: 18px; height: 18px; flex-basis: 18px; }
.gwb2b-viewing-as .gwb2b-view-locked :is(button[type="submit"], button:not([type]), input[type="submit"]) { opacity: .45; cursor: not-allowed; }

@container gwb2b-profile (max-width: 860px) {
	.gwb2b-viewas-title { flex-basis: 100%; }
}
@media (max-width: 600px) {
	.gwb2b-viewas-picker { padding: 12px; }
	.gwb2b-viewas-form, .gwb2b-viewas-field, body .gwb2b-viewas-field select { width: 100%; min-width: 0; max-width: none; }
	.gwb2b-viewas-bar { padding: 14px; }
	.gwb2b-viewas-bar-actions, .gwb2b-viewas-bar-actions form, body .gwb2b-viewas-bar .gwb2b-viewas-exit { width: 100%; }
	body .gwb2b-viewas-bar .gwb2b-viewas-exit { justify-content: center; }
}

/* 1.1.72: resumo da meta sem prêmio ocupa a largura toda (barra e situação até a borda do cartão). */
.gwb2b-goal-summary:not(:has(.gwb2b-goal-summary-prize)) { grid-template-columns: minmax(0, 1fr); }

/* 1.1.73: My Account items of the theme and other plugins (downloads, subscriptions, wishlist...) under the B2B tabs. */
.gwb2b-profile .gwb2b-profile-more { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 12px 24px 14px; border-top: 1px solid var(--gwb2b-line-soft); font-size: 13px; line-height: 1.3; }
.gwb2b-profile .gwb2b-profile-more__label { margin-right: 4px; color: var(--gwb2b-ink-3); font-weight: 600; }
body .gwb2b-profile .gwb2b-profile-more > a { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 14px; border: 1px solid var(--gwb2b-line); border-radius: 999px; background: #fff; color: var(--gwb2b-ink); text-decoration: none; transition: border-color .15s ease, background-color .15s ease; }
body .gwb2b-profile .gwb2b-profile-more > a:hover { border-color: var(--gwb2b-primary, #075eaa); background: var(--gwb2b-tint); color: var(--gwb2b-ink); }
body .gwb2b-profile .gwb2b-profile-more > a:focus-visible { outline: 2px solid var(--gwb2b-primary, #075eaa); outline-offset: 2px; }
body .gwb2b-profile .gwb2b-profile-more > a[aria-current="page"] { border-color: var(--gwb2b-primary, #075eaa); background: var(--gwb2b-tint); color: var(--gwb2b-tint-ink); font-weight: 600; }
@media (max-width: 600px) {
	.gwb2b-profile .gwb2b-profile-more { padding: 10px 14px 12px; }
	.gwb2b-profile .gwb2b-profile-more__label { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) { body .gwb2b-profile .gwb2b-profile-more > a { transition: none; } }

/* 1.1.74: the photo comes from the site profile (Gravatar or GW Espaço Cliente). */
.gwb2b-profile .gwb2b-profile-avatar-source { color: var(--gwb2b-ink-3); font-size: 13px; line-height: 1.4; }