:root{--fundo:#fff;--texto:#1b1f1d;--suave:#5f6b66;--borda:#d9e0dc;--destaque:#1f7a4d;--destaque-texto:#fff;--erro:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fundo:#121614;--texto:#e8ecea;--suave:#9aa6a0;--borda:#2c3531;--destaque:#3fb57a;--destaque-texto:#08150e;--erro:#f2b8b5}}*{box-sizing:border-box}html{overflow-x:clip}body{background:var(--fundo);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}h1{margin:0 0 12px;font-size:1.4rem}button{font:inherit;color:inherit;border:1px solid var(--borda);background:0 0;border-radius:8px;min-height:44px;padding:10px 16px}button.primario{background:var(--destaque);color:var(--destaque-texto);border-color:var(--destaque)}.erro{color:var(--erro)}.vazio{color:var(--suave)}.centro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:24px 16px;display:flex}.app{flex-direction:column;min-height:100dvh;display:flex}.conteudo{flex:1;padding:16px 16px 80px}.abas{background:var(--fundo);border-top:1px solid var(--borda);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.abas button{color:var(--suave);border:0;border-radius:0}.abas button[aria-current=page]{color:var(--destaque);font-weight:600}.lista ul{margin:0;padding:0;list-style:none}.lista h2{text-transform:uppercase;letter-spacing:.04em;color:var(--suave);margin:20px 0 4px;font-size:.85rem}.lista input,.lista select{font:inherit;color:inherit;background:var(--fundo);border:1px solid var(--borda);border-radius:8px;max-width:100%;min-height:44px;padding:8px 10px;font-size:16px}.lista .barra{flex-direction:column;gap:8px;display:flex}.lista .barra [role=group]{flex-wrap:wrap;gap:6px;display:flex}.lista .barra [role=group] button[aria-pressed=true]{background:var(--destaque);color:var(--destaque-texto);border-color:var(--destaque)}.lista .novo-item{flex-direction:column;gap:8px;display:flex}.lista .novo-item label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.lista .aviso{color:var(--suave);font-size:.9rem}.item{border-bottom:1px solid var(--borda);flex-wrap:wrap;align-items:center;gap:0 6px;min-height:44px;padding:2px 0;display:flex}.item input[type=checkbox]{width:24px;height:24px;min-height:0;accent-color:var(--destaque);flex:none;padding:0}.foto{object-fit:contain;background:#fff;border-radius:6px;flex:none;width:32px;height:32px}.foto.inicial{background:var(--borda);color:var(--suave);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.item .c-produto{text-align:left;border:0;border-radius:0;flex:1 1 0;align-items:center;gap:4px;min-width:0;min-height:44px;padding:0;font-size:.9rem;display:flex;overflow:hidden}.item .c-nome{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.item .c-tam{white-space:nowrap;flex:none;font-size:.75rem;font-weight:600}.item .c-preco-base{max-width:4.6rem;color:var(--suave);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:.72rem}.item .stepper{flex:none;align-items:center;display:inline-flex}.item .stepper button{touch-action:manipulation;width:32px;height:44px;min-height:0;padding:0;font-size:1.25rem;line-height:1}.item .stepper button:disabled{opacity:.4}.item .stepper .valor{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:2.4rem;font-size:.78rem}.item .c-marca,.item .c-tamanho,.item .c-ultimo{color:var(--suave);overflow-wrap:anywhere;flex-basis:100%;order:1;padding-left:62px;font-size:.85rem;display:none}.item .c-selos{flex-wrap:wrap;flex-basis:100%;order:1;align-items:center;gap:4px 8px;padding:2px 0 6px 62px;display:none}.item.aberto .c-marca,.item.aberto .c-tamanho,.item.aberto .c-ultimo{display:block}.item.aberto .c-selos{display:flex}.item .quem{color:var(--suave);font-size:.85rem}@media (width>=768px){.so-celular{display:none}.item{grid-template-columns:24px 44px minmax(0,2.4fr) minmax(0,1fr) 5.5rem minmax(0,1.9fr) 6rem auto;column-gap:10px;display:grid}.foto{width:44px;height:44px}.item .c-produto,.item .c-marca,.item .c-tamanho,.item .c-ultimo,.item .c-preco-base,.item .stepper{grid-row:1}.item .c-produto{grid-column:3;font-size:1rem}.item .c-marca,.item .c-tamanho,.item .c-ultimo{white-space:nowrap;text-overflow:ellipsis;padding-left:0;font-size:.9rem;display:block;overflow:hidden}.item .c-marca{grid-column:4}.item .c-tamanho{grid-column:5}.item .c-ultimo{grid-column:6}.item .c-preco-base{text-align:right;max-width:none;color:var(--texto);grid-column:7;font-size:.9rem}.item .stepper{grid-column:8}.item .stepper button{width:36px}.item .stepper .valor{min-width:3.4rem;font-size:.9rem}.item .c-selos{grid-area:2/3/auto/-1;padding-left:0}}@media (width>=1100px){.item{grid-template-columns:24px 44px minmax(0,2.4fr) minmax(0,1fr) 5.5rem minmax(0,1.9fr) 6rem auto minmax(0,1.3fr)}.item .c-selos{white-space:nowrap;flex-wrap:nowrap;grid-area:1/9;padding:0;display:flex;overflow:hidden}}.lista .barra>button:disabled{opacity:.5}.lista .desfazer{justify-content:space-between;align-items:center;gap:8px;display:flex}.item .etiqueta,.item .selo{border:1px solid var(--borda);color:var(--suave);border-radius:999px;padding:2px 8px;font-size:.75rem}.item .selo{background:var(--destaque);border-color:var(--destaque);color:var(--destaque-texto)}.lista .rodape{bottom:calc(46px + env(safe-area-inset-bottom));background:var(--fundo);border-top:1px solid var(--borda);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 0;display:flex;position:sticky}.lista .rodape button{background:var(--destaque);color:var(--destaque-texto);border-color:var(--destaque)}.lista .rodape button:disabled{opacity:.5}.comparar input,.comparar select,.notas input,.notas select{font:inherit;color:inherit;background:var(--fundo);border:1px solid var(--borda);border-radius:8px;max-width:100%;min-height:44px;padding:8px 10px;font-size:16px}.comparar ul,.notas ul{margin:0;padding:0;list-style:none}.comparar h2,.notas h2{margin:20px 0 8px;font-size:1.1rem}.comparar h3,.notas h3{margin:12px 0 4px;font-size:.95rem}.comparar .selo{border:1px solid var(--borda);color:var(--suave);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem}.comparar li,.notas .lista-notas li{border-bottom:1px solid var(--borda);overflow-wrap:anywhere;padding:8px 0}.aviso-worker{border:1px solid var(--borda);color:var(--suave);border-radius:8px;padding:10px 12px}.cesta{border:1px solid var(--borda);border-radius:12px;margin:12px 0;padding:12px}.cesta h2{margin-top:0}.economia{color:var(--destaque);font-weight:600}.aviso-item{color:var(--suave)}a.botao,.notas label.botao{border:1px solid var(--borda);min-height:44px;color:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.cesta summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.substitutos li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.comparar .acoes,.notas .acoes,.comparar .fechar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.comparar .fechar{margin-top:24px}.notas .entrada,.notas .leitor,.notas .colar,.notas .classificar,.notas .novo-produto{flex-direction:column;gap:8px;display:flex}.notas label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.notas label.botao{flex-direction:row;font-size:1rem}.notas .oculto{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.notas .desabilitado{opacity:.5}.video-qr{background:#000;border-radius:8px;width:100%;max-height:50vh}.notas fieldset{border:1px solid var(--borda);border-radius:8px;flex-direction:column;gap:8px;margin:8px 0;display:flex}.notas .selo{border:1px solid var(--borda);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem}.notas .ok{color:var(--destaque)}.notas .lista-notas li{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.produtos input,.produtos select{font:inherit;color:inherit;background:var(--fundo);border:1px solid var(--borda);border-radius:8px;max-width:100%;min-height:44px;padding:8px 10px;font-size:16px}.produtos ul{margin:0;padding:0;list-style:none}.produtos h2{margin:20px 0 8px;font-size:1.1rem}.produtos .visoes{gap:6px;margin-bottom:12px;display:flex}.produtos .visoes button[aria-pressed=true]{background:var(--destaque);color:var(--destaque-texto);border-color:var(--destaque)}.produtos label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.produtos label.linha,.produtos .opcao,.produtos .modo label{flex-direction:row;align-items:center;gap:10px;min-height:44px;font-size:1rem}.produtos input[type=checkbox],.produtos input[type=radio]{width:24px;height:24px;min-height:0;accent-color:var(--destaque);flex:none;padding:0}.produtos li{border-bottom:1px solid var(--borda);overflow-wrap:anywhere;padding:4px 0}.produtos li.inativo{opacity:.6}.produtos .produto-linha{justify-content:space-between;align-items:center;gap:8px;display:flex}.produtos .selo{border:1px solid var(--borda);color:var(--suave);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.75rem}.produtos .edicao,.produtos fieldset{flex-direction:column;gap:8px;display:flex}.produtos fieldset{border:1px solid var(--borda);border-radius:8px;margin:8px 0}.produtos .modo{flex-wrap:wrap;gap:16px;display:flex}.produtos .acoes{flex-wrap:wrap;gap:8px;display:flex}.produtos .aviso{color:var(--suave);margin:0}.produtos .ok{color:var(--destaque);margin:0}
