/* Portal do Franqueado — layout próprio, mobile-first. Tokens, badge e componentes vêm do DS do PortalV2 (public/ds). Tema claro único. */
*{box-sizing:border-box}
html,body{margin:0}
body.fq{--fq-gutter:max(16px, calc((100% - 880px) / 2 + 16px));font:var(--mm-role-body);color:var(--mm-text-primary);background:var(--mm-surface-base);-webkit-font-smoothing:antialiased;min-height:100vh}
::selection{background:var(--mm-color-brand-pink-100);color:var(--mm-text-primary)}
:focus-visible{outline:2px solid var(--mm-color-brand-pink-500);outline-offset:2px}
button{font:inherit;color:inherit}

/* ── topo ── */
.fq-top{display:flex;align-items:center;gap:var(--mm-space-3);height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--fq-gutter) 0;background:var(--mm-surface-inverse);color:var(--mm-color-brand-white)}
.fq-top__marca{font-family:var(--mm-font-display);font-size:15px;letter-spacing:.06em;color:var(--mm-color-brand-pink-500)}
.fq-top__produto{font:var(--mm-role-caption);color:var(--mm-color-neutral-300);letter-spacing:.02em}
.fq-top__sair{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:var(--mm-radius-md);background:none;color:var(--mm-color-neutral-300);cursor:pointer;transition:var(--mm-transition-fast)}
.fq-top__sair:hover{background:var(--mm-color-brand-coal-700);color:var(--mm-color-brand-white)}

.fq-lojabar{padding:var(--mm-space-2) var(--fq-gutter);background:var(--mm-surface-raised);border-bottom:1px solid var(--mm-border-subtle)}
.fq-lojabar mm-select{display:block;max-width:560px}
.fq-lojabar[hidden]{display:none}

/* ── navegação: barra inferior no celular, abas no desktop ── */
.fq-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--mm-surface-raised);border-top:1px solid var(--mm-border-default);padding-bottom:env(safe-area-inset-bottom,0px)}
.fq-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;border:0;background:none;font:var(--mm-role-caption);color:var(--mm-text-tertiary);cursor:pointer;transition:color .15s}
.fq-nav__item.is-ativo{color:var(--mm-color-brand-pink-700)}
.fq-nav__item.is-ativo span{font-weight:700}

.fq-main{max-width:880px;margin:0 auto;padding:var(--mm-space-4) var(--mm-space-4) calc(80px + env(safe-area-inset-bottom,0px))}
.fq-tela{display:flex;flex-direction:column;gap:var(--mm-space-4)}
.fq-tela[hidden]{display:none}


/* ── cabeçalho de tela ── */
.fq-cab{display:flex;flex-direction:column;gap:2px}
.fq-titulo{margin:0;font:var(--mm-role-h3);font-weight:800;text-transform:uppercase;letter-spacing:.01em;padding-left:10px;box-shadow:inset 4px 0 0 var(--mm-color-brand-pink-500);text-wrap:balance;line-height:1.2}
.fq-sub{margin:0;padding-left:10px;font:var(--mm-role-body-sm);color:var(--mm-text-secondary)}
.fq-cab--pessoa{flex-direction:row;align-items:flex-start;gap:var(--mm-space-3)}
.fq-cab--pessoa .fq-titulo{padding-left:0;box-shadow:none;text-transform:none;font-weight:700}
.fq-cab--pessoa .fq-sub{padding-left:0}
.fq-tags{display:flex;flex-wrap:wrap;gap:6px;margin:var(--mm-space-2) 0 0}

/* ── painel de situação ── */
.fq-painel{display:flex;flex-direction:column;gap:var(--mm-space-2);padding:var(--mm-space-4);background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-lg)}
.fq-painel__frase{margin:0;font:var(--mm-role-body-lg);line-height:1.35;text-wrap:balance}
.fq-painel__frase strong{font-weight:800;font-variant-numeric:tabular-nums}
.fq-painel__nota{margin:var(--mm-space-1) 0 0;font:var(--mm-role-body-sm);color:var(--mm-text-secondary)}
.fq-painel__nota b{color:var(--mm-text-primary);font-variant-numeric:tabular-nums}
.fq-barra{display:flex;gap:2px;height:10px;border-radius:999px;overflow:hidden;background:var(--mm-color-neutral-100)}
.fq-barra__s{display:block;min-width:4px}
.fq-legenda{display:flex;flex-wrap:wrap;gap:4px var(--mm-space-4);margin:0;padding:0;list-style:none;font:var(--mm-role-body-sm);color:var(--mm-text-secondary)}
.fq-legenda li{display:inline-flex;align-items:center;gap:6px}
.fq-legenda b{color:var(--mm-text-primary);font-variant-numeric:tabular-nums}
.fq-ponto{width:8px;height:8px;border-radius:50%;display:inline-block}
/* cor por situação: a mesma na barra, na legenda e no avatar */
.fq-barra__s--em_dia,.fq-ponto--em_dia{background:var(--mm-color-success-500)}
.fq-barra__s--fazendo,.fq-ponto--fazendo{background:var(--mm-color-info-500)}
.fq-barra__s--nao_comecou,.fq-ponto--nao_comecou{background:var(--mm-color-warning-500)}
.fq-barra__s--termos,.fq-ponto--termos{background:var(--mm-color-warning-700)}
.fq-barra__s--fora,.fq-ponto--fora{background:var(--mm-color-neutral-300)}
.fq-barra__s--inativo,.fq-ponto--inativo{background:var(--mm-color-danger-500)}

/* ── segmentado e chips ── */
.fq-seg{display:flex;gap:2px;padding:3px;background:var(--mm-color-neutral-100);border-radius:var(--mm-radius-md)}
.fq-seg__b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 var(--mm-space-3);border:0;border-radius:calc(var(--mm-radius-md) - 2px);background:none;font:var(--mm-role-label);color:var(--mm-text-secondary);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.fq-seg__b span{font-variant-numeric:tabular-nums;color:var(--mm-text-tertiary);font-weight:600}
.fq-seg__b.is-ativo{background:var(--mm-surface-raised);color:var(--mm-text-primary);font-weight:700;box-shadow:var(--mm-shadow-xs)}
.fq-seg__b:hover:not(.is-ativo){color:var(--mm-text-primary)}

.fq-ferramentas{display:flex;flex-direction:column;gap:var(--mm-space-2)}
.fq-busca{display:flex;align-items:center;gap:var(--mm-space-2);height:40px;padding:0 var(--mm-space-3);background:var(--mm-surface-raised);border:1px solid var(--mm-border-default);border-radius:var(--mm-radius-md);color:var(--mm-text-tertiary)}
.fq-busca:focus-within{border-color:var(--mm-color-brand-pink-500);box-shadow:0 0 0 3px var(--mm-color-brand-pink-100)}
.fq-busca input{flex:1;min-width:0;border:0;outline:0;background:none;font:var(--mm-role-body);font-size:16px;color:var(--mm-text-primary)}
.fq-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
.fq-chips::-webkit-scrollbar{display:none}
.fq-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--mm-space-3);border:1px solid var(--mm-border-default);border-radius:999px;background:var(--mm-surface-raised);font:var(--mm-role-label);color:var(--mm-text-secondary);cursor:pointer}
.fq-chip span{font-variant-numeric:tabular-nums;color:var(--mm-text-tertiary)}
.fq-chip.is-ativo{background:var(--mm-color-brand-coal-900);border-color:var(--mm-color-brand-coal-900);color:var(--mm-color-brand-white)}
.fq-chip.is-ativo span{color:var(--mm-color-neutral-300)}

/* ── listas ── */
.fq-grupo{display:flex;flex-direction:column;gap:var(--mm-space-2)}
.fq-grupo__t{display:flex;align-items:baseline;gap:6px;margin:var(--mm-space-2) 0 0;font:var(--mm-role-caption);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mm-text-secondary)}
.fq-grupo__t span{font-variant-numeric:tabular-nums;color:var(--mm-text-tertiary)}
.fq-lista{margin:0;padding:0;list-style:none;background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-lg);overflow:hidden}
.fq-lista > li + li{border-top:1px solid var(--mm-border-subtle)}
.fq-linha{display:flex;align-items:center;gap:var(--mm-space-3);width:100%;min-height:60px;padding:var(--mm-space-2) var(--mm-space-3) var(--mm-space-2) var(--mm-space-4);border:0;background:none;text-align:left;cursor:pointer;transition:background .15s}
.fq-linha:hover{background:var(--mm-surface-hover)}
.fq-linha__corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fq-linha__nome{font:var(--mm-role-body);font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.fq-linha__nome .mm-badge{vertical-align:1px;margin-left:2px}
.fq-linha__meta{font:var(--mm-role-body-sm);color:var(--mm-text-secondary);overflow-wrap:anywhere}
.fq-linha__seta{flex:none;color:var(--mm-text-tertiary)}
.fq-linha > .mm-badge{flex:none;white-space:nowrap}

.fq-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font:var(--mm-role-caption);font-weight:700;letter-spacing:.02em;background:var(--mm-color-neutral-100);color:var(--mm-color-neutral-700)}
.fq-avatar--grande{width:52px;height:52px;font-size:15px}
.fq-avatar--em_dia{background:var(--mm-color-success-50);color:var(--mm-color-success-700)}
.fq-avatar--fazendo{background:var(--mm-color-info-50);color:var(--mm-color-info-700)}
.fq-avatar--nao_comecou,.fq-avatar--termos{background:var(--mm-color-warning-50);color:var(--mm-color-warning-700)}
.fq-avatar--inativo{background:var(--mm-color-danger-50);color:var(--mm-color-danger-700)}

/* treinamentos */
.fq-linha--trilha{min-height:64px}
.fq-contador{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:52px}
.fq-contador__n{font:var(--mm-role-body-sm);color:var(--mm-text-tertiary);font-variant-numeric:tabular-nums}
.fq-contador__n b{font-size:15px;font-weight:800;color:var(--mm-text-primary)}
.fq-mini{display:flex;width:52px;height:4px;border-radius:999px;overflow:hidden;background:var(--mm-color-neutral-100)}
.fq-mini__c{background:var(--mm-color-success-500)}
.fq-mini__a{background:var(--mm-color-info-500)}
.fq-trilha.is-aberta{background:var(--mm-color-neutral-50)}
.fq-trilha__det{display:flex;flex-direction:column;gap:var(--mm-space-3);padding:0 var(--mm-space-4) var(--mm-space-4)}
.fq-trilha__desc{margin:0;font:var(--mm-role-body-sm);color:var(--mm-text-secondary);max-width:68ch}
.fq-trilha__itens{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:3px;font:var(--mm-role-body-sm)}
.fq-trilha__itens small{margin-left:6px;color:var(--mm-text-tertiary)}
.fq-trilha__det .fq-itens{background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-md)}

/* ── ficha ── */
.fq-voltar{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 var(--mm-space-2) 0 0;border:0;background:none;font:var(--mm-role-label);color:var(--mm-color-brand-pink-700);cursor:pointer}
.fq-bloco{background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-lg);overflow:hidden}
.fq-bloco__t{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px var(--mm-space-2);margin:0;padding:var(--mm-space-3) var(--mm-space-4);font:var(--mm-role-label);font-weight:700;border-bottom:1px solid var(--mm-border-subtle)}
.fq-bloco__t span{font-weight:500;color:var(--mm-text-secondary)}
.fq-bloco--dobra summary{cursor:pointer;list-style:none;align-items:center}
.fq-bloco--dobra summary::-webkit-details-marker{display:none}
.fq-bloco--dobra:not([open]) summary{border-bottom:0}
.fq-itens{margin:0;padding:0;list-style:none}
.fq-item{display:flex;align-items:center;justify-content:space-between;gap:var(--mm-space-3);padding:var(--mm-space-2) var(--mm-space-4);min-height:44px}
.fq-item + .fq-item{border-top:1px solid var(--mm-border-subtle)}
.fq-item__nome{min-width:0;font:var(--mm-role-body-sm);font-weight:500;overflow-wrap:anywhere}
.fq-item__nome small{display:block;font-weight:400;color:var(--mm-text-tertiary)}
.fq-item__dir{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.fq-item__dir small{font:var(--mm-role-caption);color:var(--mm-text-tertiary);font-variant-numeric:tabular-nums}
.fq-itens__vazio{padding:var(--mm-space-3) var(--mm-space-4);font:var(--mm-role-body-sm);color:var(--mm-text-secondary)}

/* ── avisos, vazio, carregando ── */
.fq-aviso{display:flex;gap:var(--mm-space-2);align-items:flex-start;margin:0;padding:var(--mm-space-3);font:var(--mm-role-body-sm);border-radius:var(--mm-radius-md);background:var(--mm-color-warning-50);color:var(--mm-color-warning-700)}
.fq-aviso mm-icon{flex:none;margin-top:1px}
.fq-aviso--leve{background:var(--mm-color-neutral-100);color:var(--mm-text-secondary)}
.fq-vazio{margin:0;padding:var(--mm-space-6) var(--mm-space-4);text-align:center;font:var(--mm-role-body-sm);color:var(--mm-text-secondary);background:var(--mm-surface-raised);border:1px dashed var(--mm-border-default);border-radius:var(--mm-radius-lg)}
.fq-vazio--grande{display:flex;flex-direction:column;align-items:center;gap:var(--mm-space-2);padding:var(--mm-space-8) var(--mm-space-5)}
.fq-vazio--grande p{margin:0;max-width:40ch}
.fq-vazio--grande mm-icon{color:var(--mm-color-brand-pink-500)}
.fq-link{border:0;background:none;padding:0;color:var(--mm-color-brand-pink-700);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fq-esq{display:flex;flex-direction:column;gap:var(--mm-space-3)}
.fq-esq i{display:block;height:14px;width:100%;border-radius:6px;background:linear-gradient(90deg,var(--mm-color-neutral-100),var(--mm-color-neutral-50),var(--mm-color-neutral-100));background-size:200% 100%;animation:fq-brilho 1.2s ease-in-out infinite}
.fq-esq .fq-esq__bloco{height:120px;border-radius:var(--mm-radius-lg)}
@keyframes fq-brilho{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.fq-esq i{animation:none}*{transition:none!important}}

/* dropdown do DS nunca recorta (lei do projeto) */
.fq-lojabar:has(.mm-select__panel--open){z-index:1200}

@media (max-width:420px){
  .fq-linha > .mm-badge{max-width:40%;overflow:hidden;text-overflow:ellipsis}
  .fq-top__produto{display:none}
}

/* ── login ── */
.lg-body{background:var(--mm-color-brand-coal-900);color:#fff;min-height:100%}
.lg{max-width:420px;margin:0 auto;padding:calc(var(--mm-space-10) + env(safe-area-inset-top,0px)) var(--mm-space-4) var(--mm-space-10);display:grid;gap:var(--mm-space-5)}
.lg__marca{text-align:center}
.lg__logo{font-family:var(--mm-font-display);letter-spacing:.08em;font-size:26px;color:var(--mm-color-brand-pink-500)}
.lg__sub{color:rgba(255,255,255,.7);font-size:14px;margin-top:4px}
.lg__card{background:#fff;color:var(--mm-text-primary);border-radius:var(--mm-radius-xl);padding:var(--mm-space-5);display:grid;gap:var(--mm-space-2)}
.lg__label{font:var(--mm-role-caption);color:var(--mm-text-secondary);margin-top:var(--mm-space-2)}
.lg__input{height:44px;border:1px solid var(--mm-border-default);border-radius:var(--mm-radius-md);padding:0 var(--mm-space-3);font:inherit;font-size:16px;width:100%}
.lg__input:focus{outline:none;border-color:var(--mm-color-brand-pink-500);box-shadow:0 0 0 3px var(--mm-color-brand-pink-100)}
.lg__btn{height:46px;margin-top:var(--mm-space-3);width:100%}
.lg__erro{color:var(--mm-feedback-danger-fg);font-size:14px;margin:0}
.lg__ajuda{font:var(--mm-role-caption);color:var(--mm-text-secondary);margin:var(--mm-space-2) 0 0}
.lg__dev{border:2px dashed var(--mm-color-warning-500)}
.lg__devtitulo{font-weight:700;font-size:13px;color:var(--mm-color-warning-700);text-transform:uppercase;letter-spacing:.05em}
.lg__devlista{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:50vh;overflow:auto}
.lg__devlista button{width:100%;text-align:left;background:var(--mm-color-neutral-50);border:1px solid var(--mm-border-default);border-radius:var(--mm-radius-md);padding:8px 10px;font:inherit;cursor:pointer;display:grid}
.lg__devlista button span{font-size:12px;color:var(--mm-text-secondary)}
.lg__vazio{color:var(--mm-text-secondary);font-size:13px;padding:6px}


/* ── módulos de um curso ── */
.fq-item{flex-wrap:wrap}
.fq-item--abre{cursor:pointer}
.fq-item--abre:hover{background:var(--mm-surface-hover)}
.fq-item--abre > .fq-item__nome::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid var(--mm-text-tertiary);border-bottom:1.5px solid var(--mm-text-tertiary);transform:translateY(-3px) rotate(45deg);transition:transform .15s}
.fq-item--abre.is-aberto > .fq-item__nome::after{transform:translateY(0) rotate(-135deg)}
.fq-item.is-aberto{background:var(--mm-color-neutral-50)}
.fq-mods{flex-basis:100%;cursor:default}
.fq-mods__lista{margin:var(--mm-space-1) 0 var(--mm-space-1);padding:0;list-style:none;display:flex;flex-direction:column;background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-md)}
.fq-mods__lista li{display:flex;align-items:center;gap:var(--mm-space-2);padding:6px var(--mm-space-3);font:var(--mm-role-body-sm)}
.fq-mods__lista li + li{border-top:1px solid var(--mm-border-subtle)}
.fq-mods__lista li > mm-icon{flex:none;color:var(--mm-text-tertiary)}
.fq-mods__lista li.is-feito > mm-icon{color:var(--mm-color-success-700)}
.fq-mods__lista li > span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}
.fq-mods__lista small{margin-left:6px;color:var(--mm-text-tertiary)}
.fq-mods__ok,.fq-mods__ruim,.fq-mods__meio,.fq-mods__nada{flex:none;display:inline-flex;align-items:center;gap:4px;font:var(--mm-role-caption);font-variant-numeric:tabular-nums}
.fq-mods__ok{color:var(--mm-color-success-700)}
.fq-mods__ruim{color:var(--mm-color-danger-700)}
.fq-mods__meio{color:var(--mm-color-info-700)}
.fq-mods__nada{color:var(--mm-text-tertiary)}
.fq-mods__carregando{margin:var(--mm-space-2) 0;font:var(--mm-role-caption);color:var(--mm-text-secondary)}
.fq-item > .fq-item__nome{flex:1 1 0}

/* ── acessos ── */
.fq-acesso{display:flex;flex-direction:column;gap:var(--mm-space-2);padding:var(--mm-space-3) var(--mm-space-4)}
.fq-acesso.is-aberto{background:var(--mm-color-neutral-50)}
.fq-acesso__linha{display:flex;align-items:center;gap:var(--mm-space-3)}
.fq-seg--mini{flex:none;padding:2px}
.fq-seg--mini .fq-seg__b{min-height:28px;padding:0 10px;font:var(--mm-role-caption);font-weight:600}
.fq-acesso__portal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mm-space-2);font:var(--mm-role-body-sm);color:var(--mm-text-secondary)}
.fq-acesso__portal > span:first-child{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.fq-acesso__portal small{color:var(--mm-text-tertiary)}
.fq-acesso__acoes{display:inline-flex;gap:var(--mm-space-4)}
.fq-acesso__liberar{display:inline-flex;flex-wrap:wrap;gap:var(--mm-space-2);align-items:center}
.fq-acesso__liberar input{height:32px;min-width:0;width:200px;max-width:100%;padding:0 var(--mm-space-2);border:1px solid var(--mm-border-default);border-radius:var(--mm-radius-md);font:var(--mm-role-body-sm);font-size:16px}
.fq-acesso__erro{margin:0;font:var(--mm-role-body-sm);color:var(--mm-color-danger-700)}
.fq-link--perigo{color:var(--mm-color-danger-700)}
.fq-perms{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-md)}
.fq-perms li{display:flex;align-items:flex-start;gap:var(--mm-space-3);padding:var(--mm-space-2) var(--mm-space-3)}
.fq-perms li + li{border-top:1px solid var(--mm-border-subtle)}
.fq-perms li > span{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:var(--mm-role-body-sm)}
.fq-perms small{flex-basis:100%;color:var(--mm-text-secondary)}
.fq-switch{flex:none;position:relative;width:36px;height:20px;margin-top:1px;border:0;border-radius:999px;background:var(--mm-color-neutral-300);cursor:pointer;transition:background .15s}
.fq-switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--mm-shadow-xs);transition:transform .15s}
.fq-switch[aria-checked="true"]{background:var(--mm-color-success-500)}
.fq-switch[aria-checked="true"] i{transform:translateX(16px)}
.fq-switch:disabled{opacity:.45;cursor:not-allowed}
.fq-nav__item[hidden]{display:none}
.fq-acesso__rodape{display:flex;justify-content:flex-end}
.fq-acesso__rodape .fq-link{font:var(--mm-role-caption);font-weight:600}
.fq-confirma{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mm-space-2);padding:var(--mm-space-2) var(--mm-space-3);border-radius:var(--mm-radius-md);background:var(--mm-color-danger-50);color:var(--mm-color-danger-700);font:var(--mm-role-body-sm)}

/* ── cabeçalho: marca + loja + abas do módulo, grudados no topo ── */
.fq-cabecalho{position:sticky;top:0;z-index:30}
.fq-subnav{display:flex;align-items:stretch;gap:var(--mm-space-1);padding:0 var(--fq-gutter);background:var(--mm-surface-raised);border-bottom:1px solid var(--mm-border-default);overflow-x:auto;scrollbar-width:none}
.fq-subnav::-webkit-scrollbar{display:none}
.fq-subnav__mod{display:flex;align-items:center;flex:none;margin-right:var(--mm-space-2);font:var(--mm-role-caption);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--mm-color-brand-pink-700)}
.fq-subnav__b{flex:none;height:44px;padding:0 var(--mm-space-3);border:0;background:none;font:var(--mm-role-label);color:var(--mm-text-secondary);cursor:pointer;box-shadow:inset 0 -2px 0 transparent;transition:color .15s,box-shadow .15s}
.fq-subnav__b:hover{color:var(--mm-text-primary)}
.fq-subnav__b.is-ativo{color:var(--mm-text-primary);font-weight:700;box-shadow:inset 0 -2px 0 var(--mm-color-brand-pink-500)}
.fq-nav[hidden]{display:none}
.fq-nav[hidden] ~ .fq-main,.fq-cabecalho:has(.fq-nav[hidden]) ~ .fq-main{padding-bottom:var(--mm-space-8)}
@media (min-width:900px){
  /* desktop: módulos viram faixa escura logo abaixo da marca; abas do módulo embaixo */
  .fq-nav{position:static;justify-content:flex-start;gap:var(--mm-space-1);padding:0 var(--fq-gutter);background:var(--mm-color-brand-coal-800,var(--mm-surface-inverse));border:0;border-top:1px solid var(--mm-color-brand-coal-700)}
  .fq-nav__item{flex:0 0 auto;flex-direction:row;gap:var(--mm-space-2);height:40px;padding:0 var(--mm-space-3);font:var(--mm-role-label);color:var(--mm-color-neutral-300)}
  .fq-nav__item:hover{color:var(--mm-color-brand-white)}
  .fq-nav__item.is-ativo{color:var(--mm-color-brand-white);box-shadow:inset 0 -2px 0 var(--mm-color-brand-pink-500)}
  .fq-subnav__mod{display:none}   /* no desktop o nome do módulo já está na faixa escura */
  .fq-main{padding-bottom:var(--mm-space-8)}
}

/* ── Minha Equipe › Dados ── */
.fq-ficha-linha{display:flex;gap:var(--mm-space-3);align-items:flex-start;padding:var(--mm-space-3) var(--mm-space-4)}
.fq-ficha-linha__corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fq-ficha-linha__status{margin-top:4px}
.fq-dados{display:flex;flex-wrap:wrap;gap:4px var(--mm-space-5);margin:var(--mm-space-2) 0 0}
.fq-dados div{display:flex;flex-direction:column;min-width:0}
.fq-dados dt{font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-dados dd{margin:0;font:var(--mm-role-body-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fq-dados a{color:var(--mm-text-primary);text-decoration:underline;text-decoration-color:var(--mm-border-strong);text-underline-offset:3px}


/* ── Relatórios › Vendas por dia ── */
.fq-meses{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-lg);overflow:hidden}
.fq-mes + .fq-mes{border-top:1px solid var(--mm-border-subtle)}
.fq-mes__cab{display:flex;align-items:center;gap:var(--mm-space-3);width:100%;min-height:60px;padding:var(--mm-space-2) var(--mm-space-3) var(--mm-space-2) var(--mm-space-4);border:0;background:none;text-align:left;cursor:pointer;transition:background .15s}
.fq-mes__cab:hover{background:var(--mm-surface-hover)}
.fq-mes__nome{flex:1;min-width:0;font:var(--mm-role-body);font-weight:700}
.fq-mes__nome .mm-badge{margin-left:4px;vertical-align:1px}
.fq-mes__num{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-variant-numeric:tabular-nums}
.fq-mes__num b{font-size:15px;font-weight:800}
.fq-mes__num small{font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-mes.is-aberto{background:var(--mm-color-neutral-50)}
/* mês atual: fundo rosa-claro, selo com ponto vivo e faixa com uma barra por dia (Remotion) */
.fq-mes.is-corrente{background:var(--mm-color-brand-pink-50)}
.fq-mes.is-corrente .fq-mes__cab:hover{background:var(--mm-color-brand-pink-100)}
.fq-mes.is-corrente + .fq-mes{border-top-color:var(--mm-color-brand-pink-100)}
.fq-aovivo{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:3px 9px 3px 8px;border-radius:999px;background:var(--mm-color-brand-coal-900);color:var(--mm-color-brand-white);font:var(--mm-role-caption);font-weight:700;letter-spacing:.02em;line-height:1.2;vertical-align:2px;white-space:nowrap}
.fq-aovivo i{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:var(--mm-color-brand-pink-500)}
.fq-aovivo i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--mm-color-brand-pink-500);animation:fq-pulso 1.8s cubic-bezier(.16,1,.3,1) infinite}
@keyframes fq-pulso{from{transform:scale(1);opacity:.75}to{transform:scale(2.8);opacity:0}}
.fq-mes__faixa{height:64px;margin:0 var(--mm-space-3) var(--mm-space-3) var(--mm-space-4)}
.fq-mes.is-corrente.is-aberto .fq-mes__faixa{margin-bottom:var(--mm-space-2)}
@media (prefers-reduced-motion:reduce){.fq-aovivo i::after{animation:none}}
.fq-mes__nota{margin:0;padding:var(--mm-space-2) var(--mm-space-4) var(--mm-space-3);font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-tabela{margin:0 var(--mm-space-3);overflow:auto;max-height:70vh;background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-md);isolation:isolate}
.fq-tabela table{width:100%;border-collapse:separate;border-spacing:0;font:var(--mm-role-body-sm);font-variant-numeric:tabular-nums}
.fq-tabela th,.fq-tabela td{padding:5px 10px;line-height:1.25;text-align:center;white-space:nowrap;border-bottom:1px solid var(--mm-border-subtle)}
.fq-tabela thead th{position:sticky;top:0;z-index:3;background:#F4F4F5;font:var(--mm-role-caption);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--mm-text-secondary)}
.fq-tabela tbody th,.fq-tabela tfoot th{position:sticky;left:0;z-index:2;background:var(--mm-row-bg,#FFFFFF);font-weight:600;text-align:left}
.fq-tabela thead th:first-child{left:0;z-index:5;text-align:left}
.fq-tabela tbody tr{--mm-row-bg:#FFFFFF}
.fq-tabela tbody tr.is-fds{--mm-row-bg:#FBF7F8}
.fq-tabela tbody tr.is-fds td{background:#FBF7F8}
.fq-tabela tbody th small{display:block;font:var(--mm-role-caption);font-weight:500;color:var(--mm-text-tertiary)}
.fq-tabela td.is-total{font-weight:700}
.fq-tabela tfoot th,.fq-tabela tfoot td{position:sticky;bottom:0;z-index:2;background:#F4F4F5;font-weight:800;border-bottom:0;border-top:1px solid var(--mm-border-default)}
.fq-tabela tfoot th{z-index:4}
.fq-tabela td .fq-valor{display:block}
.fq-tabela td .fq-desc{display:block;margin-top:1px;font:var(--mm-role-caption);font-weight:600;color:var(--mm-color-danger-700)}
.fq-tabela tfoot td .fq-desc{font-weight:700}
@media (max-width:520px){
  .fq-mes__cab{flex-wrap:wrap;row-gap:4px}
  .fq-mes__nome{flex:1 1 calc(100% - 40px)}
  .fq-mes__num{order:3;flex-basis:100%;align-items:flex-start}
}
/* descontos */
.fq-tabela--solta{margin:0}
.fq-tabela td.is-texto{white-space:normal;min-width:120px}
.fq-tabela .fq-valor--desc{color:var(--mm-color-danger-700);font-weight:700}
.fq-tabela .fq-pct{display:block;font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-tabela td.fq-motivo{color:var(--mm-text-tertiary);font-style:italic}
.fq-tabela td .fq-recebe{display:block;margin-top:1px;font:var(--mm-role-caption);font-weight:600;color:var(--mm-color-success-700)}
.fq-tabela td .fq-pend{font:var(--mm-role-caption);color:var(--mm-text-tertiary);font-style:italic}
.fq-tabela abbr{text-decoration:none;cursor:help}
.fq-ajuda{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;padding:0;border:1px solid var(--mm-border-strong);border-radius:50%;background:var(--mm-surface-raised);font:700 10px/1 var(--mm-font-ui);color:var(--mm-text-secondary);cursor:help;vertical-align:1px;position:relative}
.fq-ajuda::after{content:"";position:absolute;inset:-12px}   /* área de toque maior no celular */
.fq-ajuda:hover,.fq-ajuda:focus-visible{border-color:var(--mm-color-brand-pink-500);color:var(--mm-color-brand-pink-700)}
.fq-ajuda-pop{position:fixed;inset:auto;margin:0;padding:var(--mm-space-2) var(--mm-space-3);border:0;border-radius:var(--mm-radius-md);background:var(--mm-color-brand-coal-900);color:var(--mm-color-brand-white);font:var(--mm-role-body-sm);line-height:1.4;text-transform:none;letter-spacing:0;box-shadow:var(--mm-shadow-lg)}

/* ── Vendas mensais ── */
.fq-mes__cab--mensal{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--mm-space-4)}
.fq-mensal__kpi{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-variant-numeric:tabular-nums;text-align:right}
.fq-mensal__kpi small{font:var(--mm-role-caption);color:var(--mm-text-tertiary);display:inline-flex;align-items:center;gap:2px}
.fq-mensal__kpi b{font-size:15px;font-weight:800}
.fq-mensal__kpi em{font:var(--mm-role-caption);font-style:normal;color:var(--mm-text-tertiary)}
.fq-mensal__kpi--oficial b{color:var(--mm-color-brand-pink-800,var(--mm-color-brand-pink-700))}
.fq-canais{margin:0 var(--mm-space-4);padding:0;list-style:none;display:flex;flex-direction:column;background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-md)}
.fq-canais li{display:grid;grid-template-columns:minmax(110px,1fr) 2fr auto;align-items:center;gap:var(--mm-space-3);padding:var(--mm-space-2) var(--mm-space-3);font:var(--mm-role-body-sm)}
.fq-canais li + li{border-top:1px solid var(--mm-border-subtle)}
.fq-canais__nome{font-weight:600;display:inline-flex;align-items:center;gap:2px}
.fq-canais__barra{height:6px;border-radius:999px;background:var(--mm-color-neutral-100);overflow:hidden}
.fq-canais__barra i{display:block;height:100%;background:var(--mm-color-brand-pink-500);border-radius:999px}
.fq-canais__v{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;font-weight:600}
.fq-canais__v small{font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-canais__total{background:var(--mm-color-neutral-50)}
.fq-canais__total .fq-canais__v{font-weight:800}
@media (max-width:620px){
  .fq-mes__cab--mensal{grid-template-columns:1fr 1fr auto;row-gap:var(--mm-space-2)}
  .fq-mes__cab--mensal .fq-mes__nome{grid-column:1 / 3}
  .fq-mes__cab--mensal .fq-linha__seta{grid-row:1;grid-column:3}
  .fq-mensal__kpi{align-items:flex-start;text-align:left}
  .fq-canais li{grid-template-columns:1fr auto;row-gap:4px}
  .fq-canais__barra{grid-column:1 / -1;grid-row:2}
}

/* ── Universidade › lista da equipe com as duas medidas ── */
.fq-ordem{display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:calc(-1 * var(--mm-space-2))}
.fq-ordem__rot{font:var(--mm-role-caption);color:var(--mm-text-tertiary);margin-right:2px}
.fq-ordem__b{height:28px;padding:0 10px;border:1px solid var(--mm-border-default);border-radius:999px;background:var(--mm-surface-raised);font:var(--mm-role-caption);font-weight:600;color:var(--mm-text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.fq-ordem__b:hover{color:var(--mm-text-primary);border-color:var(--mm-border-strong)}
.fq-ordem__b.is-ativo{background:var(--mm-color-brand-coal-900);border-color:var(--mm-color-brand-coal-900);color:var(--mm-color-brand-white)}
.fq-linha--equipe{align-items:center}
.fq-prog{flex:0 0 300px;display:flex;flex-direction:column;gap:6px}
.fq-prog--vazio{flex-direction:row;justify-content:flex-end}
.fq-prog__linha{display:grid;grid-template-columns:92px 1fr 104px;align-items:center;gap:var(--mm-space-2)}
.fq-prog__rot{font:var(--mm-role-caption);color:var(--mm-text-tertiary);white-space:nowrap}
.fq-prog__barra{height:6px;border-radius:999px;background:var(--mm-color-neutral-100);overflow:hidden}
.fq-prog__barra i{display:block;height:100%;border-radius:999px}
.fq-prog__barra--bp i{background:var(--mm-color-brand-pink-500)}
.fq-prog__barra--dm i{background:var(--mm-color-info-500)}
.fq-prog__linha.is-ok .fq-prog__barra--bp i{background:var(--mm-color-success-500)}
.fq-prog__v{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0;min-width:0;font:var(--mm-role-caption);font-variant-numeric:tabular-nums;color:var(--mm-text-secondary);white-space:nowrap}
.fq-prog__v b{color:var(--mm-text-primary);font-weight:800}
.fq-prog__v small{color:var(--mm-text-tertiary)}
.fq-prog__linha.is-ok .fq-prog__v{color:var(--mm-color-success-700);font-weight:700}
.fq-prog__linha.is-zero .fq-prog__v{color:var(--mm-text-tertiary)}
@media (max-width:720px){
  .fq-linha--equipe{flex-wrap:wrap;row-gap:var(--mm-space-2)}
  .fq-linha--equipe .fq-linha__corpo{flex:1 1 calc(100% - 84px)}
  .fq-linha--equipe .fq-prog{order:3;flex:1 1 100%;padding-left:48px}
  .fq-linha--equipe .fq-linha__seta{order:2}
  .fq-prog__linha{grid-template-columns:86px minmax(40px,1fr) auto;column-gap:10px}
  .fq-ordem{justify-content:flex-start}
}

/* ── avatar do Shaker (logo) + estrela do líder ── */
.fq-avatar--shaker{position:relative;padding:0;background:var(--mm-color-neutral-0);box-shadow:inset 0 0 0 1px var(--mm-border-subtle);overflow:visible}
.fq-avatar--shaker img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
/* estrela do líder: selo pequeno no canto de baixo à direita, por FORA do círculo, sem cobrir o rosto nem o corpo da vaquinha */
.fq-avatar__estrela{position:absolute;right:-7px;bottom:-5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--mm-color-brand-coal-900);box-shadow:0 0 0 2px var(--mm-surface-raised);z-index:1}
.fq-avatar__estrela svg{width:10px;height:10px;fill:var(--mm-color-warning-500)}
.fq-avatar--grande .fq-avatar__estrela{width:20px;height:20px;right:-6px;bottom:-4px}
.fq-avatar--grande .fq-avatar__estrela svg{width:13px;height:13px}

/* anel do avatar = Boas Práticas (verde concluído · vermelho não concluído · cinza fora da Universidade) */
.fq-avatar.fq-anel--ok{box-shadow:0 0 0 2px var(--mm-surface-raised),0 0 0 4px var(--mm-color-success-500)}
.fq-avatar.fq-anel--pend{box-shadow:0 0 0 2px var(--mm-surface-raised),0 0 0 4px var(--mm-color-danger-500)}
.fq-avatar.fq-anel--fora{box-shadow:0 0 0 2px var(--mm-surface-raised),0 0 0 4px var(--mm-color-neutral-300)}
.fq-avatar--shaker.fq-anel--fora img{opacity:.55;filter:grayscale(1)}
.fq-linha--equipe .fq-avatar{margin:4px}
.fq-legenda--anel{padding:var(--mm-space-2) var(--mm-space-1) 0;gap:var(--mm-space-2) var(--mm-space-5)}
.fq-anel-amostra{width:12px;height:12px;border-radius:50%;display:inline-block;background:var(--mm-surface-raised)}
.fq-anel-amostra.fq-anel--ok{box-shadow:inset 0 0 0 3px var(--mm-color-success-500)}
.fq-anel-amostra.fq-anel--pend{box-shadow:inset 0 0 0 3px var(--mm-color-danger-500)}
.fq-anel-amostra.fq-anel--fora{box-shadow:inset 0 0 0 3px var(--mm-color-neutral-300)}
.fq-avatar__estrela--legenda{position:static;width:16px;height:16px;box-shadow:none}
.fq-avatar__estrela--legenda svg{width:10px;height:10px}

/* ── Treinamento da equipe: história animada (Remotion) ── */
.fq-historia{border-radius:var(--mm-radius-xl);overflow:hidden;background:var(--mm-color-brand-coal-900);box-shadow:var(--mm-shadow-md)}
.fq-historia__mount{position:relative;width:100%;aspect-ratio:1280 / 420}
@media (max-width:671px){.fq-historia__mount{aspect-ratio:720 / 820}}
.fq-historia__espera{position:absolute;inset:0;background:radial-gradient(60% 90% at 30% 20%,color-mix(in srgb,var(--mm-color-brand-pink-500) 22%,transparent),transparent 70%),var(--mm-color-brand-coal-900)}
.fq-historia__palco{position:relative}
/* carrossel (depois que a história termina) */
.fq-historia__palco{outline:none;touch-action:pan-y}
.fq-historia__palco:focus-visible{box-shadow:inset 0 0 0 2px var(--mm-color-brand-pink-500)}
.fq-historia__seta{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--mm-color-brand-white) 22%,transparent);border-radius:50%;background:color-mix(in srgb,var(--mm-color-brand-coal-900) 55%,transparent);color:var(--mm-color-brand-white);cursor:pointer;backdrop-filter:blur(6px);transition:background .15s,border-color .15s,color .15s}
.fq-historia__seta:hover{background:var(--mm-color-brand-pink-500);border-color:var(--mm-color-brand-pink-500);color:var(--mm-color-brand-coal-900)}
.fq-historia__seta--ant{left:12px}
.fq-historia__seta--prox{right:12px}
.fq-historia__pontos{position:absolute;left:50%;bottom:12px;translate:-50% 0;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--mm-color-brand-coal-900) 55%,transparent);backdrop-filter:blur(6px)}
.fq-historia__ponto{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--mm-color-brand-white) 38%,transparent);cursor:pointer;transition:background .2s}
.fq-historia__ponto:hover{background:color-mix(in srgb,var(--mm-color-brand-white) 70%,transparent)}
.fq-historia__ponto.is-ativo{width:22px;background:var(--mm-color-brand-pink-500)}
.fq-historia__ponto::after{content:"";display:block;margin:-10px}      /* área de toque maior */
.fq-historia__contador{position:absolute;top:12px;right:14px;font:var(--mm-role-caption);font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,var(--mm-color-brand-white) 70%,transparent)}
.fq-historia__pular{position:absolute;right:12px;bottom:12px;height:30px;padding:0 14px;border:1px solid color-mix(in srgb,var(--mm-color-brand-white) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--mm-color-brand-coal-900) 60%,transparent);color:var(--mm-color-brand-white);font:var(--mm-role-caption);font-weight:700;cursor:pointer}
.fq-historia__pular:hover{border-color:var(--mm-color-brand-pink-500);color:var(--mm-color-brand-pink-500)}
@media (max-width:671px){
  .fq-historia__seta{width:32px;height:32px;top:auto;bottom:10px;translate:none}
  .fq-historia__seta--ant{left:10px}
  .fq-historia__seta--prox{right:10px}
  .fq-historia__pontos{bottom:14px}
}
@media (prefers-reduced-motion:reduce){.fq-historia__ponto,.fq-historia__seta{transition:none}}

/* ── 3 blocos de ação ── */
.fq-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mm-space-3);align-items:start}
@media (max-width:860px){.fq-insights{grid-template-columns:1fr}}
.fq-card-ins{display:flex;flex-direction:column;gap:var(--mm-space-3);padding:var(--mm-space-4);background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-lg);min-width:0}
.fq-card-ins__t{display:flex;align-items:center;gap:8px;margin:0;font:var(--mm-role-label);font-weight:800;font-size:14px;color:var(--mm-text-primary)}
.fq-card-ins__n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;font:var(--mm-role-caption);font-weight:800;background:var(--mm-color-neutral-100);color:var(--mm-text-secondary)}
.fq-card-ins.is-alerta .fq-card-ins__n{background:var(--mm-color-warning-50);color:var(--mm-color-warning-700)}
.fq-card-ins.is-ok .fq-card-ins__n{background:var(--mm-color-success-50);color:var(--mm-color-success-700)}
.fq-card-ins__ok{display:flex;align-items:flex-start;gap:8px;margin:0;font:var(--mm-role-body-sm);color:var(--mm-text-secondary)}
.fq-card-ins.is-ok .fq-card-ins__ok mm-icon{color:var(--mm-color-success-700)}
.fq-card-ins__bloco{display:flex;flex-direction:column;gap:8px}
.fq-card-ins__rot{margin:0;font:var(--mm-role-caption);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mm-text-tertiary)}
.fq-card-ins__nota{margin:auto 0 0;font:var(--mm-role-caption);color:var(--mm-text-tertiary);display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}
.fq-avatar--mini{width:26px;height:26px;font-size:10px}
.fq-avatar--mini.fq-avatar--shaker .fq-avatar__estrela{width:12px;height:12px;right:-5px;bottom:-4px}
.fq-avatar--mini.fq-avatar--shaker .fq-avatar__estrela svg{width:7px;height:7px}
.fq-avatar--mini.fq-anel--ok,.fq-avatar--mini.fq-anel--pend,.fq-avatar--mini.fq-anel--fora{box-shadow:0 0 0 1.5px var(--mm-surface-raised),0 0 0 3px var(--fq-anel,var(--mm-color-danger-500))}
.fq-avatar--mini.fq-anel--ok{--fq-anel:var(--mm-color-success-500)}
.fq-avatar--mini.fq-anel--fora{--fq-anel:var(--mm-color-neutral-300)}
.fq-mini-lista{display:flex;flex-wrap:wrap;gap:6px}
.fq-mini-pessoa{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 4px;border:1px solid var(--mm-border-subtle);border-radius:999px;background:var(--mm-surface-raised);font:var(--mm-role-caption);font-weight:600;color:var(--mm-text-primary);cursor:pointer}
.fq-mini-pessoa:hover{border-color:var(--mm-border-strong);background:var(--mm-surface-hover)}
.fq-parados{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.fq-parados button{display:flex;align-items:center;gap:8px;width:100%;padding:4px 6px;border:0;border-radius:var(--mm-radius-md);background:none;font:var(--mm-role-body-sm);color:var(--mm-text-primary);text-align:left;cursor:pointer}
.fq-parados button:hover{background:var(--mm-surface-hover)}
.fq-parados em{margin-left:auto;font-style:normal;font:var(--mm-role-caption);font-weight:700;color:var(--mm-color-warning-700);white-space:nowrap}

/* prazos */
.fq-prazos{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.fq-prazo{display:flex;align-items:center;gap:12px}
.fq-prazo__dias{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--mm-radius-md);background:var(--mm-color-neutral-100);color:var(--mm-text-secondary)}
.fq-prazo__dias b{font-size:18px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--mm-text-primary)}
.fq-prazo__dias span{font:var(--mm-role-caption);font-size:10px}
.fq-prazo--perto .fq-prazo__dias{background:var(--mm-color-warning-50)}
.fq-prazo--perto .fq-prazo__dias b{color:var(--mm-color-warning-700)}
.fq-prazo--critico .fq-prazo__dias{background:var(--mm-color-danger-50)}
.fq-prazo--critico .fq-prazo__dias b{color:var(--mm-color-danger-700)}
.fq-prazo__corpo{min-width:0;display:flex;flex-direction:column;gap:2px}
.fq-prazo__nome{font:var(--mm-role-body-sm);font-weight:700;color:var(--mm-text-primary);overflow-wrap:anywhere}
.fq-prazo__nome .mm-badge{vertical-align:1px}
.fq-prazo__meta{font:var(--mm-role-caption);color:var(--mm-text-secondary)}
.fq-prazo__meta b{color:var(--mm-text-primary)}

/* sua loja × rede */
.fq-posicao{display:flex;align-items:center;gap:12px;margin:0;font:var(--mm-role-body-sm);color:var(--mm-text-secondary)}
.fq-posicao__n{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--mm-color-brand-pink-100);color:var(--mm-color-brand-pink-800,var(--mm-color-brand-pink-700));font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.fq-posicao b{color:var(--mm-text-primary)}
.fq-cmp{display:grid;grid-template-columns:1fr auto;grid-template-areas:"rot v" "bar v";column-gap:12px;row-gap:5px;align-items:center}
.fq-cmp__rot{grid-area:rot;font:var(--mm-role-caption);font-weight:600;color:var(--mm-text-secondary)}
.fq-cmp__barras{grid-area:bar;display:flex;flex-direction:column;gap:3px}
.fq-cmp__b{display:block;height:7px;border-radius:999px}
.fq-cmp__b--loja{background:var(--mm-color-brand-pink-500)}
.fq-cmp__b--rede{background:var(--mm-color-neutral-300)}
.fq-cmp__v{grid-area:v;display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.fq-cmp__v b{font-size:15px;font-weight:800;color:var(--mm-text-primary)}
.fq-cmp__v small{font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-cmp__leg{display:inline-block;width:10px;height:6px;border-radius:999px}
.fq-cmp__leg--loja{background:var(--mm-color-brand-pink-500)}
.fq-cmp__leg--rede{background:var(--mm-color-neutral-300);margin-left:6px}

/* cabeçalho da lista: filtro + ordem na mesma linha no desktop */
.fq-lista-cab{display:flex;flex-direction:column;gap:var(--mm-space-3)}
#eq-lista{display:flex;flex-direction:column;gap:var(--mm-space-4)}
.fq-card-ins__nota .fq-leg-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.fq-cmp__leg--rede{margin-left:0}


/* ── navegação com as abas dentro de cada módulo ── */
.fq-nav__grupo{flex:1;display:flex;min-width:0}
.fq-nav__grupo > .fq-nav__item{flex:1}
.fq-nav__abas{display:none}
@media (min-width:900px) and (max-width:1023.98px){ .fq-nav__grupo{flex:0 0 auto} }

/* ── computador (≥ 1024 px): lateral fixa + conteúdo na largura da tela ── */
@media (min-width:1024px){
  body.fq{--fq-lateral:264px}
  .fq-cabecalho{position:fixed;top:0;left:0;bottom:0;width:var(--fq-lateral);z-index:40;display:flex;flex-direction:column;background:var(--mm-color-brand-coal-900);overflow-y:auto;scrollbar-width:thin}
  .fq-cabecalho:has(.mm-select__panel--open){overflow:visible}
  .fq-cabecalho > *{flex-shrink:0}          /* a lateral rola; nada dentro dela encolhe */
  .fq-top{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:2px;height:auto;padding:24px 16px 20px 20px;background:none}
  .fq-top__marca{grid-column:1;grid-row:1;font-size:21px}
  .fq-top__produto{grid-column:1;grid-row:2}
  .fq-top__sair{grid-column:2;grid-row:1 / 3}
  .fq-lojabar{padding:0 16px 20px;background:none;border:0}
  .fq-lojabar mm-select{max-width:none}
  .fq-nav{position:static;display:flex;flex-direction:column;gap:20px;padding:4px 12px 28px;background:none;border:0}
  .fq-nav__grupo{flex:none;display:flex;flex-direction:column;gap:2px}
  .fq-nav__item{flex:none;height:28px;padding:0 8px;justify-content:flex-start;gap:8px;font:var(--mm-role-caption);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mm-color-neutral-400);box-shadow:none}
  .fq-nav__item:hover{color:var(--mm-color-brand-white)}
  .fq-nav__item.is-ativo{color:var(--mm-color-brand-pink-500);box-shadow:none}
  .fq-nav__abas{display:flex;flex-direction:column;gap:2px}
  .fq-nav__aba{position:relative;display:flex;align-items:center;height:38px;padding:0 12px 0 32px;border:0;border-radius:var(--mm-radius-md);background:none;font:var(--mm-role-body-sm);color:var(--mm-color-neutral-300);text-align:left;cursor:pointer;transition:background .15s,color .15s}
  .fq-nav__aba:hover{background:var(--mm-color-brand-coal-700);color:var(--mm-color-brand-white)}
  .fq-nav__aba.is-ativo{background:var(--mm-color-brand-coal-700);color:var(--mm-color-brand-white);font-weight:700}
  .fq-nav__aba.is-ativo::before{content:"";position:absolute;left:15px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--mm-color-brand-pink-500)}
  .fq-subnav{display:none}
  .fq-main{max-width:none;margin:0 0 0 var(--fq-lateral);padding:36px 48px 72px}
  .fq-main > .fq-tela{max-width:1400px;margin-inline:auto}
}

/* ── Relatórios › Hoje (ao vivo) ── */
.fq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fq-hoje{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mm-space-4)}
.fq-hoje__heroi{display:flex;flex-direction:column;gap:6px;padding:var(--mm-space-5);background:var(--mm-color-brand-pink-50);border:1px solid var(--mm-color-brand-pink-100);border-radius:var(--mm-radius-lg)}
.fq-hoje__topo{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mm-space-2) var(--mm-space-3)}
.fq-hoje__topo .fq-aovivo{margin-left:0}
.fq-hoje__upd{font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-hoje__rot{margin-top:var(--mm-space-2);font:var(--mm-role-label);color:var(--mm-text-secondary)}
.fq-hoje__contador{min-height:64px}
.fq-hoje__cmp{margin:0;font:var(--mm-role-body-sm);font-weight:700;color:var(--mm-text-secondary)}
.fq-hoje__cmp.is-sobe{color:var(--mm-color-success-700)}
.fq-hoje__cmp.is-desce{color:var(--mm-color-danger-700)}
.fq-hoje__meta{margin:0;font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-hoje__canais{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mm-space-3)}
.fq-hoje__canais li{display:flex;flex-direction:column;gap:4px;padding:var(--mm-space-3) var(--mm-space-4);background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-lg)}
.fq-hoje__canal{display:inline-flex;align-items:center;gap:2px;font:var(--mm-role-caption);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--mm-text-secondary)}
.fq-hoje__canais b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.fq-hoje__barra{height:6px;border-radius:999px;background:var(--mm-color-neutral-100);overflow:hidden}
.fq-hoje__barra i{display:block;height:100%;background:var(--mm-color-brand-pink-500);border-radius:999px}
.fq-hoje__canais small{font:var(--mm-role-caption);color:var(--mm-text-tertiary);font-variant-numeric:tabular-nums}
.fq-hoje__horas{padding:var(--mm-space-4) var(--mm-space-4) var(--mm-space-3);background:var(--mm-surface-raised);border:1px solid var(--mm-border-subtle);border-radius:var(--mm-radius-lg)}
.fq-hoje__horas-cab{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--mm-space-2);margin-bottom:var(--mm-space-3)}
.fq-hoje__horas h2{margin:0;font:var(--mm-role-body);font-weight:800}
.fq-hoje__leg{display:flex;flex-wrap:wrap;gap:var(--mm-space-3);margin:0;padding:0;list-style:none;font:var(--mm-role-caption);color:var(--mm-text-tertiary)}
.fq-hoje__leg li{display:inline-flex;align-items:center;gap:6px}
.fq-hoje__leg i{display:inline-block;width:12px;height:12px;border-radius:3px}
.fq-hoje__leg .is-hoje{background:var(--mm-color-brand-pink-500)}
.fq-hoje__leg .is-ontem{border:1.5px dashed var(--mm-color-neutral-400)}
.fq-hoje__leg .is-agora{background:var(--mm-color-brand-pink-300)}
@media (min-width:1024px){
  .fq-hoje{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .fq-hoje__horas,.fq-hoje > .fq-mes__nota{grid-column:1 / -1}
  .fq-hoje__heroi{justify-content:center}
}

/* "Hoje" na lateral (só no computador) */
.fq-hojemini{display:none}
.fq-hojemini[hidden]{display:none!important}
@media (min-width:1024px){
  .fq-hojemini{display:flex;flex:none;align-self:stretch;flex-direction:column;align-items:flex-start;gap:2px;margin:0 16px 20px;padding:12px 14px;border:1px solid var(--mm-color-brand-coal-700);border-radius:var(--mm-radius-lg);background:var(--mm-color-brand-coal-800,var(--mm-color-brand-coal-700));color:var(--mm-color-brand-white);text-align:left;cursor:pointer;transition:border-color .15s}
  .fq-hojemini:hover{border-color:var(--mm-color-brand-pink-500)}
  .fq-hojemini__rot{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}
  .fq-hojemini__rot small{font:var(--mm-role-caption);color:var(--mm-color-neutral-400)}
  .fq-aovivo--mini{margin:0;padding:0;background:none;color:var(--mm-color-neutral-300);text-transform:uppercase;letter-spacing:.06em}
  .fq-hojemini b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
  .fq-hojemini > small{font:var(--mm-role-caption);color:var(--mm-color-neutral-400)}
  .fq-hojemini > small.is-sobe{color:var(--mm-color-success-500)}
  .fq-hojemini > small.is-desce{color:var(--mm-color-brand-pink-300)}
}

/* ── esqueletos no formato da tela (abertura do portal e Hoje) ── */
.fq-esq--tela{gap:var(--mm-space-3)}
.fq-esq .fq-esq__titulo{width:220px;height:20px}
.fq-esq .fq-esq__sub{width:340px;max-width:70%;height:12px;margin-bottom:var(--mm-space-2)}
.fq-esq__grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--mm-space-3)}
.fq-esq .fq-esq__bloco--alto{height:200px}
.fq-esq__hoje{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mm-space-3)}
.fq-esq .fq-esq__heroi{height:190px}
.fq-esq__canais{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mm-space-3)}
.fq-esq__canais .fq-esq__bloco{height:88px}
@media (min-width:1024px){ .fq-esq__hoje{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)} }
/* lateral escura: esqueleto em tons de carvão */
.fq-esq--nav{padding:8px 4px}
.fq-esq--nav i{height:12px;background:linear-gradient(90deg,var(--mm-color-brand-coal-700),#4A4546,var(--mm-color-brand-coal-700));background-size:200% 100%}
.fq-esq--nav i:nth-child(odd){width:55%}
@media (max-width:1023.98px){ .fq-esq--nav{display:none} }
.fq-hoje__num{display:flex;align-items:center;height:64px;font-size:48px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* selo online/fechada nos cards do iFood e 99Food */
.fq-online{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:2px 8px;border-radius:999px;font:var(--mm-role-caption);font-weight:700;text-transform:none;letter-spacing:0;white-space:nowrap}
.fq-hoje__canal{width:100%}
.fq-online i{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}
.fq-online.is-on{background:var(--mm-color-success-50);color:var(--mm-color-success-700)}
.fq-online.is-on i::after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:fq-pulso 1.6s cubic-bezier(.16,1,.3,1) infinite}
.fq-online.is-off{background:var(--mm-color-danger-50,#FEF2F2);color:var(--mm-color-danger-700)}
.fq-online.is-sem{background:var(--mm-color-neutral-100);color:var(--mm-text-tertiary)}
.fq-hoje__canais li.is-online{border-color:color-mix(in srgb,var(--mm-color-success-500) 35%,var(--mm-border-subtle))}
.fq-hoje__canais li.is-offline{border-color:color-mix(in srgb,var(--mm-color-danger-500) 40%,var(--mm-border-subtle))}
@media (prefers-reduced-motion:reduce){.fq-online.is-on i::after{animation:none}}

/* ── Relatórios › Vendas Delivery ── */
.fq-mes__cab--deliv{grid-template-columns:1fr auto auto auto}
/* cabeçalho de 2 linhas: o thead inteiro gruda no topo (cada linha grudada sozinha deixava um vão entre elas) */
.fq-tabela--deliv thead{position:sticky;top:0;z-index:5}
.fq-tabela--deliv thead th{position:static}
.fq-tabela--deliv thead th[rowspan]{position:sticky;left:0;z-index:6}
.fq-tabela--deliv thead tr.fq-th-cols th{font-size:10px}
/* cor de cada plataforma, na mesma paleta clara do portal: iFood vermelho, 99Food amarelo */
.fq-tabela--deliv .fq-th-plat--ifood{background:#FAD4D2;color:#A4161A}
.fq-tabela--deliv .fq-th-plat--f99{background:#FFEC99;color:#6B4700}
.fq-tabela--deliv .fq-th-col--ifood{background:#FEF3F2;color:#8A2A2B}
.fq-tabela--deliv .fq-th-col--f99{background:#FFFAE3;color:#6B4E0A}
.fq-kpi-plat small i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;vertical-align:0}
.fq-kpi-plat--ifood small i{background:#E5484D}
.fq-kpi-plat--f99 small i{background:#F5B800}
.fq-tabela--deliv thead th[rowspan]{vertical-align:bottom}
.fq-tabela--deliv .fq-th-plat{text-align:center;color:var(--mm-text-primary);border-bottom:1px solid var(--mm-border-default)}
.fq-tabela--deliv th.fq-th-ini,.fq-tabela--deliv td[data-ini],.fq-tabela--deliv .fq-th-plat{border-left:1px solid var(--mm-border-default)}
.fq-tabela--deliv td.fq-td-vazio{color:var(--mm-text-tertiary)}
.fq-inc-loja{color:var(--mm-color-danger-700);font-weight:600}
.fq-inc-plat{color:var(--mm-color-success-700);font-weight:600}
.fq-tabela--deliv td .fq-pend{display:block}
@media (max-width:620px){ .fq-mes__cab--deliv{grid-template-columns:1fr 1fr auto} }
.fq-ganho{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;font:var(--mm-role-caption);color:var(--mm-text-secondary)}
.fq-ganho b{color:var(--mm-color-success-700);font-weight:800}
.fq-ganho__ok{color:var(--mm-color-success-700);font-weight:800}
.fq-ganho small{flex-basis:100%;color:var(--mm-text-tertiary)}