/* Aparência (fundo e tamanho do texto), vinhosb2b 04/11/2026. Arquivo próprio: a política de segurança não deixa estilo embutido. */
.vb-ap{position:relative}.vb-ap>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:38px;min-height:38px;padding:0 10px;border:1px solid transparent;border-radius:9px;color:inherit;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;opacity:.8}
.vb-ap>summary::-webkit-details-marker{display:none}.vb-ap>summary::marker{content:""}.vb-ap>summary:hover,.vb-ap[open]>summary{opacity:1;background:rgba(23,37,28,.06)}.vb-ap>summary:focus-visible{outline:2px solid #8A1F2A;outline-offset:2px}
.vb-ap-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:60;display:grid;gap:12px;width:250px;padding:14px;border:1px solid rgba(23,37,28,.14);border-radius:12px;background:#fff;color:#17251C;box-shadow:0 18px 40px rgba(23,37,28,.16);font-size:13px}
.vb-ap-panel strong{display:block;margin-bottom:6px;font-size:12px;color:#5B635D;font-weight:600}.vb-ap-seg{display:flex;gap:3px;padding:3px;border:1px solid #E3E1DC;border-radius:10px;background:#F0EEEA}
.vb-ap-seg button{flex:1;min-height:36px;border:0;border-radius:8px;background:transparent;color:#5B635D;font:inherit;font-weight:600;cursor:pointer}.vb-ap-seg button[aria-pressed=true]{background:#fff;color:#17251C;box-shadow:0 1px 2px rgba(23,37,28,.12),0 0 0 1px #E3E1DC}
.vb-ap-seg button:focus-visible{outline:2px solid #8A1F2A;outline-offset:1px}.vb-ap-note{margin:0;color:#5B635D;font-size:11.5px;line-height:1.4}

.topbar .ap .vb-ap > summary { min-width: 34px; min-height: 38px; padding: 0; color: var(--muted); opacity: 1; }
.topbar .ap .vb-ap > summary svg { width: 18px; height: 18px; }
.topbar .ap .vb-ap > summary:hover, .topbar .ap .vb-ap[open] > summary { background: var(--sunken); }
.topbar .ap .vb-ap-panel { width: min(250px, calc(100vw - 96px)); background: var(--surface); color: var(--ink); border-color: var(--line); }
.topbar .ap .vb-ap-panel strong, .topbar .ap .vb-ap-note, .topbar .ap .vb-ap-seg button { color: var(--muted); }
.topbar .ap .vb-ap-seg { background: var(--sunken); border-color: var(--line); }
.topbar .ap .vb-ap-seg button[aria-pressed="true"] { background: var(--surface); color: var(--ink); box-shadow: 0 0 0 1px var(--line); }
@media (max-width: 640px) {
  .topbar .ap .vb-ap > summary { min-width: 44px; min-height: 44px; }
  .topbar .ap .vb-ap-seg button { min-height: 44px; }
}