/* Texto curto, ajuda sob demanda. Usa as cores da interface existente. */
.dieta-selo { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; color:var(--lg-limao, #a9ff45); font-size:11px; font-weight:600; letter-spacing:normal; white-space:nowrap; }
.hero-promise .dieta-selo { font-size:13px; }
.dieta-selo svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.dieta-ajuda { display:inline-block; position:relative; min-width:0; max-width:100%; vertical-align:middle; flex-shrink:1; }
.dieta-ajuda[open] { display:block; width:100%; flex-basis:100%; grid-column:1/-1; }
.dieta-ajuda > summary { width:36px; min-height:36px; display:grid; place-items:center; list-style:none; cursor:pointer; border:1px solid transparent; border-radius:50%; color:var(--text-muted, #aaa); font-size:13px; font-weight:600; }
.dieta-ajuda > summary::-webkit-details-marker { display:none; }
.dieta-ajuda > summary svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.dieta-ajuda > summary:hover, .dieta-ajuda[open] > summary { color:var(--lg-limao, #a9ff45); border-color:currentColor; }
.dieta-ajuda > summary:focus-visible { outline:2px solid var(--lg-limao, #a9ff45); outline-offset:3px; }
/* A ajuda ocupa uma linha do seu contêiner: não cobre notícias, prévias ou ações. */
.dieta-ajuda__balao { position:static; box-sizing:border-box; width:100%; min-width:0; max-width:100%; max-height:min(24rem, 55svh); overflow:auto; overscroll-behavior:contain; overflow-wrap:anywhere; margin-top:6px; padding:14px; border:1px solid var(--line, #ffffff20); border-radius:12px; background:var(--surface, #171c1b); color:var(--text, #f1f3ef); font-size:13px; line-height:1.6; text-align:left; text-transform:none; letter-spacing:normal; font-weight:400; }
.pulso .section-heading:has(> .dieta-ajuda[open]), .produto-operacional[data-op-tema] .op-sidebar__fim:has(> .dieta-ajuda[open]) { flex-wrap:wrap; min-width:0; }
.dieta-ajuda__balao > strong { display:block; font-size:13px; }
.dieta-ajuda__balao > p { margin:6px 0 0; }
.dieta-ajuda__balao > .dieta-ajuda__fechar { display:inline-flex; align-items:center; justify-content:center; min-height:36px; max-width:100%; margin-top:10px; padding:6px 10px; border:1px solid var(--line, #ffffff20); border-radius:8px; background:transparent; color:var(--text, #f1f3ef); font:inherit; text-transform:none; letter-spacing:normal; cursor:pointer; }
.dieta-ajuda__balao > .dieta-ajuda__fechar:hover { color:var(--lg-limao, #a9ff45); border-color:currentColor; }
.dieta-ajuda__balao > .dieta-ajuda__fechar:focus-visible { outline:2px solid var(--lg-limao, #a9ff45); outline-offset:3px; }
.dieta-marcadores { display:flex; gap:12px; flex-wrap:wrap; }
.dieta-marcador { display:inline-flex; gap:6px; align-items:center; font-size:12px; color:var(--text-muted, #aaa); }
.dieta-marcador b { color:var(--text, #f1f3ef); font-variant-numeric:tabular-nums; }
/* A gaveta de produção e o suporte têm áreas de clique distintas. */
.pulso .production-drawer-trigger { right:max(260px, calc(22px + env(safe-area-inset-right))); }
.pulso .production-panel { bottom:calc(80px + env(safe-area-inset-bottom)); }
@media (max-width:760px) { .pulso .production-drawer-trigger { right:calc(78px + env(safe-area-inset-right)); } }
/* No celular, empresa e saída ficam na primeira linha; selo e ajuda na segunda. */
@media (max-width:700px) {
  /* A ajuda aumenta a linha do grid; a marca permanece no topo, sem altura fixa. */
  .produto-operacional[data-op-tema] .op-sidebar:has(> .op-sidebar__fim > .dieta-ajuda[open]) > .op-brand { align-self:start; }
  .produto-operacional[data-op-tema] .op-sidebar__fim { grid-column:2/-1; display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:4px; min-width:0; }
  .produto-operacional[data-op-tema] .op-sidebar__fim > .op-company-chip { grid-column:1; grid-row:1; min-width:0; max-width:100%; }
  .produto-operacional[data-op-tema] .op-sidebar__fim > .dieta-selo { grid-column:1; grid-row:2; justify-self:end; }
  .produto-operacional[data-op-tema] .op-sidebar__fim > .dieta-ajuda { grid-column:2; grid-row:2; }
  .produto-operacional[data-op-tema] .op-sidebar__fim > .dieta-ajuda[open] { grid-column:1/-1; grid-row:3; }
  .produto-operacional[data-op-tema] .op-sidebar__fim > #op-sair { grid-column:2; grid-row:1; width:44px; min-height:44px; padding:0; }
}
.globe-legend-help { position:static; min-width:0; max-width:100%; }
.globe-legend-help .globe-legend { position:static; display:flex; flex-wrap:wrap; margin-top:10px; }
@media (max-width:600px) {
  .dieta-ajuda > summary { width:44px; min-height:44px; }
  .dieta-ajuda__balao > .dieta-ajuda__fechar { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) { .dieta-ajuda * { transition:none; } }
