/* 1.71.0 (Philippe, 29/09/2026): recomendações do Cérebro (web/recomendacoes.js). Tokens do Hub (--label, --fill,
   --sys-*); claro e escuro; a página nunca rola para o lado.
   1.72.0 (Philippe: "a interface do cérebro tem que ser única"): no topo de cada tela de dados fica só uma ENTRADA de uma
   linha ("Cérebro: 3 recomendações para esta tela"), que abre o Cérebro único (web/cerebro.js) em "Para esta tela". Os
   cartões, o detalhe, as dispensadas e o aviso de Desfazer são desenhados aqui e moram DENTRO do Cérebro (.cu).
   Padrão Apple: texto colorido pelas tintas --ink-* (contraste AA no claro e no escuro), letra mínima de 11 pt, alvos de
   44 pt, conteúdo em material sólido (vidro só no que flutua), "reduzir movimento". */

/* ------------------------------------------------------------------ a entrada de cada tela */
.hr-faixa{margin:0 0 16px;min-width:0;max-width:100%}
.hr-faixa[hidden]{display:none}
.hr-entrada{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px 8px 12px;border:0;border-radius:var(--r-card,16px);background:var(--surface,#fff);box-shadow:0 0 0 .5px var(--sep,rgba(58,42,30,.14)),0 1px 3px rgba(40,25,12,.06);color:var(--label,#3A2A1E);font:inherit;text-align:left;cursor:pointer;min-width:0;max-width:100%;transition:transform var(--dur-rapida,.12s) ease,background-color var(--dur-rapida,.12s) ease}
body.dark .hr-entrada{background:var(--surface2,#2C2A27);box-shadow:0 0 0 .5px var(--sep,rgba(240,225,210,.16))}
.hr-entrada:active{transform:scale(var(--apertado-escala,.98))}
@media (hover:hover){.hr-entrada:hover{background:color-mix(in srgb,var(--surface,#fff) 92%,var(--label,#3A2A1E))}body.dark .hr-entrada:hover{background:color-mix(in srgb,var(--surface2,#2C2A27) 90%,#fff)}}
.hr-entrada:focus-visible{outline:var(--foco-largura,3px) solid var(--foco-cor,var(--ink-blue,#2F7CF6));outline-offset:2px}
.hr-entrada .hr-cerebro.philippe-brain{flex:none;width:30px;height:33px}
.hr-entrada-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.hr-entrada-txt strong{font-size:var(--f-subhead,15px);font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow-wrap:anywhere}
.hr-entrada-txt span{font-size:var(--f-footnote,13px);color:var(--label2,#6B5A4C);line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden} /* até duas linhas, como a linha de uma lista do iOS (sem reticências cortando no meio da frase) */
.hr-entrada .hr-seguir{flex:none;width:18px;height:18px;fill:none;stroke:var(--label3,#7E6A59);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hr-faixa:not(.vazia):not(.carregando) .hr-entrada[data-prioridade="1"] .hr-entrada-txt strong::before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 1px 0;border-radius:50%;background:var(--sys-orange,#FF8D28);vertical-align:middle}
.hr-faixa.vazia .hr-entrada-txt strong{font-weight:500;color:var(--label2,#6B5A4C)}
.hr-faixa.carregando .hr-entrada{cursor:progress}
.hr-faixa.carregando .hr-entrada-txt span{animation:hr-pulsa 1.4s ease-in-out infinite}
@keyframes hr-pulsa{50%{opacity:.45}}
@keyframes hr-brilho{from{background-position:100% 0}to{background-position:0 0}}

/* ------------------------------------------------------------------ os cartões (dentro do Cérebro) */
:is(.hr-folha,.cu) .hr-item{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 16px 10px;border-radius:var(--r-card,16px);background:var(--cu-cartao,var(--surface,#fff));box-shadow:0 0 0 .5px var(--sep,rgba(58,42,30,.14));transition:opacity .18s ease,transform .18s ease}
:is(.hr-folha,.cu) .hr-item.clicavel{cursor:pointer}
:is(.hr-folha,.cu) .hr-item.saindo{opacity:0;transform:scale(.97)}
:is(.hr-faixa,.hr-folha,.cu) .hr-tag{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:var(--f-caption1,max(11px, calc(12px * var(--dt,1))));line-height:1.35;font-weight:600;color:var(--label2,#6B5A4C);min-width:0;overflow-wrap:anywhere} /* 1.72.0 (pente fino): a etiqueta quebra a linha em vez de cortar com reticências ("Atenção: Gutierrez e Cidade No…") */
:is(.hr-faixa,.hr-folha,.cu) .hr-pont{flex:none;width:8px;height:8px;margin-top:calc(.675em - 4px);border-radius:50%;background:var(--sys-blue,#0088FF)}
:is(.hr-folha,.cu) :is(.hr-item,.hr-det)[data-prioridade="1"] .hr-pont{background:var(--sys-orange,#FF8D28)}
:is(.hr-folha,.cu) :is(.hr-item,.hr-det)[data-prioridade="3"] .hr-pont{background:var(--sys-green,#34C759)}
:is(.hr-faixa,.hr-folha,.cu) .hr-tit{margin:0;font-size:var(--f-headline,17px);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--label,#3A2A1E);overflow-wrap:anywhere}
:is(.hr-faixa,.hr-folha,.cu) .hr-txt{margin:0;font-size:var(--f-subhead,15px);line-height:1.45;color:var(--label2,#6B5A4C);overflow-wrap:anywhere}
:is(.hr-faixa,.hr-folha,.cu) .hr-fonte{margin:2px 0 0;font-size:var(--f-caption1,max(11px, calc(12px * var(--dt,1))));color:var(--label2,#6B5A4C);line-height:1.3;overflow-wrap:anywhere}
:is(.hr-faixa,.hr-folha,.cu) .hr-botoes{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:6px;flex-wrap:wrap}
/* botões: fundo neutro e texto na tinta (o azul do sistema como texto dava 2,7 a 3,5:1) */
:is(.hr-faixa,.hr-folha,.cu,.hr-aviso) :is(.hr-acao,.hr-mais,.hr-sala){display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--fill,rgba(90,65,45,.08));color:var(--ink-blue,#1F5FA8);font:inherit;font-size:var(--f-subhead,15px);font-weight:600;padding:0 16px;min-height:44px;cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform var(--dur-rapida,.12s) ease,background-color var(--dur-rapida,.12s) ease}
:is(.hr-folha,.cu) .hr-mais{background:var(--on-blue,#0062BD);color:#fff}
:is(.hr-faixa,.hr-folha,.cu,.hr-aviso) :is(.hr-acao,.hr-mais,.hr-sala,.hr-dispensar,.hr-todas):active{transform:scale(var(--apertado-escala,.97))}
@media (hover:hover){:is(.hr-folha,.cu,.hr-aviso) :is(.hr-acao,.hr-sala):hover{background:var(--fill2,rgba(90,65,45,.12))}:is(.hr-folha,.cu) .hr-mais:hover{filter:brightness(1.08)}}
:is(.hr-faixa,.hr-folha,.cu) .hr-dispensar{border:0;background:transparent;color:var(--label2,#6B5A4C);font:inherit;font-size:var(--f-subhead,15px);font-weight:500;padding:0 12px;min-height:44px;border-radius:999px;cursor:pointer;margin-left:auto}
:is(.hr-faixa,.hr-folha,.cu) .hr-dispensar:hover{background:var(--fill,rgba(90,65,45,.08))}
:is(.hr-faixa,.hr-folha,.cu) .hr-todas{flex:none;border:0;background:transparent;color:var(--ink-blue,#1F5FA8);font:inherit;font-size:var(--f-subhead,15px);font-weight:600;padding:0 10px;border-radius:var(--r-ctl,12px);cursor:pointer;min-height:44px}
:is(.hr-faixa,.hr-folha,.cu) .hr-todas:hover{background:var(--fill,rgba(90,65,45,.08))}
:is(.hr-faixa,.hr-folha,.cu,.hr-aviso) :is(.hr-acao,.hr-mais,.hr-sala,.hr-dispensar,.hr-todas,.hr-fechar):focus-visible{outline:var(--foco-largura,3px) solid var(--foco-cor,var(--ink-blue,#2F7CF6));outline-offset:2px}
/* carregando: o espaço já reservado */
:is(.hr-folha,.cu) .hr-det-carregando{min-height:240px;border-radius:var(--r-card,16px);background:linear-gradient(100deg,var(--fill,rgba(90,65,45,.06)) 30%,var(--fill2,rgba(90,65,45,.12)) 50%,var(--fill,rgba(90,65,45,.06)) 70%) 0 0/300% 100%;animation:hr-brilho 1.4s ease-in-out infinite}
:is(.hr-folha,.cu) .hr-folha-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hr-folha-vazia{margin:12px 0;color:var(--label2,#6B5A4C)}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev{margin-top:4px}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev-per{margin:0 0 4px;font-size:var(--f-caption1,max(11px, calc(12px * var(--dt,1))));color:var(--label2,#6B5A4C)}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 12px}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev li{display:flex;justify-content:space-between;gap:8px;font-size:var(--f-footnote,13px);border-bottom:.5px solid var(--sep,rgba(58,42,30,.14));padding:4px 0;min-width:0}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev li span{color:var(--label2,#6B5A4C);min-width:0;overflow-wrap:anywhere}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev li b{font-weight:600;white-space:nowrap}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev li.hr-mercado{grid-column:1/-1;flex-wrap:wrap}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev li.hr-mercado em{flex-basis:100%;font-style:normal;font-size:var(--f-caption1,max(11px, calc(12px * var(--dt,1))));color:var(--label2,#6B5A4C)}
/* toque: área mínima de 44 px */
html.hub-toque :is(.hr-faixa,.hr-folha,.cu) .hr-acao,html.hub-toque :is(.hr-faixa,.hr-folha,.cu) .hr-dispensar,html.hub-toque :is(.hr-faixa,.hr-folha,.cu) .hr-todas{min-height:44px}
@media (max-width:759px){
  :is(.hr-faixa,.hr-folha,.cu) .hr-ev ul{grid-template-columns:minmax(0,1fr)}
  :is(.hr-folha,.cu) .hr-botoes .hr-dispensar{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .hr-entrada,:is(.hr-folha,.cu) .hr-item{transition:none}
  .hr-faixa.carregando .hr-entrada-txt span,:is(.hr-folha,.cu) .hr-det-carregando{animation:none}
}
/* 1.72.0 (Philippe, 29/09/2026): tabela por unidade e rede, a lente crítica do iFood, dispensar e desfazer.
   Texto sempre nas cores de texto (--label*); a cor só marca (bolinha, borda). Letra mínima de 11 px. */
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-tab-rola{max-width:100%;overflow-x:auto;margin-top:4px;overscroll-behavior-x:contain}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-tab{border-collapse:collapse;width:100%;font-size:var(--f-footnote,13px);font-variant-numeric:tabular-nums}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-tab th,:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-tab td{padding:8px;border-bottom:.5px solid var(--sep,rgba(58,42,30,.14));text-align:right;white-space:nowrap}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-tab th[scope="row"]{text-align:left;font-weight:500;color:var(--label2,#6B5A4C);white-space:normal;min-width:110px}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-tab thead th{font-size:var(--f-caption1,max(11px, calc(12px * var(--dt,1))));font-weight:600;color:var(--label2,#6B5A4C)}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-tab .rede{font-weight:700;color:var(--label,#3A2A1E);background:var(--fill,rgba(90,65,45,.06))}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-tab td.pior{font-weight:700;box-shadow:inset 0 -2px 0 var(--sys-orange,#FF8D28)}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev-merc{margin:6px 0 0;font-size:var(--f-caption1,max(11px, calc(12px * var(--dt,1))));color:var(--label2,#6B5A4C)}
:is(.hr-faixa,.hr-folha,.cu) .hr-ev-merc em{font-style:normal;color:var(--label2,#6B5A4C)}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-crit-selos{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-veredito,:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-ganha,:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-conf{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:var(--f-caption1,max(11px, calc(12px * var(--dt,1))));font-weight:600;color:var(--label,#3A2A1E);background:var(--fill,rgba(90,65,45,.08))}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-veredito::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--label3,#7E6A59);flex:none}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-veredito.v-sim::before{background:var(--sys-green,#34C759)}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-veredito.v-parte::before{background:var(--sys-orange,#FF8D28)}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-veredito.v-nao::before{background:var(--sys-red,#FF3B30)}
:is(.hr-faixa,.hr-folha,.cp,.cu) .hr-ganha.g-plataforma{box-shadow:inset 0 0 0 1px rgba(234,29,44,.35)}
:is(.hr-folha,.cp,.cu) .hr-critica{padding:12px 14px;border-radius:14px;background:var(--cu-cartao,var(--surface,#fff));box-shadow:inset 3px 0 0 var(--label3,#7E6A59),0 0 0 .5px var(--sep,rgba(58,42,30,.14));margin-bottom:8px}
:is(.hr-folha,.cp,.cu) .hr-critica.v-sim{box-shadow:inset 3px 0 0 var(--sys-green,#34C759),0 0 0 .5px var(--sep,rgba(58,42,30,.14))}
:is(.hr-folha,.cp,.cu) .hr-critica.v-parte{box-shadow:inset 3px 0 0 var(--sys-orange,#FF8D28),0 0 0 .5px var(--sep,rgba(58,42,30,.14))}
:is(.hr-folha,.cp,.cu) .hr-critica.v-nao{box-shadow:inset 3px 0 0 var(--sys-red,#FF3B30),0 0 0 .5px var(--sep,rgba(58,42,30,.14))}
:is(.hr-folha,.cp,.cu) .hr-critica h3{margin:0 0 6px;font-size:var(--f-subhead,15px);font-weight:600}
:is(.hr-folha,.cp,.cu) .hr-critica dl{margin:8px 0 0;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 12px;font-size:var(--f-footnote,13px);line-height:1.45}
:is(.hr-folha,.cp,.cu) .hr-critica dt{font-weight:600;color:var(--label2,#6B5A4C)}
:is(.hr-folha,.cp,.cu) .hr-critica dd{margin:0;color:var(--label,#3A2A1E);overflow-wrap:anywhere}
:is(.hr-faixa,.hr-folha,.cu) .hr-voltou{margin:0;font-size:var(--f-caption1,max(11px, calc(12px * var(--dt,1))));font-weight:600;color:var(--label2,#6B5A4C)}
/* o aviso "dispensada por 7 dias. Desfazer" (fica por 12 segundos, anunciado ao leitor de tela): vidro, porque flutua */
.hr-aviso{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:1500;display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;max-width:min(640px,calc(100vw - 32px));padding:8px 8px 8px 16px;border-radius:22px;background:var(--vidro-grosso,rgba(252,250,247,.86));-webkit-backdrop-filter:blur(var(--vidro-desfoque,24px)) saturate(var(--vidro-saturacao,180%));backdrop-filter:blur(var(--vidro-desfoque,24px)) saturate(var(--vidro-saturacao,180%));box-shadow:var(--vidro-brilho,none),var(--vidro-sombra-alta,0 12px 32px rgba(40,25,12,.22));color:var(--label,#3A2A1E);font-size:var(--f-footnote,13px)}
.hr-aviso span{flex:1 1 220px;min-width:0;line-height:1.35}
.hr-aviso button{min-height:44px}
.hr-aviso .hr-dispensar{border:0;background:transparent;color:var(--label2,#6B5A4C);font:inherit;font-weight:500;padding:0 10px;border-radius:999px;cursor:pointer}
.hr-aviso .hr-fechar{flex:none} /* 1.72.0 (pente fino): o X é o botão de fechar do sistema (.hub-x, index.html 10.4) */
.hr-aviso button:focus-visible{outline:2px solid var(--ink-blue,#1F5FA8);outline-offset:2px}
html.hub-toque .hr-aviso button{min-height:44px}
html.cu-folha-aberta .hr-aviso{z-index:1500}
@media (max-width:759px){ .hr-aviso{left:16px;right:16px;transform:none;max-width:none} :is(.hr-folha,.cp,.cu) .hr-critica dl{grid-template-columns:minmax(0,1fr)} }