*{box-sizing:border-box}html,body{margin:0;background:var(--cor-fundo);color:var(--cor-texto);font-family:var(--fonte);font-size:16px}a{color:var(--cor-primaria);text-decoration:none}h1{font-size:1.3rem;margin:0 0 var(--espaco-4)}h2{font-size:1.05rem;margin:var(--espaco-6) 0 var(--espaco-2)}.casco{max-width:860px;margin:0 auto;padding:var(--espaco-4) var(--espaco-4) 96px}.topo{display:flex;align-items:center;justify-content:space-between;padding:var(--espaco-3) var(--espaco-4);background:var(--cor-superficie);border-bottom:1px solid var(--cor-borda);position:sticky;top:0;z-index:2}.topo .marca{font-weight:700;color:var(--cor-primaria)}.menu{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--cor-superficie);border-top:1px solid var(--cor-borda);padding:var(--espaco-2) 0 calc(var(--espaco-2) + env(safe-area-inset-bottom));z-index:2}.menu a{color:var(--cor-texto-suave);font-size:.8rem;text-align:center;flex:1}.menu a.ativo{color:var(--cor-primaria);font-weight:600}.cartao{background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio);padding:var(--espaco-4);box-shadow:var(--sombra);margin-bottom:var(--espaco-3)}.linha{display:flex;gap:var(--espaco-2);align-items:center;flex-wrap:wrap}.suave{color:var(--cor-texto-suave);font-size:.875rem}.etiqueta{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;background:var(--cor-borda)}.etiqueta.DONE{background:color-mix(in srgb,var(--cor-sucesso) 18%,transparent);color:var(--cor-sucesso)}.etiqueta.FAILED,.etiqueta.CANCELLED,.etiqueta.BLOCKED{background:color-mix(in srgb,var(--cor-perigo) 15%,transparent);color:var(--cor-perigo)}.etiqueta.WAITING_APPROVAL,.etiqueta.WAITING_INPUT{background:color-mix(in srgb,var(--cor-alerta) 18%,transparent);color:var(--cor-alerta)}.etiqueta.RUNNING,.etiqueta.CLAIMED{background:color-mix(in srgb,var(--cor-info) 15%,transparent);color:var(--cor-info)}button,.botao{font:inherit;border:1px solid var(--cor-borda);background:var(--cor-superficie);color:var(--cor-texto);border-radius:var(--raio);padding:10px 14px;cursor:pointer;min-height:44px}button.primario{background:var(--cor-primaria);color:var(--cor-primaria-texto);border-color:var(--cor-primaria)}button.sucesso{background:var(--cor-sucesso);color:#fff;border-color:var(--cor-sucesso)}button.perigo{color:var(--cor-perigo);border-color:var(--cor-perigo)}button:disabled{opacity:.5;cursor:default}input,textarea,select{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--cor-borda);border-radius:var(--raio);background:var(--cor-superficie);color:var(--cor-texto);min-height:44px}textarea{min-height:120px;resize:vertical}label{display:block;margin:var(--espaco-3) 0 var(--espaco-1);font-size:.9rem}.erro{color:var(--cor-perigo);margin:var(--espaco-2) 0}.ok{color:var(--cor-sucesso);margin:var(--espaco-2) 0}.login{max-width:380px;margin:10vh auto;padding:var(--espaco-4)}.qr{display:block;margin:var(--espaco-3) auto;background:#fff;padding:8px;border-radius:var(--raio)}.segredo{font-family:ui-monospace,monospace;word-break:break-all;font-size:.85rem}pre{white-space:pre-wrap;word-break:break-word;font-size:.85rem;background:var(--cor-fundo);padding:var(--espaco-3);border-radius:var(--raio)}:root{--cor-primaria: #1f5f8b;--cor-primaria-texto: #ffffff;--cor-fundo: #f6f7f9;--cor-superficie: #ffffff;--cor-texto: #1b2430;--cor-texto-suave: #5b6675;--cor-borda: #dfe3e8;--cor-sucesso: #1e7a46;--cor-alerta: #b26b00;--cor-perigo: #b42318;--cor-info: #2f6fd0;--fonte: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--raio: 10px;--espaco-1: 4px;--espaco-2: 8px;--espaco-3: 12px;--espaco-4: 16px;--espaco-6: 24px;--sombra: 0 1px 2px rgb(0 0 0 / .06), 0 1px 8px rgb(0 0 0 / .04)}@media(prefers-color-scheme:dark){:root{--cor-fundo: #11161c;--cor-superficie: #1a2129;--cor-texto: #e7ecf2;--cor-texto-suave: #9aa6b4;--cor-borda: #2a333d;--cor-primaria: #4b9bd1;--cor-primaria-texto: #0b1117}}