:root{--rojo:#e4122b;--tinta:#161616;--gris:#f2f2f2;--verde:#1b8a3a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--tinta);background:#fff}#barra{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1rem;background:var(--rojo);color:#fff;padding-top:calc(.7rem + env(safe-area-inset-top))}#titulo{font-weight:700}.chip{font-size:.75rem;background:#fff3;padding:.15rem .5rem;border-radius:999px}.chip.off{background:#b00020}.chip.ok{background:var(--verde)}.chip.sync{background:#d99e00}#app{padding:1rem;max-width:640px;margin:0 auto}button{font:inherit}.btn{width:100%;padding:.9rem;border:0;border-radius:.6rem;background:var(--rojo);color:#fff;font-weight:600}input{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:.6rem;font:inherit}.lista{list-style:none;padding:0;margin:0}.item{display:flex;align-items:center;gap:.75rem;padding:.7rem;border-bottom:1px solid var(--gris)}.item .nom{flex:1}.toggle{min-width:5.5rem;padding:.6rem;border-radius:.5rem;border:2px solid #ccc;background:#fff}.toggle.on{border-color:var(--verde);background:#e7f6ec;color:var(--verde);font-weight:700}.pasos{display:flex;align-items:center;gap:.4rem}.pasos button{width:2.4rem;height:2.4rem;border-radius:.5rem;border:1px solid #ccc;background:#fff;font-size:1.2rem}.pasos .n{min-width:1.5rem;text-align:center;font-weight:700}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tabs button{flex:1;padding:.7rem;border:0;border-radius:.6rem;background:var(--gris)}.tabs button.activa{background:var(--tinta);color:#fff}.tarjeta{border:1px solid var(--gris);border-radius:.6rem;padding:.8rem;margin-bottom:.6rem}