:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fundo:#f1f5f3;--card:#fff;--linha:#dbe3df;--texto:#16211d;--suave:#4f5d57;--marca:#0e6c50;--marca-escura:#0a4f3b;--destaque-fundo:#e1f5ee;--destaque-texto:#085041;--perigo:#b42318;--perigo-fundo:#fee4e2;--atencao-fundo:#fff4e5;--atencao-texto:#7a3e00;font:16px/1.5 -apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fundo);color:var(--texto);margin:0}:focus-visible{outline:3px solid var(--marca);outline-offset:2px}.topo{background:var(--marca);color:#fff;padding:12px max(12px, env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.marca{letter-spacing:.5px;font-weight:700}.botao-topo{color:#fff;font:inherit;cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px;font-weight:600}.tela{max-width:32rem;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--linha);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.titulo{margin:0;font-size:1.25rem}.suave{color:var(--suave);margin:0;font-size:.9rem}.form{flex-direction:column;gap:8px;display:flex}.form label{font-size:.9rem;font-weight:600}.form input{font:inherit;border:1.5px solid var(--linha);color:var(--texto);border-radius:12px;padding:12px}.form button{margin-top:8px}.primario,.secundario{font:inherit;cursor:pointer;border-radius:12px;min-height:44px;padding:12px;font-weight:600}.primario{background:var(--marca);color:#fff;border:none}.primario:hover{background:var(--marca-escura)}.primario:disabled{opacity:.7;cursor:wait}.secundario{color:var(--marca);border:1.5px solid var(--marca);background:0 0}.lista{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.opcao{text-align:left;width:100%;font:inherit;color:var(--texto);cursor:pointer;border:1.5px solid var(--linha);background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.opcao:hover{border-color:var(--marca);background:var(--destaque-fundo)}.selo-bloqueado{background:var(--perigo-fundo);color:var(--perigo);border-radius:8px;align-self:flex-start;padding:2px 8px;font-size:.8rem;font-weight:600}.erro{background:var(--perigo-fundo);color:var(--perigo);border-radius:10px;margin:0;padding:10px 12px}.aviso{background:var(--atencao-fundo);color:var(--atencao-texto);border-radius:10px;margin:0;padding:10px 12px}.conexao{border-radius:12px;margin:0;padding:14px;font-weight:600}.conexao.online{background:var(--destaque-fundo);color:var(--destaque-texto)}.conexao.offline{background:var(--perigo-fundo);color:var(--perigo)}.conexao.desconhecida{background:var(--fundo);color:var(--suave)}.itens{margin:0;padding-left:1.25rem;line-height:1.8}.resumo{flex-direction:column;gap:8px;margin:0;display:flex}.resumo div{border-bottom:1px solid var(--linha);padding-bottom:6px}.resumo dt{color:var(--suave);font-size:.85rem}.resumo dd{margin:0;font-weight:600}.titulo:focus{outline:none}.subtitulo{margin:8px 0 0;font-size:1.05rem}.pedidos{flex-direction:column;gap:8px;display:flex}.pedido{border:1px solid var(--linha);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.pedido p{margin:0}.pedido-topo{overflow-wrap:anywhere}.pedido-estado{font-weight:600}.confirmar{flex-direction:column;gap:8px;display:flex}.protocolo{background:var(--destaque-fundo);color:var(--destaque-texto);border-radius:10px;margin:0;padding:10px 12px}
