:root{--fundo:#f4f5f7;--cartao:#fff;--texto:#1d2129;--suave:#5f6673;--borda:#d7dbe0;--destaque:#0f6e56;--destaque-texto:#fff;--erro:#b42318;--erro-fundo:#fdecea;--sucesso-fundo:#e6f4ef;--aviso-fundo:#fff6dc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--fundo);margin:0}button,input,select{font:inherit}input,select{border:1px solid var(--borda);width:100%;color:var(--texto);background:#fff;border-radius:8px;padding:10px 12px}input:focus,select:focus{outline:2px solid var(--destaque);outline-offset:0;border-color:var(--destaque)}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 16px}button:disabled{opacity:.6;cursor:default}.principal{background:var(--destaque);color:var(--destaque-texto);font-weight:600}.secundario{color:var(--texto);border-color:var(--borda);background:#fff}.link{color:inherit;background:0 0;border:none;padding:0;text-decoration:underline}label{color:var(--suave);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.erro{color:var(--erro);background:var(--erro-fundo);border-radius:8px;margin:0;padding:10px 12px}.sucesso{background:var(--sucesso-fundo);border-radius:8px;margin:0 0 12px;padding:10px 12px}.aviso{background:var(--aviso-fundo);border-radius:8px;margin:0;padding:10px 12px;font-size:.9rem}.negativo{color:var(--erro)}.centro{text-align:center;gap:16px;max-width:420px;margin:20vh auto 0;padding:0 16px;display:grid}.cartao{background:var(--cartao);border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login form{gap:16px;width:100%;max-width:380px;display:grid}.login h1{text-align:center;color:var(--destaque);margin:0}.topo{background:var(--cartao);border-bottom:1px solid var(--borda);align-items:center;gap:12px;padding:10px 16px;display:flex}.topo .info{color:var(--suave);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.topo button{padding:6px 12px}.faixa-demo{background:var(--aviso-fundo);text-align:center;margin:0;padding:6px 16px;font-size:.85rem}main{max-width:960px;margin:0 auto;padding:16px}.barra-busca{gap:8px;margin-bottom:12px;display:flex}.busca{padding:14px 16px;font-size:1.15rem}.barra-busca button{white-space:nowrap}.lista{background:var(--cartao);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.lista li+li{border-top:1px solid var(--borda)}.item{text-align:left;width:100%;color:inherit;background:0 0;border:none;border-radius:0;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.item:hover,.item:focus-visible{background:#f0f7f4}.item .nome{flex-direction:column;min-width:0;display:flex}.item small{color:var(--suave)}.item .estoque{color:var(--suave);font-variant-numeric:tabular-nums}.item .preco{font-variant-numeric:tabular-nums;text-align:right;min-width:90px;font-weight:600}.item.inativo{opacity:.55}.etiqueta{background:var(--borda);color:var(--texto);border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.75rem;display:inline-block}.vazio{text-align:center;color:var(--suave);justify-items:center;gap:12px;padding:32px 16px;display:grid}.vazio p{margin:0}.fundo{background:#00000059;place-items:start center;padding:5vh 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.formulario{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:560px;display:grid}.formulario h2{grid-column:1/-1;margin:0}.formulario .aviso,.largo{grid-column:1/-1}.campo-fixo{color:var(--suave);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.campo-fixo b{color:var(--texto);padding:10px 0;font-size:1rem}.acoes{align-items:center;gap:8px;margin-top:4px;display:flex}.espaco{flex:1}@media (width<=600px){.barra-busca{flex-direction:column}.item{grid-template-columns:1fr auto;gap:4px 12px}.item .estoque{grid-area:2/1;font-size:.85rem}.item .preco{grid-area:1/2/span 2}.formulario{grid-template-columns:1fr;padding:16px}.fundo{padding:0}.formulario{border-radius:0;min-height:100vh}}.aviso-versao{z-index:10;background:var(--texto);color:#fff;border-radius:10px;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}