/* Comecar a vender (live-onboarding.jsx). Mobile-first; complementa live.css e dashboard.css. */
.gg-ob{display:grid;gap:var(--grid-gutter);min-width:0}
.gg-ob-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--lime-200);border-radius:var(--radius-card);background:var(--gradient-lime-mist,var(--lime-100));min-width:0}
.gg-ob-topo h3{margin:0;color:var(--text-heading);font:600 var(--text-lg) var(--font-display);letter-spacing:var(--tracking-tight)}
.gg-ob-topo p{margin:6px 0 0;max-width:56ch;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}

.gg-ob-lista{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:none}
.gg-ob-item{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);overflow:hidden}
.gg-ob-item.is-feito{border-color:var(--success-500);background:var(--success-100)}
.gg-ob-item.is-andando{border-color:var(--warning-500)}

/* Cabeca e o alvo de toque: linha inteira, nunca so o icone. */
.gg-ob-cabeca{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px;border:0;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}
.gg-ob-cabeca:hover{background:var(--surface-muted)}
.gg-ob-cabeca:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
.gg-ob-num{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--forest-900);color:var(--white);font:600 var(--text-xs) var(--font-display)}
.is-feito .gg-ob-num{background:var(--success-500)}
.gg-ob-texto{display:grid;gap:2px;flex:1 1 auto;min-width:0}
.gg-ob-texto strong{color:var(--text-heading);font:600 var(--text-sm) var(--font-display);line-height:1.3}
.gg-ob-texto small{color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}

.gg-ob-corpo{display:grid;gap:12px;padding:0 14px 16px;border-top:1px solid var(--border-subtle);padding-top:14px;min-width:0}
.gg-ob-porque{margin:0;max-width:62ch;color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}

.gg-ob-passos{display:grid;gap:10px;min-width:0}
.gg-ob-passos p{margin:0;max-width:62ch;color:var(--text-body);font-size:var(--text-sm);line-height:1.55}
.gg-ob-passos ol{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--text-body);font-size:var(--text-sm);line-height:1.55}

.gg-ob-dicas{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--text-muted);font-size:var(--text-xs);line-height:1.5}
.gg-ob-kyc{display:grid;gap:12px;min-width:0}
.gg-ob-campo{display:grid;gap:6px;min-width:0}
.gg-ob-campo>span{color:var(--text-heading);font-size:var(--text-xs);font-weight:600}
.gg-ob-fotos{display:grid;gap:8px;min-width:0}
.gg-ob-foto{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);min-width:0}
.gg-ob-foto.is-ok{border-style:solid;border-color:var(--success-500);background:var(--success-100)}
.gg-ob-foto svg{flex:none;color:var(--text-muted)}
.gg-ob-foto.is-ok svg{color:var(--success-600)}
.gg-ob-foto-nome{display:grid;gap:2px;flex:1 1 auto;min-width:0}
.gg-ob-foto-nome small{color:var(--text-muted);font-size:var(--text-xs)}
.gg-ob-aguardando{display:grid;gap:8px}
.gg-ob-aguardando p{margin:0;max-width:62ch;font-size:var(--text-sm);line-height:1.55}
.gg-ob-ok{display:flex;align-items:center;gap:8px;margin:0;color:var(--success-600);font-size:var(--text-sm);font-weight:600}

@media (min-width:768px){
  .gg-ob-fotos{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}