/* Usuarios (equipe da loja) + aviso de convite na tela de login. Mobile-first ate 375px. */
.gg-team{min-width:0}
.gg-team-you{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--lime-400);border-radius:var(--radius-card);background:var(--lime-100);color:var(--forest-900)}
.gg-team-you>span{display:grid;gap:2px;flex:1 1 260px;min-width:0}
.gg-team-you strong{font-size:var(--text-sm)}
.gg-team-you small{color:var(--forest-800);font-size:var(--text-2xs);line-height:1.45}
.gg-team-invite{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:10px;align-items:end}
.gg-team-note{display:flex;align-items:flex-start;gap:6px;margin:12px 0 0;color:var(--text-muted);font-size:var(--text-2xs);line-height:1.5}
.gg-team-note svg{flex:none;margin-top:2px}
.gg-team-note b{color:var(--text-body)}
.gg-team-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-card)}
.gg-team-link code{flex:1 1 240px;min-width:0;color:var(--forest-900);font-size:var(--text-2xs);overflow-wrap:anywhere}
.gg-team-list{display:grid;gap:8px}
.gg-team-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}
.gg-team-who{display:grid;gap:2px;flex:1 1 auto;min-width:0}
.gg-team-who strong{color:var(--text-heading);font-size:var(--text-sm);overflow-wrap:anywhere}
.gg-team-who em{color:var(--text-muted);font-style:normal;font-weight:400}
.gg-team-who small{color:var(--text-muted);font-size:var(--text-2xs);overflow-wrap:anywhere}
.gg-team-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--radius-pill);background:var(--lime-100);color:var(--forest-900)}
.gg-team-actions{display:flex;align-items:center;gap:6px;flex:none}
.gg-team-role-select{position:relative;display:inline-flex;align-items:center;color:var(--text-muted)}
.gg-team-role-select select{appearance:none;-webkit-appearance:none;height:32px;padding:0 30px 0 12px;border:1px solid var(--field-border);border-radius:var(--radius-pill);background:var(--field-bg);color:var(--text-body);font:600 var(--text-xs) var(--font-ui);cursor:pointer}
.gg-team-role-select select:focus-visible{outline:2px solid var(--lime-400);outline-offset:2px}
.gg-team-role-select svg{position:absolute;right:10px;pointer-events:none}
.gg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gg-team-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gg-team-role{display:grid;align-content:start;gap:8px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--neutral-50)}
.gg-team-role.is-you{border-color:var(--lime-400);background:var(--lime-100)}
.gg-team-role>span:first-child{justify-self:start}
.gg-team-role p{margin:0;color:var(--text-body);font-size:var(--text-xs);line-height:1.5}
.gg-team-dialog{display:grid;gap:12px;min-width:0}
.gg-team-dialog>*{min-width:0}
.gg-team-dialog select{width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}
/* Tela de login com convite e aviso depois de aceitar */
.gg-invite-banner{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;border-radius:var(--radius-md);background:var(--lime-100);color:var(--forest-900);font-size:var(--text-xs);line-height:1.5}
.gg-invite-banner svg{flex:none;margin-top:2px}
.gg-invite-banner>span{min-width:0;overflow-wrap:anywhere}
.gg-invite-banner.is-error{background:var(--danger-100);color:var(--danger-600)}
.gg-invite-notice{position:fixed;top:16px;left:50%;z-index:80;width:min(420px,calc(100vw - 32px));transform:translateX(-50%)}
@media (max-width:760px){
  .gg-team-invite{grid-template-columns:1fr}
  .gg-team-roles{grid-template-columns:1fr}
  .gg-team-row{flex-wrap:wrap}
  .gg-team-row .gg-team-actions{width:100%;justify-content:flex-end}
}