:root{--cor: #1a1a1a;--mudo: #6b7280;--borda: #e5e7eb;--fundo: #f6f7f9;--marca: #0f5132;--vermelho: #b91c1c}*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,sans-serif;color:var(--cor);background:var(--fundo)}.tela{padding:12px 12px 76px;max-width:720px;margin:0 auto;overflow-x:hidden}h1{font-size:1.3rem;margin:4px 0 12px}h2{font-size:1rem;margin:16px 0 8px}button,select,input,textarea{font:inherit;min-height:44px;border:1px solid var(--borda);border-radius:8px;padding:8px 12px;background:#fff;max-width:100%}textarea{width:100%;min-height:80px}label{display:block;margin-bottom:10px}label>*{display:block;width:100%;margin-top:4px}button.primario{background:var(--marca);color:#fff;border-color:var(--marca)}button:disabled{opacity:.5}.cartao{display:block;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:12px;margin-bottom:10px;width:100%;text-align:left}.cartao header{display:flex;justify-content:space-between;gap:8px}.cartao h2{margin-top:0}.bloco strong{display:block}.alerta{border-color:var(--vermelho);background:#fef2f2;color:var(--vermelho)}.sem-extrato{background:var(--fundo);color:var(--mudo)}.grande{font-size:1.6rem}.valor{white-space:nowrap;font-weight:600}.mudo{color:var(--mudo);font-size:.85rem;margin:4px 0;overflow-wrap:anywhere}.neg,.erro{color:var(--vermelho)}.aviso{color:var(--mudo)}dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0}dd{margin:0;text-align:right}.botoes,.abas{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.botoes button{flex:1}.abas button.ativo{background:var(--marca);color:#fff}.tabela{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.tabela td,.tabela th{padding:8px 6px;border-bottom:1px solid var(--borda);text-align:left;overflow-wrap:anywhere}.tabela .num{text-align:right;white-space:nowrap}.tabela .subtotal{font-weight:700;background:#f0f2f5}.menu{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--borda);padding-bottom:env(safe-area-inset-bottom)}.menu button{flex:1;min-width:0;border:0;border-radius:0;font-size:.7rem;padding:6px 0;min-height:52px}.menu button.ativo{color:var(--marca);font-weight:700;border-top:3px solid var(--marca)}.migalhas{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.migalhas button{min-height:36px;padding:4px 8px}label.linha{display:flex;align-items:center;gap:8px}label.linha>*{display:inline-block;width:auto;margin:0;min-height:0}