/* ==========================================================================
   home-grupo.css  |  RCEM Hub, tela inicial: multiempresa (empresa na tarja e no hero, cartão "Empresas do grupo", Carteiras bloqueada)

   O que é: o estilo do que a tela inicial ganhou com o multiempresa: o ponto de cor da empresa, a etiqueta da empresa (e da visita) no hero e na
   tarja, o cartão "Empresas do grupo" (uma coluna por empresa, lado a lado, sem somar) e o estado bloqueado do cartão de Carteiras.
   Define: .hh-edot .hh-mast-e .hh-emp-tag .hh-grp .hh-gc-* .hh-laje.bloq .hh-bloq e o ajuste da faixa de visita no Hub.
   Consome: tokens.css (--surface, --line, --text, --muted, --pos, --neg, --warn, --hx-*), home.css (.hh-card, .hh-btn, .hh-chip), home-lajes.css (.hh-empty).
   Regras: só variáveis de tokens (a cor da empresa vem do registro, por --ec); claro e escuro pelos mesmos tokens; celular de 390 px sem rolagem horizontal;
     alvos de toque de 40 px ou mais; sem animação própria (o movimento do resto da página vale).
   ========================================================================== */

/* ponto de cor da empresa */
.hh-edot{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--ec,var(--lime));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--text) 38%,transparent),0 0 0 4px color-mix(in srgb,var(--ec,var(--lime)) 22%,transparent);margin-right:8px;vertical-align:.04em}
.hh-mast-e{font-weight:800;margin-left:4px}
.hh-emp-tag .hh-edot{margin-right:8px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--hx-ivory) 78%,transparent)}

/* etiqueta da empresa ao lado da saudação (e a nota de visita) */
.hh-hi{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.hh-emp-tag{display:inline-flex;flex-wrap:wrap;align-items:center;min-height:34px;padding:0 14px 0 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;letter-spacing:0;color:var(--hx-on-1);background:color-mix(in srgb,var(--hx-ivory) 12%,transparent);border:1px solid color-mix(in srgb,var(--hx-ivory) 32%,transparent)}
.hh-emp-tag b{font-weight:800;color:inherit}
.hh-emp-tag em{font-style:normal;font-weight:600;margin-left:10px;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--hx-ivory) 32%,transparent);color:var(--hx-on-2)}

/* na página inicial a visita é sempre leitura: o botão "Liberar edição" só faz sentido dentro de um módulo */
.hh-body .hub-shell-visita-b[data-hub-emp-ac="liberar"],.hh-body .hub-shell-visita-b[data-hub-emp-ac="bloquear"]{display:none}

/* cartão "Empresas do grupo" */
.hh-bento>.hh-grp{grid-column:1/-1}
.hh-gc-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.hh-gc{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px 22px;border:1px solid var(--line);border-top:3px solid var(--ec,var(--primary));border-radius:18px;background:var(--surface)}
.hh-gc-h{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.hh-gc-n{display:inline-flex;align-items:center;min-width:0;font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.hh-gc-n b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hh-gc-t{flex:none;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hh-gc-lb{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hh-gc-big{display:block;margin-top:6px;font-size:clamp(26px,3.2vw,34px);font-weight:800;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums lining-nums;color:var(--text);white-space:nowrap}
.hh-gc-bar>div{display:flex;gap:4px;height:12px}
.hh-gc-bar i{display:block;min-width:6px;border-radius:6px}
.hh-gc-bar .p{background:var(--pos)}
.hh-gc-bar .a{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--muted) 70%,transparent) 0 4px,color-mix(in srgb,var(--muted) 24%,transparent) 4px 8px)}
.hh-gc-bar .v{background:var(--neg)}
.hh-gc-kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.hh-gc-kp>div{border-top:1px solid var(--line);padding-top:10px;min-width:0}
.hh-gc-kp dt{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hh-gc-kp dd{margin:4px 0 0;font-size:18px;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums;color:var(--text);white-space:nowrap}
.hh-gc-kp dd.neg{color:var(--neg)}
.hh-gc-nv{margin:0;font-size:13px;font-weight:600;color:var(--text-2)}
.hh-gc-oc,.hh-gc-vz{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--muted)}
.hh-gc-oc .hh-ic,.hh-gc-vz .hh-ic{width:16px;height:16px}
.hh-gc-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;padding-top:4px}
.hh-gc-f>span:first-child{flex:1 1 140px;min-width:0;font-size:12px;font-weight:600;color:var(--muted)}
.hh-gc-f .hh-btn{min-height:40px}

/* Carteiras bloqueada na empresa (só da principal) */
.hh-laje.bloq{opacity:.96}
.hh-bloq{border-style:solid}

@media (max-width:560px){
  .hh-grp .hh-card-h{flex-wrap:wrap}
  .hh-grp .hh-card-h .grow{flex:1 1 100%}
  .hh-gc{padding:18px}
  .hh-gc-kp{gap:8px}
  .hh-gc-kp dd{font-size:16px}
  .hh-emp-tag em{margin-left:0;padding-left:0;border-left:0;flex-basis:100%}
}