/* 23/10/2026 · limpeza: tipos e ajustes dos planos, painel em andamento, encerrar com sucção, relatórios (limpeza-connect.js) */

/* mapa da tarefa em andamento: a planta "em pé" do mapa de limpeza deixava o quadro com ~1200 px e empurrava tudo
   para baixo. Limita à altura da tela em todos os módulos (os outros mapas já cabiam). */
#entregaConteudo #entregaAtivaMapaCard{max-height:calc(100vh - 150px);overflow:hidden;display:flex;flex-direction:column}
#entregaConteudo #entregaMapaAoVivo{flex:1;min-height:0;overflow:hidden}
#entregaConteudo #entregaMapaAoVivo .pa-mapa-picker{height:100%;max-height:100%}

/* tipo de limpeza (selo) e ajustes no card do plano */
.lz-tipo{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;font:700 10.5px/1.4 'Space Grotesk',sans-serif;font-style:normal;letter-spacing:.03em;text-transform:uppercase;vertical-align:2px;border:1px solid currentColor}
.lz-tipo.lavagem{color:#7FD6FF;background:rgba(127,214,255,.1)}
.lz-tipo.varricao{color:#F2C66D;background:rgba(242,198,109,.1)}
.lz-params{display:block;margin-top:3px;font-size:11.5px;color:rgba(255,255,255,.5)}
.lz-filtro{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 10px}
.lz-filtro button{height:32px;border:1px solid rgba(255,255,255,.12);background:rgba(12,12,12,.7);color:rgba(255,255,255,.75);font:700 12.5px 'Space Grotesk',sans-serif;cursor:pointer}
.lz-filtro button.on{background:var(--tc-y2,#F7FF3F);border-color:var(--tc-y2,#F7FF3F);color:#0A0A0A}
.lz-rel-link{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 12px;padding:10px 12px;border:1px dashed rgba(255,255,255,.18);background:none;color:rgba(255,255,255,.8);font:700 13px 'Space Grotesk',sans-serif;cursor:pointer;text-align:left}
.lz-rel-link svg{width:16px;height:16px;color:var(--tc-y2,#F7FF3F)}
.lz-rel-link:hover{border-color:rgba(247,255,63,.5);color:#fff}

/* painel da limpeza em andamento (mesmo padrão da chamada) */
#entregaConteudo.lz-limpa #entregaAtivaProgresso,#entregaConteudo.lz-limpa .pa-ativa-cheio-comandos,#entregaConteudo.lz-limpa .ec-proximas{display:none !important}
#entregaConteudo.lz-limpa .lz-painel{display:flex;flex-direction:column;gap:10px;flex:1;max-width:460px;grid-column:1;grid-row:3 / 6;align-self:stretch;margin-top:18px}
.lz-card{display:grid;gap:4px;padding:18px 20px;background:rgba(12,12,12,.82);border:1px solid rgba(255,255,255,.1);border-top:2px solid var(--tc-y2,#F7FF3F)}
.lz-card.lavagem{border-top-color:#7FD6FF}
.lz-card.varricao{border-top-color:#F2C66D}
.lz-card>small{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lz-nome{margin-bottom:10px;font:800 30px/1.08 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;color:#fff;overflow-wrap:anywhere}
.lz-info{display:grid;margin:0;border-top:1px solid rgba(255,255,255,.08)}
.lz-info>div{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.lz-info>div:last-child{border-bottom:0}
.lz-info dt{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lz-info dd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;min-width:0;font-size:13.5px;font-weight:700;color:#fff}
.lz-info dd .lz-tipo{margin-left:0}
.lz-info dd span{font-weight:600;color:rgba(255,255,255,.65)}
.lz-info dd.calmo{color:rgba(255,255,255,.75)}
.lz-principal{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border:0;background:var(--tc-y2,#F7FF3F);color:#0A0A0A;font:800 16px 'Space Grotesk',sans-serif;cursor:pointer}
.lz-principal svg{width:18px;height:18px}
.lz-principal:disabled{opacity:.4;cursor:not-allowed}
.lz-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.lz-mini button{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border:1px solid rgba(255,255,255,.1);background:rgba(12,12,12,.8);color:#fff;font:700 13.5px 'Space Grotesk',sans-serif;text-align:left;cursor:pointer}
.lz-mini button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lz-mini button svg{flex:none;width:17px;height:17px;color:var(--tc-y2,#F7FF3F)}
.lz-mini button:hover:not(:disabled){border-color:rgba(247,255,63,.5)}
.lz-mini button:disabled{opacity:.45;cursor:not-allowed}
.lz-mini button.perigo svg{color:#FF6B5E}
.lz-mini button.perigo:hover:not(:disabled){border-color:rgba(255,107,94,.6)}

/* janelas (encerrar / relatórios) */
.lz-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55)}
.lz-dlg{display:grid;gap:10px;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;background:#121212;border:1px solid rgba(255,255,255,.12);border-top:2px solid var(--tc-y2,#F7FF3F);box-shadow:0 24px 60px rgba(0,0,0,.5);color:#fff;font-family:'Space Grotesk',sans-serif}
.lz-dlg h3{margin:0;font:800 22px/1.15 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em}
.lz-dlg p{margin:0 0 4px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.7)}
.lz-op{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#fff;font:inherit;text-align:left;cursor:pointer}
.lz-op svg{width:18px;height:18px;margin-top:2px;color:#FF6B5E}
.lz-op.rec{border-color:rgba(247,255,63,.55);background:rgba(247,255,63,.07)}
.lz-op.rec svg{color:var(--tc-y2,#F7FF3F)}
.lz-op b{display:block;font-size:14.5px}
.lz-op small{display:block;margin-top:2px;font-size:12.5px;color:rgba(255,255,255,.6)}
.lz-op:hover,.lz-op:focus-visible{border-color:var(--tc-y2,#F7FF3F);outline:none}
.lz-continuar{height:42px;border:0;background:none;color:rgba(255,255,255,.75);font:700 13.5px inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lz-rel{width:min(560px,100%)}
.lz-rel-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.lz-rel-topo small{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lz-x{flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);background:none;color:#fff;cursor:pointer}
.lz-x svg{width:15px;height:15px}
.lz-vazio{padding:18px 0;font-size:13.5px;color:rgba(255,255,255,.6)}
.lz-rel-lista{display:grid;gap:4px}
.lz-rel-item{display:grid;grid-template-columns:86px 1fr auto 14px;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#fff;font:inherit;text-align:left;cursor:pointer}
.lz-rel-item:hover{border-color:rgba(247,255,63,.45)}
.lz-rel-item>svg{width:13px;height:13px;color:rgba(255,255,255,.45)}
.lz-rel-data{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.65);font-variant-numeric:tabular-nums}
.lz-rel-meio{display:grid;min-width:0}
.lz-rel-meio b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lz-rel-meio small{font-size:12px;color:rgba(255,255,255,.55)}
.lz-rel-st{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.6)}
.lz-rel-st.ok{color:#3DDC84}.lz-rel-st.erro{color:#FF8A7E}.lz-rel-st.aviso{color:#FFB46B}.lz-rel-st.vai{color:var(--tc-y2,#F7FF3F)}
.lz-rel-voltar{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:rgba(255,255,255,.7);font:700 12.5px inherit;cursor:pointer}
.lz-rel-voltar svg{width:14px;height:14px}
.lz-rel-cab{display:grid;gap:4px}
.lz-rel-cab b{font:800 19px/1.2 'Plus Jakarta Sans',sans-serif}
.lz-rel-cab span{font-size:12.5px;color:rgba(255,255,255,.6)}
.lz-rel-cab .lz-tipo{margin:0 8px 0 0}
.lz-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:4px 0 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.lz-kv>div{display:grid;gap:3px;padding:10px 12px;background:#121212}
.lz-kv dt{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lz-kv dd{margin:0;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.lz-rel-nota{margin:0;font-size:12.5px;color:rgba(255,255,255,.6)}
@media (max-width:520px){.lz-kv{grid-template-columns:repeat(2,1fr)}.lz-rel-item{grid-template-columns:1fr auto 14px}.lz-rel-data{grid-column:1 / -1}}

/* 23/10 (2): relatório visual — resumo de uma limpeza, geral do robô */
.lz-anel{width:100%;height:100%;transform:rotate(-90deg)}
.lz-anel circle{fill:none;stroke-width:8}
.lz-anel .fundo{stroke:rgba(255,255,255,.1)}
.lz-anel .valor{stroke-linecap:round;transition:stroke-dasharray .6s ease}
html.tc-reduzir-anim .lz-anel .valor{transition:none}
.lz-res{display:grid;gap:14px;padding:18px 20px;background:rgba(12,12,12,.82);border:1px solid rgba(255,255,255,.1);border-top:2px solid var(--tc-y2,#F7FF3F)}
.lz-dlg .lz-res{padding:0;background:none;border:0}
.lz-res-topo{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:16px}
.lz-res-anel{position:relative;width:92px;height:92px}
.lz-res-anel>span{position:absolute;inset:0;display:grid;place-items:center}
.lz-res-anel b{font:800 26px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;color:#fff}
.lz-res-anel b small{font-size:13px;margin-left:1px;color:rgba(255,255,255,.6)}
.lz-res-tit{display:grid;gap:6px;min-width:0}
.lz-res-tit>b{font:800 22px/1.1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere}
.lz-res-tit>span{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lz-res-tit .lz-tipo{margin:0}
.lz-res-tit i{font-style:normal}
.lz-res-tit>small{font-size:12.5px;color:rgba(255,255,255,.55)}
.lz-res-area{display:grid;gap:7px}
.lz-res-area-l{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.lz-res-area-l span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lz-res-area-l b{font:800 18px 'Plus Jakarta Sans',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.lz-res-area-l b small{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.55)}
.lz-barra{height:10px;background:rgba(255,255,255,.08);overflow:hidden}
.lz-barra i{display:block;height:100%;transition:width .6s ease}
.lz-res-blocos{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}
.lz-res-blocos>div{display:grid;gap:4px;padding:10px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.lz-res-blocos span{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lz-res-blocos span svg{width:13px;height:13px;color:var(--tc-y2,#F7FF3F)}
.lz-res-blocos b{font:800 19px/1.1 'Plus Jakarta Sans',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.lz-res-blocos small{font-size:11.5px;color:rgba(255,255,255,.5)}
.lz-fim{display:grid}
.lz-vazio .ca-dot{display:inline-block;vertical-align:middle;margin-right:6px}
/* geral */
.lz-geral{display:grid;gap:14px}
.lz-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.lz-kpis>div{display:grid;gap:2px;padding:12px;background:#121212}
.lz-kpis b{font:800 22px/1.1 'Plus Jakarta Sans',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.lz-kpis b small{font-size:12px;color:rgba(255,255,255,.55)}
.lz-kpis span{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lz-graf{display:grid;gap:8px}
.lz-graf-t{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lz-barras{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;height:96px;align-items:end}
.lz-barras>div{display:grid;grid-template-rows:1fr auto;height:100%;gap:4px}
.lz-barras i{align-self:end;display:block;width:100%;background:linear-gradient(180deg,var(--tc-y2,#F7FF3F),rgba(247,255,63,.45))}
.lz-barras small{font-size:9.5px;text-align:center;color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums}
.lz-split{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.lz-split-barra{display:flex;flex:1 1 100%;height:8px;overflow:hidden;background:rgba(255,255,255,.08)}
.lz-split-barra .lavagem{background:#7FD6FF}.lz-split-barra .varricao{background:#F2C66D}
.lz-split span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#fff}
.lz-split .lz-tipo{margin:0}
/* linha de relatório com mini anel */
.lz-rel-item{grid-template-columns:40px 1fr auto 14px}
.lz-rel-mini{position:relative;width:40px;height:40px}
.lz-rel-mini b{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}
.lz-rel-mini .lz-anel circle{stroke-width:9}
.lz-rel-lista{margin-top:4px}
/* página do robô (Minha frota) */
.lz-geral-robo{display:grid;gap:10px;margin:22px 0 4px}
.lz-geral-robo .lz-kpis>div{background:var(--tc-painel,#121212)}
@media (max-width:520px){.lz-kpis{grid-template-columns:repeat(2,1fr)}.lz-rel-item{grid-template-columns:40px 1fr 14px}.lz-rel-st{display:none}}
/* página do robô segue o tema da página (claro/escuro) */
.lz-geral-robo .lz-kpis,.lz-geral-robo .lz-rel-item{border-color:var(--tc-linha,rgba(255,255,255,.08))}
.lz-geral-robo .lz-kpis{background:var(--tc-linha,rgba(255,255,255,.08))}
.lz-geral-robo .lz-kpis>div{background:var(--tc-painel-2,#121212)}
.lz-geral-robo .lz-kpis b,.lz-geral-robo .lz-split span,.lz-geral-robo .lz-rel-meio b,.lz-geral-robo .lz-rel-mini b{color:var(--tc-texto,#fff)}
.lz-geral-robo .lz-kpis b small,.lz-geral-robo .lz-kpis span,.lz-geral-robo .lz-graf-t,.lz-geral-robo .lz-barras small,.lz-geral-robo .lz-rel-meio small,.lz-geral-robo .lz-rel-st,.lz-geral-robo .lz-vazio{color:var(--tc-apoio,rgba(255,255,255,.55))}
.lz-geral-robo .lz-rel-item{background:var(--tc-painel-2,rgba(255,255,255,.02));color:var(--tc-texto,#fff)}
.lz-geral-robo .lz-rel-item>svg{color:var(--tc-apoio)}
.lz-geral-robo .lz-anel .fundo,.lz-geral-robo .lz-split-barra{stroke:var(--tc-linha-2,rgba(255,255,255,.1));background:var(--tc-linha,rgba(255,255,255,.08))}
.lz-geral-robo .lz-barras i{background:var(--tc-texto,#F7FF3F)}
.lz-geral-robo .lz-tipo.lavagem{color:#1C86B8;background:rgba(28,134,184,.1)}
.lz-geral-robo .lz-tipo.varricao{color:#A0700E;background:rgba(160,112,14,.1)}
.lz-geral-robo .lz-rel-link{color:var(--tc-texto);border-color:var(--tc-linha-2)}
.lz-geral-robo .lz-rel-st.ok{color:var(--tc-ok-tx,#3DDC84)}
.lz-geral-robo .lz-kpis{grid-template-columns:repeat(2,1fr)}.lz-geral-robo .lz-kpis b{white-space:nowrap}
/* 23/10: título "Nova limpeza" no estilo do título dos módulos (barra amarela à esquerda) */
#tela-entrega .pa-entrega-passo-titulo.lz-titulo{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 34px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:#fff}
#tela-entrega .pa-entrega-passo-titulo.lz-titulo::before{content:"";flex:none;width:5px;height:.86em;background:var(--tc-y2,#F7FF3F)}

/* 23/10 (4): janelas (relatórios, encerrar) seguem o tema da plataforma — claro ou escuro */
.lz-modal .lz-dlg{background:var(--tc-painel);color:var(--tc-texto);border-color:var(--tc-linha-2);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.lz-modal .lz-dlg p,.lz-modal .lz-vazio,.lz-modal .lz-rel-topo small,.lz-modal .lz-rel-nota,.lz-modal .lz-graf-t,.lz-modal .lz-barras small,.lz-modal .lz-kpis span,.lz-modal .lz-kpis b small,
.lz-modal .lz-rel-meio small,.lz-modal .lz-rel-data,.lz-modal .lz-rel-st,.lz-modal .lz-res-tit>small,.lz-modal .lz-res-area-l span,.lz-modal .lz-res-area-l b small,.lz-modal .lz-res-blocos span,.lz-modal .lz-res-blocos small,
.lz-modal .lz-res-anel b small,.lz-modal .lz-op small,.lz-modal .lz-continuar,.lz-modal .lz-rel-voltar,.lz-modal .lz-rel-item>svg{color:var(--tc-apoio)}
.lz-modal .lz-x,.lz-modal .lz-op,.lz-modal .lz-rel-item{border-color:var(--tc-linha-2);color:var(--tc-texto)}
.lz-modal .lz-op,.lz-modal .lz-rel-item,.lz-modal .lz-res-blocos>div{background:var(--tc-painel-2)}
.lz-modal .lz-kpis,.lz-modal .lz-kv{background:var(--tc-linha);border-color:var(--tc-linha)}
.lz-modal .lz-kpis>div,.lz-modal .lz-kv>div{background:var(--tc-painel)}
.lz-modal .lz-kpis b,.lz-modal .lz-rel-meio b,.lz-modal .lz-rel-mini b,.lz-modal .lz-res-tit>b,.lz-modal .lz-res-area-l b,.lz-modal .lz-res-blocos b,.lz-modal .lz-res-anel b,.lz-modal .lz-split span,.lz-modal .lz-kv dd{color:var(--tc-texto)}
.lz-modal .lz-res-blocos>div{border-color:var(--tc-linha)}
.lz-modal .lz-anel .fundo{stroke:var(--tc-linha-2)}
.lz-modal .lz-barra,.lz-modal .lz-split-barra{background:var(--tc-linha)}
.lz-modal .lz-barras i{background:var(--tc-texto)}
.lz-modal .lz-res-blocos span svg{color:var(--tc-apoio)}
html:not([data-tema="escuro"]) .lz-modal .lz-tipo.lavagem{color:#1C86B8;background:rgba(28,134,184,.1)}
html:not([data-tema="escuro"]) .lz-modal .lz-tipo.varricao{color:#A0700E;background:rgba(160,112,14,.1)}
html:not([data-tema="escuro"]) .lz-modal .lz-rel-st.ok{color:var(--tc-ok-tx,#1F8A4C)}
.lz-modal .lz-op.rec{border-color:var(--tc-texto);background:var(--tc-painel-2)}
.lz-modal .lz-op.rec svg{color:var(--tc-texto)}
.lz-carregando{display:grid;place-items:center;padding:34px 0}
/* 26/10 · relatórios: 5 por página */
.lz-pag{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px}
.lz-pag button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--tc-linha-2);background:none;color:var(--tc-texto);cursor:pointer}
.lz-pag button:disabled{opacity:.35;cursor:default}
.lz-pag button:not(:disabled):hover{border-color:var(--tc-texto)}
.lz-pag svg{width:16px;height:16px}
.lz-pag span{min-width:60px;text-align:center;font-size:13px;font-weight:700;color:var(--tc-texto-2)}