:root{--cor:#1f6f5c;--cor-escura:#17574a;--fundo:#f4f6f5;--painel:#fff;--texto:#1d2523;--suave:#66736f;--borda:#dde3e1;--perigo:#c0392b;--raio:10px;color:var(--texto);background:var(--fundo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1{margin:0;font-size:1.5rem}a{color:inherit}.topbar{padding:10px 20px;padding-top:max(10px, env(safe-area-inset-top));background:var(--cor);color:#fff;z-index:10;align-items:center;gap:24px;display:flex;position:sticky;top:0}.marca{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.marca img{border-radius:6px;box-shadow:0 0 0 1px #fff6}nav{gap:4px;display:flex;overflow-x:auto}nav a,nav span{white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:.95rem;text-decoration:none}nav a.active{background:#ffffff2e}.nav-em-breve{opacity:.5;cursor:default}.aviso-demo{color:#6b5300;background:#fff6db;border-bottom:1px solid #f0dc9c;padding:8px 20px;font-size:.88rem}.aviso-demo code{margin:0 4px}.conteudo{max-width:1100px;margin:0 auto;padding:20px 20px 96px}.cabecalho-pagina{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--borda);background:#fff;border-radius:8px;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--cor);outline-offset:-1px;border-color:#0000}textarea{resize:vertical}.btn{border:1px solid var(--borda);font:inherit;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#f0f3f2}.btn-primario{background:var(--cor);border-color:var(--cor);color:#fff}.btn-primario:hover{background:var(--cor-escura)}.btn-primario:disabled{opacity:.6;cursor:wait}.btn-perigo{color:var(--perigo);border-color:#efc4bf}.btn-perigo:hover{background:#fdf0ee}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--cor)}.filtros{grid-template-columns:1fr 200px auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.contador{color:var(--suave);margin:4px 0 8px;font-size:.85rem}.estado{color:var(--suave)}.erro{color:var(--perigo);background:#fdf0ee;border:1px solid #efc4bf;border-radius:8px;padding:10px 14px}.vazio{text-align:center;background:var(--painel);border:1px dashed var(--borda);border-radius:var(--raio);color:var(--suave);padding:48px 16px}.tabela{border-collapse:collapse;background:var(--painel);border-radius:var(--raio);width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000d}.tabela th,.tabela td{text-align:left;border-bottom:1px solid var(--borda);padding:11px 14px;font-size:.93rem}.tabela th{text-transform:uppercase;letter-spacing:.03em;color:var(--suave);background:#eef2f0;font-size:.78rem}.tabela tbody tr{cursor:pointer}.tabela tbody tr:hover{background:#f6faf8}.tabela tbody tr:last-child td{border-bottom:none}.num{font-variant-numeric:tabular-nums;text-align:right!important}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.88em}.inativo{color:var(--suave)}.tag{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.tag-materia_prima{color:#1d5a99;background:#e6f0fb}.tag-semiacabado{color:#8a5a00;background:#fff2dc}.tag-produto_acabado{color:#1f6f5c;background:#e2f4ec}.tag-revenda{color:#6a3ea1;background:#f1e9fb}.cartoes{margin:0;padding:0;list-style:none;display:none}.cartoes li a{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);margin-bottom:8px;padding:12px 14px;text-decoration:none;display:block}.cartoes a.inativo{opacity:.6}.cartao-linha{justify-content:space-between;align-items:center;gap:8px;display:flex}.cartao-linha.sub{color:var(--suave);margin-top:6px;font-size:.85rem}.preco{white-space:nowrap;font-weight:600}.fab{right:20px;bottom:max(20px, env(safe-area-inset-bottom));background:var(--cor);color:#fff;text-align:center;border-radius:50%;width:56px;height:56px;font-size:2rem;line-height:56px;text-decoration:none;display:none;position:fixed;box-shadow:0 4px 12px #00000040}.formulario fieldset{border:1px solid var(--borda);background:var(--painel);border-radius:var(--raio);margin:0 0 16px;padding:16px 18px 18px}.formulario legend{padding:0 6px;font-weight:700}.grade{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:12px;display:grid}.campo{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.campo>span{color:var(--suave);font-weight:600}.campo.largo{grid-column:span 2}.campo.com-erro input,.campo.com-erro select{border-color:var(--perigo)}.campo small{color:var(--perigo)}.acoes{align-items:center;gap:10px;display:flex}.espaco{flex:1}.usuario{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.usuario-email{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.85rem;overflow:hidden}.btn-sair{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff59;border-radius:6px;padding:5px 12px;font-size:.88rem;font-weight:600}.btn-sair:hover{background:#ffffff38}.carregando-app{text-align:center;margin-top:40vh}.login-fundo{background:linear-gradient(160deg, var(--cor) 0%, var(--cor-escura) 45%, var(--fundo) 45%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-cartao{background:var(--painel);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px 24px;display:flex;box-shadow:0 10px 30px #00000026}.login-marca{text-align:center}.login-marca img{border-radius:12px}.login-marca h1{margin-top:10px;font-size:1.35rem}.login-marca p{color:var(--suave);margin:4px 0 0;font-size:.92rem}.login-cartao .erro{margin:0}.login-botao{width:100%;padding:12px;font-size:1rem}.login-ajuda{text-align:center;color:var(--suave);margin:0;font-size:.82rem}.senha-wrap{position:relative}.senha-wrap input{padding-right:78px}.senha-olho{color:var(--cor);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px;font-size:.82rem;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}@media (width<=720px){.topbar{flex-wrap:wrap;gap:12px;padding-left:14px;padding-right:14px}.topbar nav{order:3;width:100%}.usuario-email{display:none}.conteudo{padding:14px 14px 96px}.filtros{grid-template-columns:1fr auto}.filtros input[type=search]{grid-column:1/-1}.tabela{display:none}.cartoes,.fab{display:block}.esconder-mobile{display:none}.grade{grid-template-columns:1fr}.campo.largo{grid-column:auto}.acoes{flex-wrap:wrap}.acoes .btn{flex:1}.acoes .espaco{display:none}}