/* HUB do Grupo ITIBAN: tela Meu Negocio (T-0779). Usa os tokens e as pecas de app.css (card, canal, rule, pill, tabs, btn, label.f);
   sem estilo inline (CSP). Computador: estado do perfil numa faixa de 3 itens; post e avaliacoes lado a lado (.wrap ate 1360 px), cada
   coluna na largura de leitura. Ate 1100 px: uma coluna. Ate 900 px (celular e tablet, 360/390/768): sem rolagem lateral, alvos de
   44 px (48 px ate 700) e campos de 16 px, como no app.css. */
.gmn [hidden]{display:none!important}
.gmn-estado{margin-bottom:20px}
.gmn-estado .rule{margin-bottom:14px}
.gmn-itens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gmn-it{display:flex;flex-direction:column;gap:4px;background:var(--bg);border-radius:10px;padding:12px 14px;min-width:0}
.gmn-val{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}
.gmn-val b{font-weight:650;overflow-wrap:anywhere}
.gmn-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--ink2);margin-top:2px;min-height:32px}

.gmn-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.gmn-centro{justify-content:center;margin-top:0}

/* post */
.gmn-res{margin-bottom:16px}
.gmn-res:focus{outline:none}
.gmn-res .rule{margin-bottom:8px}
.gmn-res .rule a{font-weight:650;display:inline-flex;align-items:center;gap:4px}
.gmn-dados{background:var(--bg);border-radius:10px;padding:2px 14px;margin-bottom:8px}
.gmn-campos{border:0;margin:0;padding:0;min-width:0}
.gmn-campos legend.f{padding:0;margin-top:0}
.gmn-v{cursor:pointer;align-items:flex-start}
.gmn-v .qm{align-items:flex-start}
.gmn-v input[type=radio]{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--ink)}
.gmn-v .qm svg{margin-top:2px;flex:none}
.gmn-v .qm>span{min-width:0}
.gmn-off{cursor:default;opacity:.75}
.gmn-legenda{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:13.5px;color:var(--txt2);white-space:pre-line;overflow-wrap:anywhere}
.gmn-post input[type=date],.gmn-post input[type=time],.gmn-post input[type=url]{width:100%;font:inherit;font-size:15px;padding:10px 12px;min-height:44px;border:1px solid var(--bc,#8a8678);border-radius:9px;background:var(--surf);color:var(--txt);min-width:0}
.gmn-post input[type=date]:focus,.gmn-post input[type=time]:focus,.gmn-post input[type=url]:focus{outline:none;border-color:#142e4f;box-shadow:0 0 0 3px rgba(20,46,79,.25)}
.gmn-data{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px}
.gmn-post [data-confirma] .rule{margin:14px 0 0}

/* avaliacoes */
.gmn-lista{display:flex;flex-direction:column}
.gmn-av{padding:14px 0;border-bottom:1px solid var(--line);min-width:0}
.gmn-av:first-child{padding-top:2px}
.gmn-av:last-child{border-bottom:0}
.gmn-av:focus{outline:none}
.gmn-av:focus-visible{outline:2px solid #142e4f;outline-offset:2px}
.gmn-av-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.gmn-av-cab b{font-weight:650;overflow-wrap:anywhere}
.gmn-estrelas{color:var(--gold2);letter-spacing:1px;font-size:14px}
.gmn-txt{margin:6px 0 0;font-size:14.5px;white-space:pre-line;overflow-wrap:anywhere;max-width:72ch}
.gmn-resp{margin-top:10px;padding:10px 12px;border-left:3px solid var(--gold);background:var(--bg);border-radius:0 10px 10px 0}
.gmn-resp .gmn-txt{margin-top:4px}
.gmn-av .rule{margin:10px 0 0}
.gmn-av .btns{margin-top:10px}
.gmn-av .canal-form{margin-top:10px}

@media(max-width:1100px){.gmn-cols{grid-template-columns:minmax(0,1fr)}}

@media(max-width:900px),(pointer:coarse){
  .gmn-post input[type=date],.gmn-post input[type=time],.gmn-post input[type=url]{font-size:16px}
  .gmn-link{min-height:44px}
}
@media(max-width:900px){
  .gmn-itens{grid-template-columns:minmax(0,1fr)}
  .gmn-it{padding:10px 12px}
}
@media(max-width:700px){
  .gmn-post input[type=date],.gmn-post input[type=time],.gmn-post input[type=url]{min-height:48px}
  .gmn-data{grid-template-columns:minmax(0,1fr)}
  .gmn-v input[type=radio]{width:22px;height:22px}
}