/* 1.73.0: iFood Analytics (web/ifood-analytics.js). Mesma linguagem visual da Loja no iFood (ifood-gestao.css). */
.hub-ifood-analytics{color:var(--label,var(--text,#211f1c));background:var(--surface2,#f7f4ef);border:1px solid var(--sep,rgba(90,70,50,.2));border-radius:24px;padding:0;width:min(1240px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);box-shadow:0 24px 80px rgba(0,0,0,.3)}
.hub-ifood-analytics[open]{display:flex;flex-direction:column}
.hub-ifood-analytics::backdrop{background:rgba(15,10,5,.45);backdrop-filter:blur(6px)}
.hub-ifood-analytics header{flex:none;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 22px 10px;background:var(--surface,#fff)}
.hub-ifood-analytics header h2{margin:2px 0 0;font-size:calc(24px * var(--dt,1));font-weight:750}
.hub-ifood-analytics .ifa-eyebrow{margin:0;font-size:calc(13px * var(--dt,1));color:var(--sub,#64594e)}
.hub-ifood-analytics .ifa-sub{margin:6px 0 0;font-size:calc(14px * var(--dt,1));color:var(--sub,#64594e);max-width:760px}
.hub-ifood-analytics .ifa-id{margin:6px 0 0;font-size:calc(14px * var(--dt,1));font-variant-numeric:tabular-nums}
.hub-ifood-analytics header .icon{color:var(--label,var(--text));background:var(--fill,rgba(90,70,50,.08));width:44px;height:44px;flex:none;border-radius:50%;border:0;cursor:pointer}
.hub-ifood-analytics header .icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}
.hub-ifood-analytics .ifa-filtros{flex:none;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:4px 22px 12px;background:var(--surface,#fff)}
.hub-ifood-analytics .ifa-filtros label{min-width:200px}
.hub-ifood-analytics .ifa-seg{display:flex;flex-wrap:wrap;gap:4px;background:var(--fill,rgba(90,70,50,.08));padding:4px;border-radius:14px}
.hub-ifood-analytics .ifa-seg button{font:inherit;font-size:calc(14px * var(--dt,1));border:0;background:transparent;color:inherit;padding:8px 12px;border-radius:10px;min-height:40px;cursor:pointer}
.hub-ifood-analytics .ifa-seg button[aria-pressed="true"]{background:var(--surface,#fff);font-weight:650;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.hub-ifood-analytics .ifa-abas{flex:none;display:flex;gap:4px;padding:8px 18px;background:var(--surface,#fff);border-top:1px solid var(--sep,rgba(90,70,50,.15));border-bottom:1px solid var(--sep,rgba(90,70,50,.15));overflow-x:auto}
.hub-ifood-analytics .ifa-abas button{font:inherit;font-size:calc(15px * var(--dt,1));border:0;background:transparent;color:inherit;padding:10px 14px;border-radius:12px;min-height:44px;cursor:pointer;white-space:nowrap}
.hub-ifood-analytics .ifa-abas button[aria-selected="true"]{background:var(--label,#211f1c);color:var(--surface,#fff);font-weight:650}
.hub-ifood-analytics .ifa-corpo{flex:1;overflow:auto;overscroll-behavior:contain;padding:12px 22px 22px;min-height:0}
.hub-ifood-analytics label{display:flex;flex-direction:column;gap:5px;font-size:calc(14px * var(--dt,1));min-width:0}
.hub-ifood-analytics input,.hub-ifood-analytics select,.hub-ifood-analytics textarea{font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--sep,#b7afa6);border-radius:12px;min-height:44px;padding:9px 10px;box-sizing:border-box;width:100%;min-width:0}
.hub-ifood-analytics textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(13px * var(--dt,1))}
.hub-ifood-analytics input[type=checkbox]{width:22px;height:22px;min-height:0}
.hub-ifood-analytics .btn{min-height:44px;white-space:normal}
.hub-ifood-analytics small,.hub-ifood-analytics .ifa-dica{color:var(--sub,#64594e);font-size:calc(13px * var(--dt,1));font-weight:400}
.hub-ifood-analytics code{font-size:.86em;background:var(--fill,rgba(90,70,50,.08));padding:1px 5px;border-radius:6px;word-break:break-all}
.hub-ifood-analytics .ifa-aviso{padding:10px 14px;border-radius:12px;margin:10px 0;font-size:calc(15px * var(--dt,1));line-height:1.4}
.hub-ifood-analytics .ifa-info{background:rgba(0,122,255,.09)}
.hub-ifood-analytics .ifa-ok{background:rgba(34,177,76,.13)}
.hub-ifood-analytics .ifa-erro{background:color-mix(in srgb,var(--sys-red,#E0342E) 13%,transparent);border-left:4px solid var(--sys-red,#E0342E)}
.hub-ifood-analytics .ifa-erro-txt{color:var(--ink-red,#B42318)}
.hub-ifood-analytics .ifa-periodo p{margin:6px 0;font-size:calc(15px * var(--dt,1))}
.hub-ifood-analytics .ifa-selo{display:inline-block;font-size:var(--f-caption1);font-weight:650;padding:2px 8px;border-radius:999px;background:var(--fill,rgba(90,70,50,.1))}
.hub-ifood-analytics .ifa-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0}
.hub-ifood-analytics .ifa-kpi{background:var(--surface,#fff);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.hub-ifood-analytics .ifa-kpi>span{font-size:calc(14px * var(--dt,1));color:var(--sub,#64594e)}
.hub-ifood-analytics .ifa-kpi>b{font-size:calc(26px * var(--dt,1));font-weight:750;font-variant-numeric:tabular-nums;line-height:1.15;overflow-wrap:anywhere}
.hub-ifood-analytics .ifa-kpis-menor .ifa-kpi>b{font-size:calc(19px * var(--dt,1))}
.hub-ifood-analytics .ifa-kpi small{line-height:1.35}
.hub-ifood-analytics .ifa-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:start}
.hub-ifood-analytics .ifa-card{background:var(--surface,#fff);border-radius:18px;padding:14px 16px;margin:12px 0;min-width:0}
.hub-ifood-analytics .ifa-grade .ifa-card{margin:0}
.hub-ifood-analytics .ifa-largo{grid-column:1/-1}
.hub-ifood-analytics h3{margin:0 0 10px;font-size:calc(17px * var(--dt,1))}
.hub-ifood-analytics .ifa-titulo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.hub-ifood-analytics .ifa-titulo h3{margin:0}
.hub-ifood-analytics .ifa-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* barras de uma cor: 4 px de canto na ponta do dado, trilho recessivo */
.hub-ifood-analytics .ifa-barras{width:100%;border-collapse:separate;border-spacing:0 2px;font-size:calc(14px * var(--dt,1));table-layout:fixed}
.hub-ifood-analytics .ifa-barras th{text-align:left;font-weight:500;width:38%;padding:5px 8px 5px 0;overflow-wrap:break-word;hyphens:auto}
.hub-ifood-analytics .ifa-barras td{padding:5px 0 5px 8px}
.hub-ifood-analytics .ifa-barras .ifa-num{width:54px;text-align:right;font-variant-numeric:tabular-nums}
.hub-ifood-analytics .ifa-trilho{width:auto}
.hub-ifood-analytics .ifa-barras-valor .ifa-num{width:104px}
.hub-ifood-analytics .ifa-trilho i{display:block;height:14px;background:var(--blue,#2F7CF6);border-radius:0 4px 4px 0;min-width:2px}
.hub-ifood-analytics .ifa-barras tr:hover th,.hub-ifood-analytics .ifa-barras tr:hover td{background:var(--fill,rgba(90,70,50,.06))}
/* colunas por dia */
.hub-ifood-analytics .ifa-colunas{display:flex;align-items:flex-end;gap:2px;height:200px;padding:28px 0 26px;border-bottom:1px solid var(--sep,rgba(90,70,50,.2));overflow-x:auto}
.hub-ifood-analytics .ifa-col{position:relative;flex:1 1 0;min-width:22px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;outline:none}
.hub-ifood-analytics .ifa-col i{display:block;width:70%;max-width:44px;background:var(--blue,#2F7CF6);border-radius:4px 4px 0 0}
.hub-ifood-analytics .ifa-col em{position:absolute;bottom:-22px;font-style:normal;font-size:var(--f-caption2);color:var(--sub,#64594e);white-space:nowrap}
.hub-ifood-analytics .ifa-col .ifa-dado{position:absolute;top:-26px;left:50%;transform:translateX(-50%);display:none;background:var(--label,#211f1c);color:var(--surface,#fff);font-size:var(--f-caption1);padding:4px 8px;border-radius:8px;white-space:nowrap;z-index:2;text-align:center;line-height:1.3}
.hub-ifood-analytics .ifa-col:hover .ifa-dado,.hub-ifood-analytics .ifa-col:focus .ifa-dado{display:block}
.hub-ifood-analytics .ifa-col:hover i,.hub-ifood-analytics .ifa-col:focus i{filter:brightness(.85)}
.hub-ifood-analytics .ifa-tabela-dados{margin-top:10px}
.hub-ifood-analytics .ifa-tabela{width:100%;border-collapse:collapse;font-size:calc(14px * var(--dt,1))}
.hub-ifood-analytics .ifa-tabela th,.hub-ifood-analytics .ifa-tabela td{text-align:left;padding:8px;border-bottom:1px solid var(--sep,rgba(90,70,50,.15));vertical-align:top}
.hub-ifood-analytics .ifa-tabela .ifa-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hub-ifood-analytics .ifa-rolagem{overflow-x:auto}
.hub-ifood-analytics .ifa-leituras{margin:0;padding-left:18px;line-height:1.5;font-size:calc(15px * var(--dt,1))}
.hub-ifood-analytics .ifa-leituras li{margin:4px 0}
.hub-ifood-analytics .ifa-leituras li.alerta b{color:var(--ink-red,#B42318)}
.hub-ifood-analytics .ifa-leituras li.atencao b{color:var(--ink-orange,#9a6200)}
.hub-ifood-analytics .ifa-fonte{font-size:calc(13px * var(--dt,1));color:var(--sub,#64594e);margin:14px 0 0}
.hub-ifood-analytics .ifa-campos{display:flex;flex-wrap:wrap;gap:8px 16px}
.hub-ifood-analytics .ifa-check{flex-direction:row;align-items:center;gap:8px}
.hub-ifood-analytics .ifa-linha{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}
.hub-ifood-analytics .ifa-linha label{flex:0 1 240px}
.hub-ifood-analytics .ifa-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.hub-ifood-analytics .ifa-dl{display:grid;grid-template-columns:minmax(160px,max-content) 1fr;gap:6px 16px;margin:0;font-size:calc(14px * var(--dt,1))}
.hub-ifood-analytics .ifa-dl dt{color:var(--sub,#64594e)}.hub-ifood-analytics .ifa-dl dd{margin:0;overflow-wrap:anywhere}
.hub-ifood-analytics .ifa-chamada{border:1px solid var(--sep,rgba(90,70,50,.18));border-radius:12px;padding:8px 12px;margin:6px 0;font-size:calc(14px * var(--dt,1))}
.hub-ifood-analytics .ifa-chamada summary{cursor:pointer;list-style:revert}
.hub-ifood-analytics .ifa-chamada.ok summary span{color:var(--ink-green,#1E7B34)}.hub-ifood-analytics .ifa-chamada.falha summary span{color:var(--ink-red,#B42318)}
.hub-ifood-analytics pre{white-space:pre-wrap;word-break:break-all;background:var(--surface2,#f7f4ef);padding:8px;border-radius:10px;font-size:var(--f-caption1);max-height:320px;overflow:auto}
.hub-ifood-analytics button:focus-visible,.hub-ifood-analytics input:focus-visible,.hub-ifood-analytics select:focus-visible,.hub-ifood-analytics textarea:focus-visible,.hub-ifood-analytics summary:focus-visible,.hub-ifood-analytics .ifa-col:focus-visible{outline:3px solid var(--blue,#007aff);outline-offset:2px}
@media (forced-colors:active){.hub-ifood-analytics .ifa-trilho i,.hub-ifood-analytics .ifa-col i{background:CanvasText}}
@media(max-width:700px){.hub-ifood-analytics header{padding:12px 14px 8px}.hub-ifood-analytics .ifa-filtros{padding:4px 14px 10px}.hub-ifood-analytics .ifa-filtros label{min-width:0;flex:1 1 100%}.hub-ifood-analytics .ifa-corpo{padding:10px 12px}.hub-ifood-analytics .ifa-grade{grid-template-columns:1fr}.hub-ifood-analytics .ifa-dl{grid-template-columns:1fr}.hub-ifood-analytics .ifa-barras th{width:46%}}
/* cartão do Dashboard */
.ifa-cartao .dt .btn{margin-left:auto;min-height:36px;font-size:calc(13px * var(--dt,1))}
.ifa-cartao .dt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
