:root{ color-scheme:light; --texto:#0D1E37; --secundario:#4A5468; --apagado:#657188; --fundo:#F7F8FA; --superficie:#FFFFFF; --borda-cartao:#DEE3EB; --borda-campo:#C3CCD8; --borda-fina:#EEF1F5; --acao:#193F77; --marinho:#0D1E37; --alerta:#DC2626; --sucesso:#15803D; --atencao:#946200; --acao-fundo:#F0F4FA; --acao-fraco:#DCE5F1; --marinho-bg:#0D1E37; --ink:#0D1E37; --acento:#4DD5FF; --acento-texto:#0A7FA8; --acento-fundo:#ECFAFF; --sucesso-sinal:#16A34A; --anel-foco:0 0 0 3px rgba(77,213,255,.45); --raio:6px; --raio-p:6px; --raio-chip:999px; --alvo:38px; --ledge:56px; --t1:11px; --t2:12px; --t3:12px; --t4:13px; --t5:14px; --t6:17px; --t7:20px; --info-fundo:#EEF4FF; --info-borda:#CFE0FF; --info-texto:#1A3D7C; --ok-fundo:#EEF8F0; --ok-borda:#BFE3C8; --ok-texto:#14682B; --cuidado-fundo:#FFF8E6; --cuidado-borda:#F0D9A0; --cuidado-texto:#7A5A10; --erro-fundo:#FDECEC; --erro-borda:#F3C9C8; --erro-texto:#8F1D1B; --ia-fundo:#F6F2FE; --ia-borda:#E2D6FB; --ia-texto:#5B3FA8; --branco:#FFFFFF; --acao-hover:#15325E; --sombra:var(--sombra); --fonte:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; } :root[data-tema="escuro"]{ color-scheme:dark; --texto:#E7ECF3; --secundario:#A9B6C9; --apagado:#8593A8; --fundo:#0B1420; --superficie:#18222F; --borda-cartao:#28323F; --borda-campo:#3A4552; --borda-fina:#1E2732; --acao:#B4C5DE; --marinho:#DCE5F1; --alerta:#F87171; --sucesso:#4ADE80; --atencao:#FBBF24; --acao-fundo:#16233D; --acao-fraco:#274475; --marinho-bg:#22344F; --ink:#0D1E37; --acento:#7EDEFF; --acento-texto:#7EDEFF; --acento-fundo:#0F2A38; --sucesso-sinal:#4ADE80; --info-fundo:#16233d; --info-borda:#274475; --info-texto:#a9c6ff; --ok-fundo:#14281b; --ok-borda:#2c5738; --ok-texto:#86e0a0; --cuidado-fundo:#2e2611; --cuidado-borda:#5c4a1e; --cuidado-texto:#eccb6e; --erro-fundo:#331717; --erro-borda:#6b2b2a; --erro-texto:#ff9d9a; --ia-fundo:#241a3a; --ia-borda:#43356b; --ia-texto:#c9b6f5; --branco:#FFFFFF; --acao-hover:#C9D6E8; --sombra:0 8px 24px rgba(0,0,0,.5);} @media (prefers-color-scheme: dark){ :root:not([data-tema="claro"]){ color-scheme:dark; --texto:#E7ECF3; --secundario:#A9B6C9; --apagado:#8593A8; --fundo:#0B1420; --superficie:#18222F; --borda-cartao:#28323F; --borda-campo:#3A4552; --borda-fina:#1E2732; --acao:#B4C5DE; --marinho:#DCE5F1; --alerta:#F87171; --sucesso:#4ADE80; --atencao:#FBBF24; --acao-fundo:#16233D; --acao-fraco:#274475; --marinho-bg:#22344F; --ink:#0D1E37; --acento:#7EDEFF; --acento-texto:#7EDEFF; --acento-fundo:#0F2A38; --sucesso-sinal:#4ADE80; --info-fundo:#16233d; --info-borda:#274475; --info-texto:#a9c6ff; --ok-fundo:#14281b; --ok-borda:#2c5738; --ok-texto:#86e0a0; --cuidado-fundo:#2e2611; --cuidado-borda:#5c4a1e; --cuidado-texto:#eccb6e; --erro-fundo:#331717; --erro-borda:#6b2b2a; --erro-texto:#ff9d9a; --ia-fundo:#241a3a; --ia-borda:#43356b; --ia-texto:#c9b6f5; --branco:#FFFFFF; --acao-hover:#C9D6E8; --sombra:0 8px 24px rgba(0,0,0,.5);} } *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} body{font:var(--t3)/1.5 var(--fonte);margin:0;background:var(--fundo);color:var(--texto);-webkit-text-size-adjust:100%} a{color:var(--acao);text-decoration:none} a:hover{text-decoration:underline} /* ================================================================================================= ⚠️⚠️ 30/08 (Fatia 3) — O ANEL DE FOCO, PARA TODO CONTROLE. O handoff exige (§7): "foco visivel sempre; ring ciano 3px; nao remover outline sem substituto". Medido antes: o produto tem ~445 elementos clicaveis distintos e **treze declaracoes** de foco proprio. O resto dependia do desenho padrao do navegador — que existe, mas muda de forma por navegador e some sobre fundo escuro. ⚠️⚠️ A FORMA CONSERVADORA, E A ESCOLHA E DELIBERADA. Existe uma maneira "limpa" de fazer isto: outline:none + box-shadow:anel. Ela DESLIGA o anel do navegador em centenas de elementos e passa a depender do anel novo pintar em todos — e se ele nao pintar num canto qualquer (um elemento com overflow:hidden no pai, um background que cobre a sombra), aquele controle fica SEM foco nenhum, e o produto vai de "anel em todo lugar" para "anel em lugar nenhum" sem aviso. Aqui eu **acrescento** a sombra e **nao toco no outline**: no pior caso a pessoa ve os dois, que e feio e acessivel — e feio-e-acessivel ganha de bonito-e-invisivel. ⚠️ Medido: ZERO ocorrencias de outline:none no produto hoje. Ninguem apagou o anel do navegador, entao nao ha estrago a remendar — so falta acrescentar. ⚠️ :focus-visible e nao :focus: o segundo pinta tambem no clique de mouse, e um anel que aparece a cada clique ensina a pessoa a ignora-lo — que e como um sinal de acessibilidade morre. ⚠️ O anel e o CIANO da marca (--anel-foco), o unico papel em que o handoff manda usa-lo sobre claro: ele reprova como texto (1,71 sobre branco) e serve como anel, que nao carrega leitura. ================================================================================================= */ a:focus-visible,button:focus-visible,summary:focus-visible,label:focus-visible, input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{ box-shadow:var(--anel-foco); border-radius:var(--raio-p); } /* ⚠️ pastilha e cartao mantem o proprio canto ao focar — o border-radius acima e so para quem nao tem nenhum, e sobrescreve-lo aqui deixaria um anel quadrado em volta de uma pastilha redonda. */ /* ================================================================================================= ⚠️⚠️ 30/08 (Fatia 3) — O DEDO. A regua da casa e do handoff (§7) e a mesma: **alvo >= 44px no celular**. Medido num iPhone de 390px, cinco telas: 103 alvos abaixo disso. Os culpados, em ordem (classe -> quantos, menor altura): summary 35x, menor 19px <- o pior, e o mais grave:
E O MECANISMO DE TODA A INTERFACE deste produto (colapso sem JavaScript). Um resumo de 19px e a coisa que a pessoa mais toca, com o menor alvo da tela. .mdb 12x, menor 15px <- o alternador de modo (Foco/Quadro/Lista/Calendario) .lnk 8x, menor 32px · .sgb 7x, 30px · .bt 3x, 38px ⚠️ SO NO PONTEIRO GROSSO (pointer:coarse). Na mesa, 38px e o que o handoff pede e o que a casa ja pratica em 18 lugares — crescer tudo para 44px na mesa engordaria toda tela de lista sem motivo. ⚠️ min-height + align-items:center, e nao padding: padding empurraria o texto e quebraria o alinhamento de quem ja esta certo; altura minima cresce a AREA sem mover o conteudo. ⚠️⚠️ O QUE NAO ENTRA AQUI, E POR QUE: input apareceu 11x com 20px, mas sao os radios INVISIVEIS dentro das pastilhas de escolha (opacity:0, 1px) — ali o alvo real e a etiqueta, que ja tem 44. Crescer o input escondido nao daria alvo nenhum e ainda poderia vazar por cima do vizinho. ⚠️ E .opo/.cli (o titulo e o cliente no cartao do quadro, 16-18px) TAMBEM ficam de fora: eles sao texto dentro de um cartao, e engorda-los estouraria a promessa de tres linhas. O conserto certo deles e outro — o cartao inteiro virar alvo, como ja acontece no cartao de tarefa. Fica registrado. ================================================================================================= */ @media (pointer:coarse),(hover:none){ :root{--alvo:44px} summary,.mdb,.sgb,.lnk,.bt,.acao,.lk{display:inline-flex;align-items:center;min-height:var(--alvo)} summary{display:flex} } .chip:focus-visible,.selo:focus-visible,.pil:focus-visible, [class*="fvo"]:focus-visible,[class*="fvc"]:focus-visible{border-radius:var(--raio-chip)} .top{background:var(--superficie);border-bottom:1px solid var(--borda-cartao);padding:5px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;top:0;z-index:5;min-height:var(--ledge);box-sizing:border-box} /* ================================================================================================= ⚠️⚠️ TODA ÂNCORA DO PRODUTO CAIA ATRÁS DO CABEÇALHO — 29/08, dono: *"quando clicamos nos atalhos de navegacao embaixo a pagina nao para no ponto certo... para cortando o quadro"*. .top é position:sticky (a linha acima). O navegador rola a âncora até o TOPO DA JANELA, que é justamente onde o cabeçalho está grudado — então ele come os primeiros ~96px do bloco, e o que a pessoa vê é o meio de um quadro cujo título ficou escondido. ⚠️ scroll-padding-top NO CONTAINER DE ROLAGEM, e não scroll-margin-top em cada alvo. Já havia um remendo por alvo em negocio.js (scroll-margin no proprio #checklist) e ele consertava UMA das oito ⚠️ E ESTE COMENTARIO NAO ESCREVE A REGRA ANTIGA POR EXTENSO DE PROPOSITO: ele vira comentario CSS na pagina servida, e a sonda p29 confere que a regra antiga NAO esta la — escreve-la aqui faria a sonda achar o meu comentario e reprovar. Ja medi string no lugar da coisa 4 vezes neste projeto. âncoras — as outras sete continuaram quebradas, porque conserto por alvo só conserta o alvo que alguém lembrou. Aqui é uma linha e vale para toda âncora que existir de agora em diante. ⚠️ E OS DOIS NÃO PODEM CONVIVER: eles SOMAM. Com os dois, o #checklist pararia 192px abaixo — por isso o remendo antigo foi removido junto (ver negocio.js). ⚠️ 104px = os ~96px medidos do cabeçalho + 8px de respiro, para o título não encostar na borda. ================================================================================================= */ html{scroll-padding-top:calc(var(--ledge) + 8px)} @media (max-width:759px){ /* o cabeçalho é mais baixo no telefone (padding menor, menos coisa na linha da meta) */ } .top img.logo{height:19px;width:auto;display:block} /* ================================================================================================= A BUSCA GLOBAL DO TOPO — 30/08. Handoff §4 pede 320px; aqui ela ESTICA ate 380 e encolhe ate 180, porque a fileira do topo carrega a fita do espelho, o nome e quatro botoes, e um numero fixo faria um dos dois quebrar linha em telas de 1100-1280 (a faixa do notebook, onde o time trabalha). ⚠️ flex:1 1 180px com max-width e o que faz ela ceder ANTES de qualquer outra coisa do topo: ela e a unica peca dali que continua util com metade da largura. ================================================================================================= */ .tbusca{flex:1 1 180px;max-width:380px;min-width:0;margin:0 4px} .tbusca input{width:100%;min-height:var(--alvo);padding:6px 11px;box-sizing:border-box; border:1px solid var(--borda-campo);border-radius:var(--raio-p);background:var(--superficie); color:var(--texto);font:400 var(--t3) var(--fonte)} .tbusca input::placeholder{color:var(--apagado)} .tbusca input:focus-visible{border-color:var(--acento);box-shadow:var(--anel-foco);outline:none} /* ⚠️ SO NA MESA: num telefone de 390px um campo de 320px nao cabe ao lado da marca, e a barra do polegar JA tem "Buscar" — que continua sendo o caminho do celular. */ @media (max-width:759px){ .tbusca{display:none} } .marca{display:flex;align-items:center;gap:7px;flex:0 0 auto} .marca b{font-size:var(--t4);letter-spacing:-.2px;color:var(--marinho);white-space:nowrap} /* ATENCAO — position:relative + z-index:1 NAO E ENFEITE, e a linha de baixo tambem nao. Ver o bloco longo no fim deste CSS (max-height:480px), que explica o defeito medido: o selo transbordava POR CIMA do menu no celular deitado e comia o toque em 12 de 12 combinacoes. O conserto de verdade e o min-width do selo; esta linha e o CINTO: no dia em que qualquer outro elemento desta barra transbordar, quem recebe o toque continua sendo o menu, que e navegacao, e nao um rotulo. */ nav.nav{display:flex;align-items:center;gap:2px;font-size:var(--t3);position:relative;z-index:1} nav.nav a{display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;border-radius:6px;color:var(--secundario);font-weight:600;white-space:nowrap} nav.nav a:hover{background:var(--fundo);color:var(--acao);text-decoration:none} nav.nav a.aqui{color:var(--marinho);background:var(--fundo)} nav.acoes{display:flex;align-items:center;gap:6px;flex:0 0 auto} nav.acoes form{margin:0;display:flex} .ic{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--borda-cartao);border-radius:6px;background:var(--superficie);color:var(--secundario);cursor:pointer} .ic:hover{background:var(--fundo);color:var(--acao);border-color:var(--borda-campo);text-decoration:none} .ic.sair:hover{color:var(--alerta);border-color:var(--erro-borda)} .ic svg{width:17px;height:17px;display:block} .eu{flex:1 1 0;display:flex;flex-direction:column;line-height:1.25;font-size:var(--t2);color:var(--secundario);min-width:0;text-align:right} .eu b{font-size:var(--t3);color:var(--texto);font-weight:600} /* ⚠️ O TOPO NO CELULAR — medido em 187px antes do primeiro dado, com 11 alvos. Sai só o redundante: o "VISO.CRM" ao lado do próprio logotipo, o nome do perfil, e a quebra do nome em duas linhas (que era o que fazia a barra crescer). NÃO sai nada que só exista aqui: nome, tema, senha e sair moram só no topo — o menu lateral tem apenas navegação. */ @media (max-width:759px){ .top{padding:4px 10px;gap:7px} .top .marca b{display:none} .eu{flex-direction:row;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden} .eu b{text-overflow:ellipsis;overflow:hidden} .eu>span{display:none} .top nav.acoes{gap:2px} } /* ATENCAO — ELE E UMA FILEIRA DO '.top' AGORA, nao uma faixa propria (ver o bloco longo na casca). 'flex:1 0 100%' o poe na linha que sobra da barra; o fundo cinza, a borda de baixo e o padding lateral sairam porque a barra ja os tem — eram justamente os pixels que a faixa separada cobrava. ATENCAO — 'order:9' garante que ele fica DEPOIS dos botoes de conta mesmo se alguem reordenar o HTML: a informacao e status, e status nao disputa a primeira linha com identidade e navegacao. */ .carimbo{position:relative;margin-left:auto;font-size:var(--t2);color:var(--secundario)} .carimbo>summary.carimbores{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:2px 10px; border:1px solid var(--borda-campo);border-radius:var(--raio-chip);background:var(--superficie);white-space:nowrap;font-size:var(--t2)} .carimbo>summary.carimbores::-webkit-details-marker{display:none} .carimbo>summary.carimbores:hover,.carimbo[open]>summary.carimbores{border-color:var(--acao);color:var(--acao)} .carimbo .mttri{color:var(--texto);font-weight:700} .carimbo .mtres{color:var(--texto);font-weight:700} .carimbo .mtseta{font-style:normal;font-size:var(--t1);opacity:.7} .carimbocorpo{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:min(760px,calc(100vw - 28px));max-width:calc(100vw - 28px); background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-p);box-shadow:var(--sombra);padding:10px 12px; display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;line-height:1.35} /* no celular o chip é só o percentual (a linha da busca não tem 220px sobrando): o trimestre e o ritmo estão no painel */ @media (pointer:coarse),(hover:none){ .carimbo>summary.carimbores{min-height:44px} } @media (max-width:640px){ .carimbo .mtrit,.carimbo .mttri{display:none} .carimbo>summary.carimbores{padding:2px 8px;gap:3px} .top .eu{display:none} /* o painel ancorado a direita do chip sairia pela esquerda da tela: no celular ele ocupa a largura toda, abaixo da linha da busca */ .carimbocorpo{position:fixed;left:10px;right:10px;top:calc(var(--ledge) + 4px);min-width:0;max-width:none} } .carimbo b{color:var(--texto);font-weight:600} .carimbo .mtopo{margin-left:10px;padding-left:10px;border-left:1px solid var(--borda-cartao)} .carimbo .mtopo .mtsep{opacity:.45;margin:0 2px} .carimbo .mtopo .mtok{color:var(--sucesso)} .carimbo .mtopo .mtat{color:var(--cuidado-texto)} .carimbo .mtopo .mtesc{opacity:.6} @media (max-width:760px){ .carimbo .mtopo{margin-left:0;padding-left:0;border-left:0;display:block} } .carimbo .cuidado{color:var(--cuidado-texto);background:var(--cuidado-fundo);border:1px solid var(--cuidado-borda);border-radius:6px;padding:1px 6px} .wrap{padding:14px;max-width:1400px} .card{background:var(--superficie);border:1px solid var(--borda-cartao);border-radius:var(--raio);padding:14px;margin-bottom:14px} table{width:100%;border-collapse:collapse;font-size:var(--t3)} th{text-align:left;font-size:var(--t2);text-transform:uppercase;color:var(--secundario);border-bottom:1px solid var(--borda-cartao);padding:7px 8px} td{padding:7px 8px;border-bottom:1px solid var(--borda-fina)} tr:hover td{background:var(--borda-fina)} td.num,th.num{text-align:right;font-variant-numeric:tabular-nums} .kpi{display:flex;gap:10px;flex-wrap:wrap} .kpi div{background:var(--superficie);border:1px solid var(--borda-cartao);border-radius:var(--raio);padding:11px 14px;flex:1 1 150px} .kpi b{display:block;font-size:var(--t7);font-weight:700} .kpi span{font-size:var(--t2);color:var(--secundario)} input,select,textarea{font-size:var(--t5);padding:9px 10px;border:1px solid var(--borda-campo);border-radius:var(--raio-p);background:var(--superficie);color:var(--texto);max-width:100%} input:focus,select:focus{outline:2px solid var(--info-borda);outline-offset:0;border-color:var(--acao)} /* ========================================================================================== LAY-01 da revisão (06/09, aprovada) — A FOLHA DE COMPONENTES. Contado antes: o mesmo botão definido 16 vezes em 10 arquivos, .lnb copiado "byte a byte" em três telas, .pil em três, a gramática do cabeçalho (.cab*) em duas. Uma régua, um lugar: QUATRO famílias de botão e nada mais — .b-primario cheio azul (o desfecho que a empresa persegue; .btb.ganhar é a variante verde) .b-secundario contorno azul (o gesto do fluxo) .b-discreto contorno neutro (o que sempre existe e não pode gritar: Detalhes, + oportunidade) .b-perigo contorno vermelho (o que a empresa REGISTRA, não persegue) — mais UM campo (input/select/textarea, logo abaixo) e UMA pastilha (.pil). Os nomes antigos migraram tela a tela (06/09): .btb, .lnb (hoje só tamanho de tabela), .acao, .pri e .criar a. Sobram os sistemas locais compostos (.bt.pri de tarefas/emissao, .vbneg.pri) e o .btn dos formularios. Sem crase neste bloco. */ .b-primario,.b-secundario,.b-discreto,.b-perigo{display:inline-flex;align-items:center;justify-content:center;gap:6px; min-height:var(--alvo,36px);padding:9px 14px;border:1px solid var(--borda-campo);border-radius:var(--raio-p); background:var(--superficie);color:var(--texto);font:600 var(--t4) var(--fonte);text-decoration:none;cursor:pointer; white-space:nowrap;text-align:center;line-height:1.25} .b-primario{background:var(--acao);border-color:var(--acao);color:var(--branco)} .b-primario:hover{filter:brightness(1.08)} .b-primario.ganhar{background:var(--sucesso);border-color:var(--sucesso);color:var(--branco);font-weight:700} .b-secundario{color:var(--acao);border-color:var(--acao)} .b-secundario:hover{background:var(--acao);border-color:var(--acao);color:var(--branco)} .b-discreto:hover{background:var(--fundo);border-color:var(--marinho)} .b-perigo{color:var(--alerta);border-color:var(--borda-campo)} .b-perigo:hover{background:var(--alerta);border-color:var(--alerta);color:var(--branco)} /* a variante de tabela: mesma família, menor — "Detalhes ›" em 113 linhas não pode ter 44px na mesa */ .lnb{padding:6px 8px;font-size:var(--t2)} /* 06/09: .lnb é só TAMANHO (variante de tabela); a família vem do b-* ao lado; det1 é só o marcador do cartão do celular */ .lnb.sol{color:var(--marinho)} @media (pointer:coarse),(hover:none){ .b-primario,.b-secundario,.b-discreto,.b-perigo{min-height:44px} .lnb{padding:11px 9px} } /* A PASTILHA (era a de estilo.mjs, a versão com apelidos de cor; a da ficha tinha os mesmos verdes em hex) */ .pil{display:inline-flex;align-items:center;gap:4px;font-size:var(--t2);padding:3px 9px;border-radius:var(--raio-chip);line-height:1.4; background:var(--fundo);border:1px solid var(--borda-cartao);color:var(--secundario)} .pil b{color:var(--texto);font-weight:600} .pil em{font-style:normal;color:var(--apagado)} .pil.dinheiro{background:var(--ok-fundo);border-color:var(--ok-borda);color:var(--ok-texto); font-size:var(--t5);font-weight:700;padding:4px 12px} .pil.dinheiro em{font-style:normal;font-size:var(--t2);font-weight:600} .pil.semvalor{background:var(--cuidado-fundo);border-color:var(--cuidado-borda);color:var(--cuidado-texto)} .pil.situacao{background:var(--erro-fundo);border-color:var(--erro-borda);color:var(--erro-texto);font-weight:700} .pil.situacao b{color:var(--erro-texto);font-weight:800} /* as três temperaturas (eram de cliente.mjs; promovidas em 10/09 com a tela 7) e a pastilha de MARGEM (.pil.mg — só nasce no HTML de quem tem negociacao_abrir; a cor é por faixa: faixaMargem) */ .pil.bom{background:var(--ok-fundo);border-color:var(--ok-borda);color:var(--ok-texto)} .pil.frio{background:var(--erro-fundo);border-color:var(--erro-borda);color:var(--erro-texto)} .pil.morno{background:var(--cuidado-fundo);border-color:var(--cuidado-borda);color:var(--cuidado-texto)} .pil.mg{font-weight:700;font-variant-numeric:tabular-nums} .pil.mg.ok{background:var(--ok-fundo);border-color:var(--ok-borda);color:var(--ok-texto)} .pil.mg.cuidado{background:var(--cuidado-fundo);border-color:var(--cuidado-borda);color:var(--cuidado-texto)} .pil.mg.mau{background:var(--erro-fundo);border-color:var(--erro-borda);color:var(--erro-texto)} .pil.mg b,.pil.mg.ok b,.pil.mg.cuidado b,.pil.mg.mau b{color:inherit} .cabval b.mg.ok{color:var(--ok-texto)} .cabval b.mg.cuidado{color:var(--cuidado-texto)} .cabval b.mg.mau{color:var(--erro-texto)} /* ========================================================================================== A GRAMÁTICA DAS LISTAS (07/09) — recortes à esquerda (.lsrecdet/.lsrec*), o
que no celular os recolhe (.lsdet), a caixa de seleção (.selb), a barra de lote (.lsbar), os chips dos filtros ativos (.fchips) e a ordenação em links (.ordl), o rodapé (.lsfim). Nasceu na lista de Oportunidades (06/09) e a de Clientes usa a MESMA — por isso mora aqui. O que é de uma lista só fica na folha dela. */ /* o grude fica no
(o item da grade), não no