/* Ajuda e passo a passo (guia 2.28). Cores só por token; alturas pela escala --size-*. */

/* O CSS do driver.js entra numa camada: as regras da live, fora de camada, valem por cima dele sem !important. */
@import url("vendor/driver/driver.css") layer(driver);

.ajuda{display:inline-flex}

/* "Central de ajuda": o external-link à direita do rótulo */
.mi-ext{display:flex;align-items:center;gap:6px}
.mi-ext>.icon{margin-left:auto;color:var(--muted-foreground)}

/* o convite e o cartão do passo a passo: o PopoverContent do shadcn (288px, padding 16, título 14/500 e frase 14
   em muted-foreground a 4px, os botões a 16px do texto e a 8px um do outro) */
.tour-convite,.tour-card{width:288px;max-width:calc(100vw - 32px);padding:16px}
.tour-text{display:grid;gap:4px}
.tour-title{font-size:14px;line-height:20px;font-weight:500}
.tour-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}

/* o cartão do passo a passo: o driver.css (na camada de baixo) zera tudo; aqui voltam a fonte e as medidas da live */
.tour-card{min-width:0;font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400}
.tour-card .driver-popover-description{font-size:14px;line-height:20px}
.tour-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.tour-progress{flex-shrink:0;font-size:12px;line-height:16px;white-space:nowrap}
.tour-nav{display:flex;justify-content:flex-end;gap:8px;margin-left:auto}
.tour-card .driver-popover-navigation-btns button+button{margin-left:0}
.tour-card .driver-popover-close-btn{position:static;width:auto}
/* a seta não aparece; a largura dela é a folga que o driver deixa entre o cartão e a borda da tela (16px) */
.tour-card .driver-popover-arrow{display:block;visibility:hidden;width:16px;height:0;border:0}
/* no celular, o cartão tem a largura da tela menos 32px */
@media (max-width:767px){.tour-card{width:calc(100vw - 32px)}}

/* parte com mais de um elemento (os filtros): o retângulo invisível sobre eles, que o driver recorta */
.tour-grupo{position:absolute;pointer-events:none;visibility:hidden}